@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#111616;--surface:#1b2222;--surface2:#222b2b;--line:#303939;--muted:#91a09b;--text:#f2f3ea;--lime:#d9f76c;--green:#71b697;--yellow:#d7b85e;--danger:#ef9a8b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;transition:background .18s,border-color .18s,transform .18s}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{transform:translateY(1px)}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:2px solid var(--lime);outline-offset:4px}button{background:0 0;border:0}input{width:100%;color:var(--text);background:#151c1c;border:1px solid #3b4443;border-radius:8px;outline:none;padding:14px 15px}input:focus{border-color:var(--lime)}input::placeholder{color:#71807a}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.tile,.code-input,.room-code strong{font-family:Space Grotesk,sans-serif}h2{letter-spacing:-.7px;font-size:24px}label{letter-spacing:1.3px;color:#c6cdc8;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:10px;font-weight:700;display:flex}label span{letter-spacing:0;color:var(--muted);font-size:11px;font-weight:400}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1600px;height:86px;margin:auto;padding:0 52px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;padding:0;font-size:23px;font-weight:700;display:flex}.brand-light{font-weight:400}.brand sup{margin-left:4px;font-size:9px;position:relative;top:-8px}.brand-icon{border:1px solid var(--lime);width:37px;height:37px;color:var(--lime);letter-spacing:-5px;border-radius:7px;justify-content:center;align-items:center;padding-right:4px;font-size:22px;display:flex;transform:rotate(-6deg)}.brand-icon span{font-size:19px;position:relative;top:5px}.header-right{align-items:center;gap:28px;display:flex}.header-caption{color:var(--muted);font-size:12px}.text-button{color:#d3d9d4;justify-content:center;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--lime)}.icon-button{color:#b4c0b8;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{background:var(--surface2)}.home{grid-template-columns:1.12fr 1fr;gap:48px 70px;max-width:1390px;margin:auto;padding:64px 52px 22px;display:grid}.hero{padding:5px 0}.eyebrow{letter-spacing:2px;color:#bac8bb;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.live-dot{background:var(--lime);border-radius:100%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #d9f76c0b}.hero h1{letter-spacing:-4px;margin:27px 0 22px;font-size:clamp(50px,5.2vw,78px);font-weight:500;line-height:1.06}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{color:#a1aea6;font-size:15px;line-height:1.8}.hero-pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.hero-pills span{border:1px solid var(--line);color:#c8d0ca;border-radius:30px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;display:inline-flex}.preview-scene{border-top:1px solid var(--line);max-width:570px;margin-top:40px;padding-top:16px}.preview-top{letter-spacing:1px;color:#7b8c83;justify-content:space-between;align-items:center;font-size:8px;display:flex}.preview-top>span:first-child{align-items:center;gap:6px;display:flex}.preview-top>span:last-child{border:1px solid #354139;border-radius:3px;padding:3px 4px;font-size:7px}.preview-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0;display:grid}.preview-card{background:linear-gradient(140deg,#25302c,#1c2522);border:1px solid #34423a;border-radius:9px;padding:12px 10px;transform:rotate(-3deg);box-shadow:0 10px 20px #0002}.preview-card.card-1{transform:translateY(7px)rotate(2deg)}.preview-card.card-2{background:#293321;border-color:#647b45;transform:rotate(-2deg)}.preview-name{align-items:center;gap:5px;margin-bottom:13px;font-size:10px;font-weight:500;display:flex}.mini-avatar{color:#17231a;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:flex}.preview-state{letter-spacing:1px;color:#91a190;margin-left:auto;font-size:7px}.preview-card small{color:#96a48f;margin-top:11px;font-size:8px;display:block}.preview-bottom{color:#8b9d90;align-items:center;gap:7px;margin-top:22px;font-size:10px;display:flex}.preview-bottom svg{margin-left:auto}.pulse-ring{background:#a9c18f;border-radius:50%;width:5px;height:5px}.hero-foot{color:#71877b;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.mini-star{color:var(--lime);font-size:22px}.create-panel{background:var(--surface);border:1px solid #36403b;border-radius:16px;align-self:start;overflow:hidden;box-shadow:0 15px 45px #0001}.panel-tabs{border-bottom:1px solid var(--line);display:flex}.panel-tabs button{color:#809188;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;width:50%;padding:20px 27px;font-size:12px;display:flex}.panel-tabs button.active{color:var(--lime);border-bottom-color:var(--lime);background:#d9f76c05}.create-panel form{padding:28px}.panel-heading{margin-bottom:26px}.panel-heading h2{font-size:27px;font-weight:500}.panel-heading p{color:var(--muted);margin-top:6px;font-size:12px}.settings{margin:23px 0}.setting-pair{grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.segments{background:#151c19;border:1px solid #3a4440;border-radius:7px;gap:2px;padding:3px;display:flex}.segments button{color:#92a295;border-radius:4px;flex:1;padding:8px 0;font-size:11px}.segments button.selected{background:var(--lime);color:#1a2414;font-weight:700}.segments button:hover:not(.selected){background:#2c3a2c}.mode-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mode-option{text-align:left;background:#1b2420;border:1px solid #3a4440;border-radius:8px;padding:13px 11px}.mode-option.selected{border-color:var(--lime);background:#d9f76c08}.mode-name{color:#d8e1d4;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.radio-dot{background-clip:content-box;border:1px solid #677661;border-radius:50%;width:12px;height:12px;padding:2px}.selected .radio-dot{background-color:var(--lime);border-color:var(--lime)}.mode-option small{color:#8e9e8c;margin-top:9px;font-size:9px;display:block}.mode-preview{align-items:center;gap:5px;margin-top:13px;display:flex}.tiles{gap:4px;display:flex}.tile{white-space:pre;border:1px solid #3a4543;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:36px;font-size:19px;font-weight:600;display:flex}.tile.green,.green{background:var(--green);border-color:var(--green);color:#13261c}.tile.yellow,.yellow{background:var(--yellow);border-color:var(--yellow);color:#332a13}.tile.miss{color:#e2e5de;background:#36403c;border-color:#36403c}.tile.neutral{color:#dce2da;background:0 0}.tiles.tiny{gap:3px}.tiny .tile{border-radius:2px;width:19px;height:21px;font-size:10px}.tiles.preview{gap:3px}.preview .tile{border-radius:3px;flex:1;width:auto;height:26px;font-size:13px}.counts{white-space:nowrap;flex-direction:column;gap:4px;min-width:26px;margin-left:3px;font-size:9px;font-weight:700;display:flex}.green-count{color:#94d4ad}.yellow-count{color:#dfc66a}.mode-preview .counts{gap:1px;min-width:18px;font-size:7px}.primary,.secondary,.danger{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:13px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--lime);color:#182113}.primary:hover:not(:disabled){background:#e9ff99}.secondary{color:#e0e7da;background:#273029;border:1px solid #425045}.secondary:hover:not(:disabled){background:#354031}.danger{color:#fff;background:#c75c49}.full{width:100%}.big{justify-content:space-between;min-height:48px;font-size:13px}.panel-note{color:#8c9e8d;justify-content:center;gap:5px;margin-top:13px;font-size:9px;display:flex}.practice-row{background:#1d2820;border-top:1px solid #334031;justify-content:space-between;align-items:center;gap:10px;padding:19px 27px;display:flex}.practice-row strong{font-size:11px;font-weight:500;display:block}.practice-row span{color:#839981;margin-top:4px;font-size:10px;display:block}.practice-button{color:var(--lime);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.home-footer{letter-spacing:1.1px;color:#63776b;border-top:1px solid #27352b;grid-column:1/-1;justify-content:space-between;padding-top:20px;font-size:8px;display:flex}.join-code{margin:25px 0 32px}.code-input{letter-spacing:8px;text-transform:uppercase;font-size:30px}.join-code p{color:var(--muted);margin-top:10px;font-size:12px}.connection{letter-spacing:1px;color:#a7b6a8;align-items:center;gap:7px;font-size:9px;display:flex}.connection i{background:var(--green);border-radius:50%;width:5px;height:5px}.connection i.offline{background:var(--yellow)}.room-page{max-width:1400px;margin:auto;padding:38px 52px 40px}.room-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.room-top h1{letter-spacing:-1.3px;margin-top:11px;font-size:32px;font-weight:500}.room-code{color:#c1d0bd;text-align:left;background:#1b251d;border:1px solid #3a473e;border-radius:9px;align-items:center;gap:22px;padding:10px 15px;display:flex}.room-code span{letter-spacing:1.5px;font-size:8px}.room-code strong{letter-spacing:4px;color:var(--lime);margin-top:5px;font-size:19px;display:block}.room-code:disabled{opacity:1}.room-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#9ead9e;flex-wrap:wrap;align-items:center;gap:24px;padding:14px 0;font-size:11px;display:flex}.room-meta>span{align-items:center;gap:6px;display:flex}.room-meta .meta-end{letter-spacing:1.5px;color:#6f8575;margin-left:auto;font-size:9px}.lobby-layout{grid-template-columns:1.3fr 1fr;gap:40px;margin-top:30px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-title h2{font-size:21px;font-weight:500}.section-title>span{color:var(--muted);font-size:11px}.player-list{flex-direction:column;gap:8px;display:flex}.player-seat,.empty-seat{background:var(--surface);border:1px solid #344137;border-radius:9px;align-items:center;gap:14px;min-height:78px;padding:16px 18px;display:flex}.seat-number{color:#617568;font-family:Space Grotesk,sans-serif;font-size:11px}.avatar{color:#233020;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;display:flex}.lime{background:#cbe29c}.lavender{background:#b8ace0}.peach{background:#dfb39a}.blue{background:#99b9dc}.rose{background:#d69cae}.mint{background:#96c5b7}.purple{background:#bf9bd1}.avatar.yellow{background:#d7c78e}.seat-name strong{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.seat-name span{color:var(--muted);margin-top:5px;font-size:11px;display:block}small{color:var(--muted);font-size:9px;font-weight:400}.seat-name small,.board-person small,.result-name small{color:#9bad96;letter-spacing:.6px;margin-left:5px;font-size:8px}.seat-name svg{color:var(--lime)}.ready-badge{color:#b0c995;background:#2b3826;border:1px solid #3c4f34;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:5px 9px;font-size:10px;display:flex}.pending-dot{background:#73806c;border-radius:100%;width:6px;height:6px;margin-left:auto}.empty-seat{color:#61776a;background:0 0;border:1px dashed #344036;font-size:12px}.empty-avatar{color:#4c6653;border:1px dashed #3a493e;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.invite-button{margin-top:15px}.lobby-rules{color:#91a48e;gap:14px;padding:26px 4px;display:flex}.lobby-rules>svg{color:var(--lime);flex-shrink:0}.lobby-rules strong{color:#c3d0bb;font-size:12px;font-weight:500}.lobby-rules p{max-width:400px;margin-top:7px;font-size:12px;line-height:1.7}.secret-panel,.host-panel{background:var(--surface);border:1px solid #344137;border-radius:12px;padding:25px}.section-kicker{letter-spacing:1.4px;color:#b1c39f;align-items:center;gap:8px;font-size:9px;font-weight:500;display:flex}.secret-panel h2{margin:17px 0 7px;font-size:25px;font-weight:500}.secret-panel>p{color:var(--muted);font-size:12px}.secret-panel form{margin-top:24px}.secret-input-wrap{position:relative}.secret-input-wrap input{letter-spacing:3px;text-transform:uppercase;padding-right:45px}.secret-input-wrap input::placeholder{text-transform:none;letter-spacing:0}.secret-input-wrap button{color:#91a18d;padding:4px;position:absolute;top:11px;right:9px}.input-hint{color:#6f856f;margin:10px 0 18px;font-size:10px;display:block}.secret-panel p.locked-note{color:#b3cf94;align-items:center;gap:6px;margin-top:15px;font-size:11px;display:flex}.host-panel{margin-top:16px}.host-panel .settings{margin:20px 0}.host-panel .setting-pair{gap:13px}.host-panel .mode-option{padding:10px}.host-panel label{letter-spacing:1px;font-size:9px}.host-panel label span{font-size:9px}.muted-note{color:#7b917c;text-align:center;margin-top:12px;font-size:10px;line-height:1.5}.waiting-host{color:#a1b391;align-items:center;gap:10px;padding:24px 12px;font-size:12px;display:flex}.game-status{background:linear-gradient(90deg,#293326,#202921);border:1px solid #3f5035;border-radius:10px;align-items:center;gap:17px;margin:27px 0 30px;padding:22px 25px;display:flex}.status-icon{width:45px;height:45px;color:var(--lime);background:#3e4c2d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.game-status h2{letter-spacing:-.6px;margin-top:7px;font-size:22px;font-weight:500}.survivor-count{white-space:nowrap;align-items:baseline;gap:6px;margin-left:auto;display:flex}.survivor-count strong{color:var(--lime);font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:500}.survivor-count span{color:#91a480;font-size:11px}.boards-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.boards-heading h2{letter-spacing:-.4px;font-size:19px;font-weight:500}.boards-heading h2>span{letter-spacing:0;color:#738a76;margin-left:12px;font-family:DM Sans,sans-serif;font-size:11px}.legend{color:#90a38b;gap:15px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:7px;height:7px}.boards-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));align-items:start;gap:15px;display:grid}.boards-grid.words-7,.boards-grid.words-8{grid-template-columns:repeat(auto-fit,minmax(345px,1fr))}.board{background:var(--surface);border:1px solid #344039;border-radius:10px;min-width:0;transition:border-color .2s;overflow:hidden}.board.current{border-color:#a7bb60;box-shadow:0 0 0 1px #a7bb6025}.board.eliminated{opacity:.65;border-color:#413d34}.board-heading{border-bottom:1px solid #303b32;align-items:center;gap:10px;padding:15px 16px;display:flex}.board-person{min-width:0}.board-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.board-person>span{color:#8ca17e;margin-top:4px;font-size:9px;display:block}.status-dot{background:#a8c47b;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.status-dot.out{background:#98856c}.board-scroll{scrollbar-width:thin;scrollbar-color:#41503b transparent;flex-direction:column;align-items:center;gap:7px;height:210px;padding:16px 12px;display:flex;overflow:auto}.board-row{align-items:center;gap:8px;width:max-content;max-width:100%;display:flex}.row-num{text-align:right;color:#60775f;flex-shrink:0;width:15px;font-family:Space Grotesk,sans-serif;font-size:8px}.board-row .tile{width:30px;height:33px;font-size:16px}.board-row .counts{width:29px;min-width:29px;font-size:8px}.empty-row .tile{border-color:#354231}.count-placeholder{color:#53654d;text-align:center;width:29px;margin-left:3px}.board-footer{color:#748c6d;border-top:1px solid #303b32;align-items:center;gap:5px;height:35px;padding:0 15px;font-size:8px;display:flex}.board-footer strong{letter-spacing:2px;color:#c6ccaa;margin-left:auto;font-size:10px}.guess-dock{background:#1e291e;border:1px solid #3b4c33;border-radius:12px;max-width:760px;margin:28px auto 0;padding:23px 26px 20px}.guess-dock.my-turn{background:linear-gradient(110deg,#263221,#1e291e);border-color:#78904e}.guess-dock-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.guess-dock-top>span{letter-spacing:1.4px;color:#c6d89d;align-items:center;gap:8px;font-size:9px;display:flex}.guess-dock-top small{color:#8ca17b;font-size:10px}.guess-form{gap:10px;display:flex}.guess-input-wrap{flex:1;position:relative}.guess-input-wrap input{letter-spacing:4px;background:#141e14;border:1px solid #465b36;min-height:49px;padding-right:60px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500}.guess-input-wrap input::placeholder{letter-spacing:2px;color:#708362;font-size:11px}.guess-input-wrap>span{color:#718963;font-size:10px;position:absolute;top:18px;right:15px}.guess-form .primary{min-width:151px}.keyboard{flex-direction:column;gap:5px;max-width:510px;margin:19px auto 0;display:flex}.key-row{justify-content:center;gap:5px;display:flex}.key-row button{color:#d9e1cb;background:#34412d;border:1px solid #46543d;border-radius:4px;flex:1;min-width:0;max-width:40px;height:33px;font-size:11px;font-weight:500;box-shadow:0 2px #152010}.key-row button:hover:not(:disabled){background:#4d5f3c}.key-row button.wide-key{flex:1.6;max-width:62px;font-size:8px}.key-row button:disabled{opacity:.35}.game-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.last-move{color:#88a077;align-items:center;gap:8px;font-size:11px;line-height:1.6;display:flex}.last-move strong{color:#b4c7a3;font-weight:500}.subtle{color:#708c64;font-size:10px}.results{background:#1c271c;border:1px solid #425338;border-radius:12px;margin:0 0 30px;padding:24px}.result-row{border-top:1px solid #34432c;align-items:center;gap:20px;padding:15px 8px;display:flex}.result-row.winner{color:var(--lime)}.result-rank{color:#859d72;width:36px;font-size:13px}.winner .result-rank{color:var(--lime)}.result-name{flex:1;font-size:14px}.result-word{letter-spacing:3px;color:#9eb18d;font-family:Space Grotesk,sans-serif;font-size:13px}.result-points{text-align:right;width:90px;font-size:13px}.result-points small{color:#8a9f79;margin-top:3px;font-size:9px;display:block}.result-actions{border-top:1px solid #34432c;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.result-actions p{color:var(--muted);font-size:12px}.toast{z-index:100;color:#1e2c19;background:#e0edca;border-radius:10px;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 32px);padding:14px 18px;font-size:12px;animation:.2s appear;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0005}.toast button{padding:0;display:flex}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050d0bd6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#202b22;border:1px solid #45553b;border-radius:16px;width:100%;max-width:530px;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 100px #0006}.modal h2{margin:13px 0 17px;font-size:30px;font-weight:500}.modal-close{position:absolute;top:13px;right:13px}.modal>p{color:#9fb08e;font-size:13px;line-height:1.7}.rules-list{margin:25px 0 20px;padding-left:25px}.rules-list li{margin:20px 0;padding-left:8px}.rules-list li::marker{color:var(--lime);font-family:Space Grotesk,sans-serif;font-size:18px}.rules-list strong{font-size:13px;font-weight:500}.rules-list p,.rules-extra p{color:#94aa84;margin-top:6px;font-size:12px;line-height:1.65}.rules-extra{background:#293722;border-radius:8px;margin-bottom:22px;padding:16px}.rules-extra strong{color:#c3d8a6;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}@keyframes appear{0%{opacity:0;bottom:15px}to{opacity:1;bottom:24px}}@media (min-width:1500px){.home{padding-top:78px}.hero h1{font-size:83px}}@media (max-width:1150px){.home{gap:40px;padding:44px 32px 20px}.topbar{padding:0 32px}.hero h1{font-size:62px}.create-panel form{padding:23px}.setting-pair{gap:12px}.panel-tabs button{padding:19px 23px}.practice-row{padding:18px 23px}.preview-card{padding:10px 7px}.preview .tile{height:23px;font-size:11px}.room-page{padding:30px 32px}.lobby-layout{gap:24px}.header-caption{display:none}.secret-panel,.host-panel{padding:20px}.mode-option small{font-size:8px}}@media (max-width:900px){.home{grid-template-columns:1fr 1fr;gap:30px;padding:35px 25px 20px}.hero h1{letter-spacing:-2.5px;font-size:52px}.hero-copy{font-size:13px}.preview-scene{margin-top:32px}.preview-top>span:last-child{display:none}.preview-cards{grid-template-columns:1fr 1fr}.preview-card.card-2{display:none}.hero-pills{gap:5px}.hero-pills span{padding:6px 8px;font-size:9px}.panel-tabs button{padding:17px 16px;font-size:11px}.create-panel form{padding:20px}.panel-heading h2{font-size:24px}.setting-pair{grid-template-columns:1fr;gap:15px}.mode-grid{gap:7px}.mode-option{padding:11px 8px}.mode-preview .tile{width:16px;height:19px;font-size:9px}.mode-name{font-size:10px}.practice-row{flex-wrap:wrap;padding:17px}.practice-row strong{font-size:10px}.practice-row span{font-size:9px}.lobby-layout{grid-template-columns:1fr 1fr}.host-panel .setting-pair{grid-template-columns:1fr}.room-top h1{font-size:27px}.boards-heading h2>span{display:none}.board-row .tile{width:29px}.room-page{padding:28px 25px}.topbar{padding:0 25px}.header-right{gap:18px}.room-meta{gap:17px}.room-meta .meta-end{margin-left:0}.game-status{padding:20px}.game-status h2{font-size:20px}}@media (max-width:680px){.topbar{height:70px;padding:0 20px}.brand{font-size:20px}.brand-icon{width:32px;height:32px;font-size:20px}.brand-icon span{font-size:17px}.header-right{gap:10px}.header-right .text-button span{display:none}.header-right .connection{letter-spacing:.5px;font-size:7px}.home{grid-template-columns:1fr;gap:32px;padding:33px 20px 20px}.hero h1{letter-spacing:-3px;margin:22px 0 17px;font-size:58px}.hero-copy{font-size:14px}.hero .eyebrow{letter-spacing:1.6px;font-size:9px}.hero-pills{margin-top:18px}.hero-pills span{padding:7px 10px;font-size:10px}.preview-scene{margin-top:28px}.preview-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0}.preview-card.card-2,.preview-top>span:last-child{display:block}.preview-card{padding:11px 8px}.preview-name{font-size:9px}.mini-avatar{width:16px;height:16px;font-size:9px}.preview-state{font-size:6px}.preview .tile{height:23px;font-size:11px}.preview-bottom{font-size:10px}.hero-foot{display:none}.create-panel form{padding:24px}.panel-tabs button{padding:19px 24px;font-size:12px}.setting-pair{grid-template-columns:1.1fr 1fr;gap:16px}.mode-option{padding:13px 11px}.mode-name{font-size:11px}.mode-preview .tile{width:19px;height:21px;font-size:10px}.mode-option small{font-size:9px}.practice-row{padding:20px 24px}.home-footer{gap:15px;font-size:7px;line-height:1.6}.home-footer>span:last-child{text-align:right}.room-page{padding:25px 16px}.room-top{align-items:flex-start;gap:12px}.room-top h1{letter-spacing:-.8px;max-width:225px;font-size:24px;line-height:1.15}.room-top .eyebrow{letter-spacing:1px;font-size:7px}.room-code{gap:9px;padding:9px 10px}.room-code strong{letter-spacing:2px;font-size:14px}.room-code span{letter-spacing:1px;font-size:7px}.room-code svg{width:14px}.room-meta{gap:12px;font-size:9px}.room-meta .meta-end{margin-left:auto;font-size:8px}.lobby-layout{grid-template-columns:1fr;gap:20px;margin-top:24px}.lobby-aside{display:contents}.secret-panel{grid-row:1}.host-panel{margin:0}.host-panel .setting-pair{grid-template-columns:1fr 1fr}.player-seat,.empty-seat{gap:10px;min-height:69px;padding:12px}.lobby-rules{padding:20px 4px 0}.boards-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}.boards-grid.words-7,.boards-grid.words-8{grid-template-columns:1fr}.board-scroll{height:200px}.board-row .tile{width:34px;height:35px}.boards-grid.words-8 .tile{width:27px;font-size:14px}.boards-heading{flex-wrap:wrap;gap:8px}.boards-heading h2{font-size:18px}.legend{gap:10px;font-size:8px}.game-status{gap:11px;margin:22px 0;padding:16px 14px}.status-icon{width:36px;height:36px}.status-icon svg{width:20px}.game-status h2{max-width:200px;font-size:17px;line-height:1.2}.game-status .section-kicker{letter-spacing:1px;font-size:7px}.survivor-count{flex-direction:column;align-items:center;gap:0;display:flex}.survivor-count strong{font-size:24px}.survivor-count span{font-size:8px}.guess-dock{margin-top:20px;padding:18px 13px}.guess-dock-top{align-items:flex-start;gap:10px}.guess-dock-top>span{letter-spacing:1px;font-size:8px}.guess-dock-top small{text-align:right;max-width:150px;font-size:8px}.guess-form{gap:7px}.guess-form .primary{gap:6px;min-width:90px;padding:12px 10px;font-size:10px}.guess-form .primary svg{width:14px}.guess-input-wrap input{letter-spacing:2px;min-height:45px;padding:12px 45px 12px 12px;font-size:16px}.guess-input-wrap input::placeholder{letter-spacing:1px;font-size:9px}.guess-input-wrap>span{font-size:9px;top:17px;right:10px}.keyboard{margin-top:17px}.key-row{gap:4px}.key-row button{height:35px;font-size:11px}.game-bottom{flex-direction:column;align-items:flex-start;gap:10px}.last-move{font-size:10px}.results{padding:18px 14px}.result-row{gap:10px}.result-word{letter-spacing:1px;font-size:11px}.result-name{font-size:12px}.result-points{width:60px;font-size:11px}.result-rank{width:25px;font-size:11px}.results .section-title>span{text-align:right;max-width:100px;font-size:9px}.results .section-title h2{font-size:19px}.result-actions .primary{padding:12px;font-size:11px}.modal{padding:25px}.modal h2{font-size:27px}.rules-list{padding-left:20px}.toast{font-size:11px;bottom:15px}.section-title h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.swipe-hint{display:none}@media (max-width:680px){.boards-grid,.boards-grid.words-7,.boards-grid.words-8{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#607642 transparent;padding-bottom:9px;display:flex;overflow-x:auto}.boards-grid .board{scroll-snap-align:start;flex:0 0 min(345px,100vw - 42px)}.swipe-hint{color:#789368;letter-spacing:0;margin-top:6px;font-family:DM Sans,sans-serif;font-size:9px;display:block}.boards-heading{align-items:flex-start}.boards-heading .legend{flex-direction:column;gap:5px}.game-status h2{max-width:none}.board-row .tile{width:34px}.boards-grid.words-8 .tile{width:27px}}@media (min-width:1300px){.boards-grid.words-4.count-5,.boards-grid.words-5.count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.boards-grid.words-5.count-5 .board-row .tile{width:28px}.boards-grid.words-5.count-5 .tiles{gap:3px}.boards-grid.count-6:not(.words-8):not(.words-7){grid-template-columns:repeat(3,minmax(0,1fr))}}.avatar-skull{object-fit:contain;mix-blend-mode:screen;display:block}.timed-settings{grid-template-columns:1.5fr .85fr}.timed-settings .segments button{padding-left:2px;padding-right:2px}.turn-clock{text-align:center;min-width:43px;color:var(--lime);border:1px solid #53643c;border-radius:7px;margin-left:auto;padding:7px 8px;font-family:Space Grotesk,sans-serif;font-size:17px}.turn-clock.urgent{color:#ff9d89;background:#512d27;border-color:#965648}.result-row.podium{background:linear-gradient(100deg,#2c3927,#202b21);border:1px solid #526645;border-radius:10px;margin:8px 0}.result-row.rank-1{background:linear-gradient(100deg,#43532d,#263322);border-color:#b4cf6d;box-shadow:0 8px 28px #c9eb6420}.result-row.rank-2{border-color:#66716b}.result-row.rank-3{border-color:#765d4a}.rank-1 .result-rank{color:var(--lime)}.rank-2 .result-rank{color:#d6ded8}.rank-3 .result-rank{color:#e0aa80}.champion-label{color:var(--lime);letter-spacing:1px;vertical-align:middle;background:#d9f76c20;border-radius:12px;margin-left:9px;padding:3px 6px;font-size:7px;font-style:normal;display:inline-flex}.timed-settings{margin-top:-8px}@media (max-width:680px){.timed-settings{grid-template-columns:1.4fr .8fr}.timed-settings .segments button{font-size:9px}.turn-clock{min-width:37px;padding:6px 5px;font-size:14px}.result-row.podium{padding-left:8px;padding-right:8px}}.intermission-panel{background:linear-gradient(145deg,#263326,#1a241d);border:1px solid #526342;border-radius:16px;max-width:800px;margin:34px auto 20px;padding:28px;box-shadow:0 20px 55px #0002}.intermission-heading{align-items:center;gap:17px;margin-bottom:24px;display:flex}.intermission-heading h2{margin-top:5px;font-size:25px;font-weight:500}.intermission-heading p{color:#9aab91;margin-top:5px;font-size:12px}.round-standings{flex-direction:column;gap:7px;display:flex}.round-standing{background:#1b261e;border:1px solid #374434;border-radius:9px;grid-template-columns:55px 1fr 100px 105px;align-items:center;gap:12px;padding:15px;display:grid}.round-standing>strong{color:#a2b38c;font-family:Space Grotesk,sans-serif}.round-standing>span{font-size:13px}.round-standing>b{text-align:right;color:#dce9c2;font-size:13px}.round-standing small{color:#94a28a;font-size:9px;font-weight:400}.round-standing.round-leader{background:#303d27;border-color:#9bb65d}.round-standing.round-leader>strong{color:var(--lime)}.proceed-button{justify-content:center;width:100%;min-height:49px;margin-top:22px;font-size:13px}.intermission-panel .waiting-host{border-top:1px solid #3a4935;justify-content:center;margin-top:18px;padding-top:20px}@media (max-width:680px){.intermission-panel{margin-top:25px;padding:19px 14px}.intermission-heading{gap:11px}.intermission-heading h2{font-size:21px}.round-standing{grid-template-columns:42px 1fr auto;gap:7px;padding:12px 9px}.round-standing>b:first-of-type{text-align:left;grid-area:2/2;font-size:11px}.round-standing>b:nth-of-type(2){grid-area:1/3;font-size:12px}.round-standing>span{font-size:12px}.round-standing small{font-size:8px}}.results .music-toggle{white-space:nowrap;gap:6px;min-height:34px;padding:7px 10px;font-size:10px}.results .section-title{flex-wrap:wrap}@media (max-width:680px){.results .section-title{align-items:flex-start}.results .music-toggle{padding:6px 8px;font-size:9px}}.room-top{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.round-marker{color:#d9f76c;white-space:nowrap;background:linear-gradient(130deg,#33452a,#202c20);border:1px solid #8ba852;border-radius:9px;align-items:center;gap:7px;padding:8px 13px;display:flex;box-shadow:0 0 22px #d9f76c18}.round-marker span{letter-spacing:1.4px;font-size:9px;font-weight:700}.round-marker strong{font-family:Space Grotesk,sans-serif;font-size:23px}.board.current{background:linear-gradient(#273421,#1b2222);border:2px solid #d9f76c;transform:translateY(-2px);box-shadow:0 0 0 3px #d9f76c24,0 12px 32px #d9f76c15}.board.current .board-heading{background:#d9f76c12}.turn-badge{letter-spacing:.8px;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 7px;font-size:7px;font-weight:800}.turn-badge.turn-active{background:var(--lime);color:#1a2612;box-shadow:0 0 0 3px #d9f76c22}.turn-badge.turn-waiting{color:#a2aea4;border:1px solid #465247}.turn-badge.turn-out{color:#f1a090;background:#4b332e}.round-standing{grid-template-columns:55px minmax(80px,1fr) 90px 100px 105px}.round-word{letter-spacing:2px;color:#d9f76c;text-align:center;font-family:Space Grotesk,sans-serif}.result-word{color:#d9f76c}.result-row .result-word{text-align:center;min-width:65px}@media (max-width:680px){.room-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;row-gap:12px}.room-top>div:first-child{grid-area:1/1}.room-code{grid-area:1/2}.round-marker{grid-area:2/1;padding:6px 10px}.round-marker strong{font-size:19px}.turn-badge{letter-spacing:.4px;padding:4px 5px;font-size:6px}.board.current{transform:none}.round-standing{grid-template-rows:auto auto auto;grid-template-columns:42px minmax(70px,1fr) auto}.round-standing>.round-word{grid-area:2/2;justify-self:start}.round-standing>b:first-of-type{text-align:left;grid-area:3/2;font-size:11px}.round-standing>b:nth-of-type(2){grid-area:1/3;font-size:12px}}