@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);--shadow-piece: 0 2px 6px rgba(0, 0, 0, .18);--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;--color-primary-edge: #c7e976;--color-primary-mark: #c7e976;--btn-disabled-bg: #2b2e29;--btn-disabled-border: #2b2e29;--btn-disabled-fg: #b9c0b3;--avatar-wash: transparent;--overlay-bg: rgba(0, 0, 0, .72);--notice-bg: #f1f0e8;--notice-fg: #141514;--notice-muted: #4f5c46;--notice-accent: #405d17;--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-scribble: #a699d5;--game-spygame: #86cdba;--game-quipgame: #f1c777;--game-blackjack: #86d9a3;--game-poker: #e7a1cb;--game-template: #c7e976;--game-ink: #141514;--game-paper: #f7f5ec;--game-lilac: #a699d5;--game-edge-lime: #6b8a1e;--game-edge-lilac: #4e3d94;--game-edge-lime-picked: #405311;--game-edge-lilac-picked: #3d2f74;--game-scribble-edge: #7a6cb4;--game-quipgame-edge: #a57a20;--game-lilac-picked: #cdc4ee;--game-scribble-text: #beb2e8;--game-scribble-soft: #302a40;--game-spygame-text: #9fdccb;--game-spygame-soft: #1f3a35;--game-quipgame-text: #f4d181;--game-quipgame-soft: #3a3020;--game-blackjack-text: #a0e9b8;--game-blackjack-soft: #203a2a;--game-poker-text: #f0b6d9;--game-poker-soft: #3d2636;--game-template-text: #c7e976;--game-template-soft: #2d381f;--color-offwhite: #f5f6ef}:root[data-theme=light]{color-scheme:light;--shadow-lg: 0 16px 48px rgba(20, 25, 18, .18);--shadow-piece: 0 2px 6px rgba(20, 25, 18, .18);--color-bg: #f5f6ef;--color-surface: #ffffff;--color-surface-2: #eaf0d9;--color-surface-3: #f3f5ec;--color-border: #cdd4bf;--color-border-strong: #76836a;--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: #e6f3c3;--color-primary-text: #3d6b0f;--color-primary-edge: #a9cf47;--color-primary-mark: #c7e976;--color-secondary: #a699d5;--color-secondary-hover: #9686ca;--color-secondary-contrast: #141514;--color-secondary-soft: #ece7f7;--color-secondary-text: #5e468c;--color-success: #287643;--color-success-soft: #dff0e3;--color-success-text: #246b3c;--color-warning: #8a6116;--color-warning-soft: #fdf0cc;--color-warning-text: #7c5510;--color-danger: #b43249;--color-danger-soft: #fbe4e8;--color-danger-text: #a5293f;--color-info-soft: #e4eff5;--color-focus: #3d6b0f;--btn-disabled-bg: #e9ebe3;--btn-disabled-border: #d4d8cb;--btn-disabled-fg: #5f6956;--avatar-wash: rgb(255 255 255 / .16);--overlay-bg: rgba(26, 34, 23, .6);--notice-bg: #1a2217;--notice-fg: #f5f6ef;--notice-muted: #c9d0bf;--notice-accent: #c7e976;--chat-correct-bg: #dff0e3;--chat-correct-fg: #246b3c;--chat-close-bg: #fdf0cc;--chat-close-fg: #7c5510;--chat-guessed-bg: #ece7f7;--chat-guessed-fg: #5e468c;--game-scribble-text: #5e468c;--game-scribble-soft: #ece7f7;--game-spygame-text: #1d6456;--game-spygame-soft: #dcf1ea;--game-quipgame-text: #7c5510;--game-quipgame-soft: #fdf0cc;--game-blackjack-text: #246b3c;--game-blackjack-soft: #dff0e3;--game-poker-text: #8f3a70;--game-poker-soft: #f9e4f0;--game-template-text: #3d6b0f;--game-template-soft: #e6f3c3}*,*: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}p,li,label,.btn,.field__hint,.field__ok,.field__error,.code-preview,.setting__hint,.toggle__hint,.overlay__hint,.banner,.toast__text,.quip-prompt,.content-mode__blurb,.game-tile__name,.tbl-turn__text,.tbl-turn__sub{text-wrap-style:pretty}h1,h2,h3,.card__title,.overlay__title,.display{text-wrap-style:balance}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:865.8 / 120.2;color:var(--color-text);flex:none}.wordmark__accent{color:var(--color-primary-mark)}.wordmark--icon{aspect-ratio:278.81 / 249.91}.brand{display:flex;align-items:center;gap:10px;min-height:44px}.mascot,.game-art{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(--btn-disabled-bg);border-color:var(--btn-disabled-border);color:var(--btn-disabled-fg)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary-edge);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:active:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-muted)}.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),.btn--ghost:active: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:color-mix(in srgb,var(--color-danger) 18%,var(--color-danger-soft));border-color:var(--color-danger-text)}.btn--danger:active:not(:disabled){background:color-mix(in srgb,var(--color-danger) 28%,var(--color-danger-soft))}.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)}.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-edge)}.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{display:contents}.settings-menu__panel{position:absolute;top:calc(100% + 12px);left:max(0px,calc(min(var(--gear-x) + 22px,100%) - min(300px,calc(100vw - 2 * var(--gutter)))));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}to{opacity:1}}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;line-height:1;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 100px var(--avatar-wash)}.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)}.face-img{display:block;flex:none;width:1.125em;height:1.125em;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.face-img--text{display:grid;place-items:center;line-height:1}.avatar-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;container-type:inline-size}.avatar-picker__preview{display:flex;align-items:center;gap:var(--space-4)}.avatar-picker__group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.avatar-picker__colors{grid-template-columns:repeat(6,minmax(0,1fr))}@container (max-width: 247.98px){.avatar-picker__colors{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 476px){.avatar-picker__emojis{grid-template-columns:repeat(10,minmax(0,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:100%;height:44px;border-radius:var(--radius-sm);border:0;box-shadow:inset 0 0 0 100px var(--avatar-wash)}.avatar-picker__group .swatch:hover{transform:none;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 0 0 100px var(--avatar-wash)}.avatar-picker__group .swatch.is-selected{outline:0;box-shadow:inset 0 0 0 2px var(--color-secondary),inset 0 0 0 4px var(--color-surface),inset 0 0 0 100px var(--avatar-wash)}.emoji-choice{width:100%;height:44px;border-radius:var(--radius-sm);font-size:28px;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}.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(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:108;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:none;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{pointer-events:auto;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}}.conn-notice{position:fixed;top:calc(var(--space-3) + env(safe-area-inset-top));left:50%;z-index:110;width:max-content;max-width:min(400px,calc(100vw - 2 * var(--gutter)));transform:translate(-50%);pointer-events:none}@media(max-width:760px){.conn-notice{top:calc(64px + env(safe-area-inset-top))}}.conn-notice__card{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border-radius:var(--radius-md);background:var(--notice-bg);color:var(--notice-fg);box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease-out)}.conn-notice__spinner{width:20px;height:20px;border-width:2.5px;color:var(--notice-accent)}.conn-notice__text{display:flex;flex-direction:column;gap:2px;min-width:0}.conn-notice__title{font-size:.9375rem;font-weight:700;line-height:1.25}.conn-notice__detail{font-size:.8125rem;font-weight:500;line-height:1.3;color:var(--notice-muted)}@media(prefers-reduced-motion:reduce){.conn-notice__card{animation: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[data-counting]:not(.timer--urgent) .timer__arc{stroke:var(--color-secondary-text)}.timer__label{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);white-space:nowrap;font-size:.6875rem;font-weight:700;line-height:1;color:var(--color-secondary-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:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.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:nowrap;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__crown{color:var(--color-warning-text);display:inline-flex;flex:none}.player__crown svg{fill:currentColor}.player__you{flex:none;font-weight:500;color:var(--color-text-muted)}.player__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 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;display:flex;justify-content:flex-end;position:relative;z-index:1}.player__actions--spacer{width:32px}@media(pointer:coarse){.player__actions--spacer{width:44px}}.player__kick{opacity:0}.player__kick:hover{color:var(--color-danger-text)}.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)}}.scroll-fade:before,.scroll-fade:after{content:"";position:sticky;z-index:1;display:block;pointer-events:none;opacity:0}.scroll-fade:before{top:0;height:32px;margin-bottom:-32px;background:linear-gradient(var(--fade-bg, var(--color-surface)),transparent)}.scroll-fade:after{bottom:0;height:48px;margin-top:-48px;background:linear-gradient(transparent,var(--fade-bg, var(--color-surface)))}.scroll-fade[data-fade~=top]:before,.scroll-fade[data-fade~=bottom]:after{opacity:1}@property --fade-x{syntax: "<length>"; inherits: true; initial-value: 28px;}.scroll-fade--x:before,.scroll-fade--x:after{content:none}.scroll-fade--x[data-fade=left]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-x, 28px));mask-image:linear-gradient(to right,transparent,#000 var(--fade-x, 28px))}.scroll-fade--x[data-fade=right]{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-x, 28px));mask-image:linear-gradient(to left,transparent,#000 var(--fade-x, 28px))}.scroll-fade--x[data-fade="left right"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-x, 28px),#000 calc(100% - var(--fade-x, 28px)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-x, 28px),#000 calc(100% - var(--fade-x, 28px)),transparent)}.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__head--bare{position:absolute;top:8px;right:8px;z-index:1;margin:0}.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}.exit-actions{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-3)}.exit-action{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 14px 8px 8px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-item);background:transparent;color:var(--color-text);text-align:left;transition:background-color .1s ease-out,border-color .1s ease-out}button.exit-action:hover{background:var(--color-surface-2)}button.exit-action:active{transform:translateY(1px)}.exit-action__icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text)}.exit-action__text{display:flex;flex-direction:column;gap:1px;min-width:0}.exit-action__text strong{font-size:1rem;font-weight:700}.exit-action__text small{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.exit-action--end{border-color:var(--color-danger);background:var(--color-danger-soft)}button.exit-action--end:hover{background:var(--color-danger-soft);border-color:var(--color-danger-text)}.exit-action--end .exit-action__icon{background:var(--color-danger);color:var(--color-bg)}.exit-action--end .exit-action__text strong{color:var(--color-danger-text)}.exit-action--pending{border-style:dashed;background:transparent}@media(min-aspect-ratio:3/2)and (max-height:520px){.exit-actions{flex-direction:row}.exit-action{flex:1 1 auto;width:auto;min-width:0;min-height:48px;gap:8px;padding:6px 10px 6px 6px}.exit-action__icon{width:36px;height:36px}}.exit-confirm{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-2) 0 var(--space-1);text-align:center}.exit-confirm__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--color-surface-2);color:var(--color-text);margin-bottom:4px}.exit-confirm--end .exit-confirm__icon{background:var(--color-danger-soft);color:var(--color-danger-text)}.exit-confirm__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;text-wrap-style:balance}.exit-confirm__note{max-width:34ch;color:var(--color-text-muted);font-size:.9375rem}.exit-confirm__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:var(--space-3)}.exit-confirm__actions .btn{width:100%;min-height:52px}.btn--danger-solid{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg)}.btn--danger-solid:hover:not(:disabled){background:var(--color-danger-text);border-color:var(--color-danger-text)}@media(min-width:761px){.sheet--exit{justify-content:center}.sheet--exit .sheet__panel{width:min(440px,calc(100% - 2 * var(--gutter)));margin:0 auto;border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);padding-bottom:var(--space-4)}.sheet--exit .sheet__handle{visibility:hidden}}@media(min-width:1024px){.sheet--dialog{justify-content:center;align-items:center;padding:var(--space-5)}.sheet--dialog .sheet__panel{width:min(600px,100%);max-height:calc(var(--app-height, 100dvh) - 2 * var(--space-5));border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);animation:pop-in .16s ease-out}.sheet--dialog .sheet__handle{display:none}.sheet--dialog .sheet__head{margin:-6px -10px var(--space-3) 0}.sheet--dialog .sheet__title{font-size:1.375rem}}.room-card__value{flex:none;display:flex;gap:4px;font-family:var(--font-display);font-size:1.9375rem;font-weight:700;-webkit-text-stroke:.5px currentColor;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);box-shadow:inset 0 0 0 1.5px var(--color-primary-edge)}.room-card__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px 0 12px;border-radius:var(--radius-item);border:1.5px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text);font-size:.875rem;font-weight:600;white-space:nowrap;transition:background-color .1s ease-out,border-color .1s ease-out,transform 70ms ease-out}.room-card__btn svg{flex:none}.room-card__btn:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.room-card__btn:active{transform:translateY(1px)}.gbar-end{gap:8px;color:var(--color-danger-text)}.room-card__btn.gbar-end:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.room-card__btn.gbar-end:active{background:color-mix(in srgb,var(--color-danger) 18%,var(--color-danger-soft));border-color:var(--color-danger)}.gbar-end--pending{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:0 14px 0 12px;border:1.5px dashed var(--color-danger);border-radius:var(--radius-item);font-size:.875rem;font-weight:600;white-space:nowrap}.gbar-ending{display:inline-flex;align-items:center;gap:4px;color:var(--color-danger-text);font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap}.gbar-ending svg{flex:none}@keyframes sheet-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.settings{display:flex;flex-direction:column;gap:var(--space-6)}.setting{display:flex;flex-direction:column;gap:10px}.setting__label{font-weight:600;font-size:.9375rem}.setting__hint{color:var(--color-text-faint);font-size:.8125rem;line-height:1.4;margin-top:-6px}.range-field+.setting__hint{margin-top:-14px}.range-field{display:flex;align-items:center;gap:var(--space-3)}.range-field__value{flex:none;min-width:3.25rem;padding:4px 8px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text);font-weight:600;font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.word-list__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-top:-4px}.word-list__foot .setting__hint{margin-top:0}.word-list__upload{min-height:44px}.settings>.toggle{padding: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-size:.875rem;font-weight:600;color:var(--color-text-muted)}.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-edge);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)}@media(min-width:768px){.site-header{--wordmark-height: 30px}}.site-header--hero,.site-header--hero .site-header__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-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}}.site-header--hero .logo{width:100%}.waiting-overlay{position:fixed;inset:0;z-index:105;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}.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}.results-popup{position:fixed;inset:0;z-index:105;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));animation:fade-in .2s ease}.results-popup__backdrop{position:absolute;inset:0;border:0;padding:0;background:var(--overlay-bg);cursor:default}@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}.results-card{position:relative;max-height:calc(var(--app-height, 100dvh) - 2 * var(--space-4) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.results-card:focus-visible{outline:none}.results-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)}.results-card__close{position:absolute;top:var(--space-3);right:var(--space-3)}.results-card__actions{width:100%;flex:none;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.results-hero{display:flex;flex-direction:column;align-items:center;gap:2px}.results-hero__kicker{margin-top:var(--space-2)}.results-hero__title{font-size:1.6rem}.results-hero__mascot{width:auto;height:96px;animation:results-bounce .6s cubic-bezier(.2,.8,.2,1)}@keyframes results-bounce{0%{transform:translateY(12px) scale(.92);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:none}}.results-hero__points{font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--color-text)}.results-place{font-weight:600;color:var(--color-text-muted)}.results-place--won{color:var(--color-primary-text);font-weight:700}.results-reason{margin-top:4px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.85rem;font-weight:600}.results-standings{width:100%;display:flex;flex-direction:column;flex:none;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-item);background:var(--color-surface-3)}.results-standings__row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px 4px 10px;font-size:.9rem}.results-standings__row+.results-standings__row{border-top:1px solid var(--color-border)}.results-standings__row--me{background:var(--color-secondary-soft)}.results-standings__rank{flex:none;width:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.results-standings__name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;text-align:left;font-weight:600}.results-standings__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-standings__you{flex:none;font-weight:500;color:var(--color-text-muted)}.results-standings__score{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.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}.results-hero__mascot{animation:none}}@media(max-width:760px){.results-hero__title{font-size:1.3rem}.results-hero__mascot{height:72px}}.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}.guess-tiles.is-focused .gtile--hint.gtile--active:after{left:2px}.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}}:root{--card-index-top: .1;--card-back-border: #f7f5ec;--card-back-field: #c7e976;--card-back-ink: #141514;--card-back-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47' fill='%23141514'/%3E%3Ccircle cx='50' cy='50' r='41.5' fill='none' stroke='%23c7e976' stroke-width='1.6'/%3E%3Cg transform='translate(37 50) rotate(-12)'%3E%3Crect x='-12.5' y='-22' width='25' height='44' rx='6' fill='%23c7e976' stroke='%23141514' stroke-width='3'/%3E%3Cpath d='M-6.75 -1.76q2.5 -5 5 0M1.75 -1.76q2.5 -5 5 0M-3 -18.04h6' fill='none' stroke='%23141514' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M-4.5 5.28h9q0 7.48 -4.5 7.48q-4.5 0 -4.5 -7.48z' fill='%23141514'/%3E%3C/g%3E%3Cg transform='translate(63 50) rotate(168)'%3E%3Crect x='-12.5' y='-22' width='25' height='44' rx='6' fill='%23c7e976' stroke='%23141514' stroke-width='3'/%3E%3Cpath d='M-6.75 -1.76q2.5 -5 5 0M1.75 -1.76q2.5 -5 5 0M-3 -18.04h6' fill='none' stroke='%23141514' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M-4.5 5.28h9q0 7.48 -4.5 7.48q-4.5 0 -4.5 -7.48z' fill='%23141514'/%3E%3C/g%3E%3C/svg%3E");--card-back-lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5Z' fill='none' stroke='%23141514' stroke-opacity='.26' stroke-width='.8'/%3E%3Cg fill='%23141514' fill-opacity='.3'%3E%3Ccircle cx='5' cy='5' r='.9'/%3E%3Ccircle r='.9'/%3E%3Ccircle cx='10' r='.9'/%3E%3Ccircle cy='10' r='.9'/%3E%3Ccircle cx='10' cy='10' r='.9'/%3E%3C/g%3E%3C/svg%3E")}.playing-card{--card-face: #ffffff;--card-ink: #171717;--card-red: #c0283f;--card-w: 56px;--card-h: 78px;position:relative;display:inline-block;flex:none;width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .1);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}.playing-card--lg{--card-w: 68px;--card-h: 96px}.playing-card--xl{--card-w: 84px;--card-h: 118px}.playing-card--highlight{outline:2px solid var(--color-primary-text);outline-offset:1px}.playing-card__corner{position:absolute;top:calc(var(--card-w) * var(--card-index-top));left:calc(var(--card-w) * .08);display:flex;flex-direction:column;align-items:center;gap:calc(var(--card-w) * .02)}.playing-card__rank{font-size:calc(var(--card-w) * .4);font-weight:800;letter-spacing:-.04em}.playing-card__rank--wide{font-size:calc(var(--card-w) * .36);letter-spacing:-.08em;transform:scaleX(.8);transform-origin:left center;margin-inline-end:-.195em}.playing-card__suit{font-family:var(--font-sans);font-size:calc(var(--card-w) * .38)}.playing-card--down{background:var(--card-back-border);border-color:var(--color-border-strong)}.playing-card__back{position:absolute;inset:calc(var(--card-w) * .07);border-radius:calc(var(--card-w) * .05);border:max(1px,calc(var(--card-w) * .025)) solid var(--card-back-ink);background-color:var(--card-back-field);background-image:var(--card-back-mark),var(--card-back-lattice);background-repeat:no-repeat,repeat;background-position:center,center;background-size:74% auto,max(4px,calc(var(--card-w) * .15)) max(4px,calc(var(--card-w) * .15))}.playing-card__back:after{content:"";position:absolute;inset:max(1px,calc(var(--card-w) * .03));border-radius:calc(var(--card-w) * .03);border:max(.5px,calc(var(--card-w) * .012)) solid rgba(20,21,20,.45)}.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:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.chips-setting__preset{min-width:0;min-height:44px;padding:0 2px;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:clamp(.75rem,3.4vw,.85rem);font-variant-numeric:tabular-nums;white-space:nowrap}.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);grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--gutter);width:min(1280px,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;container:tbl / size}@property --tbl-pill-h{syntax: "<length>"; inherits: true; initial-value: 26px;}@property --tbl-mini-w{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --tile-card-w{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --tbl-deck-w{syntax: "<length>"; inherits: true; initial-value: 56px;}@property --tbl-spare{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tbl-grow{syntax: "<length>"; inherits: false; initial-value: 0px;}.tbl-felt{--tbl-pad: var(--space-4);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(--tbl-pad);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}:root[data-theme=light] .tbl-felt{--color-surface: #e2e9d1;--color-surface-2: #ffffff;--color-surface-3: #f1f4e8;--color-border: #c4cdb0}.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)}.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{display:flex;flex-direction:column;align-items:center;gap:4px}.tbl-stack__card{--card-w: var(--deck-w, 36px);position:absolute;inset:0;border-radius:calc(var(--card-w) * .1);background:var(--card-back-border);border:1px solid var(--color-border-strong)}.tbl-deck--corner{--deck-w: var(--tbl-deck-w, 56px);position:absolute;top:var(--tbl-pad);right:calc(var(--tbl-pad) + 4px);z-index:0;pointer-events:none}.tbl-deck--corner .tbl-deck__stack{width:var(--deck-w);height:calc(var(--deck-w) * 1.5)}.tbl-discard-corner{position:absolute;top:-60px;left:-40px;width:1px;height:1px;pointer-events:none}.tbl-deck__count{font-size:.72rem;font-weight:600;color:var(--color-text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl-ribbon{--ribbon-h: var(--tbl-ribbon-h, 30px);isolation:isolate;--ribbon-fold: 12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;line-height:1.2}.tbl-ribbon__band{position:relative;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 2 * var(--ribbon-fold) - 8px);height:var(--ribbon-h);padding:0 18px;background:var(--color-surface-2);border-block:1px solid var(--color-border);margin-bottom:6px}.tbl-ribbon__band:before,.tbl-ribbon__band:after{content:"";position:absolute;top:5px;width:calc(var(--ribbon-fold) + 8px);height:var(--ribbon-h);background:var(--color-surface-3);border-block:1px solid var(--color-border);z-index:-1}.tbl-ribbon__band:before{right:calc(100% - 8px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%)}.tbl-ribbon__band:after{left:calc(100% - 8px);clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%)}.tbl-ribbon__main{overflow:hidden;font-family:var(--font-display);font-size:var(--tbl-ribbon-font, .95rem);font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-muted)}.tbl-ribbon__sub{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-faint)}.tbl-ribbon__note{display:flex;justify-content:center;max-width:100%;min-width:0}.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-display);font-size:.82rem;font-weight:700;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-edge);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)}}:root{--fan-step: .44;--hand-k: calc(1.77 - var(--card-index-top))}.tbl-hand{--pill-h: var(--tbl-pill-h, 26px);--head-over: calc(var(--tbl-w) * var(--card-index-top));--fan-dx: calc(var(--tbl-w) * var(--fan-step));--fan-dy: min(calc(var(--tbl-w) * .09), calc(var(--tbl-w) * .27 / max(1, var(--fan, 2) - 1)));position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;flex:none;padding:calc(var(--pill-h) - var(--head-over)) 3px 3px;border-radius:var(--radius-item)}.tbl-hand__head{position:absolute;top:0;right:3px;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;height:var(--pill-h);white-space:nowrap}.tbl-hand__head .tbl-pill{height:var(--pill-h);min-width:calc(var(--pill-h) * 1.3);padding:0 9px;border-width:1.5px;font-family:var(--font-display);font-size:calc(var(--pill-h) * .6);font-weight:800;letter-spacing:-.01em}.tbl-hand__head .tbl-pill[data-long]{padding:0 6px;font-size:calc(var(--pill-h) * .52)}.tbl-fan{display:flex;align-items:flex-start;height:calc(var(--tbl-w) * 1.77)}.tbl-fan__card{display:flex;flex:none;margin-top:calc(var(--i, 0) * var(--fan-dy))}.tbl-fan__card+.tbl-fan__card{margin-left:calc(var(--fan-dx) - var(--tbl-w))}.tbl-fan__card>.playing-card{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5)}.tbl-hand--win .tbl-fan .playing-card,.tbl-hand--blackjack .tbl-fan .playing-card,.tbl-hand--loss .tbl-fan .playing-card,.tbl-hand--bust .tbl-fan .playing-card,.tbl-hand--push .tbl-fan .playing-card{outline:max(2px,calc(var(--tbl-w) * .045)) solid var(--hand-outcome);outline-offset:-1px}.tbl-hand--win{--hand-outcome: var(--color-primary-text)}.tbl-hand--blackjack{--hand-outcome: var(--color-warning)}.tbl-hand--loss,.tbl-hand--bust{--hand-outcome: var(--color-danger)}.tbl-hand--push{--hand-outcome: var(--color-border-strong)}.tbl-hand--active .tbl-pill--active{background:var(--color-primary);border-color:var(--color-primary-edge);color:var(--color-primary-contrast)}.tbl-hand--lead{min-width:calc(var(--pill-h) * 2.2 + 6px)}.tbl-pill__lead{margin-right:.35em;font-size:.82em}.tbl-flag{font-family:var(--font-display);font-size:calc(var(--pill-h) * .55);font-weight:800;color:var(--color-text-muted)}.tbl-hand__head .tbl-flag{display:inline-flex;align-items:center;gap:.3em;height:var(--pill-h);padding:0 .5em;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-size:calc(var(--pill-h) * .5);line-height:1}.tbl-flag--win{color:var(--color-primary-text)}.tbl-flag--blackjack{color:var(--color-warning-text)}.tbl-flag--loss,.tbl-flag--bust{color:var(--color-danger-text)}.tbl-hand__head .tbl-tag{display:inline-flex;align-items:center;height:calc(var(--pill-h) * .86);font-size:calc(var(--pill-h) * .48)}.tbl-hand__head .tbl-hand__stake{--stake-h: var(--pill-h);padding:0 .6em 0 .4em;font-size:calc(var(--pill-h) * .5)}.tbl-hand__owner{display:inline-flex;align-items:center;max-width:9em;height:var(--pill-h);padding:0 .65em;overflow:hidden;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-secondary-text);font-family:var(--font-display);font-size:calc(var(--pill-h) * .52);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tbl-hand--mini{--pill-h: 18px;flex-direction:row-reverse;align-items:center;gap:3px;padding:0}.tbl-hand--mini .tbl-hand__head{position:static;align-self:center}.tbl-hand--mini .tbl-hand__head .tbl-pill{min-width:24px;padding:0 4px;border-width:1px;font-size:.7rem}.tbl-hand--mini .tbl-fan{--fan-dy: min(calc(var(--tbl-w) * .06), calc(var(--tbl-w) * .12 / max(1, var(--fan, 2) - 1)));height:calc(var(--tbl-w) * 1.62)}.tbl-stackcount{display:inline-flex;align-items:baseline;gap:.25em;white-space:nowrap;font-variant-numeric:tabular-nums}.tbl-stackcount__value{font-family:var(--font-display);font-weight:800;font-size:1.1em;color:var(--color-text)}.tbl-figure__short{display:none}@container tile (max-width: 79px){.tbl-figure__full{display:none}.tbl-figure__short{display:inline}}.tbl-stackcount__word{font-size:.88em;font-weight:600;color:var(--color-text-muted)}.tbl-stake{--stake-h: 1.85em;display:inline-flex;align-items:center;gap:.25em;height:var(--stake-h);padding:0 .42em;border-radius:var(--radius-pill);border:1.5px solid var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning-text);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}.tbl-stake__word{font-size:.86em;font-weight:700}.tbl-stake__value{font-family:var(--font-display);font-weight:800;font-size:1.04em;color:var(--color-text)}.tbl-stake--pot{border-color:var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text-muted)}.tbl-stake--bet{gap:.3em;padding-left:.3em}.tbl-stake__chips{display:flex;align-items:center;flex:none}.tbl-stake__chip{display:block;flex:none;height:calc(var(--stake-h) - 5px);width:auto;overflow:visible}.tbl-stake__chip+.tbl-stake__chip{margin-left:calc((var(--stake-h) - 5px) * -2 / 3)}.tbl-stake__more--spare{display:none}.tbl-stake__more{align-self:flex-start;margin-top:.04em;margin-left:-.15em;font-family:var(--font-display);font-size:1em;font-weight:800;line-height:1;color:var(--color-warning-text)}.tbl-chip{--chip-ink: var(--color-primary-contrast);--chip-lime: var(--color-primary);--chip-lilac: var(--color-secondary);--chip-white: var(--color-offwhite);--chip-fill: var(--chip-white);--chip-edge: var(--chip-ink);--chip-spot: var(--chip-lilac);--chip-edge-w: 1.6}.tbl-chip--lime{--chip-fill: var(--chip-lime);--chip-spot: var(--chip-ink)}.tbl-chip--lilac{--chip-fill: var(--chip-lilac);--chip-spot: var(--chip-white)}.tbl-chip--ink{--chip-fill: var(--chip-ink);--chip-edge: var(--chip-lime);--chip-spot: var(--chip-lime)}.tbl-chip--white{--chip-edge-w: 2.4}.tbl-chip__shadow{fill:var(--chip-ink)}.tbl-chip__disc{fill:var(--chip-fill);stroke:var(--chip-edge);stroke-width:var(--chip-edge-w)}.tbl-chip__spots{fill:none;stroke:var(--chip-spot);stroke-width:2.6;stroke-dasharray:4.4 4.4;stroke-dashoffset:2.2}.tbl-chip__ring{fill:none;stroke:var(--chip-edge);stroke-width:1.3}.tbl-tile .tbl-chip__spots{display:none}.tbl-tile .tbl-chip--ink{--chip-edge-w: 2.4}.tbl-tile .tbl-chip__ring{stroke-width:var(--chip-edge-w)}.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-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;will-change:transform}.tbl-felt--calm{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--tbl-head-h) auto minmax(0,max-content) var(--tbl-stage-h);grid-template-areas:"head" "ribbon" "seats" "stage";align-content:space-between;row-gap:var(--tbl-row-gap, var(--space-3))}.tbl-felt--calm.tbl-crowd--none{grid-template-rows:var(--tbl-head-h) auto var(--tbl-stage-h);grid-template-areas:"head" "ribbon" "stage"}.tbl-felt--calm>.tbl-ribbon{grid-area:ribbon;display:flex;min-height:0;overflow:hidden}.tbl-felt--calm.tbl-crowd--dense .tbl-ribbon__band{display:none}.tbl-felt--calm>.tbl-grid{grid-area:seats;height:var(--grid-natural, auto);max-height:100%}.tbl-turn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px;margin:2px 0 0;max-width:100%;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.25;animation:tbl-slide-in .3s var(--ease-out) both}.tbl-turn__text{min-width:0}.tbl-turn--go{color:var(--color-primary-text)}.tbl-turn--other{color:var(--color-secondary-text)}.tbl-turn--bad{color:var(--color-danger-text)}.tbl-turn__sub{font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.tbl-turn__clock{display:flex}.tbl-turn__clock .timer--md{width:30px;height:30px;font-size:.72rem}@keyframes tbl-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tbl-stage{grid-area:stage;justify-self:center;width:min(100%,760px);display:flex;justify-content:center;min-width:0;min-height:0}.tbl-grid{display:grid;font-size:var(--tbl-tile-font, 1rem);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, 6px);min-width:0;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.tbl-grid__cell{display:flex;min-width:0;min-height:0;container:tile / size}.tbl-grid--full{grid-template-columns:repeat(var(--cols, 4),minmax(0,320px))}.tbl-grid--arc{grid-template-columns:repeat(calc(var(--cols, 4) * 2),minmax(0,calc(var(--tile-w, 120px) * .65)))}.tbl-grid--arc.tbl-grid--full{grid-template-columns:repeat(calc(var(--cols, 4) * 2),minmax(0,160px))}.tbl-grid--arc .tbl-grid__cell{grid-column-end:span 2}.tbl-felt--calm>.tbl-grid--strip{display:flex;position:relative;margin-inline:calc(-1 * var(--tbl-pad))}.tbl-strip{--fade-x: var(--strip-edge, 24px);position:relative;flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows, 1),minmax(0,var(--tile-h, 77px)));grid-auto-columns:var(--strip-w, 160px);align-content:center;justify-content:start;gap:var(--grid-gap, 5px);margin:0;padding:0 var(--strip-edge, 24px);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--strip-edge, 24px);scrollbar-width:none}.tbl-strip::-webkit-scrollbar{display:none}.tbl-grid--strip .tbl-strip>.tbl-grid__cell{grid-column-end:auto;scroll-snap-align:start}.tbl-strip__more{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:min(20px,calc(var(--strip-edge, 24px) - 4px));height:min(36px,calc(100% - 4px));padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-2);color:var(--color-text);box-shadow:var(--shadow-piece);transform:translateY(-50%);cursor:pointer}.tbl-strip__more--left{left:calc((var(--strip-edge, 24px) - min(20px,calc(var(--strip-edge, 24px) - 4px))) / 2)}.tbl-strip__more--right{right:calc((var(--strip-edge, 24px) - min(20px,calc(var(--strip-edge, 24px) - 4px))) / 2)}.tbl-strip__more svg{flex:none}.tbl-strip__more--left svg{transform:rotate(90deg)}.tbl-strip__more--right svg{transform:rotate(-90deg)}.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:-2px;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:.8em;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:.72em}.tbl-tile__money{display:contents}.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:.72em}.tbl-pill__short{display:none}.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:.66em;font-weight:800;color:var(--color-warning-text);white-space:nowrap}.tbl-tile__tag--turn{background:var(--color-primary);border-color:var(--color-primary-edge);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-grid{--card-min: 24px;--card-max: 30px;--tile-chrome: calc(14px + max(18px, 1.125em)) ;--money-h: 0px}.tbl-grid--arc{--card-min: 32px;--card-max: 40px;--tile-chrome: calc(19px + max(22px, 1.125em)) }.tbl-tile--full,.tbl-tile--compact{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:3px;padding:4px 6px}.tbl-grid--arc .tbl-tile--full,.tbl-grid--arc .tbl-tile--compact{gap:4px;padding:6px 8px}.tbl-tile--full.tbl-tile--turn,.tbl-tile--compact.tbl-tile--turn{padding:2.5px 4.5px}.tbl-grid--arc .tbl-tile--full.tbl-tile--turn,.tbl-grid--arc .tbl-tile--compact.tbl-tile--turn{padding:4.5px 6.5px}.tbl-tile__head{display:flex;align-items:center;gap:5px;min-width:0;min-height:18px}.tbl-tile--full .tbl-tile__face,.tbl-tile--compact .tbl-tile__face{--face: 18px;flex:none}.tbl-grid--arc .tbl-tile--full .tbl-tile__face,.tbl-grid--arc .tbl-tile--compact .tbl-tile__face{--face: 22px}.tbl-grid--arc .tbl-tile__head{min-height:22px}.tbl-tile__head .tbl-tile__name{flex:1 1 0;min-width:min-content;font-size:.8125em}.tbl-tile__pill{display:inline-flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0;max-width:70%;height:1.5em;padding:0 .55em;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-muted);font-size:.75em;font-weight:800;line-height:1;white-space:nowrap}.tbl-tile__pill .tbl-tile__line,.tbl-tile--turn .tbl-tile__pill .tbl-tile__line{display:block;min-width:0;color:inherit;overflow:hidden;text-overflow:clip}.tbl-tile__pill-mark{display:inline-flex}.tbl-tile__pill-mark:empty{display:none}.tbl-tile__pill:has(.tbl-tile__line:not(:empty)) .tbl-tile__pill-mark{display:none}.tbl-tile__pill:has(.tbl-tile__line:empty){padding:0 .35em}.tbl-tile__pill:has(.tbl-tile__line:empty) .tbl-tile__line{display:none}.tbl-tile__pill:has(.tbl-tile__line:empty):has(.tbl-tile__pill-mark:empty){display:none}.tbl-tile__pill--turn:has(.tbl-tile__line:empty){display:none}.tbl-tile__pill--turn{background:var(--color-primary);color:var(--color-primary-contrast)}.tbl-tile__pill--strong{color:var(--color-text)}.tbl-tile__pill--bad,.tbl-tile__pill--loss,.tbl-tile__pill--out,.tbl-tile__pill--folded{background:var(--color-danger-soft);color:var(--color-danger-text)}.tbl-tile__pill--win{background:var(--color-primary-soft);color:var(--color-primary-text)}.tbl-tile__pill--blackjack,.tbl-tile__pill--allin,.tbl-tile__pill--bet{background:var(--color-warning-soft);color:var(--color-warning-text)}.tbl-tile__pill--push{color:var(--color-text)}.tbl-tile__body{display:flex;align-items:center;gap:6px;min-width:0;min-height:0}.tbl-tile__cards{display:flex;align-items:center;flex:1 1 0;min-width:calc(var(--card-min) * (1 + .3 * (var(--tile-fan, 2) - 1)));overflow:hidden;container-type:inline-size}.tbl-tile__cards>*{--hand-span: calc(1 + var(--fan-step) * (var(--tile-fan, 2) - 1));--tile-k: calc(var(--tile-hands, 1) * var(--hand-span) + (var(--tile-hands, 1) - 1) * .17);--tile-card-w: clamp(var(--card-min), min(calc(100cqw / var(--tile-k)), calc((100cqh - var(--tile-chrome) - var(--money-h)) / 1.5)), var(--card-max));--tbl-w: var(--tile-card-w)}.tbl-tile__cards .tbl-hand--mini .tbl-fan{--fan-dy: 0px;height:calc(var(--tbl-w) * 1.5)}.tbl-tile__cards>.scroll-fade--x{--fade-x: max(0px, calc((100cqw - var(--tbl-w) * var(--hand-span)) / 2 - 2px))}.tbl-tile__cards .tbl-hand__head{display:none}.tbl-tile[data-mark=loss] .tbl-tile__cards{opacity:.5}.tbl-tile__slot{flex:none;width:var(--tbl-w);height:calc(var(--tbl-w) * 1.5);border:1.5px dashed var(--color-border-strong);border-radius:calc(var(--tbl-w) * .12)}.tbl-tile__slot+.tbl-tile__slot{margin-left:calc(var(--tbl-w) * (var(--fan-step) - 1))}.tbl-tile__total{display:block;flex:0 1 auto;min-width:0;font-family:var(--font-display);font-size:1.4em;font-weight:900;line-height:1;color:var(--color-text);white-space:nowrap}.tbl-grid--arc .tbl-tile__total{font-size:1.75em}.tbl-tile__total-text{display:block;min-width:0;overflow:hidden;text-overflow:clip}.tbl-tile__total[data-long]{font-size:1.15em}.tbl-grid--arc .tbl-tile__total[data-long]{font-size:1.4em}.tbl-tile__total[data-tone=active]{color:var(--color-primary-text)}.tbl-tile__total[data-tone=bust],.tbl-tile__total[data-tone=loss]{color:var(--color-danger-text)}.tbl-tile__total[data-tone=win]{color:var(--color-primary-text)}.tbl-tile__total[data-tone=blackjack]{color:var(--color-warning-text)}.tbl-chipmark{--stake-h: calc(1.3em + 5px) ;display:inline-flex;align-items:center;flex:none;margin-right:.3em;height:1em;align-self:center}.tbl-chipmark .tbl-stake__chip+.tbl-stake__chip{margin-left:calc((var(--stake-h) - 5px) * -1 / 2)}.tbl-tile__foot .tbl-tile__chips,.tbl-tile__foot .tbl-tile__bet{display:inline-flex;align-items:baseline;min-width:0;max-width:100%}.tbl-tile__chips-text,.tbl-tile__bet-text{display:block;min-width:0;overflow:hidden;text-overflow:clip}.tbl-tile__foot{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;margin-left:auto;font-size:.75em;line-height:1.15;white-space:nowrap}.tbl-grid--arc .tbl-tile__foot{font-size:.8125em}.tbl-tile__foot .tbl-tile__chips{color:var(--color-text-muted)}.tbl-tile__foot .tbl-tile__bet{font-weight:800;color:var(--color-primary-text)}.tbl-tile__foot .tbl-tile__bet:empty{display:none}.tbl-tile--full .tbl-tile__body:not(:has(.tbl-tile__cards,.tbl-tile__total)) .tbl-tile__foot{flex:1;flex-direction:row;align-items:baseline;justify-content:space-between;gap:6px;margin-left:0}.tbl-tile--compact{--tile-chrome: calc(11px + max(17px, 1.05em)) ;--money-h: calc(1px + .825em) ;gap:2px;padding:3px 5px}.tbl-tile--compact.tbl-tile--turn{padding:1.5px 3.5px}.tbl-tile--compact .tbl-tile__face{--face: 16px}.tbl-tile--compact .tbl-tile__head{min-height:17px}.tbl-tile--compact .tbl-tile__pill{height:1.4em;padding:0 .45em}.tbl-grid--arc .tbl-tile--compact{--tile-chrome: calc(14px + max(20px, 1.25em)) ;--money-h: calc(2px + .935em) ;gap:3px;padding:4px 6px}.tbl-grid--arc .tbl-tile--compact.tbl-tile--turn{padding:2.5px 4.5px}.tbl-grid--arc .tbl-tile--compact .tbl-tile__face{--face: 20px}.tbl-grid--arc .tbl-tile--compact .tbl-tile__head{min-height:20px}.tbl-tile--compact .tbl-tile__body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cards total" "foot foot";align-items:center;column-gap:6px;row-gap:1px}.tbl-tile--compact .tbl-tile__cards{grid-area:cards}.tbl-tile--compact .tbl-tile__total{grid-area:total;justify-self:end;max-width:100%}.tbl-tile--compact .tbl-tile__foot{grid-area:foot;flex-direction:row;align-items:baseline;justify-content:space-between;gap:6px;margin-left:0}.tbl-tile--compact .tbl-tile__body:not(:has(.tbl-tile__cards,.tbl-tile__total)) .tbl-tile__foot{flex-direction:column;align-items:flex-start;gap:1px}@container tile (max-width: 99px){.tbl-tile--compact{--money-h: calc(2px + 1.65em) }.tbl-tile--compact .tbl-tile__foot{flex-direction:column;align-items:flex-start;gap:1px}}.tbl-tile--compact .tbl-tile__foot{gap:4px;line-height:1.1}.tbl-tile--compact .tbl-chipmark{margin-right:.2em}.tbl-tile--compact .tbl-chipmark .tbl-stake__chip+.tbl-stake__chip{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:.66em}.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:.6em}.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:0;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:.68em}@container tile (max-width: 65px){.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:.56em;letter-spacing:-.02em}}@container tile (min-height: 78px){.tbl-tile--small{grid-template-areas:"face total" "name name" "meta meta";row-gap:3px}.tbl-tile--small .tbl-tile__meta{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.66em}.tbl-tile--small .tbl-stake{--stake-h: 1.6em}.tbl-tile--small .tbl-tile__line{display:none}}@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:16px;padding:0 1px;font-size:.58em;letter-spacing:-.02em}@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}}@container tile (min-height: 78px){.tbl-tile--small.tbl-tile--short-badge .tbl-tile__total{display:none}}.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__actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-2)}.tbl-panel__act{min-height:44px;touch-action:manipulation}.tbl-panel--watching{justify-content:center;min-height:56px}.tbl-panel__watching{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;color:var(--color-text-muted);text-wrap:pretty}.tbl-panel__watch-icon{flex:none;display:inline-flex;color:var(--color-text-faint)}.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;flex-direction:column;gap:6px;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-radius: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:7.5ch;height:45px;padding:0 4px 0 8px;border:0;background:transparent;color:var(--color-text);font-family:var(--font-display);font-size:max(1.1rem,16px);font-weight:700;font-variant-numeric:tabular-nums}.tbl-amount__input:focus{outline:none}.tbl-amount__clear{flex:none;display:grid;place-items:center;width:40px;height:44px;border-radius:var(--radius-sm);color:var(--color-text-faint)}.tbl-amount__clear:hover{color:var(--color-text)}.tbl-amount__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.tbl-amount__step{min-width:44px;height:44px;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-size:.9rem;font-weight:700;white-space:nowrap;touch-action:manipulation}.tbl-amount__step+.tbl-amount__step{border-left:0}.tbl-amount__step:first-child{border-left-width:1.5px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.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:active:not(:disabled){background:var(--color-surface-3)}.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-panel__moves--3{grid-template-columns:repeat(3,minmax(0,1fr));container:moves / inline-size}@container moves (max-width: 300px){.tbl-panel__moves .tbl-move__icon{display:none}}.tbl-move{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:0 10px;touch-action:manipulation}.tbl-move__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.tbl-move__icon{display:flex;flex:none;opacity:.8}.tbl-panel .btn:disabled,.tbl-panel .btn[aria-disabled=true]{background:var(--btn-disabled-bg);border-color:var(--btn-disabled-border);color:var(--color-text-faint)}.tbl-panel .btn[data-sent=true]:disabled{background:var(--color-primary-soft);border-color:var(--color-primary-text);color:var(--color-primary-text)}.tbl-panel .btn.tbl-move--queued:not(:disabled){border-color:var(--color-primary-edge);box-shadow:inset 0 0 0 1px var(--color-primary-edge);color:var(--color-text)}.tbl-move--queued{position:relative}.tbl-panel .tbl-move--queued .tbl-move__tick{display:flex;position:absolute;top:4px;right:4px;color:var(--color-primary-edge);opacity:1}.tbl-panel__primary{min-height:56px;font-size:1.05rem;touch-action:manipulation}@media(max-width:1100px){.tbl{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px),(min-width:761px)and (max-width:1100px)and (max-aspect-ratio:4/5){.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__panel{flex:none;padding:10px;border-radius:var(--radius-item);overflow:visible}.tbl-panel{gap:6px}.tbl-amount{flex-direction:row;gap:0}.tbl-amount__field{border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tbl-amount__steps{flex:none}.tbl-amount__step{height:48px;padding:0 6px}.tbl-amount__step:first-child{border-left-width:1px;border-radius:0}.tbl-panel__moves{grid-template-columns:repeat(var(--moves, 2),minmax(0,1fr));gap:6px}}@media(min-width:761px)and (max-width:1100px)and (max-aspect-ratio:4/5){.tbl{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.tbl__panel{padding:var(--space-3)}.tbl-panel{gap:var(--space-2)}.tbl-amount__step{min-width:64px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.tbl-felt{--tbl-pad: 8px;gap:6px;border-radius:var(--radius-item)}.tbl-ribbon{--tbl-ribbon-h: 26px;--tbl-ribbon-font: .82rem}.tbl-ribbon__sub{font-size:.72rem}.tbl-turn{font-size:.95rem}.tbl-turn__sub{font-size:.75rem}.tbl-turn__clock .timer--md{width:26px;height:26px;font-size:.66rem}.tbl-move{padding:0 4px;gap:4px}}@media(max-width:370px){.tbl-move__icon{display:none}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.tbl-felt--calm .tbl-ribbon__band{display:none}.tbl-turn{font-size:.88rem;margin:0}.tbl-turn__sub{font-size:.72rem}.tbl-turn__clock .timer--md{width:22px;height:22px;font-size:.6rem}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.tbl-felt{--tbl-pad: 6px;gap:4px}.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}}@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{padding:0 4px}.tbl-amount__field{padding-left:10px}.tbl-amount__input{padding:0 2px 0 6px;font-size:16px}}@media(prefers-reduced-motion:reduce){.tbl-flip,.tbl-turn,.tbl-payout{animation:none}.tbl-payout,.tbl-flights{display:none}}.gbar{--wordmark-height: 30px;container:gbar / inline-size;display:flex;flex-direction:column;gap:var(--space-2);padding:10px 12px 10px 16px;min-width:0}.gbar:not(.gbar--phone):has(.gbar__people){padding-bottom:12px}.gbar__row{display:flex;align-items:center;gap:var(--space-4);min-width:0;min-height:44px}.gbar__brand{flex:none;display:flex;align-items:center}.gbar__brand--folded{position:absolute;visibility:hidden;pointer-events:none}.gbar .logo .wordmark{transform:translateY(2px)}.gbar .wordmark--icon{height:28px}.gbar__divider{flex:none;width:1px;height:28px;background:var(--color-border)}.gbar__title{flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0}.gbar__name{min-width:0;font-family:var(--font-display);font-weight:700;font-size:1.375rem;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbar__status{min-width:0;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbar__status:has(>.gbar__part){display:flex;flex-wrap:wrap;column-gap:.75em}.gbar__part{position:relative;white-space:nowrap}.gbar__part~.gbar__part:before{content:"·";content:"·" / "";position:absolute;right:100%;width:.75em;text-align:center}.gbar__code{flex:1 0 auto;display:flex;justify-content:center}.gbar__middle{flex:0 1 auto;display:flex;justify-content:center;min-width:0}.gbar__side{flex:none;display:flex;margin-left:auto;align-items:center;justify-content:flex-end;gap:var(--space-2)}.gbar__btn{width:44px;height:44px}.gbar__people{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gbar__people .gbar__status{flex:none}.gbar__clock{flex:none;display:grid;place-items:center;margin-left:auto}.chips{--chip-w: 64px;--chip-min: 60px;--chip-gap: 6px;--chip-face-w: 44px;--chip-face-min: 40px;--chip-face-gap: 4px;flex:1 1 auto;min-width:calc(2 * var(--chip-w) + var(--chip-gap));display:flex;gap:var(--chip-gap);overflow:hidden;padding:0;border-radius:12px;text-align:center;color:var(--color-text)}.chip{position:relative;flex:0 1 var(--chip-w);min-width:var(--chip-min);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}.chips--faces{gap:var(--chip-face-gap)}.chips--faces .chip{flex-basis:var(--chip-face-w);min-width:var(--chip-face-min);height:44px;padding:0;justify-content:center}.chips--faces .chip .avatar--md{width:32px;height:32px;font-size:19px}.chips--faces .chip__name{display:none}.chips--faces .chip__status{position:absolute;right:1px;bottom:1px;font-size:0}.chips--faces .chip--more{font-size:.9375rem}.gbar__count{display:inline-grid;place-items:center;flex:none;height:44px;min-width:44px;padding:0 2px;border-radius:var(--radius-pill);color:var(--color-text)}.gbar__count-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);transition:background-color .1s ease-out,border-color .1s ease-out}.gbar__count-pill svg{flex:none;color:currentColor}.gbar__count-n{font-family:var(--font-display);font-weight:700;font-size:.9375rem;line-height:1;font-variant-numeric:tabular-nums}.gbar__count:hover .gbar__count-pill{background:var(--color-surface-2)}.gbar__count:active .gbar__count-pill{transform:translateY(1px)}.gbar__count[aria-expanded=true] .gbar__count-pill{border-color:var(--color-secondary);background:var(--color-secondary-soft)}.gbar__count:focus-visible{outline:none}.gbar__count:focus-visible .gbar__count-pill{outline:2px solid var(--color-focus);outline-offset:2px}.gbar__clock--row{margin-left:2px}.gbar .gbar__clock--row .timer--lg{width:44px;height:44px;font-size:.9375rem}.gbar .timer--lg{width:72px;height:72px;font-family:var(--font-display);font-size:1.5rem;font-weight:700}@media(min-width:761px)and (max-width:1023px){.gbar:not(.gbar--phone){--wordmark-height: 26px}.gbar:not(.gbar--phone) .gbar__row{gap:10px}.gbar:not(.gbar--phone) .gbar__side{gap:6px}.gbar:not(.gbar--phone) .gbar__name{font-size:1.25rem}.gbar:not(.gbar--phone) .gbar__people{gap:8px}.gbar:not(.gbar--phone) .gbar-leave,.gbar--compact:not(.gbar--phone) .gbar-end:not(.gbar-end--pending){width:44px;padding:0;gap:0}.gbar:not(.gbar--phone) .gbar-leave span,.gbar--compact:not(.gbar--phone) .gbar-end:not(.gbar-end--pending) span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbar--compact:not(.gbar--phone) .gbar__title .gbar__status{display:none}.gbar--compact:not(.gbar--phone) .gbar__count-pill{gap:4px;padding:0 10px 0 8px}}.gbar--phone{gap:6px;padding:4px 8px 8px;border-radius:var(--radius-item)}.gbar--phone .gbar__row{gap:8px}.gbar--phone .gbar__title{flex:1 1 auto;min-width:auto}.gbar--phone .gbar__name{contain:inline-size;font-size:1.1875rem;line-height:1.1}.gbar--phone .gbar__status{font-size:.75rem}.gbar--phone .gbar__code{flex:none}.gbar--phone .room-card__value{gap:3px;font-size:clamp(.9375rem,4.6vw,1.125rem);-webkit-text-stroke:.3px currentColor}.gbar--phone .room-card__char{border-radius:7px;box-shadow:inset 0 0 0 1px var(--color-primary-edge)}.gbar--phone .gbar__side{gap:2px}.gbar--phone .gbar__people{gap:var(--space-2)}.gbar--phone .timer--lg{width:64px;height:64px;font-size:1.375rem}.gbar--compact.gbar--phone{padding:2px 6px}.gbar--compact.gbar--phone .gbar__row{gap:6px}.gbar--compact.gbar--phone .wordmark--icon{height:26px}.gbar--compact.gbar--phone .gbar__status{font-size:.6875rem}.gbar--compact.gbar--phone .room-card__value{gap:2px;font-size:.875rem}.gbar--compact.gbar--phone .gbar__count-pill{gap:4px;padding:0 10px 0 8px}@media(max-width:380px){.gbar--compact.gbar--phone .gbar__name{font-size:1.0625rem}.gbar--compact.gbar--phone .gbar__count-pill{gap:3px;padding:0 7px 0 6px}.gbar--compact.gbar--phone .gbar__count-pill svg{width:16px;height:16px}}@media(max-width:360px){.gbar--phone .gbar__row{gap:6px}.gbar__clock--row{margin-left:0}.gbar .gbar__clock--row .timer--lg{width:40px;height:40px;font-size:.875rem}.gbar--phone .gbar__name{font-size:1.0625rem}.gbar--phone .gbar__status{font-size:.6875rem}.gbar--phone .timer--lg{width:56px;height:56px;font-size:1.125rem}}@media(max-width:340px){.gbar--compact.gbar--phone .gbar__row{gap:4px}}@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-look: faces}.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 273px}.gbar--phone .gbar__people{flex:1 1 200px;gap:var(--space-2)}.gbar--phone>:not(.gbar__row,.gbar__people){order:3;flex-basis:100%}.gbar--phone .gbar__name{font-size:1.125rem}@container gbar (min-width: 481px){.gbar--phone .gbar__row:has(~.gbar__people){display:contents}.gbar--phone .gbar__name{contain:none}.gbar--phone .gbar__title{flex:0 0 auto}.gbar--phone .gbar__people{order:1;flex-basis:186px}.gbar--phone .gbar__side{order:2}}}@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__brand,.gbar--phone .gbar__title,.gbar--phone .gbar__code,.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%}}@container gbar (max-width: 280px){.gbar--phone .wordmark--icon{height:24px}.gbar--phone .gbar__row{gap:4px}.gbar--phone .room-card__value{gap:2px;font-size:.8125rem}.gbar--phone .gbar__name{font-size:1rem}.gbar--phone .gbar__status{font-size:.6875rem}}.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)}@media(min-width:1024px){.home{--home-logo: clamp(var(--home-column), 40vw, 600px)}.home .site-header--hero{width:var(--home-logo);margin-inline:calc((100% - var(--home-logo)) / 2)}}.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 .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-edge);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}.home__start .code-preview,.home__start .code-preview .field__error,.home__create .field__error{justify-content:center;text-align:center}.code-preview__note{white-space:nowrap}.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) 20px}}.nearby{display:flex;flex-direction:column;gap:var(--space-2)}.nearby__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.nearby__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;transition:background-color .12s ease,border-color .12s ease}.nearby__join:after{content:"";position:absolute;inset:0;border-radius:inherit}.nearby__card:has(.nearby__join:not(:disabled)):hover{background:var(--color-surface-2);border-color:var(--color-text-muted)}.nearby__text{display:flex;flex:1;flex-direction:column;min-width:0}.nearby__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nearby__title{font-weight:700}.nearby__meta{font-size:.875rem;color:var(--color-text-muted)}.nearby__join{flex:none}.lobby{--lobby-column: 1120px;min-height:100dvh;display:flex;flex-direction:column}.lobby__body{flex:1 0 auto;width:min(calc(var(--lobby-column) + 2 * var(--lobby-gutter, 16px)),100%);margin:0 auto;padding:calc(var(--space-3) + env(safe-area-inset-top)) max(var(--lobby-gutter, 16px),env(safe-area-inset-right)) var(--space-4) max(var(--lobby-gutter, 16px),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-3)}.lobby__top{display:flex;align-items:center;gap:var(--space-4);padding:10px 12px 10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.lobby__top .site-header{flex:none;min-height:44px}.lobby .settings-menu .settings-menu__panel{top:calc(100% + (44px - var(--wordmark-height)) / 2 + 19px)}.lobby__top .room-card{flex:1 1 auto;min-width:0}.room-card{display:flex;align-items:center;gap:var(--space-2)}.room-card__code{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.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__list{position:relative}.lobby__players .player-list{background:var(--color-surface);border-radius:12px;max-height:var(--list-cap, none);overflow-y:auto;overscroll-behavior:contain}.lobby__players .player-list:before,.lobby__players .player-list:after{content:"";position:sticky;z-index:1;flex:none;display:block;height:28px;pointer-events:none;opacity:0}.lobby__players .player-list:before{top:0;margin-bottom:-28px;background:linear-gradient(var(--color-surface),transparent)}.lobby__players .player-list:after{bottom:0;margin-top:-28px;background:linear-gradient(transparent,var(--color-surface) 70%)}.lobby__list[data-fade~=top] .player-list:before,.lobby__list[data-fade~=bottom] .player-list:after{opacity:1}.lobby__more{position:absolute;z-index:2;left:50%;bottom:5px;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 6px 0 9px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none}.lobby__players .player{flex:none;min-height:52px;padding:4px 4px 4px 14px;gap:14px}.lobby__players .player__kick{width:44px;height:44px;opacity:1;color:var(--color-text-faint)}.lobby__players .player__actions--spacer{width:44px}.lobby__players .player__kick:hover{color:var(--color-danger-text)}.lobby__players .player__actions{margin-left:-6px}.lobby__players .player:not(:has(.player__actions)){padding-right:14px}.lobby__players .player__name,.lobby__players .player__status{font-size:.9375rem}.lobby__settings .card__head{margin-bottom:var(--space-4)}.lobby--guest{--guest-column: 560px}.lobby__grid--guest,.lobby--guest .lobby__top{width:min(var(--guest-column),100%);margin-inline:auto}.lobby--guest .lobby__footer-inner{width:min(var(--guest-column),100%)}.profile-editor{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-2)}.lobby__controls{display:flex;flex-direction:column;gap:6px;text-align:center}.lobby__controls .ready-controls{margin-top:0}.lobby__controls [data-testid=start-game],.lobby__controls .ready-toggle{min-height:60px;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:1.375rem}.lobby__actions{width:100%}.lobby__footer{position:sticky;bottom:0;z-index:20;padding:var(--space-3) max(var(--lobby-gutter, 16px),env(safe-area-inset-right)) calc(var(--space-3) + env(safe-area-inset-bottom)) max(var(--lobby-gutter, 16px),env(safe-area-inset-left));background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:0 16px 0 var(--color-bg)}.lobby__footer-inner{width:min(var(--lobby-column),100%);margin:0 auto}@media(max-height:600px){.lobby__footer [data-testid=start-game],.lobby__footer .ready-toggle{min-height:48px;font-size:1.1875rem}.lobby__footer{padding-top:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}}.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(33.33% - 6px);min-width:64px}.game-picker__current{display:flex;align-items:center;gap:var(--space-3)}.game-picker__current .game-tile{width:112px;flex:none}.game-picker__note{color:var(--color-text-muted);font-weight:500;font-size:.9375rem}.game-tile{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:0;border-radius:12px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:center;overflow:hidden;transition:border-color .1s ease-out,background-color .1s ease-out,transform 70ms ease-out}button.game-tile:not(.is-selected):hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}button.game-tile:active{transform:translateY(1px)}.game-tile.is-selected{--game-edge-lime: var(--game-edge-lime-picked);--game-edge-lilac: var(--game-edge-lilac-picked);--game-lilac: var(--game-lilac-picked);border-color:var(--color-secondary);background:var(--color-secondary);color:var(--color-secondary-contrast)}.game-tile__art{display:grid;place-items:center;height:84px;padding:8px 10px 4px}.game-tile__art .game-art{width:100%;max-width:96px;height:auto}.game-tile__name{padding:7px 4px 8px;font-family:var(--font-display);font-weight:600;font-size:.8125rem;line-height:1.15;overflow-wrap:anywhere}.game-tile.is-selected .game-tile__name{font-weight:700}@media(max-width:760px){.game-tile__art{height:72px}}.game-picker__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.game-picker__meta{flex:1 1 auto;min-width:0;color:var(--color-text-muted);font-weight:500;font-size:.9375rem;line-height:1.3}.game-picker__count{white-space:nowrap}.game-picker__foot .how-to-play{flex:none}.game-picker__about{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.how-to-play{position:relative}.how-to-play__btn{min-height:44px;padding:0 14px 0 12px;gap:6px;font-size:.875rem}.how-to-play__popover{position:absolute;top:calc(100% + 10px);left:0;z-index:70;display:flex;flex-direction:column;width:min(380px,calc(100vw - 2 * var(--gutter)));container:how-to-play / inline-size;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}.how-to-play__popover:before{content:"";position:absolute;top:-6px;left:calc(var(--arrow, 24px) - 6px);width:11px;height:11px;background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(45deg)}.how-to-play__popover--above:before{top:auto;bottom:-6px;border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-to-play__popover--right:before{top:calc(var(--arrow, 24px) - 6px);left:-6px;border:0;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-to-play__popover--left:before{top:calc(var(--arrow, 24px) - 6px);left:auto;right:-6px;border:0;border-top:1px solid var(--color-border);border-right:1px solid var(--color-border)}.how-to-play__popover--over:before{display:none}.how-to-play__popover:focus{outline:none}.how-to-play__head{position:absolute;top:6px;right:6px;z-index:1}.how-to-play__popover--scrolls .how-to-play__head{position:static;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:4px 6px 4px var(--space-4);border-bottom:1px solid var(--color-border)}.how-to-play__title{font-weight:700}.how-to-play__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.how-to-play__scroll>.rules{padding:var(--space-4)}.how-to-play__popover .rules__name{padding-right:24px}@container how-to-play (min-width: 640px){.how-to-play__popover .rules-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.how-to-play__popover .rules-fact__value{font-size:1.1875rem}.how-to-play__popover .rules__body{display:block;columns:2;column-gap:var(--space-5)}.how-to-play__popover .rules__body>.rules__section{break-inside:avoid;margin-bottom:var(--space-4)}.how-to-play__popover .rules__body>.rules__section:last-child{margin-bottom:0}.how-to-play__popover .rules__text{font-size:.875rem}.how-to-play__popover .rules-hero{padding-block:10px}}.rules{display:flex;flex-direction:column;gap:var(--space-4);text-wrap:pretty}.rules__aside,.rules__body{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.rules-hero{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 12px;border-radius:var(--radius-item);background:linear-gradient(135deg,var(--game-accent-soft),var(--color-surface-2));border:1px solid var(--color-border)}.rules-hero__art{position:relative;flex:none;width:104px;height:78px}.rules-hero__intro{display:flex;flex-direction:column;gap:3px;min-width:0}.rules__name{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em}.rules__summary{color:var(--color-text-muted);font-weight:500;font-size:.9375rem;line-height:1.35;text-wrap:balance}.rules-hero__badge{position:absolute;right:0;bottom:0;display:grid;place-items:center;min-width:36px;height:28px;padding:0 8px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);border:2px solid var(--color-surface);font-family:var(--font-display);font-weight:700;font-size:.9375rem;letter-spacing:-.02em;white-space:nowrap}.rules-hero .playing-card{--card-w: 44px;--card-h: 62px;position:absolute;box-shadow:var(--shadow-piece)}.rules-hero__card--1{left:6px;top:8px;transform:rotate(-10deg)}.rules-hero__card--2{left:34px;top:4px;transform:rotate(8deg)}.rules-hero__drawing{position:absolute;inset:0;overflow:visible}.rules-hero__shadow [data-detail]{display:none}.rules-hero__shadow [stroke]{fill:var(--edge);stroke:var(--edge)}.rules-hero__place{position:absolute;left:4px;top:6px;width:56px;height:62px;border-radius:6px;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--game-accent-text);transform:rotate(-6deg);overflow:hidden;box-shadow:var(--shadow-piece)}.rules-hero__spy{position:absolute;left:50px;top:10px;display:grid;place-items:center;width:44px;height:58px;border-radius:6px;background:var(--game-accent);color:var(--game-ink);border:1px solid var(--color-border-strong);transform:rotate(8deg);font-family:var(--font-display);font-weight:700;font-size:1.75rem;line-height:1;box-shadow:var(--shadow-piece)}.rules-hero__plate{position:absolute;left:24px;top:11px;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--game-accent);color:var(--game-ink)}.rules__heading{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.rules-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.rules-fact{display:flex;flex-direction:column;gap:1px;min-width:0;padding:10px 12px 11px;border-radius:var(--radius-item);background:var(--color-surface-2);border:1px solid var(--color-border)}.rules-fact__label{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.rules-fact__value{font-family:var(--font-display);font-weight:700;font-size:1.375rem;line-height:1.2;letter-spacing:-.025em;color:var(--game-accent-text);font-variant-numeric:tabular-nums;white-space:nowrap}.rules-fact__note{font-size:.75rem;line-height:1.35;color:var(--color-text-muted);white-space:pre-line}@media(max-width:371px){.rules-fact{padding:9px 10px 10px}.rules-fact__value{font-size:1.0625rem}}.rules__section{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.rules__section--facts{align-items:stretch;gap:3px}.rules__tab{display:inline-flex;margin:0;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.rules__tab--accent{background:var(--game-accent);color:var(--game-ink)}.rules__tab--lime{background:var(--color-primary-soft);color:var(--color-primary-text)}.rules__tab--warm{background:var(--color-warning-soft);color:var(--color-warning-text)}.rules__tab--lilac{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.rules__tab--muted{background:var(--color-info-soft);color:var(--color-text-muted)}.rules__text{font-size:.9375rem;line-height:1.45}.sheet .rules{padding-bottom:var(--space-2)}.ready-controls{margin-top:var(--space-3);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.ready-controls__more{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-2)}.ready-controls__more .btn{min-height:44px;padding:0 var(--space-3)}.ready-controls__more .btn svg{flex:none}@media(max-width:359px){.ready-controls__more .btn svg{display:none}}@media(max-width:359px){.game-picker{gap:var(--space-2)}.game-tile__name{font-size:.75rem}}.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-setting{container:content-modes / inline-size}.content-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@container content-modes (max-width: 339.98px){.content-modes{grid-template-columns:minmax(0,1fr)}}.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.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}.lobby__body{gap:var(--space-4);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:var(--space-5)}.lobby__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-4)}.lobby__grid--guest{grid-template-columns:minmax(0,1fr)}.sheet--narrow .sheet__panel{width:min(560px,100%);margin:0 auto}.lobby__col{gap:var(--space-4)}}@media(min-width:761px){.lobby--guest{--guest-column: 720px}.lobby__top .wordmark{transform:translateY(2px)}}.lobby .site-header{--wordmark-height: 30px}@media(min-width:1024px){.lobby--guest{--guest-column: 880px}}@media(min-width:761px)and (max-width:1023px){.lobby__top{gap:var(--space-3)}.lobby .site-header{--wordmark-height: 28px}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.lobby__top .wordmark{transform:none}.lobby__top{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:0;background:none;border:0}.room-card{gap:8px;padding:12px 12px 12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.room-card__code{flex-direction:column;align-items:flex-start;gap:6px}.room-card .room-card__value{gap:clamp(4px,1.2vw,8px);font-size:clamp(1.25rem,6.2vw,2.25rem)}.room-card .room-card__btn{flex-direction:column;gap:4px;width:56px;height:56px;padding:0;font-size:.8125rem}.lobby .site-header{position:relative;justify-content:center}.lobby .settings-menu .settings-menu__panel{top:calc(100% + 12px);left:calc(50% - min(150px,(100vw - 2 * var(--gutter)) / 2))}}@media(max-width:360px){.lobby .site-header{--wordmark-height: 26px}.room-card{padding:12px 10px 12px 12px;gap:6px}.room-card .room-card__value{gap:3px}.room-card .room-card__btn{width:46px;font-size:.75rem}}@media(min-width:1024px){.sheet--dialog .profile-editor{padding-bottom:0}}@property --bj-card-w{syntax: "<length>"; inherits: true; initial-value: 64px;}@property --bj-card-base{syntax: "<length>"; inherits: true; initial-value: 64px;}.bj-table{--bj-card-top: clamp(64px, 13cqh, 132px);--bj-card-base: min(var(--bj-card-top), clamp(36px, 6cqh, 64px));--bj-card-w: clamp(var(--bj-card-base), calc(var(--bj-card-base) + var(--tbl-spare) / (2 * var(--hand-k))), var(--bj-card-top));--tbl-grow: calc((var(--bj-card-w) - var(--bj-card-base)) * 2 * var(--hand-k));--bj-label-h: 22px;--tbl-mini-w: clamp(30px, 4.6cqh, 40px);--tbl-pill-h: clamp(28px, 3.9cqh, 36px);--bj-deck-least: clamp(44px, 6cqh, 60px);--tbl-deck-w: max(var(--bj-deck-least), min(calc(var(--bj-card-w) * .7), calc(50cqw - var(--tbl-pad) - 18px - var(--bj-card-w) * 1.6)));--tbl-row-gap: var(--space-4);--bj-fan-h: calc(var(--tbl-pill-h) + var(--bj-card-w) * var(--hand-k) + 4px);--tbl-head-h: calc(var(--bj-label-h) + var(--bj-fan-h));--tbl-stage-h: calc(var(--bj-fan-h) + var(--tbl-stage-more, 0px));--bj-foot-h: calc(var(--tbl-pill-h) * .2)}.bj-dealer{--bj-anchor: calc((var(--bj-card-w) * (1 + var(--fan-step)) + 6px) / 2);grid-area:head;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;padding-left:max(0px,calc(50% - var(--bj-anchor)));container-type:inline-size}.bj-dealer .tbl-hand{--bj-room: calc(100cqw - var(--tbl-deck-w) - 20px);--tbl-w: min(var(--bj-card-w), max(14px, calc(var(--bj-room) / (1 + var(--fan-step) * (var(--fan, 2) - 1)))))}.bj-dealer__label{width:calc(var(--bj-anchor) * 2);height:var(--bj-label-h);text-align:center;font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1;color:var(--color-text-muted)}.bj-mine,.bj-mine__hands{width:100%;height:100%;min-width:0}.bj-mine__hands{container-type:size}.bj-hands{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:100%;min-width:0}.bj-hands--mine,.bj-hands--stage{--fit-w: max(14px, calc((100cqw - 8px) / (1 + var(--fan-step) * (var(--fan, 2) - 1))));--fit-h: calc((100cqh - var(--tbl-pill-h) - 4px) / var(--hand-k));--bj-solo-w: min(var(--bj-card-w), var(--fit-w), var(--fit-h));--tbl-w: min(var(--bj-solo-w), var(--bj-fit, 9999px));--bj-anchor: calc((var(--tbl-w) * (1 + var(--fan-step)) + 6px) / 2);justify-content:flex-start}.bj-hands.scroll-fade--x{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.bj-hands.scroll-fade--x::-webkit-scrollbar{display:none}.bj-hands--stage{container-type:size}.bj-hands--mine>.bj-slot,.bj-hands--stage>.bj-slot{--bj-fan-w: calc(6px + var(--tbl-w) * (1 + var(--fan-step) * (var(--slot-fan, 2) - 1)));--bj-head-room: max(0px, calc(var(--bj-head-w, 0px) - 3px - var(--tbl-w) * (1 + var(--fan-step) * (var(--slot-fan, 2) - 1))));--bj-hand-least: max(var(--bj-fan-w), calc(var(--bj-head-w, 0px) + 3px), calc(var(--tbl-pill-h) * 2.2 + 6px));flex:0 1 max(var(--bj-hand-least),calc((100cqw - (var(--hands, 1) - 1) * 8px) / var(--hands, 1)));min-width:var(--bj-hand-least);display:flex;align-items:flex-end;justify-content:flex-start;height:100%}.bj-hands--mine>.bj-slot>*,.bj-hands--stage>.bj-slot>*{margin-left:max(var(--bj-head-room),min(calc(50% - var(--bj-anchor)),calc(100% - max(var(--bj-fan-w),var(--tbl-pill-h) * 2.2 + 6px))))}.bj-hands--mine .bj-hand:not(.tbl-hand--active):not([data-outcome]),.bj-hands--stage .bj-hand:not(.tbl-hand--active):not([data-outcome]){opacity:.82}.bj-hands--mine>.bj-slot:only-child .bj-hand,.bj-hands--stage>.bj-slot:only-child .bj-hand{opacity:1}.bj-hands--grid{flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:var(--bj-gap);width:min(100%,calc(var(--bj-cols) * var(--bj-cell) + (var(--bj-cols) - 1) * var(--bj-gap)));margin:0 auto}.bj-hands--grid>.bj-slot{--bj-fan-w: calc(6px + (var(--slot-fan, 2) - 1) * 1px + var(--tbl-w) * (1 + var(--fan-step) * (var(--slot-fan, 2) - 1)));flex:none;width:var(--bj-cell);min-width:0;height:auto}.bj-hands--grid>.bj-slot>*{min-width:min(100%,calc(var(--bj-head-w, 0px) + 3px));margin-left:max(0px,min(calc(50% - var(--bj-anchor)),calc(100% - min(100%,max(var(--bj-fan-w),var(--bj-head-w, 0px) + 3px)))))}.bj-hands--mine.bj-hands--side,.bj-hands--stage.bj-hands--side{--bj-gap: 6px}@container (max-width: 459px){.bj-hands--mine.bj-hands--side,.bj-hands--stage.bj-hands--side{--bj-gap: 3px;--tbl-pill-h: 20px}}.bj-hands--grid .tbl-hand__head .tbl-pill{padding:0 5px}.bj-hands--grid .tbl-hand{--fan-dx: calc(var(--tbl-w) * var(--fan-step) + 1px)}.bj-hand--footed{padding-bottom:calc(var(--bj-foot-h) + 3px)}.bj-hands--grid[data-rows="1"] .bj-hand--footed{padding-bottom:3px}.bj-hand__foot{--stake-h: calc(var(--tbl-pill-h) * .68);position:absolute;bottom:0;left:50%;z-index:1;padding:0 .5em 0 .3em;font-size:calc(var(--tbl-pill-h) * .42);transform:translate(-50%)}.tbl-flag.bj-hand__foot{display:inline-flex;align-items:center;height:calc(var(--tbl-pill-h) * .68);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);padding:0 .4em;font-size:calc(var(--tbl-pill-h) * .42);white-space:nowrap}.bj-hand__foot .tbl-stake__more{display:none}@container (max-width: 459px){.bj-hand__foot .tbl-stake__chips{display:none}.tbl-hand__stake.bj-hand__foot{padding:0 .45em}}.bj-empty{position:relative;display:flex}.bj-empty__stake{position:absolute;top:50%;right:calc(100% + 8px);display:flex;transform:translateY(-50%)}.bj-empty__stake .tbl-stake{--stake-h: var(--tbl-pill-h);padding:0 .6em 0 .4em;font-size:calc(var(--tbl-pill-h) * .5)}.bj-hand--empty .tbl-fan__card>.playing-card--slot{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5)}.tbl-tile__cards .bj-hand{padding:0}.bj-hands--seat{gap:4px;height:auto;max-width:100%;padding-right:1px;align-items:center;justify-content:flex-start}.bj-hands--seat>.bj-slot{display:flex;flex:none}.bj-seat-detail{--tbl-w: 56px;display:flex;flex-direction:column;gap:var(--space-3)}.bj-seat-detail__line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) 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)}.player__badge--natural{background:var(--color-warning)}.player--out{opacity:.55}.bj-player__out{color:var(--color-danger-text)}@media(min-width:761px)and (max-height:820px){.bj-table{--bj-card-top: clamp(56px, 11.5cqh, 132px)}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.bj-table{--bj-card-base: clamp(30px, 11cqh, 60px);--bj-card-w: clamp(var(--bj-card-base), calc(var(--bj-card-base) + var(--tbl-spare) / (2 * var(--hand-k))), max(var(--bj-card-base), min(76px, calc((50cqw - var(--tbl-pad) - 18px) / 2.6))));--tbl-grow: calc((var(--bj-card-w) - var(--bj-card-base)) * 2 * var(--hand-k));--bj-label-h: 18px;--tbl-mini-w: 22px;--tbl-pill-h: 24px;--bj-deck-least: 34px;--tbl-row-gap: 6px}.bj-dealer__label{font-size:.8rem}.bj-table.tbl-felt--calm .tbl-ribbon__band{display:none}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.bj-table{--bj-card-base: 30px;--bj-label-h: 0px;--tbl-pill-h: 22px;--bj-deck-least: 28px;--tbl-row-gap: 4px}.bj-dealer__label,.bj-table [data-testid=table-rule],.bj-table .tbl-ribbon__dot{display:none}.bj-table.tbl-felt--calm{grid-template-rows:var(--tbl-head-h) minmax(0,max-content) var(--tbl-stage-h);grid-template-areas:"head" "seats" "stage"}.bj-table.tbl-felt--calm>.tbl-ribbon{grid-area:head;z-index:1;align-self:center;justify-self:start;align-items:flex-start;width:calc(50% - (var(--bj-card-w) * (1 + var(--fan-step)) + 6px) / 2 - 6px);text-align:left}.bj-table .tbl-ribbon__sub{margin:0 0 2px;white-space:normal}.bj-table .tbl-ribbon__note{justify-content:flex-start}.bj-table .tbl-turn{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;font-size:.8rem}.bj-table.tbl-felt--calm.tbl-crowd--none{grid-template-rows:var(--tbl-head-h) auto var(--tbl-stage-h);grid-template-areas:"head" "ribbon" "stage"}.bj-table.tbl-felt--calm.tbl-crowd--none>.tbl-ribbon{grid-area:ribbon;justify-self:center;align-items:center;width:auto;text-align:center}.bj-table.tbl-crowd--none .tbl-ribbon__note{justify-content:center}.bj-table.tbl-crowd--none .tbl-turn{flex-direction:row;align-items:center;gap:2px 10px}}.pk.tbl{grid-template-columns:320px minmax(0,1fr)}@property --pk-card-w{syntax: "<length>"; inherits: true; initial-value: 56px;}@property --pk-stage-w{syntax: "<length>"; inherits: true; initial-value: 56px;}@property --pk-pot-h{syntax: "<length>"; inherits: true; initial-value: 30px;}.pk-table{--pk-deck-least: clamp(48px, 7cqh, 72px);--pk-board-room: 40px;--pk-card-top: min(clamp(56px, 12cqh, 120px), calc((100cqw - 2 * var(--tbl-pad) - 2 * var(--pk-deck-least) - var(--pk-board-room)) / 5.4));--pk-card-base: min(var(--pk-card-top), clamp(36px, 6cqh, 56px));--pk-card-w: clamp(var(--pk-card-base), calc(var(--pk-card-base) + var(--tbl-spare) / (1.5 + var(--hand-k))), var(--pk-card-top));--tbl-grow: calc((var(--pk-card-w) - var(--pk-card-base)) * (1.5 + var(--hand-k)));--pk-stage-w: var(--pk-card-w);--pk-pot-h: clamp(30px, 4.4cqh, 40px);--tbl-mini-w: clamp(30px, 4.6cqh, 40px);--tbl-pill-h: clamp(28px, 3.9cqh, 36px);--tbl-deck-w: max(var(--pk-deck-least), min(var(--pk-card-w), calc((100cqw - 2 * var(--tbl-pad) - var(--pk-board-room) - var(--pk-card-w) * 5.4) / 2)));--tbl-row-gap: var(--space-4);--tbl-head-h: calc(var(--pk-pot-h) + 8px + var(--pk-card-w) * 1.5 + 4px);--tbl-stage-h: calc(var(--tbl-pill-h) + var(--pk-stage-w) * var(--hand-k) + 4px)}.pk-centre{grid-area:head;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.pk-pot{display:flex;align-items:center;justify-content:center;gap:4px 10px;height:var(--pk-pot-h);max-width:100%;min-width:0}.pk-pot__pill.tbl-stake{font-size:calc(var(--pk-pot-h) * .5)}.pk-pot__pill.is-empty{opacity:.6}.pk-pot__sides{display:flex;flex-wrap:wrap;gap:0 8px;max-height:100%;margin:0;padding:0;overflow:hidden;list-style:none;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--color-text-muted)}.pk-pot__side{white-space:nowrap}.pk-board{--tbl-w: var(--pk-card-w);display:flex;justify-content:center;gap:calc(var(--pk-card-w) * .1);min-height:calc(var(--tbl-w) * 1.5)}.pk-board>.playing-card{--card-w: var(--tbl-w);--card-h: calc(var(--tbl-w) * 1.5)}.pk-mine{display:flex;align-items:flex-end;width:100%;height:100%;min-width:0}.pk-mine .tbl-hand{--tbl-w: var(--pk-stage-w);--pk-fan-w: calc(var(--tbl-w) * (1 + var(--fan-step) * (var(--fan, 2) - 1)) + 6px);align-items:flex-end;padding-top:0;margin-left:auto;margin-right:calc(50% - var(--pk-fan-w) / 2)}.pk-mine .tbl-hand__head{position:relative;top:auto;right:auto;margin-bottom:calc(var(--head-over) * -1)}.pk-mine .tbl-payout{left:calc(100% - var(--pk-fan-w) / 2)}.pk-mine .tbl-hand__head .tbl-pill{font-family:var(--font-sans);font-weight:800;letter-spacing:0}.pk-hand--folded .tbl-fan{opacity:.4}.pk-stage__state.tbl-tag{color:var(--color-text-muted)}.pk-stage__state--allin.tbl-tag{color:var(--color-warning-text)}.pk-mine .tbl-hand__head .pk-dealer{width:calc(var(--pill-h) * .8);height:calc(var(--pill-h) * .8);font-size:calc(var(--pill-h) * .4)}.pk-mine .pk-bet{min-height:0}.pk-seat-detail{--tbl-w: 56px;display:flex;flex-direction:column;gap:var(--space-3)}.pk-seat-detail__line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:0;font-weight:700}.pk-seat-detail__state{color:var(--color-text-muted)}.pk-seat-detail__cards{display:flex;gap:8px}.pk-bet{display:inline-flex;align-items:center;align-self:center;min-width:1px;min-height:14px}.pk .tbl-tile__cards>.tbl-card+.tbl-card{margin-left:calc(var(--tbl-w) * (var(--fan-step) - 1))}.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}}.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(min-width:761px)and (max-height:820px){.pk-table{--pk-card-top: min(clamp(52px, 10.5cqh, 120px), calc((100cqw - 2 * var(--tbl-pad) - 2 * var(--pk-deck-least) - var(--pk-board-room)) / 5.4))}}@media(max-width:1100px){.pk.tbl{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:760px),(min-aspect-ratio:3/2)and (max-height:520px){.pk-table{--pk-deck-least: 34px;--pk-board-room: 24px;--pk-card-w: min(clamp(30px, 10cqh, 56px), calc((100cqw - 2 * var(--tbl-pad) - 2 * var(--pk-deck-least) - var(--pk-board-room)) / 5.4));--pk-stage-w: clamp(var(--pk-card-w), calc(var(--pk-card-w) + var(--tbl-spare) / var(--hand-k)), max(var(--pk-card-w), min(84px, var(--pk-card-w) * 1.5)));--tbl-grow: calc((var(--pk-stage-w) - var(--pk-card-w)) * var(--hand-k));--pk-pot-h: 28px;--tbl-mini-w: 22px;--tbl-pill-h: 24px;--tbl-row-gap: 6px}.pk-centre{gap:6px}}@media(max-width:760px)and (max-height:760px),(min-aspect-ratio:3/2)and (max-height:520px){.pk-table{--pk-pot-h: 24px;--pk-card-w: 30px;--tbl-pill-h: 22px;--tbl-deck-w: 28px;--tbl-row-gap: 4px;--tbl-head-h: calc(var(--pk-card-w) * 1.5 + 4px)}.pk-centre{flex-direction:row;align-items:flex-start;gap:4px;padding-right:calc(var(--tbl-deck-w) * 1.45)}.pk-pot{flex-direction:column;align-items:flex-start;gap:2px;height:auto}.pk-pot__sides{flex-direction:column;font-size:.62rem}.pk-board{flex:1 1 auto;min-width: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__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}@media(max-width:1023px){.quip__main{width:100%}}.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:.875rem;font-weight:700}.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--phone .quip-announce{gap:0;padding:10px 12px}.quip--phone .quip-announce__prompt,.quip--phone .quip-announce__answers{display:none}.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:.75rem;font-weight:600;color:var(--color-text-muted);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:.8125rem;font-weight:800;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:.75rem;font-weight:700;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))}}.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}}.word{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.word__label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.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-scribble);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}.gbar__middle .word__group{flex-wrap:wrap;justify-content:center}@media(min-width:761px)and (max-width:1023px){.gbar__middle .game__word .word__tiles{gap:4px 8px}.gbar__middle .game__word .word__group{gap:3px}.gbar__middle .game__word .tile{width:20px;height:26px;border-radius:5px;font-size:.9375rem}.gbar__middle .game__word .tile--punct{width:12px}}.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__guesses{grid-row:2;min-height:0;display:flex;flex-direction:column;padding:var(--space-3)}.feed{flex:1 1 0;min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:2px;list-style:none}.feed-line{padding:5px 10px;border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}.feed-line__name{font-weight:600;margin-right:6px}.feed-line__name:after{content:":"}.feed-line__icon{vertical-align:-2px;margin-right:4px}.feed-line--guessed{background:var(--chat-guessed-bg);color:var(--chat-guessed-fg)}.feed-line--correct{background:var(--chat-correct-bg);color:var(--chat-correct-fg);font-weight:600}.feed-line--close{background:var(--chat-close-bg);color:var(--chat-close-fg);font-weight:500}.feed-line--system{color:var(--color-text-faint)}.feed-line--hint{font-weight:600;background:var(--color-primary-soft);color:var(--color-primary-text)}.guess-idle{flex:none;display:flex;align-items:center;justify-content:center;min-height:48px;margin:var(--space-3) 0 0;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text-muted);font-size:.9rem;text-align:center}.game{--list-room: calc(var(--list-cap, 999px) - var(--list-head, 0px) - var(--list-chrome, 26px));--list-rows: calc(round(down, min(var(--list-need, 0px) - var(--list-head, 0px), var(--list-room)), max(var(--list-pitch, 1px), 1px)) + var(--list-head, 0px) + var(--list-chrome, 26px))}@media(min-width:761px)and (max-width:1279px)and (min-aspect-ratio:1/1)and (min-height:521px),(min-width:761px)and (max-width:1279px)and (min-aspect-ratio:1/1)and (max-aspect-ratio:3/2){.game{--list-cap: min(46dvh, calc(6 * var(--list-pitch, 1px) + var(--list-head, 0px) + var(--list-chrome, 26px)));grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto var(--list-rows) minmax(0,1fr)}.game__center{grid-column:1;grid-row:2 / 4}.game__players{grid-column:2;grid-row:2}.game__guesses{grid-column:2;grid-row:3}}@media(min-width:761px)and (max-width:1279px)and (max-aspect-ratio:1/1){.game{--stage-max: calc((100vw - 2 * var(--gutter)) * .75);--list-cap: min(35dvh, calc(6 * var(--list-pitch, 1px) + var(--list-head, 0px) + var(--list-chrome, 26px)));grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto minmax(0,var(--stage-max)) minmax(max(240px,var(--list-rows)),1fr)}.game--drawer{--stage-max: calc((100vw - 2 * var(--gutter)) * .75 + 110px)}.game__center{grid-column:1 / -1;grid-row:2}.game__players{grid-column:1;grid-row:3}.game__guesses{grid-column:2;grid-row:3}}@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__guesses .feed{min-height:72px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px);mask-image:linear-gradient(to bottom,transparent,#000 14px)}.game--drawer .game__guesses .feed>:first-child{margin-top:auto}.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__guesses{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__guesses .feed{min-height:88px}.game__guesses .guess-form,.game__guesses .guess-idle{flex:none;margin-top:6px}.game__guesses .guess-idle{min-height:44px}.game--drawer .game__guesses .guess-idle{min-height:32px}.canvas-caption{left:8px;bottom:8px;font-size:.78rem;padding:4px 10px 4px 4px}}@media(max-height:520px){.game--phone .game__guesses .feed{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(max-width:760px)and (max-aspect-ratio:3/2){.is-keyboard .game--phone{position:relative}.is-keyboard .game--phone .game__center{flex:0 1 calc(75vw - 11px)}.is-keyboard .game--phone .game__guesses{padding-bottom:6px}.is-keyboard .game--phone .game__guesses .feed{min-height:0}.is-keyboard .game--phone .game__top{position:absolute;z-index:3;top:calc(var(--space-2) + env(safe-area-inset-top) + 6px);right:calc(var(--space-2) + env(safe-area-inset-right) + 6px);container-type:normal;padding:0;border:0;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-sm)}.is-keyboard .game--phone .game__top>:not(.gbar__people),.is-keyboard .game--phone .game__top .gbar__people>:not(.gbar__clock){display:none}.is-keyboard .game--phone .game__top .timer--lg{width:44px;height:44px;font-size:1rem}.is-keyboard .game--phone .guess-tiles__groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.is-keyboard .game--phone .guess-tiles__group{flex-wrap:nowrap;--gtile-w: clamp(16px, min(var(--gtile-fit-word), var(--gtile-fit-bar)), var(--gtile-max))}.is-keyboard .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__guesses{grid-column:2;grid-row:2;min-height:0;padding-bottom:6px}.game__center{max-height:none}.game__guesses .feed{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__guesses .feed{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__first{display:contents}.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;overflow-y:auto}.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:.6875rem;font-weight:700;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{flex:none;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__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.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-card{container:spy-grid / inline-size}.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}@container spy-grid (min-width: 528px){.spy-grid--reference{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,auto)}}@container spy-grid (min-width: 706px){.spy-grid--reference{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,auto)}}.spy-grid{--spy-scrim: linear-gradient(to top, rgb(20 21 20 / .82) 0, rgb(20 21 20 / .66) 34px, rgb(20 21 20 / .12) 100%);--spy-scrim-shadow: 0 1px 2px rgb(20 21 20 / .9), 0 0 6px rgb(20 21 20 / .5)}.spy-grid li{min-width:0;container:spy-tile / inline-size}@container spy-tile (max-width: 227.98px){.spy-grid .spy-tile--md.spy-tile--ruledOut .spy-tile__body{padding-right:0}.spy-grid .spy-tile--md .spy-tile__mark{top:-6px;right:-6px;transform:none;width:16px;height:16px}.spy-grid .spy-tile--md .spy-tile__mark svg{width:10px;height:10px}}@container spy-tile (max-width: 199.98px){.spy-grid .spy-tile--sm.spy-tile--real .spy-tile__body,.spy-grid .spy-tile--sm.spy-tile--ruledOut .spy-tile__body{padding-right:0}.spy-grid .spy-tile--sm .spy-tile__mark{top:-6px;right:-6px;transform:none;width:16px;height:16px}.spy-grid .spy-tile--sm .spy-tile__mark svg{width:10px;height:10px}.spy-grid .spy-tile--md .spy-tile__picture{width:52px;height:39px}.spy-grid .spy-tile--md .spy-tile__name{font-size:.8rem}}@container spy-tile (max-width: 179.98px){.spy-grid .spy-tile--md{min-height:44px;padding:4px 8px 4px 6px}.spy-grid .spy-tile--md .spy-tile__picture{position:absolute;inset:0;width:auto;height:auto;border-radius:calc(var(--radius-item) - 2px)}.spy-grid .spy-tile--md .spy-tile__picture:after{content:"";position:absolute;inset:0;background:var(--spy-scrim)}.spy-grid .spy-tile--md .spy-tile__body{position:relative;color:var(--color-offwhite);text-shadow:var(--spy-scrim-shadow)}.spy-grid .spy-tile--md .spy-tile__name{font-size:.75rem}.spy-grid .spy-tile--md .spy-tile__hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container spy-tile (max-width: 171.98px){.spy-grid .spy-tile--sm{padding:4px 8px 4px 6px}.spy-grid .spy-tile--sm .spy-tile__picture{position:absolute;inset:0;width:auto;height:auto;border-radius:calc(var(--radius-item) - 2px)}.spy-grid .spy-tile--sm .spy-tile__picture:after{content:"";position:absolute;inset:0;background:var(--spy-scrim)}.spy-grid .spy-tile--sm .spy-tile__body{position:relative;color:var(--color-offwhite);text-shadow:var(--spy-scrim-shadow)}.spy-grid .spy-tile--sm .spy-tile__name{font-size:.75rem}}.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:.875rem;font-weight:600}.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__spy-guess{text-align:center;text-wrap:balance;font-size:.875rem;font-weight:700;color:var(--color-primary-text)}.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)}@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,.spy__top .timer__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(max-width:760px)and (orientation:portrait){.spy--phone .spy__first{flex:none;min-height:100%;display:flex;flex-direction:column;gap:var(--space-2)}.spy--phone .spy-role{gap:6px;padding:10px 12px}.spy--phone .spy-role__guesses{font-size:.75rem}.spy--phone .spy-role__title{font-size:1.15rem}.spy--phone .spy-role__head{gap:var(--space-2)}.spy--phone .spy-role__mark{width:30px;height:30px}.spy--phone .spy-role__text{font-size:.85rem}.spy--phone .spy-role--agent{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px}.spy--phone .spy-role--agent .spy-role__title{grid-column:2;grid-row:1;align-self:end;font-size:1rem}.spy--phone .spy-tile--lg{display:contents}.spy--phone .spy-tile--lg .spy-tile__picture{grid-column:1;grid-row:1 / span 2;width:clamp(88px,30vw,128px);height:auto;aspect-ratio:4 / 3}.spy--phone .spy-tile--lg .spy-tile__body{grid-column:2;grid-row:2;align-self:start}.spy--phone .spy-tile--lg .spy-tile__name{font-size:1.4rem;line-height:1.1}.spy--phone .spy-grid-card{flex:1 0 auto;display:flex;flex-direction:column;padding:10px}.spy--phone .spy-grid-card__head{gap:0;margin-bottom:8px}.spy--phone .spy-grid-card__title{font-size:.95rem}.spy--phone .spy-grid-card__hint{font-size:.78rem}.spy--phone .spy-grid{--spy-row-min: 40px;flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,minmax(var(--spy-row-min),1fr));gap:5px}.spy--phone .spy-grid li{container:none / size}.spy--phone .spy-grid .spy-tile{height:100%;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0;padding:4px 8px 4px 6px}.spy--phone .spy-grid .spy-tile__picture{position:absolute;inset:0;width:auto;height:auto;border-radius:calc(var(--radius-item) - 2px)}.spy--phone .spy-grid .spy-tile__picture:after{content:"";position:absolute;inset:0;background:var(--spy-scrim)}.spy--phone .spy-grid .spy-tile__body{position:relative;color:var(--color-offwhite);text-shadow:var(--spy-scrim-shadow)}.spy--phone .spy-grid .spy-tile__name{font-size:.75rem;line-height:1.15}@container (max-width: 97.98px){.spy--phone .spy-grid .spy-tile__name{font-size:.6875rem;line-height:13px;letter-spacing:-.01em}}.spy--phone .spy-grid .spy-tile__hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spy--phone .spy-grid .spy-tile--real .spy-tile__body,.spy--phone .spy-grid .spy-tile--ruledOut .spy-tile__body{padding-right:0}.spy--phone .spy-grid .spy-tile__mark{top:-6px;right:-6px;transform:none;width:16px;height:16px}.spy--phone .spy-grid .spy-tile__mark svg{width:10px;height:10px}}@media(max-width:760px)and (orientation:portrait)and (max-height:600px){.spy--phone .spy__main,.spy--phone .spy__first{gap:6px}.spy--phone .spy-role{padding:8px 10px}.spy--phone .spy-tile--lg .spy-tile__picture{width:clamp(80px,27vw,104px)}.spy--phone .spy-role--agent .spy-role__title{font-size:.95rem}.spy--phone .spy-tile--lg .spy-tile__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spy--phone .spy-tile--lg .spy-tile__name{font-size:1.25rem}.spy--phone .spy-grid-card{padding:8px}.spy--phone .spy-grid{--spy-row-min: 38px;gap:4px}}@media(min-aspect-ratio:3/2)and (max-height:520px){.spy__main{flex-direction:row;flex-wrap:wrap;align-content:flex-start}.spy__main>*,.spy__first>*{flex:1 1 calc(50% - var(--space-2));min-width:0}.spy__first>.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__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}