:root{color:#161b1d;font-synthesis:none;background:#f1f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f1f6f5;min-height:100svh;padding:24px 20px 48px}.topbar{align-items:center;gap:14px;width:min(100%,900px);height:48px;margin:0 auto;display:flex}.brand{letter-spacing:.28em;font-size:15px;font-weight:850}.status-dot{background:#bcc6c5;border-radius:50%;width:8px;height:8px}.status-dot.active{background:#2fb5a7;box-shadow:0 0 0 5px #2fb5a722}.icon-button,.quit-button{color:#5e6a69;background:0 0;border:0}.icon-button{padding:4px 12px 4px 0;font-size:28px}.screen{width:min(100%,760px);margin:0 auto}.home-screen{flex-direction:column;align-items:center;padding-top:72px;display:flex}.hero-copy{text-align:center;max-width:680px}.eyebrow{color:#2e9c91;letter-spacing:.18em;margin:0 0 12px;font-size:11px;font-weight:800}h1,h2{letter-spacing:-.055em;margin:0;font-weight:760;line-height:.96}h1{font-size:72px}h2{font-size:56px}h1 em,h2 em{color:#2caea2;font-style:normal}.lede{color:#61706e;max-width:480px;margin:24px 0 0;font-size:17px;line-height:1.5}.glass-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 14px 50px #164d4620,inset 0 1px #ffffffc9}.account-panel{text-align:left;width:min(100%,560px);margin:48px auto 20px;padding:20px}.account-kicker{margin-bottom:8px}.account-title{letter-spacing:-.035em;margin:0 0 14px;font-size:26px;line-height:1.05}.inline-form,.join-row{gap:8px;display:flex}input{color:#1a2524;background:#ffffffa8;border:1px solid #d5dfdd;border-radius:14px;outline:none;width:100%;min-width:0;padding:13px 14px}input:focus{border-color:#2aafa1;box-shadow:0 0 0 3px #2aafa122}.auth-section{border-top:1px solid #d7e1df;margin-top:18px;padding-top:16px}.auth-heading{color:#263331;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-status{color:#697673;margin:6px 0 12px;font-size:13px;line-height:1.4}.auth-buttons{gap:8px;max-width:320px;display:grid}.google-signin-button{align-items:center;min-height:44px;display:flex}.provider-button{border:1px solid #d3ddda;border-radius:14px;width:100%;min-height:44px;font-weight:750}.apple-button{color:#fff;background:#141817;border-color:#141817}.guest-button{color:#263331;background:#ffffff96}.provider-button:disabled{cursor:not-allowed;opacity:.55}.auth-hint{color:#788481;margin:10px 0 0;font-size:12px;line-height:1.4}.account-actions{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.text-button{color:#586663;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.text-button.danger{color:#a23e3e}.text-button:disabled{cursor:not-allowed;opacity:.55}.auth-error{color:#a23e3e;margin:10px 0 0;font-size:12px;line-height:1.4}.play-panel{width:min(100%,560px);margin-top:18px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.section-heading h3{color:#263331;letter-spacing:-.02em;margin:0;font-size:21px}.section-heading span{color:#788481;font-size:12px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-button{text-align:left;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:78px;display:grid}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:15px}.mode-button small{color:#6c7976;margin-top:4px;font-size:12px;font-weight:500}.primary-button.mode-button small{color:#d8fffa}.mode-icon{color:#2db5a8;background:#d9f3ef;border-radius:10px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.primary-button .mode-icon{color:#2db5a8;background:#d8fffa}.mode-arrow{color:currentColor;text-align:right;font-size:25px;font-weight:400}.online-panel{margin-top:28px}.action-stack{gap:10px;width:100%;display:grid}.primary-button,.secondary-button{border:1px solid #0000;border-radius:15px;padding:14px 17px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:#2db5a8;box-shadow:0 10px 22px #2db5a84d}.secondary-button{color:#263331;background:#ffffff96;border-color:#cfdad8}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button span{float:right;font-size:20px}.wide{width:100%}.message{color:#64716f;min-height:22px;font-size:13px;line-height:1.4}.centered-screen{align-content:center;width:min(100%,620px);min-height:calc(100svh - 110px);display:grid}.centered-screen .wide{max-width:360px;margin-top:28px}.search-orbit{border:1px solid #2db5a866;border-radius:50%;width:86px;height:86px;margin-bottom:34px;position:relative}.search-orbit:before,.search-orbit:after,.search-orbit span{content:"";background:#2db5a8;border-radius:50%;position:absolute}.search-orbit:before{width:12px;height:12px;top:-6px;left:37px}.search-orbit:after{width:8px;height:8px;bottom:12px;left:9px}.search-orbit span{width:7px;height:7px;bottom:14px;right:10px}.search-orbit span:first-child{animation:2.3s linear infinite orbit}.search-orbit span:nth-child(2){animation:2.3s linear .5s infinite orbit}.search-orbit span:nth-child(3){animation:2.3s linear 1s infinite orbit}@keyframes orbit{0%{transform:rotate(0)translate(37px)rotate(0)}to{transform:rotate(360deg)translate(37px)rotate(-360deg)}}.invite-code{overflow-wrap:anywhere;background:#ffffffa8;border:1px dashed #2db5a8;border-radius:18px;margin:28px 0 8px;padding:18px 22px;font:700 20px ui-monospace,monospace}.game-screen{width:min(100%,700px);margin-inline:auto;padding-top:22px}.game-status{justify-content:space-between;align-items:center;gap:18px;width:min(100%,640px);margin-inline:auto;padding:16px 18px;display:flex}.game-status strong{margin-top:4px;font:750 26px ui-monospace,monospace;display:block}.score-line{color:#596764;text-align:right;gap:22px;font-size:13px;display:flex}.board-wrap{width:min(100%,640px);margin:16px auto 0;padding:14px}.board{aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;margin:0 auto;display:grid}.board-cell{color:#16201f;background:#ffffff60;border:1px solid #d7e1df;border-radius:12px;font-size:42px;font-weight:760;transition:transform .16s,background .16s,border-color .16s}.board-cell:hover{transform:scale(.97)}.board-cell.filled{background:#ffffffa8}.board-cell.selected{background:#d5f3ee;border-color:#2db5a8;box-shadow:inset 0 0 0 2px #2db5a844}.board-cell.placement{background:#ffe5a7;border-color:#d58e27}.word-readout{border-top:1px solid #d7e1df;justify-content:space-between;align-items:baseline;gap:12px;max-width:620px;margin:16px auto 0;padding:14px 4px 0;display:flex}.word-readout span{color:#6b7875;letter-spacing:.12em;font-size:11px;font-weight:800}.word-readout strong{text-align:right;font:700 15px ui-monospace,monospace}.keyboard{grid-template-columns:repeat(10,1fr);gap:6px;width:min(100%,640px);margin:14px auto 0;padding:10px;display:grid}.keyboard button{color:#33403e;background:#ffffff94;border:1px solid #d3ddda;border-radius:10px;min-height:42px;font-weight:700}.keyboard button.chosen{color:#fff;background:#2db5a8;border-color:#2db5a8}.game-actions{grid-template-columns:1fr 1fr 1.35fr;gap:8px;width:min(100%,640px);margin:12px auto 0;display:grid}.reaction-row{gap:7px;width:min(100%,640px);margin:12px auto 0;display:flex}.reaction-button{color:#65726f;background:#ffffff84;border:1px solid #d3ddda;border-radius:12px;flex:1;padding:9px 5px;font-size:12px;font-weight:700}.quit-button{margin:16px auto 0;font-size:12px;display:block}.result-panel{z-index:2;text-align:center;width:min(90vw,420px);padding:26px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.result-panel h2{margin-bottom:22px;font-size:50px}.result-actions{gap:8px;display:grid}@media (max-width:640px){.app-shell{padding:16px 12px 32px}.home-screen{padding-top:52px}h1{font-size:48px}h2{font-size:40px}.lede{font-size:15px}.mode-grid{grid-template-columns:1fr}.game-status{flex-direction:column;align-items:flex-start}.score-line{text-align:left;justify-content:space-between;width:100%}.board-wrap{padding:8px}.board{gap:5px}.board-cell{border-radius:9px;font-size:28px}.keyboard{gap:4px;padding:8px 5px}.keyboard button{min-height:38px;font-size:13px}.game-actions{grid-template-columns:1fr 1fr 1.2fr}.word-readout{flex-direction:column;align-items:flex-start;gap:5px}.word-readout strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}