@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-item: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--gutter: 16px;--mobile-breakpoint: 760px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 16px 48px rgba(0, 0, 0, .28);--ease-out: cubic-bezier(.2, .8, .2, 1);--color-bg: #141514;--color-surface: #20221f;--color-surface-2: #2b2e29;--color-surface-3: #191c19;--color-border: #454a43;--color-border-strong: #747d6f;--color-text: #f1f0e8;--color-text-muted: #b9c0b3;--color-text-faint: #9da796;--color-primary: #c7e976;--color-primary-hover: #d5f49b;--color-primary-contrast: #141514;--color-primary-soft: #2d381f;--color-primary-text: #c7e976;--color-secondary: #a699d5;--color-secondary-hover: #b8ade2;--color-secondary-contrast: #141514;--color-secondary-soft: #302a40;--color-secondary-text: #beb2e8;--color-success: #86d9a3;--color-success-soft: #203a2a;--color-success-text: #a0e9b8;--color-warning: #f4d181;--color-warning-soft: #3a3020;--color-warning-text: #f4d181;--color-danger: #ff9ba7;--color-danger-soft: #3d2329;--color-danger-text: #ffb0ba;--color-info-soft: #243542;--color-focus: #c7e976;--overlay-bg: rgba(0, 0, 0, .72);--canvas-bg: #ffffff;--chat-correct-bg: #203a2a;--chat-correct-fg: #a0e9b8;--chat-close-bg: #3a3020;--chat-close-fg: #f4d181;--chat-guessed-bg: #302a40;--chat-guessed-fg: #d4c8f5;--game-skribble: #a699d5;--game-spygame: #86cdba;--game-quipgame: #f1c777;--game-hangman: #f2a08b;--game-battleships: #88c7ea;--game-blackjack: #86d9a3;--game-poker: #e7a1cb;--game-template: #c7e976;--game-ink: #141514}:root[data-theme=light]{color-scheme:light;--shadow-lg: 0 16px 48px rgba(20, 25, 18, .16);--color-bg: #f5f6ef;--color-surface: #ffffff;--color-surface-2: #edf0e5;--color-surface-3: #f0f3e8;--color-border: #ced4c5;--color-border-strong: #78846d;--color-text: #1a2217;--color-text-muted: #4f5c46;--color-text-faint: #59654f;--color-primary: #c7e976;--color-primary-hover: #b7db60;--color-primary-contrast: #141514;--color-primary-soft: #e9f3d6;--color-primary-text: #405d17;--color-secondary: #a699d5;--color-secondary-hover: #9686ca;--color-secondary-contrast: #141514;--color-secondary-soft: #eee9f7;--color-secondary-text: #5e468c;--color-success: #287643;--color-success-soft: #e0f1e5;--color-success-text: #246b3c;--color-warning: #8a6116;--color-warning-soft: #fff0ce;--color-warning-text: #7c5510;--color-danger: #b43249;--color-danger-soft: #fbe5e9;--color-danger-text: #a5293f;--color-info-soft: #e4eff5;--color-focus: #536e22;--overlay-bg: rgba(20, 25, 18, .48);--chat-correct-bg: #e0f1e5;--chat-correct-fg: #246b3c;--chat-close-bg: #fff0ce;--chat-close-fg: #7c5510;--chat-guessed-bg: #eee9f7;--chat-guessed-fg: #5e468c}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}html.is-app,html.is-app body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}html.is-app #root{height:100%;min-height:0}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.2}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:max(1em,16px)}button:disabled{cursor:not-allowed}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-primary);color:var(--color-primary-contrast)}.hide-mobile{display:inline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:761px){body{font-size:16px}}@media(max-width:760px){.hide-mobile{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.75rem;font-weight:600;white-space:nowrap}.pill--accent{background:var(--color-primary-soft);color:var(--color-primary-text)}.wordmark{display:block;height:var(--wordmark-height, 24px);width:auto;aspect-ratio:890.8 / 115.8;color:var(--color-text);flex:none}.wordmark__accent{color:var(--color-primary-text)}.brand{display:flex;align-items:center;gap:10px;min-height:44px}.mascot{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:600;font-size:.9375rem;line-height:1.15;border:1.5px solid transparent;transition:transform 70ms ease-out,background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:var(--color-surface-2);border-color:var(--color-surface-2);color:var(--color-text-muted)}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-hover);filter:brightness(.96)}.btn--secondary{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn--secondary:disabled{background:transparent;border-color:var(--color-border)}.btn--ghost{min-height:44px;padding:0 12px;background:transparent;color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn--ghost:disabled{background:transparent;border-color:transparent}.btn--danger{background:var(--color-danger-soft);border:1px solid var(--color-danger);color:var(--color-danger-text)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger-text)}.btn--lg{min-height:52px;font-size:1rem}.btn--sm{min-height:36px;padding:0 12px;font-size:.875rem}.btn--xs{min-height:28px;padding:0 10px;font-size:.8rem}.btn--block{width:100%}.btn--choice{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-strong);min-height:52px;padding:0 22px;font-size:1.05rem}.btn--choice:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-secondary-soft)}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 8px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px;transition:color .1s ease-out}.text-btn:hover{color:var(--color-text)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:background-color .1s ease-out,color .1s ease-out}.icon-btn:hover,.icon-btn[aria-expanded=true]{background:var(--color-surface-2);color:var(--color-text)}.icon-btn--sm{width:32px;height:32px}.confirm{display:inline-flex;gap:6px;align-items:center}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.field__hint{color:var(--color-text-faint);font-size:.8125rem}.field__error{display:flex;align-items:flex-start;gap:6px;color:var(--color-danger-text);font-size:.875rem;font-weight:500}.field__error svg{flex:none;margin-top:1px}.field__ok{color:var(--color-success-text);font-size:.875rem;font-weight:500}.input,.textarea{width:100%;min-height:48px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text);transition:border-color .1s ease-out}.textarea{min-height:104px;padding:12px;resize:vertical;line-height:1.45;font-family:var(--font-sans)}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary-text);box-shadow:0 0 0 1px var(--color-primary-text)}.input.is-invalid{border-color:var(--color-danger)}.input--lg{min-height:52px;font-size:1.05rem}.range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--color-border-strong)}.range::-moz-range-track{height:4px;border-radius:2px;background:var(--color-border-strong)}.range::-moz-range-progress{height:4px;border-radius:2px;background:var(--color-primary-text)}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-primary-contrast)}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-primary-contrast)}.range:focus{outline:none}.range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-focus);outline-offset:3px}.range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-focus);outline-offset:3px}.range:disabled{cursor:default}.toggle{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:9px 0;cursor:pointer}.toggle--disabled{cursor:default}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle__track,.switch__track{flex:none;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border-strong);position:relative;transition:background-color .1s ease-out}.toggle__track:after,.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-text-muted);transition:transform .1s ease-out}.toggle input:checked+.toggle__track,.switch[aria-checked=true] .switch__track{background:var(--color-primary);border-color:var(--color-primary)}.toggle input:checked+.toggle__track:after,.switch[aria-checked=true] .switch__track:after{transform:translate(18px);background:var(--color-primary-contrast)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--color-focus);outline-offset:3px}.toggle__body{display:flex;flex-direction:column;gap:2px}.toggle__label{font-weight:600;font-size:.9375rem}.toggle__hint{color:var(--color-text-faint);font-size:.8125rem}.switch{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--radius-sm)}.segmented{display:inline-flex;padding:3px;gap:3px;border-radius:var(--radius-sm);background:var(--color-surface-3);border:1px solid var(--color-border)}.segmented__option{min-height:38px;min-width:64px;padding:0 12px;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--color-text-muted);transition:background-color .1s ease-out,color .1s ease-out}.segmented__option:hover{color:var(--color-text)}.segmented__option.is-selected{background:var(--color-secondary);color:var(--color-secondary-contrast)}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:52px;border-bottom:1px solid var(--color-border)}.pref-row:last-child{border-bottom:0}.pref-row__label{font-weight:600;font-size:.9375rem}.settings-menu{position:relative}.settings-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:70;width:min(300px,calc(100vw - 2 * var(--gutter)));padding:4px var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:pop-in .16s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;line-height:1;-webkit-user-select:none;user-select:none}.avatar--sm{width:26px;height:26px;font-size:14px}.avatar--md{width:36px;height:36px;font-size:22px}.avatar--lg{width:56px;height:56px;font-size:32px}.avatar--xl{width:80px;height:80px;font-size:46px}.avatar--dimmed{opacity:.45;filter:grayscale(.6)}.avatar--placeholder{background:var(--color-surface-2)}.avatar__emoji{transform:translateY(1px)}.avatar-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.avatar-picker__preview{display:flex;align-items:center;gap:var(--space-4)}.avatar-picker__group{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-width:440px}@media(max-width:340px){.avatar-picker__group{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.swatch{width:28px;height:28px;border-radius:8px;border:1px solid rgb(0 0 0 / .15);transition:transform .1s ease-out;position:relative;display:inline-grid;place-items:center}.swatch:hover{transform:scale(1.08)}.swatch.is-selected{outline:2px solid var(--color-text);outline-offset:2px}.swatch--round{border-radius:50%}.swatch--custom{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444);cursor:pointer;overflow:hidden}.swatch--custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.avatar-picker__group .swatch{width:min(100%,48px);justify-self:center;height:auto;aspect-ratio:1;border-radius:50%;border:4px solid var(--color-surface)}.avatar-picker__group .swatch.is-selected{outline:2px solid var(--color-secondary);outline-offset:0}.emoji-choice{width:100%;aspect-ratio:1;max-height:48px;border-radius:var(--radius-sm);font-size:22px;background:var(--color-surface-2);border:1px solid transparent;display:inline-grid;place-items:center;transition:background-color .1s ease-out,border-color .1s ease-out}.emoji-choice:hover{border-color:var(--color-border-strong)}.emoji-choice.is-selected{border:2px solid var(--color-secondary);background:var(--color-secondary-soft)}.code-input{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.code-input__box{min-width:0;width:100%;height:60px;padding:0;text-align:center;font-size:1.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-item);border:1.5px solid var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text);caret-color:var(--color-primary-text);transition:border-color .1s ease-out}.code-input__box::placeholder{color:var(--color-text-faint);opacity:.6;text-transform:uppercase}.code-input__box:focus{outline:none;border-color:var(--color-primary-text);box-shadow:0 0 0 1px var(--color-primary-text)}.code-input__box:disabled{color:var(--color-text-muted)}.code-input.is-invalid .code-input__box{border-color:var(--color-danger)}.code-preview{min-height:0}.conn-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;white-space:nowrap;color:var(--color-warning-text);background:var(--color-warning-soft);border:1px solid var(--color-warning)}.conn-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning)}.banner{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-item);font-size:.9375rem;font-weight:500}.banner--info{background:var(--color-info-soft);color:var(--color-text)}.banner--invite{background:var(--color-primary-soft);color:var(--color-primary-text)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.ellipsis:after{content:"…";display:inline-block;width:1.2em;text-align:left;animation:dots 1.4s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}@keyframes dots{0%{width:0}to{width:1.2em}}.toasts{position:fixed;top:calc(var(--space-4) + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;width:min(360px,calc(100vw - 2 * var(--gutter)));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-item);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;pointer-events:auto;animation:toast-in .16s var(--ease-out)}.toast__icon{flex:none;color:var(--color-text-muted)}.toast--success .toast__icon{color:var(--color-success-text)}.toast--warning .toast__icon{color:var(--color-warning-text)}.toast--error{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-text)}.toast--error .toast__icon{color:var(--color-danger-text)}.toast__text{flex:1}.toast__close{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-sm);color:inherit;opacity:.8}.toast__close:hover{background:var(--color-surface-2);opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.timer{position:relative;display:inline-grid;place-items:center;flex:none;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text)}.timer--lg{width:52px;height:52px;font-size:1rem}.timer--md{width:44px;height:44px;font-size:.875rem}.timer__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none}.timer__track{fill:var(--color-surface-3);stroke:var(--color-surface-2);stroke-width:3.5}.timer__arc{stroke:var(--color-primary-text);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .22s linear,stroke .15s ease-out}.timer__value{position:relative}.timer--long .timer__value{font-size:.72em;letter-spacing:-.02em}.timer--urgent{color:var(--color-danger-text)}.timer--urgent .timer__arc{stroke:var(--color-danger)}.timer--urgent .timer__track{fill:var(--color-danger-soft)}@media(prefers-reduced-motion:reduce){.timer__arc{transition:none}}.player-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-item);background:var(--color-surface-3);overflow:hidden}.player{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--color-border);transition:opacity .2s ease}.player:last-child{border-bottom:0}.player--me{background:var(--color-surface-2)}.player--offline{opacity:.6}.player--guessed{background:var(--color-success-soft)}.player__rank{width:28px;flex:none;font-weight:700;font-size:.85rem;color:var(--color-text-faint)}.player__avatar{position:relative;flex:none}.player__badge{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--color-primary-contrast);border:2px solid var(--color-surface)}.player__badge--drawer{background:var(--color-primary)}.player__badge--guessed{background:var(--color-success)}.player__body{flex:1;min-width:0;display:flex;flex-direction:column}.player__name{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:.875rem;font-weight:600;min-width:0}.player__name-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__tag{display:inline-flex;align-items:center;gap:3px;flex:none;padding:1px 6px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;border:1px solid var(--color-border);color:var(--color-text-muted)}.player__host{color:var(--color-warning-text);border-color:currentColor}.player__crown{color:var(--color-warning);display:inline-flex;flex:none}.player__meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.player__score{font-weight:700;font-variant-numeric:tabular-nums}.player__turn-points{color:var(--color-success-text);font-weight:700;animation:pop .3s ease}.player__actions{flex:none}.player__actions--spacer{width:32px}@media(pointer:coarse){.player__actions--spacer{width:44px}}.player__kick{opacity:0}.player:hover .player__kick,.player:focus-within .player__kick{opacity:1}@media(hover:none){.player__kick{opacity:1}}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.chat{display:flex;flex-direction:column;min-height:0;flex:1}.chat__log-wrap{position:relative;flex:1;min-height:0;display:flex}.chat__log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:2px;scroll-behavior:smooth}.chat-msg{padding:5px 10px;border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}.chat-msg__name{font-weight:600;margin-right:6px}.chat-msg__name:after{content:":"}.chat-msg__icon{vertical-align:-2px;margin-right:4px}.chat-msg--guessed{background:var(--chat-guessed-bg);color:var(--chat-guessed-fg)}.chat-msg--correct{background:var(--chat-correct-bg);color:var(--chat-correct-fg);font-weight:600}.chat-msg--close{background:var(--chat-close-bg);color:var(--chat-close-fg);font-weight:500}.chat-msg--system{color:var(--color-text-faint)}.chat-msg--hint{font-weight:600;background:var(--color-primary-soft);color:var(--color-primary-text)}.chat__jump{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);font-size:.8rem;font-weight:600}.chat__form{display:flex;gap:8px;margin-top:var(--space-3)}.chat__input{flex:1;min-width:0}.chat__send{flex:none;min-height:48px}.sheet{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;justify-content:flex-end}.sheet__backdrop{position:absolute;inset:0;background:var(--overlay-bg);animation:fade-in .16s ease-out;cursor:default;border-radius:0}.sheet__panel{position:relative;display:flex;flex-direction:column;max-height:min(90dvh,calc(var(--app-height, 100dvh) - 32px));background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:6px var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));animation:sheet-in .22s var(--ease-out)}.sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--color-border-strong);margin:4px auto var(--space-2)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.sheet__head .icon-btn{width:44px;height:44px}.sheet__title{font-size:1.125rem;font-weight:700}.sheet__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.menu-sheet{display:flex;flex-direction:column;gap:6px}.menu-sheet__leave{margin-top:var(--space-2);min-height:48px}@keyframes sheet-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.settings{display:flex;flex-direction:column;gap:var(--space-3)}.settings__note{color:var(--color-text-faint);font-size:.8125rem}.setting__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.setting__label{font-weight:600;font-size:.9375rem}.setting__value{font-family:var(--font-mono);font-weight:600;color:var(--color-primary-text);font-variant-numeric:tabular-nums}.setting__hint{color:var(--color-text-faint);font-size:.8125rem;margin-top:2px}.setting__readonly-words{color:var(--color-text-muted);font-size:.875rem;overflow-wrap:anywhere}.settings--readonly .setting{padding:4px 0}.overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:min(100%,440px);max-height:100%;overflow-y:auto;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text);text-align:center;animation:pop-in .16s ease-out}.overlay__card--wide{width:min(100%,560px)}.overlay__kicker{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-text)}.overlay__title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.overlay__hint{color:var(--color-text-muted);font-size:.9rem}.overlay__footer{display:flex;align-items:center;gap:10px;margin-top:var(--space-2);color:var(--color-text-muted);font-weight:600}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:min(100%,300px)}.podium__step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.podium__name{max-width:100%;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium__block{display:grid;place-items:center;width:100%;border-radius:var(--radius-sm) var(--radius-sm) 4px 4px;background:var(--color-surface-3);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-display);font-size:.95rem;font-weight:700}.podium__step--1 .podium__block{height:44px;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.podium__step--2 .podium__block{height:32px;background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-secondary-contrast)}.podium__step--3 .podium__block{height:24px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(pointer:coarse){.btn--sm{min-height:44px}.icon-btn,.icon-btn--sm,.toast__close{width:44px;height:44px}}@media(max-width:760px){.card{padding:var(--space-4)}.btn--block{white-space:normal;line-height:1.2;padding-top:10px;padding-bottom:10px}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px}.site-header__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.site-header .brand{color:inherit;text-decoration:none;min-width:0;border-radius:var(--radius-sm)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);flex:none}@media(min-width:768px){.site-header{--wordmark-height: 30px}}.site-header--hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"actions" "brand";row-gap:0}.site-header--hero .site-header__brand{grid-area:brand;display:block}.site-header--hero .brand{display:block;width:100%}.site-header--hero .wordmark{width:100%;height:auto}.logo{position:relative;flex:none;min-width:0;line-height:0}.logo .brand{display:block;min-height:0;padding:10px 0;margin:-10px 0}.settings-menu--logo{display:contents}.settings-menu__logo-gear{position:absolute;left:var(--gear-x);top:var(--gear-y);z-index:2;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.settings-menu__logo-gear:focus-visible{outline:2px solid var(--color-primary-text);outline-offset:-6px}.wordmark__gear{transform-box:fill-box;transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1),color .15s ease-out}.logo:has(.settings-menu__logo-gear:hover) .wordmark__gear,.logo:has(.settings-menu__logo-gear:focus-visible) .wordmark__gear{color:var(--color-primary-text)}.logo:has(.settings-menu__logo-gear[aria-expanded=true]) .wordmark__gear{color:var(--color-primary-text);transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.wordmark__gear{transition:none}}.settings-menu--logo .settings-menu__panel{top:calc(100% + 12px);right:auto;left:max(0px,calc(min(var(--gear-x) + 22px,100%) - min(300px,calc(100vw - 2 * var(--gutter)))))}.site-header--hero .logo{width:100%}.site-header--hero .site-header__actions{grid-area:actions;justify-self:end}@media(max-width:360px){.site-header .conn-pill__label{display:none}}.waiting-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--overlay-bg);animation:fade-in .2s ease;overflow-y:auto}.waiting__avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.waiting__count{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--color-text-muted)}.waiting__remove{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.waiting__remove .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:center;padding-top:8px;padding-bottom:8px;line-height:1.2}.waiting-overlay .overlay__title{overflow-wrap:anywhere;max-width:100%}.waiting-overlay .overlay__footer .btn{min-height:44px}.reconnect-banner{position:fixed;top:calc(var(--space-3) + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:101;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 2 * var(--gutter));padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-warning-text);font-size:.85rem;font-weight:700;box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;animation:toast-in .2s ease}:root:has(.reconnect-banner) .toasts{top:calc(var(--space-4) + env(safe-area-inset-top) + 44px)}.timer--paused .timer__value,.timer--settling .timer__value{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.timer--settling .spinner{width:14px;height:14px}.podium-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--overlay-bg);animation:fade-in .2s ease;overflow-y:auto}.podium-overlay__footer{flex-wrap:wrap;justify-content:center}@media(max-width:760px){.overlay__card{padding:var(--space-4)}.overlay__title{font-size:1.15rem}}.player__status{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.player__status--ready{gap:8px;color:var(--color-text);font-weight:600}.player__check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast)}.player__status--sittingOut,.player__status--sitting-out{padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-faint)}.player__status--offline{color:var(--color-warning-text)}.player--spectating{opacity:.7}.podium-card{position:relative;overflow:hidden}.podium-card:focus-visible{outline:none}.podium-card__scroll{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.podium-card__menu{position:absolute;top:var(--space-3);right:var(--space-3)}.podium-hero{display:flex;flex-direction:column;align-items:center;gap:2px}.podium-hero__title{font-size:1.6rem;margin-top:var(--space-2)}.podium-hero__mascot{width:auto;height:96px;animation:podium-bounce .6s cubic-bezier(.2,.8,.2,1)}@keyframes podium-bounce{0%{transform:translateY(12px) scale(.92);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:none}}.podium-hero__points{font-family:var(--font-mono);font-weight:600;font-size:.95rem;color:var(--color-text)}.podium-place{font-weight:600;color:var(--color-text-muted)}.podium-place--won{color:var(--color-primary-text);font-weight:700}.podium-standings{width:100%;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-item);background:var(--color-surface-3)}.podium-standings__row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px 4px 10px;font-size:.9rem}.podium-standings__row+.podium-standings__row{border-top:1px solid var(--color-border)}.podium-standings__row--me{background:var(--color-secondary-soft)}.podium-standings__rank{flex:none;width:18px;font-family:var(--font-mono);font-weight:600;color:var(--color-text-muted)}.podium-standings__name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;text-align:left;font-weight:600;overflow:hidden;white-space:nowrap}.podium-standings__you{flex:none;font-size:.72rem;font-weight:600;color:var(--color-secondary-text)}.podium-standings__score{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.podium-next{width:100%;flex:0 0 auto;max-height:70%;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.podium-next .ready-controls{margin-top:0}.podium-next__count{font-size:.85rem;font-weight:700;color:var(--color-text-muted)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti__piece{position:absolute;top:-12px;left:var(--confetti-left);width:10px;height:16px;background:var(--confetti-color);opacity:0;border-radius:2px;animation:confetti-fall var(--confetti-duration) ease-in var(--confetti-delay) 1 forwards}.confetti__piece--round{width:10px;height:10px;border-radius:50%}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translate3d(var(--confetti-drift),70vh,0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.podium-hero__mascot{animation:none}}@media(max-width:760px){.podium-hero__title{font-size:1.3rem}.podium-hero__mascot{height:72px}.podium-next .btn{min-height:44px}}.settings-menu__actions{display:flex;flex-direction:column;margin:0 calc(-1 * var(--space-2));padding:6px 0 8px;border-top:1px solid var(--color-border)}.settings-menu__action{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:.9375rem;text-align:left}.settings-menu__action:hover{background:var(--color-surface-2)}.guess-form{display:flex;align-items:stretch;gap:8px;margin-top:var(--space-3)}.guess-tiles{position:relative;flex:1;min-width:0;container-type:inline-size;min-height:48px;display:flex;align-items:center;padding:6px 10px;border-radius:var(--radius-item);border:2px solid var(--color-border);background:var(--color-surface-2);cursor:text;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .15s ease}.guess-tiles.is-focused{border-color:var(--color-primary-text);background:var(--color-surface)}.guess-tiles__groups{--ggap: 12px;--total-letters: 1;--total-seps: 0;--groups: 1;display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--ggap);width:100%;min-width:0}.guess-tiles__group{--gtile-gap: 3px;--gtile-max: 24px;--gsep-w: 12px;--letters: 1;--seps: 0;--gtile-fit-word: calc((100cqw - var(--seps) * var(--gsep-w) - (var(--letters) + var(--seps) - 1) * var(--gtile-gap)) / var(--letters));--gtile-fit-bar: calc( (100cqw - var(--total-seps) * var(--gsep-w) - (var(--groups) - 1) * var(--ggap) - (var(--total-letters) + var(--total-seps) - var(--groups)) * var(--gtile-gap)) / var(--total-letters) );--gtile-w: clamp(16px, var(--gtile-fit-word), var(--gtile-max));display:inline-flex;flex-wrap:wrap;gap:var(--gtile-gap)}.gtile{position:relative;display:inline-grid;place-items:center;width:24px;height:32px;border-radius:6px;font-weight:700;font-size:1.05rem;text-transform:uppercase;color:var(--color-text);background:var(--color-surface-3);border-bottom:3px solid var(--color-border-strong);line-height:1}.gtile--letter{width:var(--gtile-w);font-size:clamp(.78rem,calc(var(--gtile-w) * .7),1.05rem)}.gtile--hint{color:var(--color-primary-text);background:var(--color-primary-soft);border-bottom-color:var(--color-primary-text)}.gtile--filled{color:var(--color-text);background:var(--color-surface);border-bottom-color:var(--color-primary-text);box-shadow:var(--shadow-sm)}.gtile--match{color:var(--chat-correct-fg);background:var(--chat-correct-bg);border-bottom-color:var(--color-success)}.gtile--mismatch{color:var(--chat-close-fg);background:var(--chat-close-bg);border-bottom-color:var(--color-warning)}.gtile--active{border-bottom-color:var(--color-primary-text)}.guess-tiles.is-focused .gtile--active:after{content:"";position:absolute;width:2px;height:60%;border-radius:1px;background:var(--color-primary);animation:caret-blink 1s steps(2,start) infinite}.gtile--sep{width:var(--gsep-w);background:transparent;border-bottom:0;color:var(--color-text-faint)}.guess-tiles__overflow{display:inline-flex;align-items:center;gap:2px;padding-left:6px;border-left:2px dashed var(--color-border-strong)}.gtile--overflow{width:16px;height:22px;font-size:.8rem;font-weight:700;color:var(--color-text-faint);background:transparent;border-bottom:2px solid var(--color-border);text-transform:none}.gtile--more{width:auto;height:22px;padding:0 6px;font-size:.72rem;font-weight:700;text-transform:none;color:var(--color-text-muted);background:var(--color-surface-3);border-bottom:0;border-radius:var(--radius-pill)}@container (max-width: 260px){.gtile{height:28px;border-radius:5px}.guess-tiles__group{--gtile-gap: 2px;--gtile-max: 20px;--gsep-w: 10px}.guess-tiles__groups{--ggap: 8px;gap:4px var(--ggap)}}.guess-tiles__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;opacity:0;caret-color:transparent;font-size:16px;outline:none;cursor:text}.guess-tiles__input::selection{background:transparent}.guess-form__send{flex:none;width:48px;min-height:48px;padding:0;border-radius:var(--radius-item)}@keyframes caret-blink{to{visibility:hidden}}.playing-card{--card-face: #ffffff;--card-ink: #171717;--card-red: #af233b;--card-w: 56px;--card-h: 78px;--card-font: 1.05rem;position:relative;display:inline-block;flex:none;width:var(--card-w);height:var(--card-h);border-radius:6px;background:var(--card-face);color:var(--card-ink);border:1px solid var(--color-border-strong);font-family:var(--font-display);font-weight:700;line-height:1;user-select:none;-webkit-user-select:none}.playing-card--red{color:var(--card-red)}.playing-card--sm{--card-w: 30px;--card-h: 42px;--card-font: .72rem;border-radius:4px}.playing-card--lg{--card-w: 68px;--card-h: 96px;--card-font: 1.25rem;border-radius:8px}.playing-card--xl{--card-w: 84px;--card-h: 118px;--card-font: 1.5rem;border-radius:10px}.playing-card--highlight{outline:2px solid var(--color-primary-text);outline-offset:1px}.playing-card__corner{position:absolute;top:4px;left:5px;display:flex;flex-direction:column;align-items:center;font-size:var(--card-font);letter-spacing:-.03em}.playing-card__corner--flip{inset:auto 5px 4px auto;transform:rotate(180deg)}.playing-card__suit{font-family:var(--font-sans);font-size:calc(var(--card-font) * .8);margin-top:1px}.playing-card__pip{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-sans);font-size:calc(var(--card-font) * 1.7)}.playing-card--sm .playing-card__pip,.playing-card--sm .playing-card__corner--flip{display:none}.playing-card--sm .playing-card__corner{top:3px;left:4px;align-items:flex-start}.playing-card--down{background-color:var(--color-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M5 0 10 5 5 10 0 5Z' fill='none' stroke='%23141514' stroke-opacity='.18' stroke-width='1.2'/%3E%3C/svg%3E");background-size:10px 10px;border-color:var(--color-secondary)}.playing-card__back{position:absolute;inset:5px;border-radius:3px;border:2px solid var(--color-secondary-contrast);opacity:.7}.playing-card--sm .playing-card__back{inset:3px;border-width:1.5px}.playing-card--slot{background:transparent;border:1px dashed var(--color-border-strong)}.playing-card--slot .playing-card__back{display:none}.chip-count{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.chip-count__coin{flex:none;color:var(--color-warning)}.chips-setting{display:flex;flex-direction:column;gap:8px}.chips-setting__presets{display:flex;flex-wrap:wrap;gap:6px}.chips-setting__preset{flex:1 1 auto;min-height:40px;padding:0 10px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums}.chips-setting__preset.is-selected{border-color:var(--color-primary-text);background:var(--color-primary-soft);color:var(--color-primary-text)}.chips-setting__field{display:flex;align-items:center;gap:8px}.chips-setting__input{flex:1;min-width:0;max-width:200px;font-variant-numeric:tabular-nums}.tbl{--game-accent: var(--table-accent);display:grid;grid-template-columns:300px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1500px,100%);margin:0 auto}.tbl__top{grid-column:1 / -1}.tbl__panel{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;padding:var(--space-4)}.tbl__table{grid-column:2;grid-row:2;min-height:0;min-width:0;display:flex}.tbl__chat{grid-column:3;grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.tbl__chat-sheet{display:flex;flex-direction:column;height:min(60vh,520px)}.tbl-felt{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.tbl-felt__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--space-3)}.tbl-card{display:flex;flex:none;will-change:transform}.tbl-card .playing-card,.tbl-flip .playing-card{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5);--card-font: calc(var(--tbl-w) * .26 + 2px)}.tbl-flip{display:inline-grid;transform-style:preserve-3d;animation:tbl-flip .4s var(--ease-out) both}.tbl-flip>*{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tbl-flip>.tbl-flip__back{transform:rotateY(180deg)}@keyframes tbl-flip{0%{transform:perspective(600px) rotateY(180deg)}to{transform:perspective(600px) rotateY(0)}}.tbl-deck,.tbl-discard{display:flex;flex-direction:column;align-items:center;gap:4px}.tbl-deck{grid-column:3;justify-self:end}.tbl-discard{grid-column:1;justify-self:start}.tbl-deck__stack,.tbl-discard__slot{position:relative;display:block;width:36px;height:54px}.tbl-discard__slot{border-radius:5px;border:1px dashed var(--color-border-strong)}.tbl-stack{position:absolute;inset:0}.tbl-stack__card{position:absolute;inset:0;border-radius:5px;background-color:var(--color-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='none' stroke='%23141514' stroke-opacity='.2' stroke-width='1'/%3E%3C/svg%3E");background-size:8px 8px;border:1px solid var(--color-surface)}.tbl-deck__count{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl-ribbon{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);text-transform:uppercase;text-align:center;line-height:1.2}.tbl-ribbon__main{font-size:.78rem;font-weight:600;letter-spacing:.14em;color:var(--color-text-muted)}.tbl-ribbon__sub{font-size:.66rem;letter-spacing:.12em;color:var(--color-text-faint)}.tbl-outline{border-radius:var(--radius-item);border:2px solid transparent;transition:border-color .15s ease-out}.tbl-outline--active{border-color:var(--color-primary-text);background:var(--color-primary-soft)}.tbl-outline--win{border-color:var(--color-primary-text)}.tbl-outline--blackjack{border-color:var(--color-warning)}.tbl-outline--loss,.tbl-outline--bust{border-color:var(--color-danger)}.tbl-outline--push{border-color:var(--color-border-strong)}.tbl-tag{padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border);font-size:.7rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.tbl-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl-pill--active{border-color:var(--color-primary-text)}.tbl-pill--win{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.tbl-pill--blackjack{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-bg)}.tbl-pill--loss,.tbl-pill--bust{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg)}.tbl-pill--push{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text-muted)}.tbl-payout{position:absolute;bottom:calc(100% + 4px);left:50%;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-primary-text);white-space:nowrap;pointer-events:none;opacity:0;animation:tbl-rise 1.6s var(--ease-out) forwards}.tbl-payout--blackjack{color:var(--color-warning-text)}.tbl-payout--push{color:var(--color-text-muted)}@keyframes tbl-rise{0%{opacity:0;transform:translate(-50%,14px)}20%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-4px)}}.tbl-stage--tight .tbl-spot--row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"who body clock" "sub body clock";column-gap:6px}.tbl-stage--tight .tbl-spot--row .tbl-spot__sub{flex-direction:row;align-items:center;justify-self:start;gap:8px;text-align:left}.tbl-stage--tight .tbl-spot--stack{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"who sub clock" "body body body";column-gap:8px}.tbl-stage--tight .tbl-spot--stack .tbl-spot__sub{gap:8px}.tbl-stage--tight .tbl-spot__label{font-size:1.15rem}.tbl-stage--tight .tbl-spot .timer--md{width:40px;height:40px;font-size:.8rem}.tbl-stage--tight .tbl-spot__face .avatar{width:26px;height:26px;font-size:15px}@media(max-width:360px){.tbl-stage--tight .tbl-spot .timer--md{width:34px;height:34px;font-size:.75rem}.tbl-stage--tight .tbl-spot__face .avatar{width:22px;height:22px;font-size:13px}.tbl-stage--tight .tbl-spot__who{gap:6px}}.tbl-stage--tight .tbl-me__label{display:none}.tbl-stage--tight .tbl-me .avatar{width:20px;height:20px;font-size:12px}.tbl-stage--tight .tbl-stage__mine{min-width:0;overflow:hidden;container-type:inline-size}.tbl-flights{position:fixed;inset:0;pointer-events:none;z-index:5}.tbl-flight{position:fixed;display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 3px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-warning);font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--color-text);white-space:nowrap;will-change:transform}.tbl-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"top" "ribbon" "spot" "seats" "mine";justify-content:stretch;overflow:hidden}.tbl-stage>.tbl-felt__top{grid-area:top}.tbl-stage>.tbl-ribbon{grid-area:ribbon}.tbl-stage>.tbl-spot{grid-area:spot}.tbl-stage>.tbl-grid{grid-area:seats}.tbl-stage>.tbl-stage__mine{grid-area:mine}.tbl-spot{--tbl-w: var(--tbl-spot-w, 64px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who clock" "sub clock" "body body";align-items:center;column-gap:10px;row-gap:2px;min-width:0;padding:6px 10px 8px;border-radius:var(--radius-md);border:2px solid var(--color-border-strong);background:var(--color-surface-2);transition:border-color .15s ease-out,background-color .15s ease-out}.tbl-spot--row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"who who clock" "sub body clock"}.tbl-spot--row .tbl-spot__clock{justify-self:end}.tbl-spot--turn,.tbl-spot--mine{border:3px solid var(--color-primary-text);padding:5px 9px 7px;background:var(--color-primary-soft)}.tbl-spot--dealer{border-color:var(--color-secondary)}.tbl-spot--tone-win{border-color:var(--color-primary-text)}.tbl-spot--tone-blackjack{border-color:var(--color-warning)}.tbl-spot--tone-loss,.tbl-spot--tone-bust{border-color:var(--color-danger)}.tbl-spot__who{grid-area:who;display:flex;align-items:center;gap:8px;min-width:0}.tbl-spot__face{display:flex;flex:none}.tbl-spot__face .avatar{width:40px;height:40px;font-size:24px}.tbl-spot .timer--md{width:56px;height:56px;font-size:1.05rem}.tbl-spot__label{display:flex;min-width:0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl-spot__name{min-width:min(5ch,100%);overflow:hidden;text-overflow:ellipsis}.tbl-spot__name--short{flex:none;min-width:0}.tbl-spot__rest{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.tbl-spot--turn .tbl-spot__label,.tbl-spot--mine .tbl-spot__label,.tbl-spot--tone-win .tbl-spot__label{color:var(--color-primary-text)}.tbl-spot--dealer .tbl-spot__label{color:var(--color-secondary-text)}.tbl-spot--tone-blackjack .tbl-spot__label{color:var(--color-warning-text)}.tbl-spot--tone-loss .tbl-spot__label,.tbl-spot--tone-bust .tbl-spot__label{color:var(--color-danger-text)}.tbl-spot__sub{grid-area:sub;display:flex;align-items:center;gap:10px;min-width:0;font-size:.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.tbl-spot--row .tbl-spot__sub{flex-direction:column;align-items:flex-end;justify-self:end;gap:2px;max-width:100%;text-align:right}.tbl-spot__next{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-faint)}.tbl-spot__clock{grid-area:clock;display:flex}.tbl-spot__body{grid-area:body;display:flex;justify-content:center;align-items:flex-end;gap:8px;min-width:0}.tbl-spot--stack .tbl-spot__body{container-type:inline-size}.tbl-spot-in{animation:tbl-spot-in .3s var(--ease-out) both}@keyframes tbl-spot-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tbl-grid{--grid-gap: 6px;display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,calc(var(--tile-w, 120px) * 1.3)));grid-template-rows:repeat(var(--rows, 1),minmax(0,var(--tile-h, 56px)));justify-content:center;align-content:center;gap:var(--grid-gap);min-width:0;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.tbl-grid--small,.tbl-grid--dense{--grid-gap: 4px}.tbl-grid__cell{display:flex;min-width:0;min-height:0;container:tile / size}.tbl-grid--arc{grid-template-columns:repeat(calc(var(--cols, 4) * 2),minmax(0,calc(var(--tile-w, 120px) * .65)));row-gap:calc(var(--grid-gap) + var(--arc, 16px));padding-top:calc(var(--arc, 16px) + 2px)}.tbl-grid--arc .tbl-grid__cell{grid-column-end:span 2;transform:translateY(calc(var(--lift, 0) * var(--arc, 16px) * -1))}.tbl-tile{--face: 28px;position:relative;flex:1;min-width:0;min-height:0;display:grid;align-items:center;align-content:center;column-gap:6px;row-gap:3px;padding:5px 7px;border-radius:var(--radius-item);border:1.5px solid var(--color-border);background:var(--color-surface-2);overflow:hidden;transition:border-color .15s ease-out,background-color .15s ease-out}.tbl-tile--turn{border:3px solid var(--color-primary-text);padding:3.5px 5.5px;background:var(--color-primary-soft)}.tbl-tile--dim{opacity:.55}.tbl-tile--win{border:2px solid var(--color-primary-text)}.tbl-tile--blackjack{border:2px solid var(--color-warning)}.tbl-tile--loss{border:2px solid var(--color-danger)}.tbl-tile--push{border:2px solid var(--color-text-faint)}.tbl-tile__face{grid-area:face;position:relative;display:flex}.tbl-tile__face .avatar{width:var(--face);height:var(--face);font-size:calc(var(--face) * .58)}.tbl-tile__mark{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--color-surface-2);background:var(--color-surface-3);color:var(--color-text-muted)}.tbl-tile__mark--waiting,.tbl-tile__mark--idle{display:none}.tbl-tile__mark--turn,.tbl-tile__mark--win{background:var(--color-primary);color:var(--color-primary-contrast)}.tbl-tile__mark--bet,.tbl-tile__mark--blackjack,.tbl-tile__mark--allin{background:var(--color-warning);color:var(--color-bg)}.tbl-tile__mark--loss,.tbl-tile__mark--out{background:var(--color-danger);color:var(--color-bg)}.tbl-tile--turn .tbl-tile__mark{border-color:var(--color-primary-soft)}.tbl-tile__name{grid-area:name;display:flex;align-items:center;gap:4px;min-width:0;font-weight:700;font-size:.8rem;line-height:1.15}.tbl-tile__name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl-tile__meta{grid-area:meta;display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;font-size:.72rem}.tbl-tile__chips{color:var(--color-text-muted)}.tbl-tile__bet{display:inline-flex;align-items:center;color:var(--color-text-muted)}.tbl-tile__line{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--color-text-faint)}.tbl-tile__line--turn{color:var(--color-primary-text)}.tbl-tile--turn .tbl-tile__line{display:none}.tbl-tile__line--strong{color:var(--color-text)}.tbl-tile__line--bad{color:var(--color-danger-text)}.tbl-tile__total{grid-area:total;display:none;justify-self:end}.tbl-tile__total .tbl-pill{height:20px;min-width:28px;padding:0 6px;font-size:.72rem}.tbl-tile__cards{--tbl-w: var(--tbl-mini-w, 24px);grid-area:cards;display:flex;align-items:center;gap:4px;min-width:0;min-height:0;overflow:hidden}.tbl-tile__tag{grid-area:tag;justify-self:end;padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border);font-size:.66rem;font-weight:800;color:var(--color-warning-text);white-space:nowrap}.tbl-tile__tag--turn{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.tbl-tile__open{position:absolute;inset:0;z-index:1;border-radius:inherit;background:transparent}.tbl-tile__open:focus-visible{outline:2px solid var(--color-focus, var(--color-primary-text));outline-offset:-2px}.tbl-tile--full{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,auto);grid-template-areas:"face name tag" "face meta meta" "cards cards cards";align-content:start}@container tile (max-width: 159px){.tbl-tile--full.tbl-tile--turn{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face name" "tag tag" "cards cards"}.tbl-tile--full.tbl-tile--turn .tbl-tile__tag{justify-self:start}.tbl-tile--full.tbl-tile--turn .tbl-tile__meta{display:none}.tbl-tile--full .tbl-tile__meta{flex-wrap:wrap;row-gap:0}.tbl-tile--full .tbl-tile__line{flex-basis:100%}}@container tile (max-height: 80px){.tbl-tile--full{grid-template-rows:auto auto;grid-template-areas:"face name tag" "face meta total";align-content:center}.tbl-tile--full .tbl-tile__cards{display:none}.tbl-tile--full .tbl-tile__total{display:flex}}@container tile (max-height: 80px) and (max-width: 159px){.tbl-tile--full,.tbl-tile--full.tbl-tile--turn{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face name" "face total"}.tbl-tile--full .tbl-tile__meta,.tbl-tile--full .tbl-tile__tag{display:none}.tbl-tile--full .tbl-tile__total{justify-self:start}}@container tile (max-width: 159px) and (min-height: 81px) and (max-height: 110px){.tbl-tile--full:not(.tbl-tile--turn){--face: 24px;column-gap:4px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"face name" "face total" "meta meta";align-content:center}.tbl-tile--full .tbl-tile__cards,.tbl-tile--full .tbl-tile__bet{display:none}.tbl-tile--full:not(.tbl-tile--turn) .tbl-tile__total{display:flex;justify-self:start}.tbl-tile--full.tbl-tile--line .tbl-tile__total{display:none}.tbl-tile--full:not(.tbl-tile--turn) .tbl-tile__tag{display:none}}@container tile (max-height: 46px){.tbl-tile--full{grid-template-rows:auto;grid-template-areas:"face name total"}.tbl-tile--full .tbl-tile__meta,.tbl-tile--full .tbl-tile__tag{display:none}}.tbl-tile--compact{--face: 26px;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"face name name tag" "face total meta meta"}.tbl-tile--compact .tbl-tile__total{display:flex;justify-self:start}.tbl-tile--compact .tbl-tile__chips,.tbl-tile--compact:not(.tbl-tile--line) .tbl-tile__line{display:none}.tbl-tile--compact.tbl-tile--line .tbl-tile__bet{position:absolute;opacity:0}.tbl-tile--compact.tbl-tile--line .tbl-tile__meta{gap:4px;font-size:.68rem}.tbl-tile--compact.tbl-tile--turn{grid-template-areas:"face name name name" "face tag tag tag"}.tbl-tile--compact.tbl-tile--turn .tbl-tile__total,.tbl-tile--compact.tbl-tile--turn .tbl-tile__meta{display:none}.tbl-tile--compact .tbl-tile__tag{justify-self:start}@container tile (max-height: 46px){.tbl-tile--compact,.tbl-tile--compact.tbl-tile--turn{--face: 22px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"face name total";column-gap:3px;padding:3px 4px}.tbl-tile--compact.tbl-tile--turn{padding:1.5px 3.5px}.tbl-tile--compact .tbl-tile__name{font-size:.72rem}.tbl-tile--compact .tbl-tile__total .tbl-pill{height:18px;min-width:22px;padding:0 4px;font-size:.66rem}.tbl-tile--compact .tbl-tile__meta,.tbl-tile--compact .tbl-tile__tag{display:none}.tbl-tile--compact .tbl-tile__total{display:flex;justify-self:end}.tbl-tile--compact.tbl-tile--turn .tbl-tile__total{display:none}}@container tile (max-width: 99px){.tbl-tile--compact{--face: 22px;column-gap:4px}.tbl-tile--compact:not(.tbl-tile--line) .tbl-tile__meta{display:none}.tbl-tile--compact .tbl-tile__tag{padding:0 4px;font-size:.6rem}}@container tile (max-width: 129px){.tbl-tile--compact:not(.tbl-tile--turn) .tbl-tile__tag{display:none}}@container tile (max-height: 46px) and (max-width: 79px){.tbl-tile--compact .tbl-tile__total{display:none}}.tbl-tile--small{--face: min(24px, max(16px, calc(100cqh - 19px) ));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face total" "name name";padding:3px 4px;column-gap:3px;row-gap:1px}.tbl-tile--small.tbl-tile--turn{padding:1.5px 2.5px}.tbl-tile--small .tbl-tile__total,.tbl-tile--dense .tbl-tile__total{display:flex;justify-self:center}.tbl-tile--small .tbl-tile__name{justify-content:center;font-size:.66rem}.tbl-tile--small .tbl-tile__meta,.tbl-tile--dense .tbl-tile__meta,.tbl-tile--dense .tbl-tile__name,.tbl-tile--dense .tbl-tile__tag{display:none}.tbl-tile--small .tbl-tile__tag{grid-area:name;justify-self:center;padding:0 5px;font-size:.6rem}.tbl-tile--small.tbl-tile--turn .tbl-tile__name{display:none}.tbl-tile--small .tbl-tile__mark,.tbl-tile--dense .tbl-tile__mark{width:calc(var(--face) * .42);height:calc(var(--face) * .42);left:-3px;right:auto;bottom:-2px;border-width:1px}.tbl-tile--small .tbl-tile__mark svg,.tbl-tile--dense .tbl-tile__mark svg{display:none}.tbl-tile__mark--done{background:var(--color-text-faint);color:var(--color-bg)}.tbl-tile--small .tbl-tile__total .tbl-pill,.tbl-tile--dense .tbl-tile__total .tbl-pill{height:18px;min-width:24px;padding:0 4px;font-size:.68rem}@container tile (max-width: 56px){.tbl-tile--small{grid-template-columns:minmax(0,1fr);grid-template-areas:"face" "name";justify-items:start;padding:3px}.tbl-tile--small .tbl-tile__name{justify-self:stretch;min-width:0}.tbl-tile--small.tbl-tile--turn .tbl-tile__name{display:flex}.tbl-tile--small.tbl-tile--turn .tbl-tile__tag{display:none}.tbl-tile--small .tbl-tile__total{position:absolute;top:1px;right:1px;z-index:1}.tbl-tile--small .tbl-tile__total .tbl-pill{height:13px;min-width:14px;padding:0 2px;font-size:.56rem;letter-spacing:-.02em}}@container tile (max-height: 35px){.tbl-tile--small{--face: min(22px, calc(100cqh - 6px) );grid-template-areas:"face total"}.tbl-tile--small .tbl-tile__name,.tbl-tile--small.tbl-tile--turn .tbl-tile__name,.tbl-tile--small .tbl-tile__tag{display:none}}@container tile (max-height: 15px){.tbl-tile--small .tbl-tile__total,.tbl-tile--dense .tbl-tile__total{display:none}}.tbl-tile--dense{--face: min(22px, 70cqh);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face total";padding:2px 3px;column-gap:2px;border-radius:8px}.tbl-tile--dense.tbl-tile--turn{padding:.5px 1.5px}.tbl-tile--dense .tbl-tile__total .tbl-pill{height:15px;min-width:18px;padding:0 2px;font-size:.6rem}@container tile (max-width: 34px){.tbl-tile--dense{grid-template-columns:auto;grid-template-areas:"face";justify-items:center}.tbl-tile--dense .tbl-tile__total{display:none}}.tbl-me{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none;font-size:.66rem;font-weight:700;color:var(--color-text-muted)}.tbl-seat-sheet{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-2)}.tbl-panel{display:flex;flex-direction:column;gap:var(--space-2)}.tbl-panel__status{margin:0;min-height:22px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl-panel__status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-border-strong)}.tbl-panel__status-text{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.tbl-panel__status--who:before{display:none}.tbl-panel__who{display:flex;flex:none}.tbl-panel__who .avatar{width:22px;height:22px;font-size:13px}.tbl-panel__status--go{color:var(--color-primary-text)}.tbl-panel__status--go:before{background:var(--color-primary)}.tbl-panel__status--other:before{background:var(--color-secondary)}.tbl-panel__status--bad{color:var(--color-danger-text)}.tbl-panel__label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tbl-panel__label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.tbl-panel__balance{font-size:.9rem}.tbl-amount{display:flex;min-width:0}.tbl-amount__field{flex:1;min-width:0;display:flex;align-items:center;padding-left:12px;border:1.5px solid var(--color-border-strong);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-surface-3)}.tbl-amount__field:focus-within{border-color:var(--color-primary-text)}.tbl-amount__field.is-off{opacity:.6}.tbl-amount__coin{flex:none}.tbl-amount__input{flex:1;min-width:0;height:45px;padding:0 4px 0 8px;border:0;background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:max(1rem,16px);font-weight:600;font-variant-numeric:tabular-nums}.tbl-amount__input:focus{outline:none}.tbl-amount__clear{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--color-text-faint)}.tbl-amount__clear:hover{color:var(--color-text)}.tbl-amount__steps{display:flex;flex:none}.tbl-amount__step{min-width:48px;height:48px;padding:0 8px;border:1.5px solid var(--color-border-strong);border-left-width:1px;background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-mono);font-size:.82rem;font-weight:600;white-space:nowrap;touch-action:manipulation}.tbl-amount__step+.tbl-amount__step{border-left:0}.tbl-amount__step:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tbl-amount__step:hover:not(:disabled){background:var(--color-surface)}.tbl-amount__step[aria-pressed=true]{color:var(--color-primary-text)}.tbl-amount__step:disabled{color:var(--color-text-faint)}.tbl-panel__moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.tbl-move{min-width:0;padding:0 10px;touch-action:manipulation}.tbl-panel .btn:disabled{background:var(--color-surface-2);border-color:var(--color-surface-2);color:var(--color-text-faint)}.tbl-panel__primary{min-height:56px;font-size:1.05rem;touch-action:manipulation}.tbl-panel__hint{margin:0;text-align:center;font-size:.72rem;color:var(--color-text-faint)}@media(max-width:1100px){.tbl{grid-template-columns:280px minmax(0,1fr) 260px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.tbl{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:6px;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.tbl__top{flex:none}.tbl__table{flex:1 1 0}.tbl-felt{gap:6px;padding:8px;border-radius:var(--radius-item)}.tbl__panel{flex:none;padding:10px;border-radius:var(--radius-item);overflow:visible}.tbl-panel{gap:6px}.tbl-panel__status{font-size:.9rem;min-height:20px}.tbl-ribbon__main{font-size:.68rem}.tbl-ribbon__sub{font-size:.6rem}.tbl-deck__stack,.tbl-discard__slot{width:26px;height:39px}.tbl-spot__label{font-size:1.25rem}.tbl-spot__face .avatar{width:30px;height:30px;font-size:18px}.tbl-spot .timer--md{width:44px;height:44px;font-size:.875rem}}@media(max-width:760px)and (max-height:760px){.tbl-ribbon__sub{display:none}}@media(max-width:760px)and (max-height:620px),(min-aspect-ratio:3/2)and (max-height:520px){.tbl-felt{gap:4px;padding:4px 6px}.tbl-ribbon{display:none}.tbl-deck__stack,.tbl-discard__slot{width:28px;height:42px}.tbl__panel{padding:8px}.tbl-panel__moves,.tbl-panel{gap:5px}.tbl-panel .btn{min-height:44px}.tbl-amount__input{height:44px}.tbl-amount__step{height:47px}.tbl-panel__primary{min-height:48px}.tbl-panel__status{min-height:18px;font-size:.85rem}}@media(min-aspect-ratio:3/2)and (max-height:520px){.tbl{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr)}.tbl__top{grid-column:1 / -1}.tbl__table{grid-column:1;grid-row:2}.tbl__panel{grid-column:2;grid-row:2;overflow-y:auto}}@media(max-width:359px){.tbl-amount__step{min-width:44px;padding:0 4px}}@media(prefers-reduced-motion:reduce){.tbl-flip,.tbl-spot-in,.tbl-payout{animation:none}.tbl-payout,.tbl-flights{display:none}}.gbar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);min-width:0}.gbar__row{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:44px}.gbar__back{margin-left:-6px;color:var(--color-text)}.gbar__name{flex:0 1 auto;min-width:0;font-family:var(--font-display);font-weight:700;font-size:1.625rem;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbar__status{flex:0 1 auto;min-width:0;margin-left:auto;color:var(--color-text);font-weight:500;font-size:.9375rem;line-height:1.25;text-align:right;font-variant-numeric:tabular-nums;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.gbar__middle{flex:1 1 0;display:flex;justify-content:center;min-width:0}.gbar__side{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);min-width:0}.gbar__btn{width:44px;height:44px}.gbar__people{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gbar__clock{flex:none;display:grid;place-items:center;margin-left:auto}.chips{--chip-w: 64px;--chip-gap: 6px;flex:1 1 auto;min-width:0;display:flex;gap:var(--chip-gap);overflow:hidden;padding:0;border-radius:12px;text-align:center;color:var(--color-text)}.chip{position:relative;flex:none;width:var(--chip-w);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 1px 6px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-2);transition:border-color .1s ease-out}.chips:hover .chip{border-color:var(--color-border-strong)}.chip--away{opacity:.6}.chip__name{max-width:100%;padding:0 2px;font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip__status{display:inline-flex;align-items:center;gap:2px;max-width:100%;font-size:.5625rem;letter-spacing:-.01em;font-weight:600;line-height:1.2;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.chip__icon{flex:none;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:var(--color-surface-3);color:var(--color-text-muted)}.chip__status--ready .chip__icon,.chip__status--done .chip__icon{background:var(--color-primary);color:var(--color-primary-contrast)}.chip__status--ready,.chip__status--done{color:var(--color-text)}.chip__status--active{color:var(--color-secondary-text)}.chip__status--active .chip__icon{background:var(--color-secondary);color:var(--color-secondary-contrast)}.chip__status--out{color:var(--color-danger-text)}.chip__status--out .chip__icon{background:var(--color-danger-soft);color:var(--color-danger-text)}.chip--more{justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.125rem}.gbar__count{display:inline-flex;align-items:center;width:auto;min-width:44px;gap:4px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-2);font-weight:700;font-size:.875rem;font-variant-numeric:tabular-nums}.gbar--compact.gbar--phone{padding:2px 6px}.gbar--compact.gbar--phone .gbar__name{font-size:1.25rem}.gbar--compact.gbar--phone .gbar__status{font-size:.8125rem}@media(max-width:360px){.gbar--compact.gbar--phone .gbar__name{display:none}.gbar--compact.gbar--phone .gbar__status{margin-left:0;text-align:left}}.gbar .timer--lg{width:72px;height:72px;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.gbar--phone{padding:4px 8px 8px;border-radius:var(--radius-item)}.gbar--phone .gbar__row{gap:4px}.gbar--phone .gbar__name{font-size:1.5rem}.gbar--phone .gbar__status{font-size:.875rem}.gbar--phone .gbar__more{display:none}.gbar--phone:not(.gbar--compact) .gbar__status{flex:none;display:block;white-space:nowrap}.gbar--phone:not(.gbar--compact) .gbar__name{font-size:1.3125rem}.gbar--phone .timer--lg{width:64px;height:64px;font-size:1.375rem}@media(max-width:360px){.gbar--phone .gbar__name,.gbar--phone:not(.gbar--compact) .gbar__name{font-size:1.25rem}.gbar--phone .gbar__wide{display:none}.gbar--phone .gbar__row,.gbar--phone .gbar__side{gap:2px}.gbar--phone .timer--lg{width:56px;height:56px;font-size:1.125rem}}@media(max-width:340px){.gbar--phone:not(.gbar--compact) .gbar__name{font-size:1.125rem}}@media(max-width:760px)and (max-height:640px),(min-aspect-ratio:3/2)and (max-height:520px){.gbar--phone{gap:4px;padding-bottom:6px}.gbar--phone .chips{--chip-w: 44px;--chip-gap: 4px}.gbar--phone .chip{height:44px;padding:0;justify-content:center}.gbar--phone .chip .avatar--md{width:32px;height:32px;font-size:19px}.gbar--phone .chip__name{display:none}.gbar--phone .chip__status{position:absolute;right:1px;bottom:1px;font-size:0}.gbar--phone .chip--more{font-size:.9375rem}.gbar--phone .timer--lg{width:44px;height:44px;font-size:1rem}}@media(min-aspect-ratio:3/2)and (max-height:520px){.gbar--phone{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 8px}.gbar--phone .gbar__row{flex:1 1 260px}.gbar--phone .gbar__people{flex:1 1 200px;gap:var(--space-2)}.gbar--phone>:not(.gbar__row,.gbar__people){flex-basis:100%}.gbar--phone .gbar__name{font-size:1.125rem}}@media(max-width:760px)and (max-height:440px)and (max-aspect-ratio:3/2){.gbar--phone{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:2px 6px}.gbar--phone .gbar__row{display:contents}.gbar--phone .gbar__name,.gbar--phone .gbar__status,.gbar--phone .gbar__middle{display:none}.gbar--phone .gbar__people{order:1;flex:1 1 0;min-width:0}.gbar--phone .gbar__side{order:2}.gbar--phone>:not(.gbar__row,.gbar__people){order:3;flex-basis:100%}}.result-card{gap:var(--space-3);width:min(100%,400px);padding:var(--space-4) var(--space-4) var(--space-3)}.result-kicker{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 12px;border-radius:var(--radius-pill);background:var(--game-accent, var(--color-primary));color:var(--game-ink);font-size:.82rem;font-weight:700;line-height:1.3}.result-reveal{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%}.result-reveal__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.result-reveal__value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;overflow-wrap:anywhere}.result-points{width:100%;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-item);background:var(--color-surface-3);overflow:hidden}.result-points__row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px 4px 8px}.result-points__row+.result-points__row{border-top:1px solid var(--color-border)}.result-points__name{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;text-align:left;font-weight:600}.result-points__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-points__tag{flex:none;padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.72rem;font-weight:600}.result-points__pts{flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-success-text)}.result-next{margin-top:0;justify-content:center;font-size:.9rem}@media(max-width:760px){.result-card{padding:var(--space-3);gap:10px}.result-reveal__value{font-size:1.35rem}}.home{--home-gutter: 16px;--home-column: 328px;--home-box-gap: 8px;--home-box: calc((min(var(--home-column), 100vw - 2 * var(--home-gutter)) - 3 * var(--home-box-gap)) / 4);--home-lift: 6vh;min-height:100dvh;width:min(calc(var(--home-column) + 2 * var(--home-gutter)),100%);margin:0 auto;padding:calc(var(--space-2) + env(safe-area-inset-top)) max(var(--home-gutter),env(safe-area-inset-right)) calc(var(--space-5) + var(--home-lift) + env(safe-area-inset-bottom)) max(var(--home-gutter),env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,7vh,64px)}.home__main{display:flex;flex-direction:column;gap:var(--space-4)}.home__start{display:flex;flex-direction:column;gap:var(--space-3)}.home__join,.home__form{display:flex;flex-direction:column;gap:var(--space-4)}.home__title{font-family:var(--font-display);font-weight:700;font-size:2.25rem;letter-spacing:-.02em;line-height:1.1}.home .code-input{gap:var(--home-box-gap)}.home .code-input__box{height:var(--home-box);font-family:var(--font-display);font-weight:700;font-size:calc(var(--home-box) / 2);border-radius:var(--radius-item);border-width:1.5px;border-color:var(--color-border);background:var(--color-surface)}.home .code-input__box:focus{border-color:var(--color-primary-text)}.home .code-input__box:not(:placeholder-shown){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.home .code-input__box:not(:placeholder-shown):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-bg),0 0 0 5px var(--color-primary-text)}.home .code-input__box:not(:placeholder-shown)::selection{background:var(--color-primary-contrast);color:var(--color-primary)}.home .code-input.is-invalid .code-input__box{border-color:var(--color-danger)}.home .home__btn{min-height:58px;padding-inline:12px;border-radius:var(--radius-item);font-family:var(--font-display);font-weight:700;font-size:1.4375rem}.home__create .btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong)}.home__create .btn--secondary:hover:not(:disabled){background:var(--color-surface-2)}.home__create{display:flex;flex-direction:column;gap:var(--space-2)}.code-field{gap:8px}.code-field .code-preview:empty{margin-top:-8px}.panel{display:flex;flex-direction:column;gap:var(--space-4)}.panel__head{display:flex;flex-direction:column;gap:4px}.panel__title{font-family:var(--font-display);font-size:1.5rem}.panel__text{color:var(--color-text-muted);font-size:.9375rem}.panel__form{display:flex;flex-direction:column;gap:var(--space-4)}.panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.panel__actions .btn{flex:1 1 140px}.panel__actions .panel__action{flex:2 1 200px}.panel__code{padding:1px 6px;border-radius:6px;background:var(--color-primary);color:var(--color-primary-contrast);font-family:var(--font-mono);font-weight:600;letter-spacing:.06em}.home__banner{align-self:center}@media(min-width:768px){.home{--home-lift: 0px;padding-top:calc(var(--space-5) + env(safe-area-inset-top))}.panel--who{padding:var(--space-5)}}@media(max-width:360px){.home__title{font-size:1.625rem}}.lobby{width:min(calc(1120px + 2 * var(--lobby-gutter, 16px)),100%);min-height:100dvh;margin:0 auto;padding:calc(var(--space-3) + env(safe-area-inset-top)) max(var(--lobby-gutter, 16px),env(safe-area-inset-right)) 0 max(var(--lobby-gutter, 16px),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-3)}.room-card{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 20px}.room-card__code{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}.room-card__label{font-size:.9375rem;font-weight:500;color:var(--color-text-muted)}.room-card__value{display:flex;gap:clamp(4px,1.2vw,8px);font-family:var(--font-display);font-size:clamp(1.5rem,7.6vw,2.5rem);font-weight:700;line-height:1;-webkit-user-select:all;user-select:all}.room-card__char{display:grid;place-items:center;width:1.2em;height:1.4em;border-radius:10px;background:var(--color-primary);color:var(--color-primary-contrast)}.room-card__btn{flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:72px;height:72px;border-radius:12px;border:1.5px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text);font-size:.875rem;font-weight:600;transition:background-color .1s ease-out,border-color .1s ease-out,transform 70ms ease-out}.room-card__btn:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.room-card__btn:active{transform:translateY(1px)}.lobby__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}.lobby__col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.lobby__players{display:flex;flex-direction:column}.lobby__players .player-list{background:var(--color-surface);border-radius:12px;max-height:min(60dvh,560px);overflow-y:auto;overscroll-behavior:contain}.lobby__players .player{flex:none;min-height:52px;padding:8px 12px 8px 14px;gap:14px}.lobby__players .player__name,.lobby__players .player__status{font-size:.9375rem}.lobby__alone{margin-top:var(--space-3);color:var(--color-text-muted);font-size:.875rem}.lobby__chat{display:flex;flex-direction:column;height:min(55vh,520px)}.profile-edit{margin-top:var(--space-2);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.profile-editor{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-3)}.profile-editor .btn{align-self:flex-start}.lobby__footer{position:sticky;bottom:0;z-index:20;margin:0 calc(-1 * var(--lobby-gutter, 16px));padding:var(--space-3) var(--lobby-gutter, 16px) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border)}.lobby__footer-inner{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:6px;text-align:center}.lobby__footer .ready-controls{margin-top:0}.lobby__footer [data-testid=start-game],.lobby__footer .ready-toggle{min-height:60px;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:1.375rem}.lobby__waiting{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.game-picker{display:flex;flex-direction:column;gap:var(--space-3)}.game-picker__list{display:flex;flex-wrap:wrap;gap:8px}.game-picker__list .game-tile{flex:1 1 calc(25% - 6px);min-width:64px}.game-picker__current{display:flex;align-items:center;gap:var(--space-3)}.game-picker__current .game-tile{width:96px;flex:none}.game-picker__note{color:var(--color-text-muted);font-weight:500;font-size:.9375rem}.game-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:88px;padding:10px 4px;border-radius:12px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:center;transition:border-color .1s ease-out,background-color .1s ease-out,transform 70ms ease-out}button.game-tile:hover{border-color:var(--color-border-strong)}button.game-tile:active{transform:translateY(1px)}.game-tile.is-selected{border-color:var(--color-secondary);background:var(--color-secondary);color:var(--color-secondary-contrast)}.game-tile__icon{display:grid;place-items:center;height:32px}.game-tile__name{font-size:.875rem;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.ready-controls{margin-top:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:2px}.ready-toggle.is-ready{background:var(--color-success-soft);color:var(--color-success-text);border-color:var(--color-success)}.ready-toggle--host:disabled{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text);cursor:default}.ready-controls__hint{padding-top:4px}.start-confirm{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius-item);background:var(--color-warning-soft);border:1px solid var(--color-warning);color:var(--color-warning-text);text-align:left}.start-confirm__text{font-weight:500;font-size:.875rem}.start-confirm__actions{display:flex;flex-wrap:wrap;gap:8px}.content-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.content-mode{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:12px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text);text-align:left;transition:border-color .1s ease-out,background-color .1s ease-out}button.content-mode:not(:disabled):hover{border-color:var(--color-border-strong)}.content-mode:disabled{cursor:default}.content-mode.is-selected{border:2px solid var(--color-secondary);padding:11px;background:var(--color-secondary-soft)}.content-mode__head{display:flex;align-items:center;gap:6px}.content-mode__label{font-weight:600}.content-mode__age{background:var(--color-danger-soft);color:var(--color-danger-text);border:1px solid currentColor;font-size:.6875rem;padding:0 6px}.content-mode__check{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--color-secondary);color:var(--color-secondary-contrast)}.content-mode__blurb{font-size:.8125rem;color:var(--color-text-muted);line-height:1.3}@media(min-width:768px){.lobby{--lobby-gutter: 32px;gap:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top))}.room-card{padding:14px 14px 14px 24px}.lobby__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-4)}.lobby__col{gap:var(--space-4)}}@media(max-width:359px){.room-card{padding-left:14px;gap:6px}.room-card__btn{width:60px;height:64px}}.lobby .site-header{--wordmark-height: 30px}.bs{--game-accent: var(--game-battleships);--bs-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");--bs-crosshair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 1v6M12 17v6M1 12h6M17 12h6'/%3E%3C/svg%3E");display:grid;grid-template-columns:280px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1500px,100%);margin:0 auto}.bs__top{grid-column:1 / -1}.bs__left{grid-row:2;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.bs__players,.bs__log{min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.bs__players-body,.bs__log-body{min-height:0;overflow-y:auto}.bs__log-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);padding:0 4px 8px}.bs__main{position:relative;grid-row:2;min-height:0;min-width:0;display:flex;flex-direction:column}.bs__scroll{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;scrollbar-width:thin;padding:2px}.bs__chat{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.bs__chat-sheet{display:flex;flex-direction:column;height:min(60vh,520px)}.bs-status{display:flex;align-items:center;gap:4px 10px;padding:8px 14px;border-radius:var(--radius-item);background:var(--color-surface-2);border:1px solid var(--color-border);line-height:1.3}.bs-status__line{flex:1 1 auto;min-width:0}.bs-status strong{font-weight:800;margin-right:6px}.bs-status__count{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--color-text-faint);white-space:nowrap}.bs-status .bs-die{margin-left:auto;align-self:center}.bs-status__log{align-self:center;width:44px;height:44px;margin:-8px -10px -8px 0}.bs-status .bs-die+.bs-status__log{margin-left:0}.bs-status>.bs-status__log:not(.bs-die+.bs-status__log){margin-left:auto}.bs-status__line span{color:var(--color-text-muted);font-size:.9rem}.bs-status--mine{background:var(--color-primary-soft);border-color:var(--color-primary-text)}.bs-status--mine strong{color:var(--color-primary-text)}.bs-banner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.bs-banner--out{background:var(--color-danger-soft);color:var(--color-danger-text)}.bs-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bs-teams__team{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius-item);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:.85rem;min-width:0}.bs-teams__team span{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-teams__team--mine{border-color:var(--color-primary-text)}.bs-teams__team--out{opacity:.55}.bs__strip{flex:none;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.bs__panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.bs-tabs-wrap{position:relative;flex:none;display:flex;align-items:stretch;gap:4px;min-height:44px;min-width:0}.bs-tabs{flex:1 1 0;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;scroll-behavior:smooth}.bs-tabs::-webkit-scrollbar{display:none}.bs-tabs__more{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:44px;border-radius:var(--radius-item);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);touch-action:manipulation}.bs-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-weight:700;font-size:.9rem;white-space:nowrap;touch-action:manipulation}.bs-tab small{font-size:.75rem;font-weight:700;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.bs-tab.is-active{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.bs-tab--turn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.bs-tab--out{text-decoration:line-through;opacity:.7}.bs-own,.bs-target,.bs-place,.bs-move,.bs-turn{flex:none;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.bs-target__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);flex-wrap:wrap}.bs-target__who{display:flex;flex-direction:column;line-height:1.2;min-width:0}.bs-target__who strong{font-weight:800}.bs-target__who small{color:var(--color-text-faint);font-weight:600;font-size:.78rem}.bs-board{width:min(100%,calc(var(--bs-size) * 40px));margin:0 auto;user-select:none;-webkit-user-select:none}.bs-board__cols{display:grid;grid-template-columns:repeat(var(--bs-size),minmax(0,1fr));font-size:.65rem;font-weight:700;color:var(--color-text-faint);text-align:center;line-height:14px}.bs-board__grid{position:relative;display:grid;grid-template-columns:repeat(var(--bs-size),minmax(0,1fr));border:1px solid var(--color-border-strong);border-radius:6px;overflow:hidden;background:var(--color-surface-2)}.bs-board__row{display:contents}.bs-cell{position:relative;aspect-ratio:1;min-width:0;border:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text);padding:0;touch-action:manipulation;transition:background-color .12s ease}.bs-cell:disabled{cursor:default}.bs-board--live .bs-cell:not(:disabled):hover{background:var(--color-surface-3)}.bs-cell__row{position:absolute;left:2px;top:1px;font-size:.55rem;font-weight:700;color:var(--color-text-faint);line-height:1;z-index:2;pointer-events:none}.bs-cell[data-mark]{z-index:3}.bs-cell[data-mark]:after{content:"";position:absolute;inset:0;margin:auto;border-radius:50%}.bs-cell[data-mark=miss]:after{width:28%;height:28%;background:var(--color-border-strong)}.bs-cell[data-mark=hit]:after,.bs-cell[data-mark=sunk]:after{width:62%;height:62%;border-radius:0;background:var(--color-danger);-webkit-mask:var(--bs-cross) center / contain no-repeat;mask:var(--bs-cross) center / contain no-repeat}.bs-cell[data-mark=sunk]{background:var(--color-danger-soft)}.bs-cell[data-state=aimed]{background:var(--color-primary-soft);box-shadow:inset 0 0 0 3px var(--color-primary-text);z-index:2}.bs-cell[data-state=aimed]:after{content:"";position:absolute;inset:0;margin:auto;width:70%;height:70%;background:var(--color-primary-text);-webkit-mask:var(--bs-crosshair) center / contain no-repeat;mask:var(--bs-crosshair) center / contain no-repeat}.bs-cell[data-state=invalid]{background:var(--color-danger-soft);box-shadow:inset 0 0 0 2px var(--color-danger);z-index:2}.bs-cell[data-fresh=hit]:after,.bs-cell[data-fresh=sunk]:after{animation:bs-hit .5s ease}.bs-cell[data-fresh=miss]:after{animation:bs-miss .6s ease}.bs-cell[data-fresh=sunk]{animation:bs-sunk .6s ease}.bs-ship{position:absolute;z-index:1;display:flex;box-sizing:border-box;border:3px solid var(--color-surface-2);border-radius:999px;overflow:hidden;background:var(--bs-accent, var(--color-secondary));opacity:.9;pointer-events:none}.bs-ship--down{flex-direction:column}.bs-ship__seg{flex:1 1 0}.bs-ship__seg[data-damaged]{background:var(--color-danger)}.bs-ship--selected{background:var(--color-primary);opacity:1;z-index:4}.bs-ship--sunk{background:var(--color-text-faint);opacity:.5}.bs-ship--origin{opacity:.35}.bs-ship--ghost{z-index:5;border:2px dashed var(--color-primary-contrast);background:var(--color-primary);opacity:.85}.bs-ship--ghost.is-blocked{border-color:var(--color-danger);background:var(--color-danger-soft);opacity:.9}.bs-die{--die: 26px;flex:none;display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:var(--die);height:var(--die);padding:calc(var(--die) * .14);border-radius:calc(var(--die) * .22);background:var(--color-text);box-sizing:border-box}.bs-die--lg{--die: 52px}.bs-die__pip{place-self:center;width:70%;aspect-ratio:1;border-radius:50%}.bs-die__pip.is-on{background:var(--color-bg)}.bs-die.is-rolling{animation:bs-tumble .35s ease-in-out infinite}.bs-turn{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"die title" "actions actions" "why why";align-items:center;gap:var(--space-2) var(--space-3);border-color:var(--color-primary-text)}.bs-turn .bs-die{grid-area:die}.bs-turn__body{display:contents}.bs-turn__title{grid-area:title;font-weight:700;font-size:1.05rem}.bs-turn__actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bs-turn__btn{min-height:56px;padding:0 10px}.bs-turn__why{grid-area:why;color:var(--color-text-muted);font-size:.85rem;font-weight:600}.bs .btn[aria-disabled=true]{border-color:var(--color-border);color:var(--color-text-faint);cursor:not-allowed}.bs .btn[aria-disabled=true]:hover{background:transparent}.bs-fleet{display:flex;flex-wrap:wrap;gap:6px}.bs-fleet__ship,.bs-tray__ship{display:inline-flex;gap:2px}.bs-fleet__seg,.bs-tray__seg{width:10px;height:10px;border-radius:2px;background:var(--bs-accent, var(--color-secondary))}.bs-fleet__ship--sunk .bs-fleet__seg{background:var(--color-border-strong)}.bs-tray{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}.bs-tray__ship{align-items:center;min-height:44px;padding:0 12px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-2);touch-action:manipulation}.bs-tray__ship .bs-tray__seg{width:14px;height:14px;border-radius:3px}.bs-tray__ship.is-selected{border-color:var(--color-primary-text);background:var(--color-primary-soft)}.bs-tray__ship.is-selected .bs-tray__seg{background:var(--color-primary)}.bs-tray__empty{display:flex;align-items:center;color:var(--color-text-muted);font-size:.9rem}.bs-place__hint{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.bs-place__error{color:var(--color-danger-text);font-size:.85rem;font-weight:700}.bs-place__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bs-place__actions .btn{min-height:44px;padding:0 10px}.bs-target__fire{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.bs-target__aim{font-weight:700;color:var(--color-text-muted);font-size:.9rem}.bs-target__aim[data-cell]{display:inline-flex;align-items:center;gap:8px}.bs-target__aim[data-cell]:after{content:attr(data-cell);display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--radius-item);background:var(--color-primary-soft);color:var(--color-primary-text);font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.bs-target__buttons{flex:1 1 200px;display:flex;gap:8px}.bs-fire{min-height:48px;min-width:160px;flex:1 1 160px}.bs-back{flex:none;min-height:48px}.bs-move{border-color:var(--color-primary-text)}.bs-move__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.bs-move__title{font-weight:700;font-size:1.05rem}.bs-move__hint{color:var(--color-text-muted);font-size:.85rem}.bs-move__hint.is-problem,.bs-move__note{color:var(--color-danger-text);font-weight:600;font-size:.85rem}.bs-move__left{flex:none;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-text);font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.bs-move__pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"rotate up reset" "left down right";gap:8px}.bs-move__btn{min-height:44px;min-width:44px;padding:0 8px;font-size:.875rem}.bs-move__btn--rotate{grid-area:rotate}.bs-move__btn--up{grid-area:up}.bs-move__btn--reset{grid-area:reset}.bs-move__btn--left{grid-area:left}.bs-move__btn--down{grid-area:down}.bs-move__btn--right{grid-area:right}.bs-move__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}.bs-log{display:flex;flex-direction:column;gap:4px}.bs-log__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:.85rem}.bs-log__who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-log__what{color:var(--color-text-muted);font-weight:600}.bs-log__row--hit .bs-log__what{color:var(--chat-close-fg)}.bs-log__row--sunk .bs-log__what{color:var(--chat-correct-fg)}.bs-log__dice{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:800;color:var(--color-secondary-text)}.bs-log__empty{color:var(--color-text-faint);font-size:.9rem;padding:8px 4px}.bs-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.bs-choice__option{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:8px 10px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);text-align:left;font-size:.9rem}.bs-choice__option.is-selected{border-color:var(--color-primary-text);background:var(--color-primary-soft)}.bs-choice__label{font-weight:700}.bs-choice__blurb{font-size:.78rem;color:var(--color-text-muted)}.player__badge--shooter{color:var(--game-ink)}.player__badge--sunk{background:var(--color-danger)}.player__badge--captain{background:var(--color-secondary)}.player--sunk{opacity:.55}.player--shooter{background:var(--color-primary-soft)}@keyframes bs-hit{0%{transform:scale(.2)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes bs-miss{0%{transform:scale(2.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bs-sunk{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes bs-tumble{0%{transform:rotate(0) scale(1)}50%{transform:rotate(14deg) scale(.92)}to{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.bs-die.is-rolling{animation:none}}@media(max-width:1100px){.bs{grid-template-columns:240px minmax(0,1fr) 280px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.bs{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-2) + env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) calc(var(--space-2) + env(safe-area-inset-left))}.bs__top{flex:none}.bs__main{flex:1 1 0}.bs__scroll{gap:var(--space-2);padding-inline:0}.bs-own,.bs-target,.bs-place,.bs-move,.bs-turn{padding:var(--space-2) 4px;border-radius:var(--radius-item);gap:var(--space-2)}.bs-target__head,.bs-target__fire,.bs-tray,.bs-place__hint,.bs-place__error,.bs-place__actions,.bs-move__head,.bs-move__pad,.bs-move__note,.bs-move__actions{margin:0 4px}.bs-turn{padding-inline:var(--space-2)}.bs-die--lg{--die: 40px}.bs-board{width:100%}.bs-status{padding:6px 12px}.bs__strip,.bs__panel{gap:var(--space-2)}.bs-place__actions .btn{font-size:.85rem;padding:0 6px}}@media(max-width:340px){.bs-turn__btn svg{display:none}.bs__scroll{padding-inline:0}.bs-own,.bs-target,.bs-place{padding-inline:0;border-inline:0;border-radius:0}}@media(min-aspect-ratio:3/2)and (max-height:520px){.bs__scroll{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr);align-content:start;gap:var(--space-2)}.bs__strip{grid-column:2;grid-row:1}.bs__panel{display:contents}.bs-own,.bs-target,.bs-place{grid-column:1;grid-row:1 / 3;align-self:start;display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;align-items:start;gap:var(--space-2);padding:var(--space-2)}.bs-move,.bs-turn{grid-column:2;grid-row:2;align-self:start}.bs-board{grid-column:1;grid-row:1 / span 6;width:calc(var(--app-height, 100dvh) - 112px);margin:0}.bs-target__head,.bs-target__fire,.bs-tray,.bs-place__hint,.bs-place__error,.bs-place__actions{grid-column:2;margin:0}.bs-target__head{flex-direction:column;align-items:flex-start}.bs-target__fire{flex-direction:column;align-items:stretch}.bs-place__hint{font-size:.8rem}.bs-place__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-place__actions .btn--primary{grid-column:1 / -1}}.bj-table{--bj-dealer-w: 48px;--bj-spot-w: 64px;--bj-mine-w: 52px;--tbl-mini-w: 26px}.bj-hand__cards>.playing-card,.bj-mine__empty>.playing-card{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5);--card-font: calc(var(--tbl-w) * .26 + 2px)}.bj-hand__cards{display:flex;align-items:flex-start;justify-content:center;min-height:calc(var(--tbl-w) * 1.5)}.bj-hand__cards>.tbl-card+.tbl-card{margin-left:calc(var(--tbl-w) * -.55)}.bj-hand__cards>.playing-card--slot+.playing-card--slot,.bj-mine__empty>.playing-card+.playing-card{margin-left:8px}.bj-top{align-items:center}.bj-dealer{--tbl-w: var(--bj-dealer-w);grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px}.bj-dealer__label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint)}.bj-dealer--away{justify-content:center;min-height:calc(var(--bj-dealer-w) * 1.5)}.tbl-spot .bj-dealer{--tbl-w: var(--bj-spot-w);grid-column:auto;flex-direction:row;gap:10px}.bj-hand{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px}.bj-hand__top{position:relative;display:flex;justify-content:center;min-height:24px}.bj-hand__foot{display:flex;align-items:center;gap:6px;min-height:20px;font-size:.85rem;font-weight:700}.bj-hand__bet{color:var(--color-text-muted)}.bj-hand__outcome--win{color:var(--color-primary-text)}.bj-hand__outcome--blackjack{color:var(--color-warning-text)}.bj-hand__outcome--loss{color:var(--color-danger-text)}.bj-hand__outcome--push{color:var(--color-text-muted)}.bj-spot__hands{--tbl-w: var(--bj-spot-w);display:flex;justify-content:center;gap:var(--space-2);min-width:0}.bj-spot__hands--n2{--tbl-w: calc(var(--bj-spot-w) * .8)}.bj-spot__hands--n3,.bj-spot__hands--n4{--tbl-w: calc(var(--bj-spot-w) * .55)}.tbl-spot--result .bj-mine--n1 .bj-hand__foot{display:none}.bj-spot__hands--n1>.bj-hand,.bj-mine--spot.bj-mine--n1 .bj-hand{border-color:transparent;background:none}.bj-spot__hands--n1 .bj-hand__bet,.bj-mine--spot.bj-mine--n1 .bj-hand__bet{display:none}.bj-spot__stake{color:var(--color-text)}.bj-bets{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:0;padding:2px 0;list-style:none;max-height:84px;overflow:hidden}.bj-bets__seat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:34px;opacity:.5}.bj-bets__seat.is-placed{opacity:1}.bj-bets__amount{font-size:.66rem;font-weight:700;color:var(--color-text-faint);line-height:1}.bj-bets__more{align-self:center;font-weight:700;font-size:.8rem;color:var(--color-text-muted)}.bj-mine{--tbl-w: var(--bj-mine-w);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.bj-mine--spot{--bj-mine-w: var(--bj-spot-w)}.bj-mine__hands{display:flex;justify-content:safe center;gap:var(--space-2);max-width:100%;padding-top:20px;margin-top:-20px}.bj-mine--n2{--tbl-w: calc(var(--bj-mine-w) * .8)}.bj-mine--n3,.bj-mine--n4{--tbl-w: calc(var(--bj-mine-w) * .55)}.bj-mine--n3 .bj-hand,.bj-mine--n4 .bj-hand{padding:4px}.bj-mine__empty{display:flex;justify-content:center}.bj-mine__bet{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-text-muted)}.bj-dealer,.bj-mine--n1 .bj-hand,.bj-mine--n2 .bj-hand,.bj-spot__hands--n1 .bj-hand,.bj-spot__hands--n2 .bj-hand{flex-direction:row}.bj-mine--bottom{flex-direction:row;justify-content:center;gap:10px}.bj-mine--bottom .bj-mine__hands{padding-top:0;margin-top:0}.tbl-spot--stack .bj-spot__hands--n2,.tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-mine__hands{--fit-w: calc(((100cqw - var(--space-2)) / 2 - 72px) / (1 + .45 * (var(--fan, 2) - 1)));--tbl-w: min(calc(var(--bj-spot-w) * .8), var(--fit-w))}.tbl-spot--stack .bj-spot__hands--n3,.tbl-spot--stack .bj-spot__hands--n4,.tbl-spot--stack .bj-mine--spot.bj-mine--n3 .bj-mine__hands,.tbl-spot--stack .bj-mine--spot.bj-mine--n4 .bj-mine__hands{--fit-w: calc(((100cqw - (var(--hands, 3) - 1) * var(--space-2)) / var(--hands, 3) - 20px) / (1 + .45 * (var(--fan, 2) - 1)));--tbl-w: min(calc(var(--bj-spot-w) * .55), var(--fit-w))}.tbl-spot--stack .bj-spot__hands--n2 .bj-hand,.tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-hand{display:grid;grid-template-columns:46px auto;grid-template-areas:"top cards" "foot cards";align-items:center;justify-items:center;column-gap:6px;row-gap:2px}.tbl-spot--stack .bj-spot__hands--n2 .bj-hand__top,.tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-hand__top{grid-area:top;align-self:end}.tbl-spot--stack .bj-spot__hands--n2 .bj-hand__cards,.tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-hand__cards{grid-area:cards}.tbl-spot--stack .bj-spot__hands--n2 .bj-hand__foot,.tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-hand__foot{grid-area:foot;align-self:start;flex-wrap:wrap;justify-content:center;max-width:46px;font-size:.72rem;line-height:1.15;text-align:center}.tbl-stage--tight .tbl-spot--stack .bj-spot__hands--n2 .bj-hand,.tbl-stage--tight .tbl-spot--stack .bj-mine--spot.bj-mine--n2 .bj-hand{padding:2px 4px;row-gap:0}.tbl-spot--stack .bj-spot__hands--n3 .bj-hand,.tbl-spot--stack .bj-spot__hands--n4 .bj-hand,.tbl-spot--stack .bj-mine--spot.bj-mine--n3 .bj-hand,.tbl-spot--stack .bj-mine--spot.bj-mine--n4 .bj-hand{flex-direction:column}.bj-hand--mini{flex-direction:row-reverse;align-items:center;padding:2px;gap:4px;border-width:1.5px}.bj-hand--mini .bj-hand__cards{min-height:0}.bj-hand--mini .bj-hand__cards>.tbl-card+.tbl-card{margin-left:calc(var(--tbl-w) * -.4)}.bj-hand--mini .bj-hand__top{min-height:0}.tbl-tile__cards>.bj-hand--mini.tbl-outline--active:only-child{border-color:transparent;background:none}.bj-hand--mini .tbl-pill{height:18px;min-width:26px;padding:0 5px;font-size:.68rem}.bj-seat-detail{--tbl-w: 56px;display:flex;flex-direction:column;gap:var(--space-3)}.bj-seat-detail__line{display:flex;align-items:center;gap:var(--space-3);margin:0;font-weight:700}.bj-seat-detail__hands{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding-top:20px}.bj-seat-detail__none{margin:0;color:var(--color-text-muted)}.bj-end{white-space:nowrap}.bj-end-note{font-size:.8rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.bj-end-note--menu{display:block;padding:var(--space-3) 0}.bj-end-confirm{display:flex;align-items:center;gap:6px}.bj-end-confirm__text{font-weight:700;font-size:.85rem;white-space:nowrap}.bj-end-confirm--menu{flex-wrap:wrap;padding:var(--space-2) 0}.bj-end-confirm--menu .bj-end-confirm__text{flex:1 1 100%;white-space:normal}.bj-end-confirm--menu .btn{flex:1;min-height:44px}.bj-setting__presets{display:flex;gap:6px}.bj-setting__preset{flex:1;min-height:44px;border-radius:var(--radius-item);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-weight:700;font-size:.85rem}.bj-setting__preset.is-selected{border-color:var(--color-primary-text);background:var(--color-primary-soft);color:var(--color-primary-text)}.player__badge--natural{background:var(--color-warning)}.bj-player__out{color:var(--color-danger-text)}@media(max-width:1100px){.bj-table{--bj-dealer-w: 44px;--bj-spot-w: 58px;--bj-mine-w: 48px}}.bj-table.tbl-crowd--small{--bj-dealer-w: 52px;--bj-mine-w: 56px}.bj-table.tbl-crowd--dense{--bj-dealer-w: 44px;--bj-mine-w: 48px;--bj-spot-w: 72px}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.bj-table{--bj-dealer-w: 40px;--bj-spot-w: 60px;--bj-mine-w: 50px;--tbl-mini-w: 22px}.bj-table.tbl-crowd--small{--bj-dealer-w: 36px;--bj-mine-w: 44px}.bj-table.tbl-crowd--dense{--bj-dealer-w: 32px;--bj-mine-w: 40px;--bj-spot-w: 48px}.bj-table.tbl-crowd--small{--bj-spot-w: 48px}.bj-table.tbl-crowd--small .tbl-ribbon,.bj-table.tbl-crowd--dense .tbl-ribbon{display:none}.bj-hand{padding:3px 6px}.bj-mine__hands{padding-top:0;margin-top:0}.bj-mine--n3 .bj-hand__foot,.bj-mine--n4 .bj-hand__foot,.bj-spot__hands--n3 .bj-hand__foot,.bj-spot__hands--n4 .bj-hand__foot{display:none}.bj-mine--n3 .bj-hand,.bj-mine--n4 .bj-hand,.bj-spot__hands--n3 .bj-hand,.bj-spot__hands--n4 .bj-hand{gap:2px}.bj-mine--n3 .tbl-pill,.bj-mine--n4 .tbl-pill,.bj-spot__hands--n3 .tbl-pill,.bj-spot__hands--n4 .tbl-pill{height:18px;min-width:26px;padding:0 5px;font-size:.68rem}.bj-hand__foot{min-height:0}.bj-table .tbl-ribbon__sub{display:none}}@media(max-width:760px)and (max-height:760px){.bj-table{--bj-dealer-w: 34px;--bj-spot-w: 50px;--bj-mine-w: 42px}.bj-table.tbl-crowd--small,.bj-table.tbl-crowd--dense{--bj-dealer-w: 30px;--bj-mine-w: 36px;--bj-spot-w: 46px}.bj-table .tbl-ribbon{display:none}}@media(max-width:760px)and (max-height:680px),(min-aspect-ratio:3/2)and (max-height:520px){.bj-table{--bj-dealer-w: 30px;--bj-spot-w: 38px;--bj-mine-w: 30px}.bj-table.tbl-crowd--small,.bj-table.tbl-crowd--dense{--bj-dealer-w: 26px;--bj-mine-w: 26px;--bj-spot-w: 34px}.bj-table .tbl-pill{height:20px;min-width:28px;padding:0 6px;font-size:.72rem}.bj-table .tbl-spot{padding:3px 8px 5px}.bj-table .tbl-spot__label{font-size:1.05rem}.bj-bets{max-height:40px}}.bj-table.tbl-stage--tight{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top mine" "spot spot" "seats seats";column-gap:6px}.bj-table.tbl-stage--tight.tbl-stage--no-mine{grid-template-areas:"top top" "spot spot" "seats seats"}.bj-table.tbl-stage--tight .tbl-ribbon{display:none}.bj-table.tbl-stage--tight .tbl-felt__top{grid-template-columns:minmax(0,1fr) auto;gap:4px}.bj-table.tbl-stage--tight .tbl-discard{position:absolute;top:4px;left:4px;opacity:0;pointer-events:none}.bj-table.tbl-stage--tight .bj-dealer{grid-column:1;justify-self:center;gap:4px}.bj-table.tbl-stage--tight .tbl-deck{grid-column:2}.bj-table.tbl-stage--tight .tbl-deck__stack,.bj-table.tbl-stage--tight .tbl-discard__slot{width:20px;height:30px}.bj-table.tbl-stage--tight .tbl-deck__count{font-size:.6rem}.bj-table.tbl-stage--tight .bj-mine--bottom{--bj-mine-w: var(--bj-dealer-w);padding-left:6px;border-left:1px solid var(--color-border)}.bj-table.tbl-stage--tight .bj-mine__bet{font-size:.75rem}.bj-table.tbl-stage--tight .bj-mine--bottom .bj-mine__hands{--fit-w: calc(((100cqw - 24px - (var(--hands, 1) - 1) * var(--space-2)) / var(--hands, 1) - 58px) / (1 + .45 * (var(--fan, 2) - 1)));--tbl-w: min(var(--bj-mine-w), var(--fit-w))}.bj-table.tbl-stage--tight .bj-mine--bottom.bj-mine--n2 .bj-mine__hands{--tbl-w: min(calc(var(--bj-mine-w) * .8), var(--fit-w))}.bj-table.tbl-stage--tight .bj-mine--bottom.bj-mine--n3 .bj-mine__hands,.bj-table.tbl-stage--tight .bj-mine--bottom.bj-mine--n4 .bj-mine__hands{--tbl-w: min(calc(var(--bj-mine-w) * .55), var(--fit-w))}.tbl-stage--tight .bj-mine--bottom .bj-hand__bet{display:none}.tbl-stage--tight .bj-mine--bottom{gap:4px}.tbl-stage--tight .bj-mine--bottom .bj-hand{padding:2px 4px;gap:4px}.tbl-stage--tight .bj-mine--bottom .bj-hand__foot{font-size:.72rem}.toolbar{display:flex;flex-direction:column;gap:10px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.seg{position:relative;display:flex;align-items:stretch;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface)}.seg>.tool-btn+.tool-btn{border-left:1px solid var(--color-border)}.tool-btn{display:inline-grid;place-items:center;width:48px;height:46px;border-radius:0;background:transparent;color:var(--color-text);transition:background-color .12s ease,color .12s ease}.seg>.tool-btn:first-child{border-radius:11px 0 0 11px}.seg>.tool-btn:last-child{border-radius:0 11px 11px 0}.seg>.tool-btn:only-child{border-radius:11px}.tool-btn:hover:not(:disabled){background:var(--color-surface-2)}.tool-btn.is-active,.tool-btn.is-active:hover{background:var(--color-secondary);color:var(--color-secondary-contrast)}.tool-btn:disabled{color:var(--color-text-faint);opacity:.45}.tool-btn--danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger-text)}.size-btn__dot{display:block;border-radius:50%;background:var(--color-text)}.toolbar__sizes{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:30;display:flex;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.size-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:9px}.size-btn:hover{background:var(--color-surface-2)}.size-btn.is-active{background:var(--color-secondary)}.size-btn.is-active .size-btn__dot{background:var(--color-secondary-contrast)}.toolbar__confirm .btn--xs{min-height:44px}.toolbar__palette{position:relative}.toolbar__swatches{display:grid;grid-template-columns:repeat(8,minmax(0,40px));gap:8px}.toolbar__swatches .swatch,.toolbar__more .swatch{width:100%;height:auto;aspect-ratio:1;border-radius:10px}.toolbar__palette .swatch:hover{transform:none}.toolbar__palette .swatch.is-selected{outline:none;box-shadow:inset 0 0 0 3px var(--color-text),inset 0 0 0 5px var(--color-surface)}.swatch--more{border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text)}.toolbar__more{position:absolute;bottom:calc(100% + 6px);right:0;z-index:30;display:grid;grid-template-columns:repeat(6,minmax(0,44px));gap:6px;width:max-content;max-width:100%;padding:6px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.canvas-stage{--canvas-fit: both;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;width:100%}.canvas-group{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%}.canvas-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:var(--canvas-bg);border:1px solid var(--color-border)}.game-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:var(--canvas-bg)}.canvas-frame--drawing .game-canvas{cursor:crosshair}.canvas-frame--tool-fill .game-canvas{cursor:cell}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.canvas-stage{--canvas-fit: both;flex:1 1 auto;min-height:0;width:100%}.canvas-group{gap:var(--space-2);align-items:center}.canvas-group__footer{width:100%}.toolbar{gap:8px}.toolbar__row{gap:6px}.seg{flex:1 1 auto}.seg>.tool-btn{flex:1 1 0;width:auto;min-width:44px;height:48px}.toolbar__swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.toolbar__swatches .swatch{max-height:48px;justify-self:center;max-width:48px}.toolbar__more{grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,320px)}.toolbar .btn--xs{min-height:44px}}@media(max-width:340px){.toolbar__row{gap:4px}.seg>.tool-btn{min-width:38px}.toolbar__row>.seg:last-child{flex:none}}.hm{--game-accent: var(--game-hangman);display:grid;grid-template-columns:264px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1500px,100%);margin:0 auto}.hm__top{grid-column:1 / -1}.hm__players{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.hm__players-body{min-height:0;overflow-y:auto}.hm__main{position:relative;grid-row:2;min-height:0;min-width:0;display:flex;flex-direction:column}.hm__scroll{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;scrollbar-width:thin;padding:2px}.hm__strip{flex:none;padding:var(--space-3) var(--space-4);border-left:4px solid var(--game-accent)}.hm__canvas{flex:1 1 0;min-height:0;display:flex;flex-direction:column;width:100%}.hm__canvas .canvas-stage{--canvas-fit: both;flex:1 1 0;min-height:0}.hm__panel{flex:none;padding:var(--space-3) var(--space-4)}.hm__chat{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.hm__chat-sheet{display:flex;flex-direction:column;height:min(60vh,520px)}.hm-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);flex-wrap:wrap}.hm-word{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;flex:1 1 240px}.hm-word__pending{color:var(--color-text-muted);font-weight:700}.hm-word__group{display:inline-flex;gap:4px}.hm-tile{display:inline-grid;place-items:center;width:24px;height:30px;border-radius:6px;font-weight:800;font-size:1.05rem;text-transform:uppercase;background:var(--color-surface-3);color:var(--color-text);user-select:none;-webkit-user-select:none}.hm-tile--hidden{border-bottom:3px solid var(--color-border-strong)}.hm-tile--revealed{background:var(--color-primary-soft);color:var(--color-primary-text)}.hm-tile--secret{color:var(--color-text-faint);border-bottom:3px dashed var(--color-border)}.hm-tile--sep{width:14px;background:transparent;color:var(--color-text-faint)}.hm-strip__side{display:flex;align-items:center;gap:var(--space-3);flex:none}.hm-lives{width:34px;height:44px;flex:none;fill:none;stroke:var(--color-border-strong);stroke-width:28;stroke-linecap:round;stroke-linejoin:round}.hm-lives__part{opacity:.35}.hm-lives__part--drawn{stroke:var(--color-text);opacity:1}.hm-strip__facts{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hm-strip__lives{font-weight:800;font-size:.9rem}.hm-strip__wrong{display:inline-flex;flex-wrap:wrap;gap:3px;font-size:.78rem}.hm-strip__wrong-none{color:var(--color-text-faint);font-weight:600}.hm-strip__wrong-letter{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:4px;background:var(--color-danger-soft);color:var(--color-danger-text);font-weight:800;text-decoration:line-through}.hm-ghost{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round}.hm-ghost__part--todo{stroke:#9aa0a6;stroke-width:6;opacity:.25}.hm-ghost__part--current{stroke:var(--hm-accent);stroke-width:10;stroke-dasharray:18 14;opacity:.55}.hm-caption{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:.85rem;font-weight:700;color:var(--color-text);pointer-events:none}.hm-drawbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 12px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.hm-drawbar__label{display:flex;flex-direction:column;min-width:0;line-height:1.2}.hm-drawbar__label strong{font-weight:800}.hm-drawbar__label small{color:var(--color-text-muted);font-size:.78rem}.hm-drawbar__done{flex:none;min-height:44px;min-width:96px}.hm-panel{display:flex;flex-direction:column;gap:var(--space-3)}.hm-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.hm-panel__title{font-weight:800;font-size:1.05rem}.hm-panel__mode{min-height:44px}.hm-panel__mode-short{display:none}.hm-panel__status{min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--color-text-muted)}.hm-panel[data-state=out] .hm-panel__status{color:var(--color-danger-text)}.hm-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.hm-keys .hm-panel__mode{grid-column:-5 / -1;white-space:nowrap}.hm-key{min-height:44px;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-weight:800;font-size:1rem;touch-action:manipulation;transition:background-color .12s ease,color .12s ease}.hm-key:hover:not(:disabled){background:var(--color-surface-3)}.hm-key--idle:disabled{opacity:.55}.hm-key--correct{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-text)}.hm-key--wrong{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-text);text-decoration:line-through}.hm-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:var(--space-4);background:var(--overlay-bg);animation:fade-in .2s ease;overflow-y:auto}.hm-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hm .btn--choice{min-height:44px}.hm-custom{display:flex;gap:8px;width:100%}.hm-custom__input{flex:1;min-width:0;min-height:44px;text-transform:uppercase}.hm-custom__send{flex:none;min-height:44px}.player__badge--hangman{color:var(--game-ink)}.player__badge--guessing{background:var(--color-primary)}.player--out{opacity:.55}.player--guessing{background:var(--color-primary-soft)}@media(max-width:1100px){.hm{grid-template-columns:220px minmax(0,1fr) 280px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.hm{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-2) + env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) calc(var(--space-2) + env(safe-area-inset-left))}.hm__top{flex:none}.hm__canvas{flex:none;display:block;width:100%;margin:0 auto}.hm__canvas .canvas-stage{--canvas-fit: width;flex:none}.hm__main{flex:1 1 0}.hm__scroll{gap:var(--space-2)}.hm__strip,.hm__panel{padding:var(--space-2);border-radius:var(--radius-item)}.hm__strip{padding:var(--space-2) var(--space-3)}.hm-strip{gap:var(--space-2) var(--space-4)}.hm-word{flex-basis:160px}.hm-keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.hm-keys .hm-panel__mode{grid-column:6 / -1;padding:0 6px}.hm-panel{gap:var(--space-2)}.hm-panel__title{font-size:1rem}.hm-tile{width:20px;height:26px;font-size:.95rem}.hm-lives{width:28px;height:36px}.hm-drawbar{border-radius:var(--radius-item)}.hm-overlay--choosing .overlay__hint{font-size:.8rem}.hm-overlay .overlay__card{gap:var(--space-2);padding:var(--space-3)}}@media(max-width:760px)and (max-aspect-ratio:3/2){.hm__canvas{--hm-canvas-share: .3}.hm:not([data-phase=drawing]) .hm__canvas{flex:0 1 auto;aspect-ratio:4 / 3;display:flex;flex-direction:column;min-height:calc(var(--app-height, 100dvh) * var(--hm-canvas-share))}.hm:not([data-phase=drawing]) .hm__canvas .canvas-stage{--canvas-fit: both;flex:1 1 0;min-height:0}.hm[data-phase=drawing] .hm__canvas{width:100%}.hm[data-phase=drawing] .hm__canvas .canvas-stage{--canvas-fit: both;height:max(400px,calc(var(--app-height, 100dvh) - 180px));align-items:flex-start}}@media(max-width:760px)and (max-aspect-ratio:3/2)and (max-height:600px){.hm__canvas{--hm-canvas-share: .18}}@media(max-width:760px)and (max-aspect-ratio:3/2){.hm-keys .hm-panel__mode svg,.hm-panel__mode-long{display:none}.hm-panel__mode-short{display:inline}}@media(min-aspect-ratio:3/2)and (max-height:520px){.hm__scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start}.hm__canvas{grid-column:1;grid-row:1 / 3;align-self:start;width:min(100%,calc((var(--app-height, 100dvh) - 96px) * 4 / 3))}.hm__strip{grid-column:2;grid-row:1}.hm__panel,.hm__tools{grid-column:2;grid-row:2}.hm__tools{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.hm-keys{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px}.hm-keys .hm-panel__mode{grid-column:-5 / -1}}.pk.tbl{grid-template-columns:340px minmax(0,1fr) 300px}.pk-table{--pk-board-w: 64px;--pk-spot-w: 72px;--pk-mine-w: 72px;--tbl-mini-w: 30px}.pk-top{align-items:center}.pk-centre__row{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.pk-blinds{display:none;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.pk-centre{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.pk-spot__cards{--tbl-w: var(--pk-spot-w);display:flex;align-items:center;justify-content:center;gap:6px}.pk-spot__cards>.tbl-card+.tbl-card{margin-left:calc(var(--tbl-w) * -.25)}.pk-bet--spot{margin-left:10px;font-size:.85rem}.pk-spot__stack,.pk-spot__action{color:var(--color-text)}.pk-mine--spot{--pk-mine-w: var(--pk-spot-w);padding:0;border:0;background:none}.pk-seat-detail{--tbl-w: 56px;display:flex;flex-direction:column;gap:var(--space-3)}.pk-seat-detail__line{display:flex;align-items:center;gap:var(--space-3);margin:0;font-weight:700}.pk-seat-detail__cards{display:flex;gap:8px}.pk-board>.playing-card,.pk-mine__cards>.playing-card{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5);--card-font: calc(var(--tbl-w) * .26 + 2px)}.pk-pot{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.pk-pot__pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border-strong);font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pk-pot__pill.is-empty{opacity:.6}.pk-pot__label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint)}.pk-pot__value{font-size:.95rem}.pk-pot__sides{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:.66rem;color:var(--color-text-faint);white-space:nowrap}.pk-board{--tbl-w: var(--pk-board-w);display:flex;justify-content:center;gap:6px;min-height:calc(var(--tbl-w) * 1.5)}.pk-bet{display:inline-flex;align-items:center;align-self:center;min-width:1px;min-height:14px;font-size:.72rem}.pk-bet .chip-count{padding:0 6px 0 3px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border)}.pk .tbl-tile__cards>.tbl-card+.tbl-card{margin-left:calc(var(--tbl-w) * -.3)}.pk .tbl-tile .tbl-payout{left:auto;right:6px;bottom:4px;z-index:2;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-surface-2);font-size:.9rem;animation-name:pk-seat-rise}@keyframes pk-seat-rise{0%{opacity:0;transform:translateY(14px)}20%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.pk-dealer{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--color-text);color:var(--color-bg);font-size:.62rem;font-weight:900;line-height:1}@container tile (max-width: 159px){.tbl-tile .pk-dealer{width:14px;height:14px;font-size:.5rem}}.pk-mine{--tbl-w: var(--pk-mine-w);align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:6px 12px}.pk-mine__top{position:relative;display:flex;justify-content:center;min-height:24px;max-width:100%}.pk-mine__top .tbl-pill{display:block;max-width:100%;line-height:22px;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);font-weight:700}.pk-mine__cards{display:flex;justify-content:center;gap:8px;min-height:calc(var(--tbl-w) * 1.5)}.pk-mine__cards--folded{opacity:.4}.pk-mine__foot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:22px;font-size:.85rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.pk-bet--mine{font-size:.85rem}.pk-mine__state--allin{color:var(--color-warning-text)}.pk-mine--bottom{flex-direction:row;gap:10px;padding:4px 10px}.pk-mine--bottom .pk-mine__top{order:2;min-height:0}.pk-mine--bottom .pk-mine__foot{order:3;flex-direction:column;gap:2px;min-height:0}.pk-table.tbl-stage--tight .tbl-ribbon{display:none}.pk-end{white-space:nowrap}.pk-end-confirm{display:flex;align-items:center;gap:6px}.pk-end-confirm__text{font-weight:700;font-size:.85rem;white-space:nowrap}.pk-end-confirm--menu{flex-wrap:wrap;padding:var(--space-2) 0}.pk-end-confirm--menu .pk-end-confirm__text{flex:1 1 100%;white-space:normal}.pk-end-confirm--menu .btn{flex:1;min-height:44px}.player__badge--acting{background:var(--color-primary)}.player__badge--dealer{background:var(--color-text);color:var(--color-bg);font-size:.6rem;font-weight:900}.player__badge--out{background:var(--color-danger)}.player--acting{background:var(--color-primary-soft)}.player--out,.player--folded{opacity:.55}.pk-player__out{color:var(--color-danger-text)}.pk-player__folded{color:var(--color-text-faint)}@media(max-width:1100px){.pk.tbl{grid-template-columns:320px minmax(0,1fr) 260px}.pk-table{--pk-board-w: 56px;--pk-spot-w: 62px;--pk-mine-w: 62px}}@media(min-width:761px)and (min-height:521px){.pk-table .pk-mine--bottom{--pk-mine-w: 56px}.pk-table.tbl-crowd--small,.pk-table.tbl-crowd--dense{--pk-board-w: 52px;--pk-spot-w: 56px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.pk-table{--pk-board-w: 44px;--pk-spot-w: 48px;--pk-mine-w: 50px;--tbl-mini-w: 22px}.pk-pot__pill{height:26px}.pk-mine{flex-direction:row;padding:3px 8px;gap:8px}.pk-mine__top{order:2;min-height:0}.pk-mine__foot{order:3;flex-direction:column;gap:2px;min-height:0}.pk-mine__top .tbl-pill{height:22px;line-height:20px;font-size:.75rem;max-width:150px}.pk-blinds{display:inline}.pk-table .tbl-ribbon{display:none}}@media(max-width:760px)and (max-height:760px){.pk-table{--pk-board-w: 38px;--pk-spot-w: 40px;--pk-mine-w: 42px}.pk-table .tbl-ribbon{display:none}}@media(max-width:760px)and (max-height:680px),(min-aspect-ratio:3/2)and (max-height:520px){.pk-table{--pk-board-w: 30px;--pk-spot-w: 30px;--pk-mine-w: 32px;gap:4px}.pk-centre{flex-direction:row;gap:6px}.pk-centre__row{flex-direction:column;align-items:flex-start;gap:1px}.pk-blinds{font-size:.62rem}.pk-pot__label{display:none}.pk-pot__pill{height:24px;padding:0 8px}.pk-pot__sides{flex-wrap:nowrap;max-width:100%;overflow:hidden;gap:6px;font-size:.6rem;line-height:1.1}.pk-board{gap:3px}.pk-table .tbl-deck__stack,.pk-table .tbl-discard__slot{width:20px;height:30px}.pk-table .tbl-deck__count{font-size:.6rem}.pk-mine{padding:2px 8px}.pk-mine__top .tbl-pill{height:20px;line-height:18px;font-size:.72rem;max-width:130px}.pk-table .tbl-spot{padding:3px 8px 5px}.pk-table .tbl-spot__label{font-size:1.05rem}}@media(max-width:400px){.pk-mine{gap:6px}.pk-mine__top .tbl-pill{max-width:118px}}@media(max-width:340px){.pk-table{--pk-board-w: 26px}.pk-board{gap:2px}.pk-table .tbl-felt__top{gap:4px}.pk-mine__top .tbl-pill{max-width:104px}}.tbl-stage--tight .pk-bet--spot{position:absolute;opacity:0}@media(min-aspect-ratio:3/2)and (max-height:520px){.pk.tbl{grid-template-columns:minmax(0,1fr) 280px}}.quip{--game-accent: var(--game-quipgame);--quip-accent-ink: #2a1a00;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1400px,100%);margin:0 auto}.quip--wide{grid-template-columns:minmax(0,1fr) 340px}.quip__top{grid-column:1 / -1;width:100%}.quip__main{grid-row:2;grid-column:1;width:min(720px,100%);min-height:0;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:2px;scrollbar-width:thin}.quip__aside{grid-row:2;grid-column:2;width:100%;min-height:200px;display:flex;flex-direction:column;padding:var(--space-3)}.quip__chat-sheet{display:flex;flex-direction:column;height:min(60vh,520px)}.quip-kicker{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.quip-prompt{padding:var(--space-4);border-radius:var(--radius-item);background:var(--game-accent);color:var(--game-ink);font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.quip-prompt--sm{font-size:1.05rem;padding:var(--space-3) var(--space-4)}.quip-prompt--slide{animation:quip-slide-in .25s ease}@keyframes quip-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.quip-answer{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-item);border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);text-align:left;font:inherit;font-size:1.15rem;font-weight:700;line-height:1.3;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}button.quip-answer{cursor:pointer;touch-action:manipulation}@media(hover:hover){button.quip-answer:hover:not(:disabled):not(.quip-answer--selected){border-color:var(--color-text-muted);background:var(--color-surface-2)}}button.quip-answer:active:not(:disabled){transform:scale(.99)}button.quip-answer:disabled{cursor:default;opacity:.6}.quip-answer--selected,button.quip-answer.quip-answer--selected,button.quip-answer.quip-answer--selected:hover,button.quip-answer--selected:disabled{border-color:var(--color-secondary-text);background:var(--color-secondary-soft);opacity:1}.quip-answer--static{border-style:dashed}.quip-answer__label{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-surface-3);color:var(--color-text-muted);font-size:.9rem;font-weight:900}.quip-answer--selected .quip-answer__label{background:var(--color-secondary);color:var(--color-secondary-contrast)}.quip-answer__check{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-secondary);color:var(--color-secondary-contrast)}.quip-answer__text{flex:1;min-width:0;overflow-wrap:anywhere}.quip-write{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.quip-write__title{font-size:1.3rem;font-weight:900;letter-spacing:-.01em}.quip-write__text{color:var(--color-text-muted);font-size:.95rem}.quip-write__form{display:flex;flex-direction:column;gap:var(--space-2)}.quip-write__input{font-size:max(1.1rem,16px)}.quip-write__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.quip-write__counter{margin-right:auto;color:var(--color-text-faint);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.quip-write__counter--full{color:var(--color-warning-text)}.quip-write__submit{min-width:120px}.quip-write__status{color:var(--color-text-faint);font-size:.85rem;font-weight:700;text-align:center}.quip-write__sent{list-style:none;display:flex;flex-direction:column;gap:6px}.quip-write__sent-row{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-item);background:var(--color-surface-2)}.quip-write__sent-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quip-write__sent-prompt{color:var(--color-text-faint);font-size:.78rem;font-weight:600}.quip-write__sent-answer{font-weight:800;overflow-wrap:anywhere}.quip-announce{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-color:var(--color-secondary-text);background:var(--color-secondary-soft)}.quip-announce__kicker{display:flex;align-items:center;gap:6px;color:var(--color-secondary-text);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quip-announce__prompt{font-size:1.5rem;font-weight:900;line-height:1.25;letter-spacing:-.01em}.quip-announce__answers{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:1.35rem;font-weight:800;line-height:1.3}.quip-announce__answers li{display:flex;align-items:flex-start;gap:10px}.quip-announce__label{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:50%;background:var(--color-secondary);color:var(--color-secondary-contrast);font-size:.85rem}.quip-vote,.quip-final,.quip-result{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.quip-vote__answers{display:grid;grid-auto-rows:1fr;gap:var(--space-2)}.quip-vote__author{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3);border-radius:var(--radius-item);background:var(--color-warning-soft);color:var(--color-warning-text);text-align:center}.quip-vote__author strong{font-size:1.05rem;font-weight:900}.quip-vote__author span{font-size:.85rem;font-weight:600}.quip-vote__note{text-align:center;color:var(--color-text-muted);font-size:.9rem}.quip-result__headline{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;animation:fade-in .2s ease}.quip-result__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.quip-result__answer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-item);border:2px solid var(--color-border);background:var(--color-surface-2)}.quip-result__answer--won{border-color:var(--color-success);background:var(--color-success-soft)}.quip-result__head{display:flex;align-items:center;gap:var(--space-3)}.quip-result__text{flex:1;min-width:0;font-size:1.1rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.quip-result__who{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}.quip-result__name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem}.quip-result__name-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quip-result__tag{flex:none;white-space:nowrap;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);background:var(--color-surface-3);padding:1px 6px;border-radius:var(--radius-pill)}.quip-result__flawless{flex:none;padding:2px 10px;border-radius:var(--radius-pill);color:var(--quip-accent-ink);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;animation:quip-pop .3s ease}@keyframes quip-pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.quip-result__points{flex:none;font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--color-text-faint)}.quip-result__points--scored{color:var(--color-success-text)}.quip-result__bar{position:relative;height:24px;border-radius:var(--radius-pill);background:var(--color-surface-3);overflow:hidden}.quip-result__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--color-primary);transition:width .4s ease}.quip-result__answer--won .quip-result__fill{background:var(--color-success)}.quip-result__votes{position:relative;display:block;line-height:24px;padding:0 10px;font-size:.75rem;font-weight:800;color:var(--color-text)}.quip-result__footer{display:flex;justify-content:center;align-items:center;min-height:44px}.quip-result__countdown{color:var(--color-text-muted);font-weight:700;font-variant-numeric:tabular-nums}.quip-final__hint{color:var(--color-text-muted);font-size:.9rem}.quip-final__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.quip-final__medal{flex:none;width:32px;text-align:center;font-size:1.4rem;line-height:1}.quip-final__slot{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px dashed var(--color-border-strong);vertical-align:middle}.quip-final__answer--own,button.quip-final__answer--own:disabled{border-style:dashed;background:var(--color-surface-2);opacity:1}.quip-final__own-tag{flex:none;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-text);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-pill)}.quip-final__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-item);border:2px solid var(--color-border);background:var(--color-surface-2)}.quip-final__row--top{border-color:var(--color-success);background:var(--color-success-soft)}.quip-final__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.quip-final__who{display:flex;align-items:center;gap:6px;min-width:0}.player__badge--writing{background:var(--color-warning)}.player__badge--done{background:var(--color-success)}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.quip{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-2) + env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) calc(var(--space-2) + env(safe-area-inset-left))}.quip__top{flex:none}.quip__main{flex:1 1 0;width:100%;min-height:0;gap:var(--space-2)}.quip__main>.card{border-radius:var(--radius-item)}.quip-prompt{font-size:1.2rem;padding:var(--space-3) var(--space-4)}.quip-answer{font-size:1.05rem}.quip-announce__prompt{font-size:1.3rem}.quip-announce__answers{font-size:1.15rem}.quip-result__headline{font-size:1.3rem}}@media(max-width:360px){.quip-final__row{flex-wrap:wrap}.quip-final__row .quip-result__points{flex-basis:100%;padding-left:calc(32px + var(--space-3))}}.word{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.word__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.word__text{font-size:1.5rem;font-weight:800;letter-spacing:.02em}.word__text--muted{color:var(--color-text-muted);font-size:1.15rem}.word__tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}.word__group{display:inline-flex;gap:4px}.tile{display:inline-grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;width:24px;height:30px;border-radius:6px;font-weight:800;font-size:1.05rem;text-transform:uppercase;background:var(--color-surface-3)}.tile--hidden{border-bottom:3px solid var(--color-border-strong)}.tile--revealed{background:var(--color-primary-soft);color:var(--color-primary-text)}.tile--punct{background:transparent;width:14px}.tile--typed{color:var(--color-text);background:var(--color-surface-2);border-bottom-color:var(--color-primary-text)}.tile--revealed.tile--typed{background:var(--color-primary-soft)}.tile--match{color:var(--chat-correct-fg);background:var(--chat-correct-bg)}.tile--mismatch{color:var(--chat-close-fg);background:var(--chat-close-bg)}.tile--active{border-bottom-color:var(--color-primary-text)}.word__count{font-size:.8rem;font-weight:700;color:var(--color-text-faint)}.canvas-caption{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:700;color:var(--color-text);pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--overlay-bg);animation:fade-in .2s ease;overflow-y:auto}.word-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.game{--game-accent: var(--game-skribble);display:grid;grid-template-columns:264px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1500px,100%);margin:0 auto}.game__top{grid-column:1 / -1}.game__word{min-width:0;display:flex;justify-content:center}.rating{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.rating--tally{pointer-events:none}.rating__btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;transition:background-color .1s ease-out,color .1s ease-out}.rating__btn:hover:not(:disabled){background:var(--color-surface-2)}.rating__btn:disabled{color:var(--color-text-muted)}.rating__btn.is-active{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-text)}.rating__btn--down.is-active{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-text)}.game__players{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.game__players-body{min-height:0;overflow-y:auto}.game__center{grid-row:2;min-height:0;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.game__chat{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}@media(max-width:1100px){.game{grid-template-columns:220px minmax(0,1fr) 280px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.game{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-2) + env(safe-area-inset-right)) var(--space-2) calc(var(--space-2) + env(safe-area-inset-left))}.game__top{flex:none}.game__top .game__word{margin-top:2px;padding:4px 0 2px;border-top:1px solid var(--color-border)}.game__word--phone-hidden{display:none}.game__word .word{flex-direction:row;justify-content:center;align-items:baseline;gap:10px}.game__word .word__text{font-size:1.1rem}.game__word .word__text--muted{font-size:.95rem}.game__center{flex:3 1 0;min-height:0;min-width:0;max-height:calc(75vw - 11px);gap:var(--space-2)}.game--drawer .game__center{flex-grow:5;max-height:calc(75vw + 120px)}.game--drawer .game__chat .chat__log-wrap{min-height:0}.overlay--turn-end{position:fixed;inset:var(--phone-header-bottom, 0px) 0 0 0;z-index:60;padding:var(--space-3) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom))}.overlay--choosing .overlay__hint{display:none}.overlay--choosing .overlay__card{gap:var(--space-2);padding:var(--space-3)}.game .btn--choice{min-height:44px;font-size:1rem;padding:0 16px}.game__chat{flex:1 1 0;display:flex;flex-direction:column;min-height:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-radius:var(--radius-md)}.game__chat .chat{flex:1 1 auto;min-height:0}.game__chat .chat__log-wrap{flex:1 1 0;min-height:88px}.game__chat .chat__log{scroll-behavior:auto}.game__chat .chat__form,.game__chat .guess-form{flex:none;margin-top:6px}.game__chat .chat__send{min-height:44px}.rating{right:8px;bottom:8px;gap:4px}.rating__btn{min-height:44px;padding:0 10px}.rating--tally .rating__btn{min-height:32px}.canvas-caption{left:8px;bottom:8px;font-size:.78rem;padding:4px 10px 4px 4px}}@media(max-height:520px){.game--phone .game__chat .chat__log-wrap{min-height:0}.game--phone .guess-tiles__groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.game--phone .guess-tiles__groups::-webkit-scrollbar{display:none}.game--phone .guess-tiles__group{flex-wrap:nowrap;--gtile-w: clamp(16px, min(var(--gtile-fit-word), var(--gtile-fit-bar)), var(--gtile-max))}.game--phone .guess-tiles__overflow{flex:none}}@media(min-aspect-ratio:3/2)and (max-height:520px){.game{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,38%,360px);grid-template-rows:auto minmax(0,1fr);padding-right:calc(var(--space-2) + env(safe-area-inset-right));padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.game__top{grid-column:2;grid-row:1}.game__center{grid-column:1;grid-row:1 / 3}.game__chat{grid-column:2;grid-row:2;min-height:0;padding-bottom:6px}.game__center{max-height:none}.game__chat .chat__log-wrap{min-height:60px}.overlay--turn-end{inset:0 calc(100% - var(--phone-header-left, 100%) + var(--space-2)) 0 0;padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom)) calc(var(--space-3) + env(safe-area-inset-left))}.game .overlay__card{max-height:100%}}@media(min-aspect-ratio:3/2)and (max-height:300px){.game__chat .chat__log-wrap{min-height:0}}.spy{--game-accent: var(--game-spygame);display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1400px,100%);margin:0 auto}.spy__top{grid-column:1 / -1}.spy__stage{grid-row:2;grid-column:1;position:relative;min-height:0;min-width:0;display:flex}.spy__main{flex:1;min-height:0;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:2px;scrollbar-width:thin}.spy__aside{grid-row:2;grid-column:2;min-height:0;display:flex;flex-direction:column;gap:var(--space-4)}.spy__accuse-card{padding:var(--space-4)}.spy__accuse-card--desktop{flex:0 1 auto;min-height:0;max-height:55%;overflow-y:auto}.spy__chat{flex:1 1 0;min-height:200px;display:flex;flex-direction:column;padding:var(--space-3)}.spy__banner{justify-content:center;text-align:center;width:100%;position:sticky;top:0;z-index:2;box-shadow:var(--shadow-sm)}.spy__banner--wrong{background:var(--color-warning-soft);color:var(--color-warning-text);font-weight:800;animation:fade-in .2s ease}.spy-clock--paused .timer__track{fill:var(--color-warning-soft);stroke:none}.spy-clock--paused .timer__arc{stroke:var(--color-warning);stroke-dasharray:4 3;stroke-linecap:butt}.spy-clock__label{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-warning-text)}.spy-role{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-left:4px solid var(--game-accent)}.spy-role__head{display:flex;align-items:center;gap:var(--space-3)}.spy-role__mark{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--game-accent);color:var(--game-ink)}.spy-role__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.spy-role__text{color:var(--color-text-muted);font-size:.95rem}.spy-role__guesses{align-self:flex-start;background:var(--color-secondary-soft);color:var(--color-secondary-text)}.spy-tile{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px 4px 4px;border-radius:var(--radius-item);border:2px solid transparent;background:var(--color-surface-2);color:var(--color-text);text-align:left;font:inherit;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}button.spy-tile{cursor:pointer;touch-action:manipulation}button.spy-tile:disabled{cursor:default}.spy-tile__picture{flex:none;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-3)}.spy-tile__picture img{display:block;width:100%;height:100%;object-fit:cover}.spy-tile__emoji{font-size:1.4rem}.spy-tile__body{min-width:0;display:flex;flex-direction:column;line-height:1.2}.spy-tile__name{font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.spy-tile__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.spy-tile__hint{font-size:.72rem;font-weight:700;color:var(--color-primary-text)}.spy-tile--sm{min-height:44px}.spy-tile--sm .spy-tile__picture{width:44px;height:33px;border-radius:7px}.spy-tile--sm .spy-tile__name{font-size:.8rem;line-height:1.15}.spy-tile--md{min-height:56px}.spy-tile--md .spy-tile__picture{width:60px;height:45px}.spy-tile--md .spy-tile__name{font-size:.9rem;line-height:1.15}.spy-tile--lg{gap:var(--space-3);padding:0;background:transparent;border:0}.spy-tile--lg .spy-tile__picture{width:112px;height:84px;border-radius:var(--radius-item);border:1px solid var(--color-border)}.spy-tile--lg .spy-tile__name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.spy-tile--highlighted{border-color:var(--color-primary-text);background:var(--color-primary-soft)}.spy-tile--ruledOut{opacity:.5}.spy-tile--ruledOut .spy-tile__picture{filter:grayscale(1)}.spy-tile--ruledOut .spy-tile__name{text-decoration:line-through}.spy-tile--real{border-color:var(--color-success);background:var(--color-success-soft)}.spy-tile--real:not(.spy-tile--lg) .spy-tile__body,.spy-tile--ruledOut:not(.spy-tile--lg) .spy-tile__body{padding-right:28px}.spy-tile__mark{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%}.spy-tile__mark--out{color:var(--color-danger);background:var(--color-danger-soft)}.spy-tile__mark--real{color:var(--color-primary-contrast);background:var(--color-success)}.spy-grid-card{padding:var(--space-4)}.spy-grid-card__head{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-3)}.spy-grid-card__title{font-size:1.05rem;font-weight:800}.spy-grid-card__hint{color:var(--color-text-muted);font-size:.82rem}.spy-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(12,auto);grid-auto-flow:column;gap:6px}.spy-grid li{min-width:0}.spy-accuse{display:flex;flex-direction:column;gap:var(--space-3)}.spy-accuse__head{display:flex;flex-direction:column;gap:2px}.spy-accuse__title{font-size:1.05rem;font-weight:800}.spy-accuse__hint{color:var(--color-text-muted);font-size:.82rem}.spy-accuse__list{list-style:none;display:flex;flex-direction:column;gap:6px}.spy-accuse__row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 10px;border-radius:var(--radius-item);border:2px solid transparent;background:var(--color-surface-2);color:var(--color-text);text-align:left;font:inherit;transition:background-color .12s ease,border-color .12s ease}button.spy-accuse__row{cursor:pointer;touch-action:manipulation}button.spy-accuse__row:disabled{cursor:default;opacity:1}.spy-accuse__row--me{background:var(--color-primary-soft)}.spy-accuse__row--highlighted{border-color:var(--color-danger);background:var(--color-danger-soft)}.spy-accuse__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.spy-accuse__name{display:flex;align-items:center;gap:5px;font-weight:700;min-width:0}.spy-accuse__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spy-accuse__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:.78rem;color:var(--color-text-faint);font-weight:600}.spy-accuse__pill{font-size:.68rem;padding:2px 8px}.spy-accuse__pill--accused{background:var(--color-danger-soft);color:var(--color-danger-text)}.spy-accuse__action{flex:none;max-width:38%;margin-left:auto;text-align:right;font-size:.75rem;font-weight:800;color:var(--color-danger-text)}.spy-vote-card{padding:var(--space-4);border-color:var(--color-danger);display:flex;flex-direction:column;gap:var(--space-3)}.spy-vote{display:flex;flex-direction:column;gap:var(--space-3)}.spy-vote__who{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.spy-vote__person{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800}.spy-vote__person--accused{color:var(--color-danger-text)}.spy-vote__accuses{color:var(--color-text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.spy-vote__status{text-align:center;font-weight:700}.spy-vote__status--accused{color:var(--color-danger-text);font-size:1.1rem;font-weight:900}.spy-vote__buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.spy-vote__btn{min-height:52px;border:3px solid transparent}.spy-vote__btn--yes{background:var(--color-danger);color:var(--color-bg)}.spy-vote__btn--no{background:var(--color-surface-3);color:var(--color-text)}.spy-vote__btn.is-active{border-color:var(--color-text)}.spy-vote__mine{text-align:center;font-size:.85rem;color:var(--color-text-muted)}.spy-vote__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.spy-vote__tally{display:flex;flex-wrap:wrap;gap:6px}.spy-vote__count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-muted);font-size:.8rem;font-weight:700}.spy-vote__count strong{font-size:.95rem;color:var(--color-text)}.spy-vote__count--yes{background:var(--color-danger-soft);color:var(--color-danger-text)}.spy-vote__count--yes strong{color:var(--color-danger-text)}.spy-vote__count--no{background:var(--color-success-soft);color:var(--color-success-text)}.spy-vote__count--no strong{color:var(--color-success-text)}.spy-reveal{position:absolute;inset:0;z-index:60;display:grid;place-items:center;align-items:start;align-items:safe center;padding:var(--space-4);border-radius:var(--radius-md);background:var(--overlay-bg);animation:fade-in .2s ease;overflow-y:auto}.spy-reveal__card:focus{outline:none}.spy-reveal__facts{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.spy-reveal__spy{display:flex;align-items:center;gap:var(--space-3);text-align:left}.spy-reveal__label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.spy-reveal__name{display:block;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.spy-reveal__footer{flex-wrap:wrap;justify-content:center;position:sticky;bottom:0;width:calc(100% + 2 * var(--space-4));margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-3));padding:var(--space-2) var(--space-4) var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-border)}.player__badge--spy{background:var(--color-text);color:var(--color-surface)}.player__badge--accused{background:var(--color-danger)}.player__badge--spectator{background:var(--color-text-faint)}.spy__chat-sheet{display:flex;flex-direction:column;height:min(60vh,520px)}.spy:not(.spy--phone) .spy-grid--reference{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,auto)}@media(max-width:1100px){.spy{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.spy{display:flex;flex-direction:column;height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-2) + env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) calc(var(--space-2) + env(safe-area-inset-left))}.spy__top{flex:none}.spy-clock__label{display:none}.spy__stage{flex:1 1 0;min-height:0}.spy__main{gap:var(--space-2)}.spy__main>.card{border-radius:var(--radius-item)}.spy-reveal{border-radius:var(--radius-item);padding:var(--space-3)}.spy-reveal__footer{width:calc(100% + 2 * var(--space-3));margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3) var(--space-3)}.spy-role__title{font-size:1.3rem}.spy-tile--md .spy-tile__picture{width:52px;height:39px}.spy-tile--md .spy-tile__name{font-size:.8rem}.spy-tile--lg .spy-tile__name{font-size:1.25rem}}@media(min-aspect-ratio:3/2)and (max-height:520px){.spy__main{flex-direction:row;flex-wrap:wrap;align-content:flex-start}.spy__main>*{flex:1 1 calc(50% - var(--space-2));min-width:0}.spy__main>.spy__banner{flex-basis:100%}}@media(max-height:600px){.spy-reveal__card{gap:var(--space-2)}.spy-reveal__facts{gap:var(--space-3)}}@media(min-aspect-ratio:3/2)and (max-height:520px){.spy-vote--sheet{gap:var(--space-2)}.spy-vote--sheet .spy-vote__person .avatar{display:none}.spy-vote--sheet .spy-vote__who{gap:var(--space-2)}.spy-vote--sheet .spy-vote__btn{min-height:44px}.spy-vote--sheet .spy-vote__mine{display:none}}@media(max-width:360px){.spy-tile--sm .spy-tile__picture{width:32px;height:24px}.spy-tile--sm{gap:6px;padding-right:6px}.spy-tile--sm .spy-tile__name{font-size:.7rem;letter-spacing:-.01em}.spy-tile--md .spy-tile__picture{width:40px;height:30px}.spy-tile--md .spy-tile__name{font-size:.76rem}.spy-tile__name{overflow-wrap:anywhere}}.race{width:min(1040px,100%);margin:0 auto;padding:calc(var(--space-4) + env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-4)}.race__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:var(--space-4);align-items:start}.race__main{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.race__title{font-size:1.4rem;font-weight:800;letter-spacing:-.01em}.race__button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(260px,70vw);aspect-ratio:1;border-radius:50%;color:var(--game-ink);box-shadow:var(--shadow-lg);transition:transform .06s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.race__button:active:not(:disabled){transform:scale(.95)}.race__button:disabled{opacity:.6}.race__count{font-size:4rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.race__target{font-weight:700;opacity:.85}.race__watching{font-size:1.3rem;font-weight:800}.race__note{width:100%;font-size:.85rem;color:var(--color-text-muted);text-align:center}.race__list{width:100%;display:flex;flex-direction:column;gap:6px}.race__row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(80px,2fr) auto;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-item);background:var(--color-surface-2)}.race__row--me{background:var(--color-primary-soft)}.race__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race__bar{width:100%;height:10px;accent-color:var(--color-primary-text)}.race__clicks{font-weight:800;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.race__chat{display:flex;flex-direction:column;height:min(70vh,640px)}@media(max-width:760px){.race__grid{grid-template-columns:1fr}.race__chat{height:50vh}}