:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--game-max:1520px;--bg:#f1f2f3;--surface:#fff;--surface-2:#f5f6f7;--line:#e0e3e7;--line-strong:#c5cad1;--ink:#1d232a;--ink-soft:#4c5560;--muted:#6b7480;--accent:#2f5f98;--accent-strong:#234a78;--accent-soft:#e8eef7;--accent-ink:#fff;--good:#2e7550;--good-soft:#eaf4ee;--good-line:#c4dfcf;--warm:#b26b12;--warm-ink:#7d4a0b;--warm-soft:#fbf0df;--danger:#a8402d;--danger-soft:#f8e6e1;--avatar-face:var(--surface);--avatar-shade:#d5d9df;--overlay:#f1f2f3db;--radius:12px;--radius-control:10px;--shadow:0 1px 2px #1d232a0d, 0 6px 18px #1d232a12;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121417;--surface:#1b1e22;--surface-2:#22262b;--line:#2c3137;--line-strong:#3d444c;--ink:#e6e9ec;--ink-soft:#b0b8c0;--muted:#8a939c;--accent:#8db4e6;--accent-strong:#aac8ee;--accent-soft:#1e2b3d;--accent-ink:#0d1724;--good:#7cc49a;--good-soft:#1b2c22;--good-line:#2f4d3b;--warm:#e2a65c;--warm-ink:#f0c48c;--warm-soft:#37291a;--danger:#e58a73;--danger-soft:#3f231d;--avatar-shade:#3a4048;--overlay:#121417db;--shadow:0 1px 2px #00000059, 0 6px 18px #0000004d}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}h2{font-size:1.1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.narrow-only{display:none}.page{flex-direction:column;min-height:100dvh;display:flex}.app-header{width:100%;max-width:1012px;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.header-actions{align-items:center;gap:6px;display:flex}.room-page.in-game .app-header{max-width:var(--game-max)}.header-middle{flex:1;justify-content:center;min-width:0;display:flex}.header-round{color:var(--ink-soft);white-space:nowrap;font-size:.85rem;font-weight:700;display:none}.language-picker{border-radius:var(--radius-control);background:var(--surface-2);height:40px;color:var(--ink-soft);cursor:pointer;align-items:center;gap:4px;padding:0 10px 0 12px;font-size:.85rem;font-weight:700;display:inline-flex;position:relative}.language-picker:hover{color:var(--ink)}.language-picker:focus-within{outline:3px solid var(--accent-soft);outline-offset:1px}.language-picker select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.icon-button{width:40px;height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.icon-button.subtle{width:32px;height:32px;margin-left:auto}.home-button{color:var(--accent-strong)}.invite-anchor{display:inline-flex;position:relative}.invite-button{border-radius:var(--radius-control);background:var(--accent-soft);height:40px;color:var(--accent-strong);font-variant-numeric:tabular-nums;letter-spacing:.06em;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:.9rem;font-weight:700;display:inline-flex}.invite-button:hover{background:var(--line)}.invite-toast{z-index:25;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-size:.9rem;animation:.2s ease-out rise;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.invite-toast strong{color:var(--good)}.field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.grow{flex:1;min-width:0}input,select,textarea{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:12px;width:100%;padding:12px 14px;font-size:1rem;font-weight:500}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}textarea{resize:vertical;min-height:3.2em}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}input:disabled,select:disabled,textarea:read-only{background:var(--surface-2)}.button{border-radius:var(--radius-control);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:700;transition:background-color .2s,transform 80ms;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){background:var(--accent-strong)}.button.secondary{background:var(--accent-soft);color:var(--accent-strong)}.button.large{width:100%;padding:16px 24px;font-size:1.1rem}.link-button{color:var(--accent-strong);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-weight:600;text-decoration:underline}.checkbox{color:var(--ink-soft);align-items:center;gap:10px;font-weight:600;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;padding:20px}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 14px;font-weight:600}.notice,.connection-banner{background:var(--warm-soft);color:var(--warm-ink);text-align:center;border-radius:14px;padding:12px 16px;font-weight:600}.connection-banner{z-index:20;box-shadow:var(--shadow);position:fixed;top:12px;left:50%;transform:translate(-50%)}.update-banner{z-index:30;left:50%;bottom:max(16px, env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow);align-items:center;gap:12px;padding:8px 8px 8px 16px;font-weight:600;animation:.3s ease-out rise;display:flex;position:fixed;transform:translate(-50%)}.update-banner .button{flex:none;padding:8px 16px}.loading{color:var(--ink-soft);margin:48px auto}.avatar{background:var(--avatar-face);border:1px solid var(--line);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.avatar-sm{width:32px;height:32px;font-size:18px}.avatar-md{width:40px;height:40px;font-size:22px}.avatar-lg{width:56px;height:56px;font-size:32px}.avatar-picker{position:relative}.avatar-button{border:2px dashed var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;padding:2px;display:grid}.avatar-grid{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(4,48px);gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.avatar-option{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:2px}.avatar-option[aria-selected=true]{border-color:var(--accent)}.home{flex-direction:column;flex:1;gap:20px;width:min(540px,100% - 32px);margin:0 auto;padding:8px 0 32px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(2.1rem,7vw,2.8rem)}.tagline{color:var(--ink-soft);text-wrap:balance;max-width:28em;font-size:1.05rem}.entry-card,.invite-card{flex-direction:column;gap:16px;display:flex}.profile-fields{align-items:flex-end;gap:12px;display:flex}.divider{color:var(--ink-soft);align-items:center;gap:12px;font-size:.9rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:10px;display:flex}.code-input{text-align:center;letter-spacing:.25em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.how-it-works{padding:0 4px}.how-it-works h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:10px;font-size:.85rem}.how-it-works ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-it-works li{align-items:center;gap:12px;display:flex}.step-number{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.site-footer{width:min(540px,100% - 32px);padding:0 4px max(20px, env(safe-area-inset-bottom));color:var(--ink-soft);text-align:center;margin:0 auto;font-size:.9rem}.site-footer p+p{margin-top:4px}.site-footer a{color:var(--accent-strong);text-underline-offset:3px;white-space:nowrap}.invite-host{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.invite-host h1{font-size:1.5rem}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"invite settings""players settings""start start";align-items:start;gap:16px;width:min(980px,100% - 32px);margin:0 auto;padding-bottom:32px;display:grid}.invite{text-align:center;flex-direction:column;grid-area:invite;align-items:center;gap:6px;display:flex}.room-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--accent-strong);margin-top:6px;font-size:clamp(2.4rem,9vw,3.3rem);font-weight:700;line-height:1.1}.invite-url{color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.9rem}.invite-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.players-card{grid-area:players}.card-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.lobby-players{margin:0;padding:0;list-style:none}.lobby-players li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.lobby-players li:last-child{border-bottom:0}.lobby-players .is-offline{opacity:.5}.player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.badge{background:var(--surface-2);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.badge.subtle{background:var(--surface-2);color:var(--ink-soft)}.settings-card{flex-direction:column;grid-area:settings;gap:16px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setting{flex-direction:column;gap:6px;display:flex}.setting-label{color:var(--ink-soft);font-size:.85rem;font-weight:700}.segmented{background:var(--surface-2);border-radius:12px;padding:3px;display:flex}.segmented button{min-width:0;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 4px;font-size:.95rem;font-weight:600}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.segmented button:disabled{cursor:default}.custom-words{flex-direction:column;gap:10px;display:flex}.start-area{text-align:center;flex-direction:column;grid-area:start;align-items:center;gap:8px;display:flex}.start-area .button{max-width:420px}.waiting{color:var(--ink-soft);padding:12px;font-size:1.1rem}.room-page{height:100dvh}.game{--pad:16px;--gap:12px;--players-w:220px;--chat-w:300px;--header-h:64px;--topbar-h:68px;--tools-h:0px;--board-by-height:calc(100dvh - var(--header-h) - var(--topbar-h) - var(--tools-h) - var(--gap) - var(--pad));--board-by-width:calc(min(100vw, var(--game-max)) - 2 * var(--pad) - var(--players-w) - var(--chat-w) - 2 * var(--gap));--board:max(220px, min(var(--board-by-height), var(--board-by-width)));width:100%;min-height:0;max-width:var(--game-max);gap:var(--gap);padding:0 var(--pad) max(var(--pad), env(safe-area-inset-bottom));grid-template-columns:var(--players-w) auto minmax(var(--chat-w), 1fr);flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top""players stage chat";margin:0 auto;display:grid}.game.is-drawer{--tools-h:164px}.topbar{min-height:var(--topbar-h);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-area:top;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 14px;display:grid;container-type:inline-size}.round-label{color:var(--ink-soft);font-size:.9rem;font-weight:700}.word{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.word-caption{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.75rem;font-weight:700}.word-status{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.word-text{letter-spacing:.03em;overflow-wrap:anywhere;font-size:1.5rem}.word.guessed .word-text,.word.guessed .word-caption{color:var(--good)}.hint{max-width:100%;font-size:clamp(.8rem, calc(100cqw / (var(--slots,10) * 1.45)), 1.45rem);flex-wrap:wrap;justify-content:center;gap:.15em .75em;display:flex}.hint-word{flex-wrap:wrap;justify-content:center;gap:.25em;max-width:100%;display:inline-flex}.hint-slot{border-bottom:.14em solid var(--ink);text-align:center;width:1.05em;height:1.35em;font-weight:700;line-height:1.35em}.hint-slot.dash{border-bottom-color:#0000}.timer{z-index:5;background:var(--surface);width:52px;height:52px;box-shadow:var(--shadow);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--surface-2);stroke-width:4px}.timer-progress{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer-value{font-variant-numeric:tabular-nums;font-weight:700;position:relative}.timer.urgent .timer-progress{stroke:var(--warm)}.timer.urgent .timer-value{color:var(--warm-ink)}.players{flex-direction:column;grid-area:players;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.player{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;grid-template-columns:18px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;transition:background-color .3s,border-color .3s;display:grid}.player .rank{color:var(--muted);text-align:center;font-size:.85rem;font-weight:700}.player-main{flex-direction:column;min-width:0;display:flex}.player-score{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.85rem}.player-icons{color:var(--ink-soft);gap:4px;display:flex}.player.has-guessed{background:var(--good-soft);border-color:var(--good-line)}.player.has-guessed .icon-guessed{color:var(--good)}.player.is-drawing{border-color:var(--accent)}.player.is-drawing .icon-drawing{color:var(--accent)}.player.is-offline{opacity:.5}.player.is-you .player-name{font-weight:700}.stage{width:var(--board);flex-direction:column;grid-area:stage;align-items:center;gap:10px;min-height:0;display:flex}.board{width:var(--board);aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line);box-shadow:none;background:#fff;flex:none;position:relative;overflow:hidden}.board-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board-canvas.can-draw{cursor:crosshair}.board-canvas.tool-fill{cursor:cell}.overlay{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:10px;padding:20px 24px;animation:.3s ease-out rise;display:flex}.overlay-card h2{font-size:1.25rem}.word-choices{flex-direction:column;align-items:stretch;gap:10px;width:min(300px,100%);display:flex}.button.choice{background:var(--surface-2);color:var(--ink);border-radius:14px;padding:14px 20px;font-size:1.15rem}.button.choice:hover{background:var(--accent-soft)}.reveal-caption{color:var(--ink-soft);font-weight:700}.reveal-word{color:var(--accent-strong);font-size:2rem;font-weight:700;line-height:1.1}.gains{flex-direction:column;gap:6px;min-width:200px;margin:4px 0 0;padding:0;list-style:none;display:flex}.gain{text-align:left;color:var(--ink-soft);grid-template-columns:32px 1fr auto;align-items:center;gap:8px;display:grid}.gain strong,.podium-score{font-variant-numeric:tabular-nums}.gain.positive strong{color:var(--good)}.podium{justify-content:center;align-items:flex-end;gap:10px;margin-top:6px;display:flex}.podium-place{flex-direction:column;align-items:center;gap:4px;width:104px;display:flex}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.podium-score{color:var(--ink-soft);font-size:.85rem}.podium-block{font-variant-numeric:tabular-nums;width:100%;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.place-1 .podium-block{background:var(--accent-soft);height:92px;color:var(--accent-strong)}.place-2 .podium-block{background:var(--surface-2);height:68px}.place-3 .podium-block{background:var(--surface-2);height:52px}.podium-rest{color:var(--ink-soft);text-align:left;margin:0}.podium-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;width:100%;padding:10px;display:flex}.palette{grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;min-height:22px;max-height:34px;padding:0}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.tool-groups{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.tool-group{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:flex}.tool{width:42px;height:42px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.tool[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.size-dot{box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;display:block}.current-color{border:1px solid var(--line-strong);border-radius:50%;width:24px;height:24px;display:block}.toolbar.compact{padding:6px;position:relative}.toolbar.compact .tool-groups{flex-wrap:nowrap;gap:6px}.toolbar.compact .tool{width:44px;height:44px}.toolbar-popover{z-index:12;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;animation:.2s ease-out rise;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.toolbar-popover .swatch{max-height:none}.toolbar-popover.sizes{padding:6px;right:auto}.chat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;grid-area:chat;min-height:0;display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;gap:3px;min-height:0;margin:0;padding:10px 12px;list-style:none;display:flex;overflow-y:auto}.message{overflow-wrap:anywhere;border-radius:8px;padding:4px 8px;font-size:.95rem}.message.empty{color:var(--muted)}.message.insider{background:var(--good-soft)}.message.close{background:var(--warm-soft);color:var(--warm-ink);font-weight:600}.message.system{color:var(--ink-soft);font-size:.9rem}.message.system-guessed{background:var(--good-soft);color:var(--good);font-weight:700}.message.system-drawing{color:var(--accent-strong);font-weight:600}.message.system-wordWas{color:var(--ink);font-weight:700}.chat-form{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.chat-form.guessing input{border-color:var(--accent)}.icon-button.send{background:var(--accent);width:48px;height:auto;color:var(--accent-ink);flex:none}.debug-panel{z-index:30;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);opacity:.92;border-radius:12px;padding:10px 12px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;left:12px}.debug-panel dl{grid-template-columns:auto auto;gap:2px 12px;margin:0;display:grid}.debug-panel dt{color:var(--ink-soft)}.debug-panel dd{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1100px){.game{--players-w:176px;--chat-w:260px}}@media (max-width:1100px),(max-aspect-ratio:4/5){.player{border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"avatar name name""avatar score icons";gap:0 6px;padding:4px 8px 4px 4px}.player .rank{display:none}.player .avatar{grid-area:avatar}.player .avatar-sm{width:28px;height:28px;font-size:16px}.player-main{display:contents}.player-name{grid-area:name;font-size:.9rem}.player-score{grid-area:score;font-size:.78rem}.player-icons{grid-area:icons}.player-icons svg{width:14px;height:14px}}@media (max-width:760px),(max-aspect-ratio:4/5){.room-page .app-header{padding-top:max(4px, env(safe-area-inset-top));padding-bottom:4px}.header-round{display:inline}.game{--pad:8px;--gap:8px;--header-h:48px;--word-h:52px;--form-h:48px;--chat-min:max(64px, calc(24dvh - 88px));--tools-h:0px;--board-by-width:calc(100vw - 2 * var(--pad));--board-by-height:calc(100dvh - var(--header-h) - var(--word-h) - var(--form-h) - var(--chat-min) - var(--tools-h) - 3 * var(--gap) - var(--pad));--board:max(200px, min(var(--board-by-width), var(--board-by-height)));grid-template:"stage stage""top top""form form""players messages"minmax(0,1fr)/minmax(0,2fr) minmax(0,3fr)}.game.is-drawer{--tools-h:66px;--word-h:40px;--chat-min:48px}.stage{gap:var(--gap);width:100%}.topbar{height:var(--word-h);border-radius:14px;grid-template-columns:minmax(0,1fr);min-height:0;padding:4px 10px;overflow:hidden}.word:has(.word-text){flex-direction:row;justify-content:center;align-items:baseline;gap:8px}.hint{font-size:clamp(.8rem, calc(100cqw / (var(--slots,10) * 1.45)), 1.1rem)}.round-label{display:none}.word-text{font-size:1.25rem}.word-caption{font-size:.68rem;line-height:1.2}.board .timer{width:42px;height:42px;font-size:.9rem;top:6px;right:6px}.chat{display:contents}.messages{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-area:messages;padding:6px}.message{padding:3px 6px;font-size:.9rem}.chat-form{border-top:0;grid-area:form;gap:6px;padding:0}.chat-form input{min-width:0;padding:10px 12px}.icon-button.send{width:48px}.players{gap:6px}}@media (max-width:760px){.lobby{grid-template-columns:minmax(0,1fr);grid-template-areas:"invite""players""start""settings"}.wide-only{display:none}.narrow-only{display:inline}.overlay-card{padding:14px 16px}.game[data-phase=reveal] .overlay,.game[data-phase=podium] .overlay{z-index:15;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));position:fixed;inset:0}.podium-place{width:84px}.place-1 .podium-block{height:72px}.place-2 .podium-block{height:54px}.place-3 .podium-block{height:42px}.reveal-word{font-size:1.6rem}.gains{width:100%;min-width:0}}@media (max-width:420px){.settings-grid{grid-template-columns:minmax(0,1fr)}.brand-name,.invite-code{display:none}.invite-button{padding:0 12px}}