:root{--navy-25: #f7f9fc;--navy-50: #eef2f9;--navy-75: #e8edf7;--navy-100: #dde5f2;--navy-200: #c6d2e6;--navy-300: #a3b2cd;--navy-400: #7c8dad;--navy-500: #5d6e90;--navy-600: #465575;--navy-700: #33405c;--navy-800: #222d45;--navy-850: #1a2338;--navy-900: #131b2c;--navy-950: #0b1220;--navy-975: #070d17;--sky-100: #d8f1ff;--sky-200: #aee4ff;--sky-300: #7ad2fb;--sky-400: #38bdf8;--sky-500: #12a5e8;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-950: #2a1d02;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--paper-50: #fffaf0;--paper-100: #fff3dc;--paper-200: #f6ecd6;--paper-300: #ecdfc2;--paper-400: #e8d5a8;--paper-500: #c2a878;--paper-600: #a68d5f;--ink-900: #140f0c;--ink-850: #1b1410;--ink-800: #241b16;--ink-700: #2e231c;--ink-600: #3a2c23;--ink-500: #4a382c;--ink-400: #7a5a22;--ink-300: #5c4318;--ink-200: #8f7440;--sun-300: #ffdc7a;--sun-400: #ffc93c;--sun-500: #d99a17;--sun-600: #b07c0c;--sun-900: #4a3508;--ball-300: #ff9068;--ball-400: #ff7a4d;--ball-500: #e2542c;--ball-600: #c73f18;--ball-700: #a33212;--ball-800: #8a2a0f;--pitch-300: #7fe0ac;--pitch-400: #4cc98a;--pitch-500: #3fae72;--pitch-600: #27714a;--pitch-700: #1f6b42;--clay-700: #8a5a06;--white: #ffffff;--black: #000000}:root{--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--space-10: 40px;--space-11: 48px;--space-12: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-card: 12px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .8125rem;--text-md: 1rem;--text-lg: clamp(1.0625rem, 1rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + 1vw, 1.625rem);--text-2xl: clamp(1.75rem, 1.4rem + 2vw, 2.5rem);--text-3xl: clamp(2.25rem, 1.6rem + 3.2vw, 3.5rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-wider: .35em;--font-sans: ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--dur-fast: .14s;--dur-med: .26s;--dur-slow: .44s;--ease-out: cubic-bezier(.25, .8, .4, 1);--ease-spring: cubic-bezier(.2, .7, .3, 1.1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--container-sm: 460px;--container-md: 720px;--container-lg: 900px;--container-xl: 1100px;--touch-min: 44px;--card-ink: var(--white)}:root{color-scheme:dark;--surface-sunken: var(--ink-900);--surface-base: var(--ink-800);--surface-raised: var(--ink-600);--surface-panel: var(--ink-700);--surface-overlay: var(--ink-700);--surface-inverse: var(--paper-100);--surface-band: var(--sun-500);--surface-field: var(--pitch-600);--text-primary: var(--paper-100);--text-secondary: var(--paper-500);--text-muted: var(--paper-600);--text-disabled: var(--ink-200);--text-inverse: var(--ink-850);--text-accent: var(--sun-400);--text-on-band: var(--ink-850);--text-on-field: var(--paper-100);--border-subtle: var(--ink-500);--border-default: var(--paper-600);--border-strong: var(--paper-400);--interactive-accent: var(--ball-400);--interactive-accent-hover: var(--ball-300);--interactive-accent-active: var(--ball-500);--interactive-on-accent: var(--ink-850);--interactive-focus: var(--sun-400);--status-win: var(--pitch-400);--status-danger: var(--ball-300);--status-warning: var(--sun-400);--status-warning-surface: var(--sun-500);--status-warning-on: var(--ink-850);--team-color: var(--ink-600);--rarity-star: var(--sun-400);--ink-line: var(--paper-400);--edge: 2.5px;--interactive-accent-subtle: rgba(255, 122, 77, .18);--interactive-disabled: rgba(166, 141, 95, .22);--surface-scrim: rgba(20, 15, 12, .62);--backdrop: rgba(20, 15, 12, .74);--elevation-flat: none;--elevation-raised: 3px 3px 0 var(--paper-400);--elevation-card: 5px 5px 0 var(--paper-400);--elevation-overlay: 5px 5px 0 var(--paper-400);--elevation-modal: 8px 8px 0 var(--paper-400);--card-face: linear-gradient(160deg, var(--ink-700), var(--ink-800));--card-back: var(--ink-900);--rarity-star-glow: rgba(251, 191, 36, .28);--rarity-star-foil: linear-gradient( 130deg, rgba(251, 191, 36, .9), rgba(255, 240, 200, .95) 30%, rgba(180, 120, 20, .9) 55%, rgba(251, 191, 36, .9) 80% );--rarity-legend-glow: rgba(56, 189, 248, .45);--rarity-legend-foil: linear-gradient( 130deg, rgba(120, 220, 255, .9), rgba(255, 160, 235, .85) 30%, rgba(255, 255, 255, .95) 50%, rgba(140, 255, 190, .85) 70%, rgba(120, 220, 255, .9) );--rarity-legend-ink: #d7f4ff;--holo: linear-gradient( 115deg, transparent 25%, rgba(255, 130, 220, .16) 38%, rgba(255, 255, 255, .2) 46%, rgba(120, 220, 255, .22) 54%, rgba(160, 255, 180, .14) 62%, transparent 75% );--holo-opacity: .5;--card-hairline: rgba(232, 213, 168, .14);--card-rule: rgba(232, 213, 168, .1)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--surface-sunken: var(--paper-300);--surface-base: var(--paper-200);--surface-raised: var(--paper-50);--surface-panel: var(--paper-100);--surface-overlay: var(--paper-50);--surface-inverse: var(--ink-800);--surface-band: var(--sun-400);--surface-field: var(--pitch-500);--text-primary: var(--ink-850);--text-secondary: var(--ink-300);--text-muted: var(--ink-400);--text-disabled: var(--ink-200);--text-inverse: var(--paper-100);--text-accent: var(--ball-700);--text-on-band: var(--ink-850);--text-on-field: var(--ink-850);--border-subtle: var(--paper-300);--border-default: var(--ink-850);--border-strong: var(--ink-850);--interactive-accent: var(--ball-600);--interactive-accent-hover: var(--ball-700);--interactive-accent-active: var(--ball-800);--interactive-on-accent: var(--white);--interactive-focus: var(--ball-600);--status-win: var(--pitch-700);--status-danger: var(--ball-700);--status-warning: var(--clay-700);--status-warning-surface: var(--sun-300);--status-warning-on: var(--sun-900);--team-color: var(--paper-600);--rarity-star: var(--amber-700);--ink-line: var(--ink-850);--edge: 2.5px;--interactive-accent-subtle: rgba(199, 63, 24, .14);--interactive-disabled: rgba(122, 90, 34, .18);--surface-scrim: rgba(27, 20, 16, .35);--backdrop: rgba(27, 20, 16, .45);--elevation-flat: none;--elevation-raised: 3px 3px 0 var(--ink-850);--elevation-card: 5px 5px 0 var(--ink-850);--elevation-overlay: 5px 5px 0 var(--ink-850);--elevation-modal: 8px 8px 0 var(--ink-850);--card-face: linear-gradient(160deg, var(--paper-50), var(--paper-200));--card-back: var(--ink-850);--rarity-star-glow: rgba(180, 83, 9, .22);--rarity-star-foil: linear-gradient( 130deg, rgba(180, 83, 9, .95), rgba(251, 191, 36, .95) 30%, rgba(120, 70, 10, .95) 55%, rgba(180, 83, 9, .95) 80% );--rarity-legend-glow: rgba(2, 132, 199, .3);--rarity-legend-foil: linear-gradient( 130deg, rgba(2, 132, 199, .95), rgba(190, 60, 160, .85) 30%, rgba(120, 200, 235, .95) 50%, rgba(20, 150, 110, .85) 70%, rgba(2, 132, 199, .95) );--rarity-legend-ink: #075985;--holo: linear-gradient( 115deg, transparent 25%, rgba(190, 60, 160, .16) 38%, rgba(2, 132, 199, .14) 46%, rgba(20, 150, 190, .18) 54%, rgba(20, 150, 110, .14) 62%, transparent 75% );--holo-opacity: .38;--card-hairline: rgba(27, 20, 16, .16);--card-rule: rgba(27, 20, 16, .1)}}[data-theme=light]{color-scheme:light;--surface-sunken: var(--paper-300);--surface-base: var(--paper-200);--surface-raised: var(--paper-50);--surface-panel: var(--paper-100);--surface-overlay: var(--paper-50);--surface-inverse: var(--ink-800);--surface-band: var(--sun-400);--surface-field: var(--pitch-500);--text-primary: var(--ink-850);--text-secondary: var(--ink-300);--text-muted: var(--ink-400);--text-disabled: var(--ink-200);--text-inverse: var(--paper-100);--text-accent: var(--ball-700);--text-on-band: var(--ink-850);--text-on-field: var(--ink-850);--border-subtle: var(--paper-300);--border-default: var(--ink-850);--border-strong: var(--ink-850);--interactive-accent: var(--ball-600);--interactive-accent-hover: var(--ball-700);--interactive-accent-active: var(--ball-800);--interactive-on-accent: var(--white);--interactive-focus: var(--ball-600);--status-win: var(--pitch-700);--status-danger: var(--ball-700);--status-warning: var(--clay-700);--status-warning-surface: var(--sun-300);--status-warning-on: var(--sun-900);--team-color: var(--paper-600);--rarity-star: var(--amber-700);--ink-line: var(--ink-850);--edge: 2.5px;--interactive-accent-subtle: rgba(199, 63, 24, .14);--interactive-disabled: rgba(122, 90, 34, .18);--surface-scrim: rgba(27, 20, 16, .35);--backdrop: rgba(27, 20, 16, .45);--elevation-flat: none;--elevation-raised: 3px 3px 0 var(--ink-850);--elevation-card: 5px 5px 0 var(--ink-850);--elevation-overlay: 5px 5px 0 var(--ink-850);--elevation-modal: 8px 8px 0 var(--ink-850);--card-face: linear-gradient(160deg, var(--paper-50), var(--paper-200));--card-back: var(--ink-850);--rarity-star-glow: rgba(180, 83, 9, .22);--rarity-star-foil: linear-gradient( 130deg, rgba(180, 83, 9, .95), rgba(251, 191, 36, .95) 30%, rgba(120, 70, 10, .95) 55%, rgba(180, 83, 9, .95) 80% );--rarity-legend-glow: rgba(2, 132, 199, .3);--rarity-legend-foil: linear-gradient( 130deg, rgba(2, 132, 199, .95), rgba(190, 60, 160, .85) 30%, rgba(120, 200, 235, .95) 50%, rgba(20, 150, 110, .85) 70%, rgba(2, 132, 199, .95) );--rarity-legend-ink: #075985;--holo: linear-gradient( 115deg, transparent 25%, rgba(190, 60, 160, .16) 38%, rgba(2, 132, 199, .14) 46%, rgba(20, 150, 190, .18) 54%, rgba(20, 150, 110, .14) 62%, transparent 75% );--holo-opacity: .38;--card-hairline: rgba(27, 20, 16, .16);--card-rule: rgba(27, 20, 16, .1)}[data-theme=dark]{color-scheme:dark;--surface-sunken: var(--ink-900);--surface-base: var(--ink-800);--surface-raised: var(--ink-600);--surface-panel: var(--ink-700);--surface-overlay: var(--ink-700);--surface-inverse: var(--paper-100);--surface-band: var(--sun-500);--surface-field: var(--pitch-600);--text-primary: var(--paper-100);--text-secondary: var(--paper-500);--text-muted: var(--paper-600);--text-disabled: var(--ink-200);--text-inverse: var(--ink-850);--text-accent: var(--sun-400);--text-on-band: var(--ink-850);--text-on-field: var(--paper-100);--border-subtle: var(--ink-500);--border-default: var(--paper-600);--border-strong: var(--paper-400);--interactive-accent: var(--ball-400);--interactive-accent-hover: var(--ball-300);--interactive-accent-active: var(--ball-500);--interactive-on-accent: var(--ink-850);--interactive-focus: var(--sun-400);--status-win: var(--pitch-400);--status-danger: var(--ball-300);--status-warning: var(--sun-400);--status-warning-surface: var(--sun-500);--status-warning-on: var(--ink-850);--team-color: var(--ink-600);--rarity-star: var(--sun-400);--ink-line: var(--paper-400);--edge: 2.5px;--interactive-accent-subtle: rgba(255, 122, 77, .18);--interactive-disabled: rgba(166, 141, 95, .22);--surface-scrim: rgba(20, 15, 12, .62);--backdrop: rgba(20, 15, 12, .74);--elevation-flat: none;--elevation-raised: 3px 3px 0 var(--paper-400);--elevation-card: 5px 5px 0 var(--paper-400);--elevation-overlay: 5px 5px 0 var(--paper-400);--elevation-modal: 8px 8px 0 var(--paper-400);--card-face: linear-gradient(160deg, var(--ink-700), var(--ink-800));--card-back: var(--ink-900);--rarity-star-glow: rgba(251, 191, 36, .28);--rarity-star-foil: linear-gradient( 130deg, rgba(251, 191, 36, .9), rgba(255, 240, 200, .95) 30%, rgba(180, 120, 20, .9) 55%, rgba(251, 191, 36, .9) 80% );--rarity-legend-glow: rgba(56, 189, 248, .45);--rarity-legend-foil: linear-gradient( 130deg, rgba(120, 220, 255, .9), rgba(255, 160, 235, .85) 30%, rgba(255, 255, 255, .95) 50%, rgba(140, 255, 190, .85) 70%, rgba(120, 220, 255, .9) );--rarity-legend-ink: #d7f4ff;--holo: linear-gradient( 115deg, transparent 25%, rgba(255, 130, 220, .16) 38%, rgba(255, 255, 255, .2) 46%, rgba(120, 220, 255, .22) 54%, rgba(160, 255, 180, .14) 62%, transparent 75% );--holo-opacity: .5;--card-hairline: rgba(232, 213, 168, .14);--card-rule: rgba(232, 213, 168, .1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);min-height:var(--touch-min);padding:var(--space-5) var(--space-7);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.button:hover:not(:disabled){background:var(--surface-panel)}.button:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--elevation-flat)}.button:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}.button:disabled,.button[aria-disabled=true]{background:var(--interactive-disabled);border-color:var(--border-subtle);box-shadow:var(--elevation-flat);color:var(--text-disabled);cursor:default}.button--primary{background:var(--interactive-accent);color:var(--interactive-on-accent)}.button--primary:hover:not(:disabled){background:var(--interactive-accent-hover)}.button--primary:active:not(:disabled){background:var(--interactive-accent-active)}.button--secondary{background:var(--surface-panel);color:var(--text-accent)}.button--secondary:hover:not(:disabled){background:var(--interactive-accent-subtle)}.button--ghost{background:transparent;border-color:transparent;box-shadow:var(--elevation-flat);color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background:var(--interactive-accent-subtle);border-color:transparent;color:var(--text-primary)}.button--ghost:active:not(:disabled){transform:translate(1px,1px)}.button--danger{background:var(--surface-panel);color:var(--status-danger)}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-danger) 14%,transparent)}.button--sm{position:relative;min-height:36px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.button--sm:after{content:"";position:absolute;inset:calc((36px - var(--touch-min)) / 2) 0}.button--block{width:100%}.button--loading{color:transparent;pointer-events:none;position:relative}.button--loading:before{content:"";position:absolute;width:1.1em;height:1.1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:var(--radius-pill);color:var(--text-secondary);animation:spin .7s linear infinite}.button--primary.button--loading:before{color:var(--interactive-on-accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-4);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);background:var(--surface-panel);color:var(--text-primary);font-size:var(--text-lg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-button:hover{background:var(--interactive-accent-subtle);color:var(--text-primary)}.icon-button:active{transform:translate(3px,3px);box-shadow:var(--elevation-flat)}.icon-button:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}.toasts{position:fixed;bottom:calc(var(--space-6) + var(--toast-lift, 0px) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-4);z-index:40;width:min(92vw,380px);padding-inline:max(0px,env(safe-area-inset-left),env(safe-area-inset-right));pointer-events:none}.toast{pointer-events:auto;border-radius:var(--radius-sm);border:var(--edge) solid var(--ink-line);background:var(--surface-overlay);color:var(--text-primary);padding:var(--space-5) var(--space-6);min-height:var(--touch-min);font-size:var(--text-sm);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--elevation-overlay);animation:rise var(--dur-fast) var(--ease-out)}.toast--error{border-color:var(--status-danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);background:var(--surface-band);color:var(--text-on-band);font-weight:var(--weight-bold);object-fit:cover;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.timer-ring{position:relative;width:44px;height:44px;flex-shrink:0}.timer-ring svg{width:100%;height:100%}.timer-track{stroke:var(--border-subtle)}.timer-arc{stroke:var(--interactive-accent);transition:stroke-dashoffset .1s linear}.timer-ring--urgent .timer-arc{stroke:var(--status-danger)}.timer-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;color:var(--text-primary)}.timer-ring--urgent .timer-label{color:var(--status-danger)}.room-code{display:flex;gap:var(--space-3);justify-content:center;font-family:var(--font-mono);-webkit-user-select:text;user-select:text}.code-char{background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-xs);box-shadow:var(--elevation-raised);padding:var(--space-5) 0;min-width:2.2ch;flex:0 1 2.6ch;text-align:center;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);color:var(--text-primary)}.dialog-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:flex-end;justify-content:center;z-index:30;overscroll-behavior:contain}.dialog{background:var(--surface-overlay);border:var(--edge) solid var(--ink-line);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-6);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));width:min(100%,460px);max-height:min(88dvh,720px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--elevation-modal);animation:rise var(--dur-med) var(--ease-out)}.dialog:before{content:"";align-self:center;width:36px;height:5px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--ink-line)}.dialog-title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}@media(min-width:768px){.dialog-backdrop{align-items:center}.dialog{border:var(--edge) solid var(--ink-line);border-radius:var(--radius-lg);padding:var(--space-8)}.dialog:before{display:none}}.card{background:var(--card-face);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-card);overflow:hidden;width:100%;box-shadow:var(--elevation-card);position:relative;font-family:var(--font-sans);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.card--full{max-width:300px}.card--reveal{width:clamp(120px,26vw,180px);font-size:var(--text-sm)}.card--hand{width:clamp(112px,34vw,148px);font-size:var(--text-xs)}.card-frame{position:absolute;inset:2px;border-radius:calc(var(--radius-card) - 3px);border:1px solid var(--card-hairline);pointer-events:none;z-index:3}.card-head{background:linear-gradient(150deg,color-mix(in srgb,var(--team-color) 78%,#ffffff) 0%,var(--team-color) 42%,color-mix(in srgb,var(--team-color) 62%,#000000) 100%);color:var(--card-ink);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;overflow:hidden;min-height:3.2em;justify-content:flex-end}.card-portrait{position:absolute;right:-4px;bottom:-6px;height:130%;opacity:.28;pointer-events:none}.card-name{font-weight:var(--weight-black);font-size:1.05em;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);position:relative;padding-right:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-meta{font-size:.8em;opacity:.92;position:relative;display:flex;align-items:center;gap:var(--space-3)}.role-icon{width:1.1em;height:1.1em;flex-shrink:0}.rarity-mark{font-size:.9em}.card--star .rarity-mark{color:var(--rarity-star);text-shadow:0 0 6px var(--rarity-star-glow)}.card--legend .rarity-mark{color:var(--rarity-legend-ink);text-shadow:0 0 8px var(--rarity-legend-glow)}.card-rating{position:absolute;top:5px;right:6px;width:2.6em;height:2.9em;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-black);font-size:1.05em;color:var(--card-ink);z-index:2}.card-rating svg{position:absolute;inset:0;width:100%;height:100%}.card-rating span{position:relative;font-size:.95em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-stats{list-style:none;margin:0;padding:var(--space-2) 0;position:relative}.stat-row{border-bottom:1px solid var(--card-rule);position:relative}.stat-row:last-child{border-bottom:none}.stat-row:before{content:"";position:absolute;inset:2px auto 2px 0;width:var(--meter, 0%);background:color-mix(in srgb,var(--team-color) 22%,transparent);border-radius:0 var(--space-2) var(--space-2) 0;pointer-events:none}.stat-button,.stat-static{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4);align-items:center;width:100%;padding:var(--space-3) var(--space-5);background:transparent;border:none;color:inherit;font:inherit;text-align:left;position:relative}.stat-button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:34px;transition:background var(--dur-fast) var(--ease-out)}.card--full .stat-button{min-height:var(--stat-row-min, var(--touch-min))}.stat-button:hover,.stat-button:focus-visible{background:var(--interactive-accent-subtle)}.stat-button:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:-2px}.stat-button:active{background:color-mix(in srgb,var(--interactive-accent) 28%,transparent)}.stat-name{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-button .stat-name{color:var(--text-primary)}.stat-dir{color:var(--text-muted);font-size:.7em}.stat-value{font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.stat-row--hot{background:color-mix(in srgb,var(--interactive-accent) 22%,transparent)}.stat-row--hot .stat-name,.stat-row--hot .stat-value{color:var(--text-accent)}.card--back{aspect-ratio:5 / 7;border-color:var(--border-default);background:var(--card-back);display:flex;align-items:center;justify-content:center;padding:0}.card-back-art{width:100%;height:100%;display:block}.card--star{box-shadow:var(--elevation-card),0 0 14px var(--rarity-star-glow)}.card--star .card-frame{border:1.5px solid transparent;background:var(--rarity-star-foil) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card--legend{box-shadow:var(--elevation-card),0 0 18px var(--rarity-legend-glow)}.card--legend .card-frame{border:1.5px solid transparent;background:var(--rarity-legend-foil) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card--legend:before{content:"";position:absolute;inset:0;background:var(--holo);opacity:var(--holo-opacity);pointer-events:none;z-index:2}.card--legend:after{content:"";position:absolute;inset:0;background:var(--holo);pointer-events:none;z-index:2;animation:sheen 3.2s ease-in-out infinite}.card--winner{border-color:var(--status-win);box-shadow:0 0 22px color-mix(in srgb,var(--status-win) 50%,transparent)}.card--loser{filter:saturate(.5) brightness(.75)}@keyframes sheen{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes deal-in{0%{transform:translateY(40px) rotate(-6deg) scale(.85);opacity:0}60%{opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.deal-in{animation:deal-in var(--dur-slow) var(--ease-spring) both;will-change:transform,opacity}@keyframes win-sweep{to{transform:translate(var(--sweep-x, 0px)) scale(.7);opacity:0}}@keyframes pot-sink{to{transform:translateY(60px) scale(.7);opacity:0}}.sweep-to-winner{animation:win-sweep var(--dur-slow) var(--ease-out) 1.2s both;will-change:transform,opacity}.sweep-to-pot{animation:pot-sink var(--dur-slow) var(--ease-out) 1.2s both;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.toast,.dialog,.deal-in,.sweep-to-winner,.sweep-to-pot,.button--loading:before{animation:none;will-change:auto}.button:active:not(:disabled),.icon-button:active{transform:none}.card--legend:after{animation:none;display:none}.stat-button{transition:none}}*,*:before,*:after{box-sizing:border-box}html{overscroll-behavior-y:none}html,body{margin:0;padding:0;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);min-height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit}a{color:var(--text-accent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}:root{--gutter: var(--space-6)}@media(min-width:480px){:root{--gutter: var(--space-7)}}@media(min-width:768px){:root{--gutter: var(--space-8)}}@media(min-width:1024px){:root{--gutter: var(--space-9)}}.screen{flex:1;display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:var(--container-lg);margin:0 auto;padding:max(var(--gutter),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--gutter),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left))}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.head-actions{display:flex;gap:var(--space-3);align-items:center}.brand{font-size:var(--text-2xl);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black)}.brand--small{font-size:var(--text-lg)}.brand-xi{color:var(--text-accent)}.tagline{color:var(--text-secondary);margin:var(--space-2) 0 0}.panel{background:var(--surface-panel);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);padding:var(--space-6)}.panel h2{margin:0 0 var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.field{display:flex;flex-direction:column;gap:var(--space-3)}.field span{color:var(--text-secondary);font-size:var(--text-sm)}input,select{font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);padding:var(--space-5);min-height:var(--touch-min)}input:focus,select:focus{outline:2px solid var(--interactive-focus);outline-offset:1px}.hint{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-4) 0 0}.notice{background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-left:var(--space-3) solid var(--status-warning);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);padding:var(--space-5) var(--space-6);margin:0}.tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);padding:0 var(--space-4);margin-left:var(--space-3);color:var(--text-secondary);vertical-align:middle}.tag--you{color:var(--text-accent);border-color:var(--interactive-accent)}.tag--away{color:var(--status-warning);border-color:var(--status-warning)}.landing{position:relative;justify-content:center;gap:var(--space-8);max-width:var(--container-sm)}.landing-hero{text-align:center}.landing-hero .brand{font-size:var(--text-3xl)}.landing-hero .tagline{display:inline-block;margin-top:var(--space-5);padding:var(--space-3) var(--space-6);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);background:var(--surface-band);color:var(--text-on-band);box-shadow:var(--elevation-raised);font-weight:var(--weight-bold);transform:rotate(-1.2deg)}.landing-form{display:flex;flex-direction:column;gap:var(--space-6)}.divider{display:flex;align-items:center;gap:var(--space-5);color:var(--text-muted);font-size:var(--text-sm)}.divider:before,.divider:after{content:"";flex:1;height:2px;border-radius:var(--radius-pill);background:var(--ink-line)}.join-row{display:flex;gap:var(--space-5)}.code-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:var(--tracking-wider);font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-lg);text-align:center}.lobby-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.lobby-grid{grid-template-columns:1fr 1fr;align-items:start}}.player-list{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.player{display:flex;align-items:center;gap:var(--space-5);background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);padding:var(--space-4) var(--space-5);min-height:var(--touch-min)}.player--away{opacity:.55}.player-avatar{width:var(--space-10);height:var(--space-10);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);background:var(--surface-band);color:var(--text-on-band);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-black);flex-shrink:0}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready{color:var(--text-secondary);font-size:var(--text-sm)}.ready--yes{color:var(--status-win);font-weight:var(--weight-bold)}.players-panel .button{margin-top:var(--space-4)}.invite-panel .room-code{margin-bottom:var(--space-5)}.invite-actions{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center;margin-bottom:var(--space-5)}.invite-qr{display:block;margin:0 auto;border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);width:clamp(120px,40vw,168px);height:clamp(120px,40vw,168px)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) 0;min-height:var(--touch-min);border-bottom:2px dashed var(--border-subtle)}.setting-row:last-of-type{border-bottom:none}.chat-panel{display:flex;flex-direction:column}.chat-log{list-style:none;margin:0 0 var(--space-5);padding:0;overflow-y:auto;overscroll-behavior:contain;max-height:clamp(120px,22dvh,240px);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.chat-row{display:flex;gap:var(--space-4)}.chat-row input{flex:1;min-width:0}.round-chip{background:var(--surface-panel);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);box-shadow:var(--elevation-raised);padding:var(--space-2) var(--space-6);font-weight:var(--weight-bold);font-size:var(--text-sm);white-space:nowrap}.table-screen{--tbl-line: var(--ink-line);--tbl-ink: var(--text-primary);--tbl-paper: var(--surface-base);--tbl-sand: var(--surface-sunken);--tbl-sun: var(--surface-band);--tbl-ball: var(--interactive-accent);--tbl-pitch: var(--surface-field);--tbl-muted: var(--text-muted);--tbl-on-fill: var(--text-on-field);--tbl-on-sun: var(--text-on-band);--tbl-on-sun-muted: color-mix(in srgb, var(--text-on-band) 68%, transparent);--tbl-edge: var(--edge);--tbl-drop: var(--elevation-raised);--tbl-drop-lg: var(--elevation-card);--tbl-inline: max(var(--space-6), env(safe-area-inset-left));position:relative;gap:0;padding:0;max-width:480px;max-height:100dvh;background:var(--tbl-paper);color:var(--tbl-ink);font-family:var(--font-display);overflow:hidden;overscroll-behavior:none;--toast-lift: 120px}.table-screen .hint{color:var(--tbl-muted);padding:var(--space-6) var(--tbl-inline);margin:0}.table-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-5);padding:max(var(--space-5),env(safe-area-inset-top)) var(--tbl-inline) var(--space-5);background:var(--tbl-sun);border-bottom:var(--tbl-edge) solid var(--tbl-line);color:var(--tbl-on-sun)}.table-wordmark{font-size:var(--text-lg);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}.table-wordmark span{color:var(--tbl-on-sun);opacity:.72}.table-screen .round-chip{background:transparent;border:var(--tbl-edge) solid var(--tbl-on-sun);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);color:var(--tbl-on-sun);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.turn-timer{margin-left:auto;min-width:56px;padding:var(--space-2) var(--space-5);border:var(--tbl-edge) solid var(--tbl-on-sun);border-radius:var(--radius-pill);background:var(--tbl-paper);color:var(--tbl-ink);font-size:var(--text-sm);font-weight:var(--weight-black);text-align:center;font-variant-numeric:tabular-nums;transition:background var(--dur-med) var(--ease-out)}.turn-timer--urgent{background:var(--tbl-ball);color:var(--interactive-on-accent)}.score-strip{flex:0 0 auto;display:flex;gap:var(--space-3);padding:var(--space-4) var(--tbl-inline);background:var(--tbl-paper);border-bottom:var(--tbl-edge) solid var(--tbl-line);overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.score-strip::-webkit-scrollbar{display:none}.score-chip{flex:0 0 auto;padding:var(--space-2) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-pill);background:var(--tbl-paper);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.score-chip--mine{background:var(--tbl-pitch);color:var(--tbl-on-fill)}.score-chip--out{background:var(--tbl-sand);color:var(--tbl-muted);opacity:.75}.table-field{flex:0 0 auto;position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--tbl-inline);background:var(--tbl-pitch);border-bottom:var(--tbl-edge) solid var(--tbl-line);overflow:hidden}.table-field:before{content:"";position:absolute;left:50%;top:-90px;width:520px;height:400px;transform:translate(-50%);border:4px dashed color-mix(in srgb,var(--text-on-field) 35%,transparent);border-radius:50%;pointer-events:none}.field-seats{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:var(--space-4);align-items:start}.seat{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:0}.seat--out{opacity:.45}.seat-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-pill);background:var(--tbl-sun);color:var(--tbl-on-sun);font-size:var(--text-sm);font-weight:var(--weight-black);transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.seat--leader .seat-avatar{transform:scale(1.1);box-shadow:0 0 0 4px var(--tbl-paper),0 0 0 7px var(--tbl-line)}.seat-plate{display:flex;flex-direction:column;align-items:center;max-width:100%;padding:var(--space-2) var(--space-4);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-sm);background:var(--tbl-paper);box-shadow:var(--tbl-drop);text-align:center}.seat-name{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:var(--weight-bold)}.seat-status{font-size:var(--text-xs);color:var(--tbl-muted)}.seat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:74px;min-height:56px;padding:var(--space-3) var(--space-2);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);box-shadow:var(--tbl-drop);text-align:center}.seat-card--down{background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-md);font-weight:var(--weight-black)}.seat-card--up{background:var(--tbl-paper);animation:flip-in var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--seat-index, 0) * .13s);backface-visibility:hidden;will-change:transform,opacity}.seat-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--tbl-muted)}.seat-card-value{font-size:var(--text-lg);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.seat-card-value--win{color:var(--tbl-pitch)}.seat--winner .seat-card{box-shadow:var(--tbl-drop-lg)}.called-panel{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:min(240px,100%);padding:var(--space-3) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-md);background:var(--tbl-sun);box-shadow:var(--tbl-drop);color:var(--tbl-on-sun);text-align:center}.called-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--tbl-on-sun-muted)}.called-stat{font-size:var(--text-lg);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.called-meter{width:100%;height:9px;border:var(--tbl-edge) solid var(--tbl-on-sun);border-radius:var(--radius-pill);background:var(--surface-base);overflow:hidden}.called-meter>span{display:block;height:100%;background:var(--tbl-ball);transition:width .9s linear}.called-pot{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--tbl-on-sun-muted)}.your-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--tbl-inline);background:var(--tbl-paper);overflow-y:auto;-webkit-overflow-scrolling:touch;transition:opacity var(--dur-med) var(--ease-out)}.your-area--waiting{opacity:.55}.hand-head{display:flex;align-items:center;gap:var(--space-5);animation:rise var(--dur-med) var(--ease-out)}.hand-thumb{flex:0 0 auto;width:38px;height:52px;border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:repeating-linear-gradient(45deg,var(--tbl-sand) 0 5px,var(--tbl-paper) 5px 10px)}.hand-id{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0}.hand-name{font-size:var(--text-lg);font-weight:var(--weight-black)}.hand-rarity{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--tbl-muted);color:var(--tbl-paper);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase}.hand-rarity--star{background:var(--tbl-pitch);color:var(--tbl-on-fill)}.hand-rarity--legend{background:var(--tbl-ball);color:var(--interactive-on-accent)}.hand-meta{flex-basis:100%;font-size:var(--text-xs);color:var(--tbl-muted)}.hand-count{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:var(--text-lg);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.hand-count small{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--tbl-muted)}.stat-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.table-screen .stat-button{display:flex;align-items:center;gap:var(--space-5);width:100%;min-height:var(--stat-row-min, var(--touch-min));padding:var(--space-4) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-sm);background:var(--tbl-paper);box-shadow:var(--tbl-drop);color:var(--tbl-ink);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-med) var(--ease-out)}.table-screen .stat-button:disabled{cursor:default;box-shadow:none;background:var(--tbl-sand)}.table-screen .stat-button:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:var(--tbl-drop-lg)}.table-screen .stat-button:not(:disabled):active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tbl-line)}.table-screen .stat-row--hot .stat-button{background:var(--tbl-pitch);color:var(--tbl-on-fill)}.table-screen .stat-row--hot .stat-name,.table-screen .stat-row--hot .stat-hint{color:color-mix(in srgb,var(--tbl-on-fill) 85%,transparent)}.table-screen .stat-row--hot .stat-value{color:var(--tbl-on-fill)}.table-screen .stat-name{flex:0 0 88px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--tbl-muted);text-transform:uppercase}.stat-meter{flex:1;height:7px;border:2px solid var(--tbl-line);border-radius:var(--radius-pill);background:var(--tbl-sand);overflow:hidden}.stat-meter>span{display:block;height:100%;background:var(--tbl-sun);transition:width var(--dur-slow) var(--ease-out)}.table-screen .stat-value{flex:0 0 auto;font-size:var(--text-md);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.stat-hint{flex:0 0 52px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--tbl-muted);text-align:right}.table-social{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--tbl-inline) max(var(--space-5),env(safe-area-inset-bottom));background:var(--tbl-paper);border-top:var(--tbl-edge) solid var(--tbl-line)}.table-screen .icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:var(--tbl-paper);color:var(--tbl-ink);box-shadow:var(--tbl-drop);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.table-screen .icon-button--accent{margin-left:auto;background:var(--tbl-sun);color:var(--tbl-on-sun)}.table-screen .icon-button:hover{transform:translate(-2px,-2px);box-shadow:var(--tbl-drop-lg)}.table-screen .icon-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tbl-line)}.emote-tray{position:absolute;left:var(--tbl-inline);right:var(--tbl-inline);bottom:calc(100% - var(--space-4));z-index:5;padding:var(--space-4);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-md);background:var(--tbl-paper);box-shadow:var(--tbl-drop-lg);animation:rise var(--dur-fast) var(--ease-out)}.table-screen .emote-bar{display:flex;gap:var(--space-3)}.table-screen .emote-button{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-3) 0;border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:var(--tbl-sand);box-shadow:var(--tbl-drop);font-size:var(--text-lg);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.table-screen .emote-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tbl-line)}.game-chat{margin-left:var(--space-2)}.game-chat-toggle{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:36px;padding:var(--space-3) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:var(--tbl-paper);color:var(--tbl-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);box-shadow:var(--tbl-drop);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.game-chat-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tbl-line)}.game-chat-badge{position:absolute;top:-9px;right:-9px;min-width:20px;padding:0 var(--space-2);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-pill);background:var(--tbl-ball);color:var(--interactive-on-accent);font-size:var(--text-xs);font-weight:var(--weight-black);line-height:16px;text-align:center}.game-chat-panel{position:fixed;inset:0;max-width:480px;margin-inline:auto;z-index:8;display:flex;flex-direction:column;background:var(--tbl-paper);animation:rise var(--dur-med) var(--ease-out)}.game-chat-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-5);padding:max(var(--space-5),env(safe-area-inset-top)) var(--tbl-inline) var(--space-5);background:var(--tbl-sun);border-bottom:var(--tbl-edge) solid var(--tbl-line)}.game-chat-title{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--tbl-on-sun)}.game-chat-head .icon-button{margin-left:auto}.table-screen .chat-log{flex:1 1 auto;min-height:0;max-height:none;display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:var(--space-5) var(--tbl-inline);list-style:none;overflow-y:auto}.chat-msg{align-self:flex-start;max-width:82%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) var(--space-2);background:var(--tbl-paper);box-shadow:var(--tbl-drop);font-size:var(--text-sm)}.chat-msg strong{font-size:var(--text-xs);color:var(--tbl-muted)}.chat-msg--mine{align-self:flex-end;border-radius:var(--radius-sm) var(--radius-sm) var(--space-2) var(--radius-sm);background:var(--tbl-pitch);color:var(--tbl-on-fill)}.chat-msg--mine strong{color:color-mix(in srgb,var(--tbl-on-fill) 80%,transparent)}.chat-quick{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--tbl-inline) var(--space-4)}.chat-quick-button{padding:var(--space-3) var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-pill);background:var(--tbl-sand);color:var(--tbl-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);box-shadow:var(--tbl-drop);cursor:pointer;touch-action:manipulation}.chat-quick-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tbl-line)}.table-screen .chat-row{flex:0 0 auto;display:flex;gap:var(--space-4);padding:var(--space-5) var(--tbl-inline) max(var(--space-5),env(safe-area-inset-bottom));border-top:var(--tbl-edge) solid var(--tbl-line)}.table-screen .chat-row input{flex:1;min-width:0;padding:var(--space-5);border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:var(--tbl-sand);color:var(--tbl-ink);font:inherit;font-size:var(--text-md)}.table-screen .chat-row .button{border:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-xs);background:var(--tbl-ball);color:var(--interactive-on-accent);font-weight:var(--weight-black);box-shadow:var(--tbl-drop)}.verdict-sheet{position:absolute;left:0;right:0;bottom:100%;z-index:6;padding:var(--space-6) var(--tbl-inline);border-top:var(--tbl-edge) solid var(--tbl-line);border-bottom:var(--tbl-edge) solid var(--tbl-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--tbl-ball);color:var(--interactive-on-accent);animation:rise var(--dur-med) var(--ease-out)}.verdict-sheet--won{background:var(--tbl-pitch);color:var(--tbl-on-fill)}.verdict-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}.verdict-sub{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);opacity:.85}@media(orientation:portrait)and (max-height:700px){.table-screen{--stat-row-min: 40px}.table-field{gap:var(--space-4);padding-block:var(--space-4)}.seat-card{min-height:44px}.hand-thumb{display:none}}.reactions-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.reaction-float{position:absolute;bottom:18%;display:flex;flex-direction:column;align-items:center;animation:float-up 2.4s ease-out forwards;will-change:transform,opacity}.reaction-emote{font-size:var(--text-xl)}.reaction-from{font-size:var(--text-xs);color:var(--text-secondary)}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40vh);opacity:0}}.results{max-width:var(--container-sm)}.results-panel{text-align:center;display:flex;flex-direction:column;gap:var(--space-5)}.results-panel--won{box-shadow:var(--elevation-card)}.results-trophy{font-size:var(--text-3xl);margin:0;animation:pop var(--dur-slow) var(--ease-out)}.results-panel .results-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--text-primary);text-transform:none;letter-spacing:var(--tracking-tight)}.results-reason{margin:0;color:var(--text-secondary)}.standings{list-style:none;margin:var(--space-4) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.standing{display:flex;gap:var(--space-5);background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);padding:var(--space-4) var(--space-5);min-height:var(--touch-min);align-items:center}.standing--winner{background:var(--surface-band);color:var(--text-on-band);box-shadow:var(--elevation-card)}.standing-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-actions{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4)}.conn-banner{background:var(--status-warning-surface);color:var(--status-warning-on);border-bottom:var(--edge) solid var(--ink-line);text-align:center;font-weight:var(--weight-bold);font-size:var(--text-sm);padding:var(--space-4) var(--gutter);padding-top:max(var(--space-4),env(safe-area-inset-top))}.conn-banner--offline{background:var(--surface-inverse);color:var(--text-inverse)}.update-bar,.install-bar{position:fixed;left:50%;bottom:calc(var(--space-6) + var(--toast-lift, 0px) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:45;width:min(92vw,420px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-6);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);background:var(--surface-overlay);color:var(--text-primary);font-size:var(--text-sm);box-shadow:var(--elevation-overlay);animation:rise var(--dur-fast) var(--ease-out)}.update-bar-actions{display:flex;gap:var(--space-4);margin-left:auto}@media(prefers-reduced-motion:reduce){.update-bar,.install-bar{animation:none}}.landing-chrome{position:absolute;top:max(var(--space-5),env(safe-area-inset-top));right:max(var(--space-5),env(safe-area-inset-right));display:flex;align-items:center;gap:var(--space-3)}.profile-chip{display:flex;align-items:center;gap:var(--space-4);min-height:var(--touch-min);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);box-shadow:var(--elevation-raised);background:var(--surface-raised);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm)}.profile-chip:hover{border-color:var(--interactive-accent)}.profile-card{display:flex;flex-direction:column;gap:var(--space-6)}.profile-identity{display:flex;align-items:flex-start;gap:var(--space-6)}.profile-name{flex:1;min-width:0}.avatar-button{border:none;background:none;padding:0;cursor:pointer;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.avatar-edit{font-size:var(--text-xs);color:var(--text-accent)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-4)}.avatar-choice{border:var(--edge) solid transparent;border-radius:var(--radius-sm);background:var(--surface-raised);padding:var(--space-3);min-height:var(--touch-min);cursor:pointer;touch-action:manipulation;display:flex;justify-content:center}.avatar-choice:hover{border-color:var(--border-strong)}.avatar-choice--current{border-color:var(--ink-line);box-shadow:var(--elevation-raised)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:480px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-tile{background:var(--surface-raised);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.stat-tile strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums}.stat-tile span{color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.profile-actions{display:flex;flex-direction:column;gap:var(--space-4)}.panel .button{text-align:center;text-decoration:none}.landing-form>.button,.players-panel .button,.profile-actions .button,.results-actions .button{width:100%}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.match-row{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-sm);box-shadow:var(--elevation-raised);background:var(--surface-raised)}.match-outcome{font-weight:var(--weight-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-5);border:var(--edge) solid var(--ink-line);border-radius:var(--radius-pill);background:var(--surface-panel);color:var(--text-secondary);flex-shrink:0}.match-outcome--won{color:var(--status-win)}.match-outcome--lost{color:var(--status-danger)}.match-detail{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.match-detail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-copy h2{text-transform:none;letter-spacing:var(--tracking-tight);color:var(--text-primary);font-size:var(--text-lg);margin-top:var(--space-8)}.privacy-copy h2:first-child{margin-top:0}.privacy-copy p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.privacy-copy a,.hint a,.notice a{color:var(--text-accent)}.gallery{max-width:var(--container-xl);gap:var(--space-6)}.gallery-section h2{margin-bottom:var(--space-6)}.gallery-row{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-5)}.gallery-item{margin:0;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.gallery-item figcaption{color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-5)}.share-frame{width:1200px;height:630px;background:var(--surface-base);display:flex;align-items:center;gap:70px;padding:0 90px;position:relative;overflow:hidden}.share-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 28% 50%,color-mix(in srgb,var(--team-color) 35%,transparent),transparent 70%)}.share-card{position:relative;flex-shrink:0;width:340px;font-size:1.15rem}.share-card .card--full{max-width:340px}.share-copy{position:relative;display:flex;flex-direction:column;gap:var(--space-5)}.share-copy .brand{font-size:4rem}.share-player{margin:0;font-size:2.2rem;font-weight:var(--weight-black)}.share-team{margin:0;font-size:1.3rem;color:var(--text-secondary)}.share-cta{margin:var(--space-5) 0 0;font-size:1.1rem;color:var(--text-accent);font-weight:var(--weight-bold)}@media(orientation:landscape)and (max-height:560px){.screen{gap:var(--space-4);padding-block:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-bottom))}.table-screen{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;max-width:none;max-height:100dvh;--toast-lift: 0px;--stat-row-min: 40px}.table-screen>*{min-height:0}.table-head,.score-strip,.table-social{grid-column:1 / -1}.table-field{grid-area:3 / 1 / 4 / 2;border-right:var(--tbl-edge) solid var(--tbl-line);overflow-y:auto}.your-area{grid-area:3 / 2 / 4 / 3}.hand-thumb{display:none}}@media(prefers-reduced-motion:reduce){.seat-card--up,.hand-head,.verdict-sheet,.results-trophy,.reaction-float,.emote-tray,.game-chat-panel{animation:none}.seat-card--up,.reaction-float{will-change:auto}.table-screen .emote-button,.table-screen .stat-button,.table-screen .icon-button,.game-chat-toggle,.your-area,.turn-timer,.seat-avatar{transition:none}.table-screen .emote-button:active,.table-screen .stat-button:not(:disabled):hover,.table-screen .stat-button:not(:disabled):active,.table-screen .icon-button:hover,.table-screen .icon-button:active,.game-chat-toggle:active,.chat-quick-button:active{transform:none}}.admin-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.admin-rooms{gap:var(--space-3)}.admin-room{padding:var(--space-4) var(--space-5)}.admin-phase{text-transform:none;font-variant-numeric:tabular-nums}.admin-phase--playing{color:var(--status-win)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(min-width:40rem){.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.admin-field strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.admin-seats,.admin-feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.admin-seat{display:flex;flex-direction:column;gap:var(--space-1)}.admin-hand,.admin-feed-row{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-xs);color:var(--text-secondary);word-break:break-word}.admin-feed-title{margin:0 0 var(--space-4);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.admin-feed-list{gap:var(--space-2);max-height:24rem;overflow-y:auto}.admin-feed-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3)}.admin-feed-fields{grid-column:2;opacity:.75}.admin-feed-event{color:var(--text-primary)}.admin-feed-row--error .admin-feed-event{color:var(--status-danger)}.admin-feed-row--warn .admin-feed-event{color:var(--status-warning, var(--status-danger))}.replay-controls{display:flex;flex-direction:column;gap:var(--space-4)}.replay-controls input[type=range]{width:100%}.replay-hands{display:flex;flex-wrap:wrap;gap:var(--space-5)}.replay-hand{display:flex;flex-direction:column;gap:var(--space-2)}.ops-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);text-align:center;font-size:var(--text-sm);background:var(--surface-raised);color:var(--text-primary);border-bottom:var(--edge) solid var(--ink-line)}.ops-banner--warning{background:var(--status-warning-surface);color:var(--status-warning-on);font-weight:var(--weight-bold)}.admin-ops{display:flex;flex-direction:column;gap:var(--space-4)}.admin-ops input[type=text]{width:100%}.admin-modes{display:flex;flex-wrap:wrap;gap:var(--space-3)}