: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;--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(--navy-975);--surface-base: var(--navy-950);--surface-raised: var(--navy-900);--surface-panel: var(--navy-850);--surface-overlay: var(--navy-850);--surface-inverse: var(--navy-50);--text-primary: var(--navy-75);--text-secondary: var(--navy-300);--text-muted: var(--navy-400);--text-disabled: var(--navy-500);--text-inverse: var(--navy-950);--text-accent: var(--sky-300);--border-subtle: var(--navy-800);--border-default: var(--navy-700);--border-strong: var(--navy-500);--interactive-accent: var(--sky-500);--interactive-accent-hover: var(--sky-400);--interactive-accent-active: var(--sky-600);--interactive-on-accent: var(--navy-975);--interactive-focus: var(--sky-400);--status-win: var(--green-400);--status-danger: var(--red-400);--status-warning: var(--amber-400);--status-warning-surface: var(--amber-400);--status-warning-on: var(--amber-950);--team-color: var(--navy-700);--rarity-star: var(--amber-400);--interactive-accent-subtle: rgba(56, 189, 248, .16);--interactive-disabled: rgba(124, 141, 173, .18);--surface-scrim: rgba(7, 13, 23, .6);--backdrop: rgba(4, 8, 16, .7);--elevation-flat: none;--elevation-raised: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .26);--elevation-card: 0 6px 18px rgba(0, 0, 0, .45);--elevation-overlay: 0 8px 24px rgba(0, 0, 0, .5);--elevation-modal: 0 20px 48px rgba(0, 0, 0, .6);--card-face: linear-gradient(160deg, var(--navy-900), var(--navy-850));--card-back: var(--navy-950);--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(255, 255, 255, .08);--card-rule: rgba(255, 255, 255, .06)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--surface-sunken: var(--navy-100);--surface-base: var(--navy-50);--surface-raised: var(--white);--surface-panel: var(--navy-25);--surface-overlay: var(--white);--surface-inverse: var(--navy-900);--text-primary: var(--navy-850);--text-secondary: var(--navy-600);--text-muted: var(--navy-500);--text-disabled: var(--navy-400);--text-inverse: var(--navy-25);--text-accent: var(--sky-700);--border-subtle: var(--navy-100);--border-default: var(--navy-200);--border-strong: var(--navy-500);--interactive-accent: var(--sky-700);--interactive-accent-hover: var(--sky-800);--interactive-accent-active: var(--sky-900);--interactive-on-accent: var(--white);--interactive-focus: var(--sky-700);--status-win: var(--green-800);--status-danger: var(--red-700);--status-warning: var(--amber-800);--status-warning-surface: var(--amber-200);--status-warning-on: var(--amber-800);--team-color: var(--navy-400);--rarity-star: var(--amber-700);--interactive-accent-subtle: rgba(2, 132, 199, .12);--interactive-disabled: rgba(93, 110, 144, .16);--surface-scrim: rgba(26, 35, 56, .35);--backdrop: rgba(26, 35, 56, .4);--elevation-flat: none;--elevation-raised: 0 1px 2px rgba(22, 33, 58, .06), 0 2px 8px rgba(22, 33, 58, .08);--elevation-card: 0 6px 18px rgba(22, 33, 58, .16);--elevation-overlay: 0 8px 24px rgba(22, 33, 58, .14);--elevation-modal: 0 20px 48px rgba(22, 33, 58, .2);--card-face: linear-gradient(160deg, var(--white), var(--navy-50));--card-back: var(--navy-800);--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(22, 33, 58, .1);--card-rule: rgba(22, 33, 58, .08)}}[data-theme=light]{color-scheme:light;--surface-sunken: var(--navy-100);--surface-base: var(--navy-50);--surface-raised: var(--white);--surface-panel: var(--navy-25);--surface-overlay: var(--white);--surface-inverse: var(--navy-900);--text-primary: var(--navy-850);--text-secondary: var(--navy-600);--text-muted: var(--navy-500);--text-disabled: var(--navy-400);--text-inverse: var(--navy-25);--text-accent: var(--sky-700);--border-subtle: var(--navy-100);--border-default: var(--navy-200);--border-strong: var(--navy-500);--interactive-accent: var(--sky-700);--interactive-accent-hover: var(--sky-800);--interactive-accent-active: var(--sky-900);--interactive-on-accent: var(--white);--interactive-focus: var(--sky-700);--status-win: var(--green-800);--status-danger: var(--red-700);--status-warning: var(--amber-800);--status-warning-surface: var(--amber-200);--status-warning-on: var(--amber-800);--team-color: var(--navy-400);--rarity-star: var(--amber-700);--interactive-accent-subtle: rgba(2, 132, 199, .12);--interactive-disabled: rgba(93, 110, 144, .16);--surface-scrim: rgba(26, 35, 56, .35);--backdrop: rgba(26, 35, 56, .4);--elevation-flat: none;--elevation-raised: 0 1px 2px rgba(22, 33, 58, .06), 0 2px 8px rgba(22, 33, 58, .08);--elevation-card: 0 6px 18px rgba(22, 33, 58, .16);--elevation-overlay: 0 8px 24px rgba(22, 33, 58, .14);--elevation-modal: 0 20px 48px rgba(22, 33, 58, .2);--card-face: linear-gradient(160deg, var(--white), var(--navy-50));--card-back: var(--navy-800);--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(22, 33, 58, .1);--card-rule: rgba(22, 33, 58, .08)}[data-theme=dark]{color-scheme:dark;--surface-sunken: var(--navy-975);--surface-base: var(--navy-950);--surface-raised: var(--navy-900);--surface-panel: var(--navy-850);--surface-overlay: var(--navy-850);--surface-inverse: var(--navy-50);--text-primary: var(--navy-75);--text-secondary: var(--navy-300);--text-muted: var(--navy-400);--text-disabled: var(--navy-500);--text-inverse: var(--navy-950);--text-accent: var(--sky-300);--border-subtle: var(--navy-800);--border-default: var(--navy-700);--border-strong: var(--navy-500);--interactive-accent: var(--sky-500);--interactive-accent-hover: var(--sky-400);--interactive-accent-active: var(--sky-600);--interactive-on-accent: var(--navy-975);--interactive-focus: var(--sky-400);--status-win: var(--green-400);--status-danger: var(--red-400);--status-warning: var(--amber-400);--status-warning-surface: var(--amber-400);--status-warning-on: var(--amber-950);--team-color: var(--navy-700);--rarity-star: var(--amber-400);--interactive-accent-subtle: rgba(56, 189, 248, .16);--interactive-disabled: rgba(124, 141, 173, .18);--surface-scrim: rgba(7, 13, 23, .6);--backdrop: rgba(4, 8, 16, .7);--elevation-flat: none;--elevation-raised: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .26);--elevation-card: 0 6px 18px rgba(0, 0, 0, .45);--elevation-overlay: 0 8px 24px rgba(0, 0, 0, .5);--elevation-modal: 0 20px 48px rgba(0, 0, 0, .6);--card-face: linear-gradient(160deg, var(--navy-900), var(--navy-850));--card-back: var(--navy-950);--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(255, 255, 255, .08);--card-rule: rgba(255, 255, 255, .06)}.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:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-semibold);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),transform var(--dur-fast) var(--ease-out)}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-panel)}.button:active:not(:disabled){transform:scale(.98)}.button:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}.button:disabled,.button[aria-disabled=true]{background:var(--interactive-disabled);border-color:transparent;color:var(--text-disabled);cursor:default}.button--primary{background:var(--interactive-accent);border-color:var(--interactive-accent);color:var(--interactive-on-accent)}.button--primary:hover:not(:disabled){background:var(--interactive-accent-hover);border-color:var(--interactive-accent-hover)}.button--primary:active:not(:disabled){background:var(--interactive-accent-active);border-color:var(--interactive-accent-active)}.button--secondary{background:transparent;border-color:var(--interactive-accent);color:var(--text-accent)}.button--secondary:hover:not(:disabled){background:var(--interactive-accent-subtle);border-color:var(--interactive-accent)}.button--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background:var(--interactive-accent-subtle);border-color:transparent;color:var(--text-primary)}.button--danger{background:transparent;border-color:var(--status-danger);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:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out)}.icon-button:hover{background:var(--interactive-accent-subtle);color:var(--text-primary)}.icon-button:active{transform:scale(.94)}.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:1px solid var(--border-strong);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-radius:var(--radius-pill);background:var(--team-color);color:var(--card-ink);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:1px solid var(--border-default);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:1px solid var(--border-subtle);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:4px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--border-strong)}.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-radius:var(--radius-lg);padding:var(--space-8)}.dialog:before{display:none}}.card{background:var(--card-face);border:2px solid var(--team-color);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}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);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:1px solid var(--border-default);border-radius:var(--radius-md);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:1px solid var(--border-strong);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:1px solid var(--border-default);border-left:3px solid var(--status-warning);border-radius:var(--radius-sm);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:1px solid var(--border-default);border-radius:var(--radius-xs);padding:0 var(--space-3);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-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:1px;background:var(--border-default)}.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-radius:var(--radius-sm);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-radius:var(--radius-pill);background:var(--interactive-accent);color:var(--interactive-on-accent);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-radius:var(--radius-sm);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:1px solid 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}.table-screen{gap:var(--space-5);--toast-lift: 120px;overscroll-behavior:none}.table-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.round-chip{background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-6);font-weight:var(--weight-bold);font-size:var(--text-sm);white-space:nowrap}.opponents{display:flex;gap:var(--space-5);overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;padding-bottom:var(--space-2);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}.opponents::-webkit-scrollbar{display:none}.opponent{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-5);min-width:92px;scroll-snap-align:start;position:relative}.opponent--leader{border-color:var(--interactive-accent);box-shadow:0 0 10px var(--interactive-accent-subtle)}.opponent--out{opacity:.4}.opponent-name{font-size:var(--text-sm);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-cards{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.table-center{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.table-status{text-align:center;display:flex;flex-direction:column;gap:var(--space-5);align-items:center}.turn-line{color:var(--text-secondary);margin:0}.turn-line strong{color:var(--text-accent)}.pot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--status-warning);font-size:var(--text-sm)}.pot-stack{font-size:var(--text-xl);letter-spacing:-.4em;padding-right:.4em}.your-area{display:flex;justify-content:center;border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow var(--dur-med) var(--ease-out)}@media(orientation:portrait)and (max-height:700px){.table-screen{gap:var(--space-3);--stat-row-min: 40px;padding-block:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-bottom))}.table-screen .card--full{font-size:var(--text-sm)}.table-screen .opponent{padding:var(--space-3) var(--space-4)}.table-screen .table-status{gap:var(--space-3)}.table-screen .emote-bar{padding-top:0}}.your-area--turn{box-shadow:0 0 0 2px var(--interactive-accent),0 0 24px var(--interactive-accent-subtle)}.hand{display:flex;align-items:flex-end;gap:var(--space-6)}.hand-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hand-rest{display:flex;align-items:center;position:relative;height:64px}.hand-card-back{width:34px;height:48px;border-radius:var(--radius-xs);background:repeating-linear-gradient(45deg,var(--surface-panel) 0 6px,var(--surface-raised) 6px 12px);border:1px solid var(--border-default);margin-left:-22px}.hand-card-back:first-child{margin-left:0}.hand-count{margin-left:var(--space-5);font-weight:var(--weight-black);color:var(--text-secondary)}.reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;--reveal-stagger: .13s}.reveal-stat{margin:0;color:var(--text-secondary)}.reveal-stat strong{color:var(--text-accent);font-size:1.1em}.reveal-cards{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap;perspective:1200px}@media(max-width:600px),(max-height:700px){.reveal .card-stats .stat-row:not(.stat-row--hot){display:none}.table-center{overflow:hidden}.table-screen:has(.reveal) .your-area{display:none}}.reveal-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.reveal-owner{font-size:var(--text-sm);color:var(--text-secondary)}.reveal-flipper{animation:flip-in var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--slot-index, 0) * var(--reveal-stagger));transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.reveal-value{font-size:var(--text-lg);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.reveal-value--win{color:var(--status-win);animation:pop var(--dur-med) var(--ease-out)}.reveal-verdict{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);animation:rise var(--dur-med) var(--ease-out)}.table-social{display:flex;align-items:center;gap:var(--space-4)}.table-social .emote-bar{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.table-social .emote-bar::-webkit-scrollbar{display:none}.table-social .emote-button{flex:0 0 auto}.emote-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-2)}.emote-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:var(--text-lg);padding:var(--space-3) var(--space-5);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out)}.emote-button:active{transform:scale(1.25)}.game-chat{position:relative;margin-left:auto;flex:none}.game-chat-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.game-chat-toggle:hover{background:var(--interactive-accent-subtle)}.game-chat-toggle:focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}.game-chat--open .game-chat-toggle{border-color:var(--interactive-accent);color:var(--text-accent)}.game-chat-badge{min-width:18px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--interactive-accent);color:var(--interactive-on-accent);font-size:var(--text-xs);font-weight:var(--weight-black);line-height:18px;text-align:center}.game-chat-panel{position:absolute;bottom:calc(100% + var(--space-4));right:0;z-index:5;width:min(340px,calc(100vw - var(--space-8)));display:flex;flex-direction:column;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-overlay);box-shadow:var(--elevation-overlay);animation:rise var(--dur-fast) var(--ease-out)}.game-chat-panel .chat-log{max-height:180px}.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{border-color:var(--status-warning);box-shadow:0 0 30px var(--rarity-star-glow)}.results-trophy{font-size:var(--text-3xl);margin:0;animation:pop var(--dur-slow) var(--ease-out)}.results-title{margin:0;font-size:var(--text-xl);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-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);min-height:var(--touch-min);align-items:center}.standing--winner{border:1px solid var(--status-warning)}.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);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:1px solid var(--border-strong);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:1px solid var(--border-strong);border-radius:var(--radius-pill);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:2px 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(--interactive-accent)}.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:1px solid var(--border-default);border-radius:var(--radius-sm);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)}.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-radius:var(--radius-pill);background:var(--surface-raised);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:auto 1fr auto;grid-template-rows:auto 1fr;gap:var(--space-4);--toast-lift: 0px;--stat-row-min: 40px;max-height:100dvh;overflow:hidden}.table-screen>*{min-height:0}.table-screen .card--full{font-size:var(--text-sm)}.table-head{grid-area:1 / 1 / 2 / 3}.table-social{grid-area:1 / 3 / 2 / 4}.table-social .emote-bar{padding-top:0;flex-wrap:nowrap;flex:0 1 auto}.your-area{grid-area:2 / 1 / 3 / 2;padding:var(--space-2)}.table-center{grid-area:2 / 2 / 3 / 3}.opponents{grid-area:2 / 3 / 3 / 4;flex-direction:column;width:128px;flex:0 0 auto;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 24px),transparent 100%)}}@media(prefers-reduced-motion:reduce){.reveal-flipper,.reveal-value--win,.reveal-verdict,.results-trophy,.reaction-float,.game-chat-panel{animation:none}.reveal-flipper,.reaction-float{will-change:auto}.emote-button,.your-area{transition:none}.emote-button:active{transform:none}}