@font-face{font-family:Bitter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-600-C8X_T8j_.woff2) format("woff2")}@font-face{font-family:Bitter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-600-C8X_T8j_.woff2) format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/karla-400-C1qp5MLU.woff2) format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/karla-400-C1qp5MLU.woff2) format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/karla-400-C1qp5MLU.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/space-mono-400-Rg4St2Dn.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/space-mono-700-mWgeinG7.woff2) format("woff2")}:root{--ground: #141110;--panel: #1B1715;--panel-2: #241E1A;--panel-inset: #0F0D0C;--hairline: #2E2622;--hairline-strong: #4A2E1F;--accent: #C9973F;--accent-2: #A8452F;--accent-bright: #E8BE72;--accent-soft: rgba(200, 161, 60, .16);--on-accent: #141110;--wood: #4A2E1F;--wood-lit: #6B452E;--felt-lit: #23493A;--chalk-dim: #9C9184;--chalk-faint: #6B635A;--ground-2: #1B1715;--plate: #1E1711;--amber: #C9973F;--amber-dim: #4A3411;--red: #b8453a;--red-dim: #4a1c17;--red-text: #e79b90;--green: #4e9c62;--green-dim: #1d3d27;--green-text: #8fcf9f;--blue: #5b8bb0;--blue-dim: #1c303d;--blue-text: #a8c9e0;--ink: #EDE6D8;--ink-2: rgba(240, 228, 208, .68);--ink-3: rgba(240, 228, 208, .42);--on-amber: #241800;--on-signal: #fdf6e8;--felt: #1C3B2E;--felt-line: #23493A;--felt-pool: #14603f;--pool-guide-fill: rgba(255, 248, 230, .11);--pool-guide-line: rgba(255, 248, 230, .5);--pool-aim-line: rgba(255, 248, 230, .8);--rail: #4A2E1F;--rail-light: #6B452E;--rail-dark: #2E1C12;--felt-edge: #103a27;--pocket: #0a0705;--diamond: #ecdcb8;--cue-shaft: #d9b485;--cue-shaft-light: #f0d8b4;--cue-butt: #4a2e1a;--cue-ferrule: #f7f0e2;--cue-tip: #38699b;--cue-spot: #c0402c;--ball-shine: rgba(255, 250, 235, .44);--face: #f4ecda;--face-ink: #1e1610;--face-edge: #c6b899;--hull: #8e9099;--hull-edge: #5c5e68;--hull-tower: #71737d;--hull-mast: #5a5c66;--hull-turret: #4e5058;--hull-deck: #b8bac4;--hull-selected-tower: #b0862a;--wreck: #4a332c;--wreck-dark: #382722;--wreck-deck: #6b4a3e;--ball-edge: rgba(0, 0, 0, .42);--play-red: #c3392f;--play-yellow: #d9a626;--play-green: #3f8b52;--play-blue: #37699e;--play-purple: #7a4f96;--play-orange: #c86e28;--play-maroon: #8f3b39;--play-black: #221913;--play-yellow-ink: #96700f;--val-0: #6f665c;--val-1: #b93b32;--val-2: #bd6127;--val-3: #a67c1c;--val-4: #7f8a22;--val-5: #55893a;--val-6: #2f8a5a;--val-7: #1f8481;--val-8: #2a7699;--val-9: #3b62a6;--val-10: #6a51a4;--val-11: #8f4093;--val-12: #ab3a6b;--val-ink: #fdf7ea;--wild-face: #32241b;--wild-edge: #7b6247;--game-uno: #c3392f;--game-flip7: #d97b1f;--game-tacta: #4b7f8c;--game-party: #8f3b39;--game-connect4: #d9a626;--game-uttt: #37699e;--game-dots: #3f8b52;--game-battleship: #4a7ea3;--game-yahtzee: #c86e28;--game-rummy: #7a4f96;--game-hearts: #ab3a6b;--game-spades: #3d5a80;--game-farkle: #8c5b2f;--game-golf: #2f7d4f;--game-liarsdice: #7a4a86;--game-stockpile: #1f8481;--game-pool8: #2f8a5a;--game-pool9: #a67c1c;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 5px;--r-md: 9px;--r-lg: 14px;--r-pill: 999px;--tap: 44px;--dock-h: 54px;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .4s;--dur-celebrate: .9s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.45, 0, .2, 1);--ease-gravity: cubic-bezier(.45, 0, .85, .55);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--font-body: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-stencil: "Bitter", Georgia, "Iowan Old Style", "Book Antiqua", serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--track-stencil: .005em;--track-plate: .16em;--inset: inset 0 1px 0 rgba(255, 240, 210, .07), inset 0 -1px 0 rgba(0, 0, 0, .45);--lift: 0 3px 10px rgba(0, 0, 0, .5);--lift-lg: 0 14px 34px rgba(0, 0, 0, .62);--glow: 0 3px 12px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 240, 210, .28);--glow-amber: 0 3px 12px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 240, 210, .22);--grain: repeating-linear-gradient( 92deg, rgba(255, 235, 200, .022) 0 2px, rgba(0, 0, 0, .03) 2px 5px);--baize: repeating-linear-gradient( 45deg, rgba(255, 255, 255, .014) 0 2px, rgba(0, 0, 0, .02) 2px 4px);color-scheme:dark}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-celebrate: 1ms}}:root[data-motion=reduced]{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-celebrate: 1ms}@media (prefers-reduced-motion: reduce){.emphasis,.fx-shake,.fx-pulse,.fx-particles{animation:none!important}}:root[data-motion=reduced] .emphasis,:root[data-motion=reduced] .fx-shake,:root[data-motion=reduced] .fx-pulse,:root[data-motion=reduced] .fx-particles{animation:none!important}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,rgba(255,214,150,.07),transparent 60%),var(--grain),var(--ground);background-attachment:fixed;color:var(--ink);font:16px/1.45 var(--font-body);-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px;border-radius:var(--r-sm)}.num,.turn-code,.score-value,.score-potential,.roomcode-hero .code,.badge,.gin-tag,.pool-power-label,.yz-player strong,.count-badge,.dots-score strong,.score-table td,.score-table th,.pool-chip,.opponent .ocount strong{font-variant-numeric:tabular-nums}.num,.score-value,.score-potential,.count-badge,.pool-chip,.yz-player strong,.dots-score strong,.score-table td,.opponent .ocount strong,.die-value{font-family:var(--font-mono)}.app{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app.docked{padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:calc(var(--dock-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel-2);border-top:1px solid var(--hairline-strong)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;background:none;border:0;cursor:pointer;color:var(--ink-2);padding:var(--sp-1) 2px;touch-action:manipulation;transition:color var(--dur-fast) var(--ease-out)}.tab.here{color:var(--amber)}.tab.here:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--amber)}.tab-mark{font-size:17px;line-height:1}.tab-label{font-family:var(--font-stencil);font-size:10px;letter-spacing:.3px;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-count{position:absolute;top:3px;right:50%;transform:translate(18px);min-width:15px;padding:0 3px;border-radius:999px;background:var(--amber);color:var(--panel);font-family:var(--font-stencil);font-size:10px;line-height:15px;text-align:center}.tab-live{position:absolute;top:7px;right:50%;transform:translate(15px);width:6px;height:6px;border-radius:50%;background:var(--green)}.chat-screen{display:flex;flex-direction:column;gap:var(--sp-3)}.chat-count{font-size:12.5px;margin-left:auto}.chat-guest{font-size:12.5px;margin:0}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--amber);text-decoration:underline;cursor:pointer}.screen{flex:1;width:100%;max-width:560px;margin:0 auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.topbar{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap)}.topbar h1{flex:1;min-width:0;margin:0;font-family:var(--font-stencil);font-size:21px;font-weight:800;letter-spacing:var(--track-stencil);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--sp-2)}.row{display:flex;gap:var(--sp-2);align-items:center}.row.wrap{flex-wrap:wrap}.row.wrap>.btn{flex:1 1 auto;min-width:0}.row-wrap{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.spacer{flex:1}.muted{color:var(--ink-2);font-size:14px}.center{text-align:center}.label{font-family:var(--font-stencil);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:var(--track-plate);color:var(--ink-3);margin:0}.section-head{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-1)}.section-head:first-child{margin-top:0}.section-head h2{margin:0;font-family:var(--font-stencil);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--track-plate);color:var(--ink-3);flex:none}.section-head:after{content:"";flex:1;height:1px;background:var(--hairline)}.btn{min-height:50px;padding:0 var(--sp-5);border-radius:var(--r-md);border:1px solid var(--hairline-strong);background:var(--panel-2);color:var(--ink);font-family:var(--font-stencil);font-size:16px;font-weight:700;letter-spacing:var(--track-stencil);cursor:pointer;box-shadow:var(--inset);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.975);background:var(--panel)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--accent-bright),var(--accent) 55%,#a8842c);border-color:#8a6c22;color:var(--on-accent);box-shadow:var(--glow);text-shadow:0 1px 0 rgba(255,245,220,.35)}.btn-primary:disabled{box-shadow:none}.btn-danger{background:transparent;border-color:var(--red);color:var(--red-text)}.btn-ghost{background:transparent;border-color:var(--hairline)}.btn-block{width:100%}.btn-sm{min-height:38px;padding:0 var(--sp-3);font-size:14px;border-radius:var(--r-sm);box-shadow:none}.btn-icon{min-width:var(--tap);padding:0 var(--sp-3)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label{font-family:var(--font-stencil);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:var(--track-plate);color:var(--ink-3)}.input{min-height:50px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--panel-inset);color:var(--ink);width:100%;box-shadow:var(--inset);transition:border-color var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--accent);outline:none}.input-code{font-family:var(--font-stencil);font-size:30px;font-weight:700;letter-spacing:var(--track-plate);text-align:center;text-transform:uppercase;min-height:64px;font-variant-ligatures:none}.card-panel{background:var(--grain),var(--panel);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--inset),var(--lift)}.toggle{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--hairline);cursor:pointer}.toggle input{width:22px;height:22px;accent-color:var(--accent);flex:none}.toggle .toggle-body{flex:1}.toggle .toggle-name{font-weight:600;font-size:15px}.toggle .toggle-hint{color:var(--ink-2);font-size:12.5px;line-height:1.35}.error{background:var(--red-dim);border:1px solid var(--red);color:var(--ink);padding:var(--sp-3);border-radius:var(--r-md);font-size:14px}.notice{background:var(--panel);border:1px solid var(--hairline);border-left:4px solid var(--blue);border-radius:var(--r-md);padding:var(--sp-3);font-size:13.5px;line-height:1.5;color:var(--ink-2)}.dash{display:flex;flex-direction:column;min-height:100%}.bar{display:flex;align-items:center;gap:11px;padding:18px 20px 15px;background:var(--plate);border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.bar .logo{height:46px;width:auto;flex:none;display:block;filter:drop-shadow(0 3px 7px rgba(0,0,0,.6))}.bar .mark{font-family:var(--font-stencil);font-weight:800;font-size:19px;letter-spacing:-.02em}.bar .mark b{color:var(--accent);font-weight:800}.bar .who{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--chalk-faint);letter-spacing:.04em;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.felt{position:relative;padding:18px 20px 22px;background:radial-gradient(120% 90% at 50% 0%,var(--felt-lit) 0%,var(--felt) 62%,#163025 100%);border-top:2px solid var(--wood-lit);border-bottom:2px solid var(--wood);box-shadow:inset 0 1px #e9be7238,inset 0 -14px 26px #00000057}.felt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 3px)}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#ede6d89e;margin-bottom:14px;min-height:16px}.eyebrow .n{font-weight:700;color:var(--ground);background:var(--accent);border-radius:3px;padding:1px 6px;letter-spacing:.02em}.eyebrow.dark{color:var(--chalk-faint);margin-top:22px}.eyebrow.dark .n{background:var(--wood-lit);color:var(--ink)}.game{display:flex;align-items:center;gap:11px;width:100%;min-height:var(--tap);text-align:left;background:#08140f80;border:1px solid rgba(233,190,114,.14);border-left:3px solid var(--chalk-faint);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:8px;color:inherit;font:inherit;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent}.game:last-of-type{margin-bottom:0}.game:active{transform:scale(.985)}.game.mine{border-left-color:var(--accent);background:#c9973f1a;border-color:#e9be7257}.game:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.game .body{flex:1;min-width:0}.game .top{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.game .title{flex:1;min-width:0;font-family:var(--font-stencil);font-weight:600;font-size:16px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .meta{display:block;font-size:12.5px;color:#ede6d8b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.game .state{flex:none;display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--chalk-dim)}.game.mine .state{color:var(--accent-bright)}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.game.mine .dot{animation:dash-pulse 2.4s var(--ease-out) infinite}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.3}}.empty{text-align:center;padding:18px 0 8px}.empty-logo{display:block;width:min(240px,68%);height:auto;margin:0 auto 14px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}.empty p{margin:0;font-size:14px;color:#ede6d8c7}.rail{height:5px;background:linear-gradient(180deg,var(--accent-bright),var(--accent) 40%,#6E5220);box-shadow:0 2px 6px #0000008c}.rack{padding:22px 20px 34px;background:var(--ground);flex:1}.rack .eyebrow.dark:first-child{margin-top:0}.shelf{margin-top:var(--sp-5)}.shelf:first-of-type{margin-top:var(--sp-3)}.shelf-head{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-2);font-family:var(--font-stencil);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.shelf-head span{flex:none;padding:4px 10px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--wood-lit),var(--wood));border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px #fff0d229,0 1px 3px #00000080}.shelf-head:after{content:"";flex:1;height:3px;border-radius:2px;background:linear-gradient(180deg,var(--wood-lit),var(--wood));box-shadow:0 1px 2px #00000080}.shelf-games{display:flex;flex-direction:column;gap:var(--sp-2)}.pick{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:56px;text-align:left;background:linear-gradient(170deg,var(--panel),var(--ground-2));border:1px solid var(--hairline);border-left:3px solid var(--wood-lit);border-radius:var(--r-sm);padding:12px 14px;color:inherit;font:inherit;cursor:pointer;box-shadow:var(--inset);transition:background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent}.pick:hover{background:var(--panel-2);border-left-color:var(--wood-lit)}.pick:active{transform:scale(.99)}.pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pick:disabled{opacity:.4;cursor:default}.pick .name{font-family:var(--font-stencil);font-weight:600;font-size:17px;flex:1;min-width:0}.pick .dets{flex:none;font-family:var(--font-mono);font-size:11.5px;color:var(--chalk-dim);white-space:nowrap}.setting{display:flex;gap:13px;align-items:flex-start;margin-top:26px;padding:15px;background:var(--panel);border-radius:var(--r-sm);border:1px solid rgba(237,230,216,.07);cursor:pointer}.setting input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--accent);cursor:pointer}.setting .lbl{display:block;font-family:var(--font-stencil);font-weight:600;font-size:14.5px;margin-bottom:3px}.setting .desc{font-size:13px;color:var(--chalk-dim);line-height:1.4}.note{margin-top:26px;padding-top:16px;border-top:1px solid rgba(237,230,216,.07);font-family:var(--font-mono);font-size:10.5px;color:var(--chalk-faint);letter-spacing:.03em;line-height:1.9}.roomcode-hero{position:relative;overflow:hidden;text-align:center;padding:var(--sp-5) var(--sp-3);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 50% -30%,var(--accent-soft),transparent 62%),var(--grain),linear-gradient(180deg,var(--panel-2),var(--panel-inset));border:1px solid var(--hairline-strong);box-shadow:var(--inset),var(--lift-lg)}.roomcode-hero .code{font-family:var(--font-mono);font-size:clamp(52px,18vw,82px);font-weight:700;letter-spacing:.1em;line-height:1;margin:var(--sp-2) 0;text-indent:.1em;color:var(--accent-bright);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,240,205,.22),0 3px 6px rgba(0,0,0,.7)}.gamehead{--tile: var(--accent);position:relative;overflow:hidden;border-radius:var(--r-md);border:1px solid var(--hairline);border-left:6px solid var(--tile);background:linear-gradient(150deg,color-mix(in srgb,var(--tile) 24%,var(--panel)),var(--panel) 66%),var(--grain);padding:var(--sp-4);box-shadow:var(--inset),var(--lift)}.gamehead .mark{position:absolute;top:-18px;right:-8px;font-size:108px;line-height:1;color:var(--tile);opacity:.34;pointer-events:none}.gamehead h1{position:relative;margin:0;font-family:var(--font-stencil);font-size:32px;font-weight:700;letter-spacing:var(--track-stencil);line-height:1.05;max-width:11ch}.gamehead p{position:relative;margin:var(--sp-2) 0 0;color:var(--ink-2);font-size:14px;line-height:1.5;max-width:38ch}.gamehead .facts{position:relative;display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-top:var(--sp-3)}.ways{display:flex;flex-direction:column;gap:var(--sp-2)}.way{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:64px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--grain),var(--panel);color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--inset);transition:transform var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.way:active{transform:translateY(1px)}.way .way-body{flex:1;display:flex;flex-direction:column;gap:1px}.way .way-name{font-family:var(--font-stencil);font-weight:700;font-size:16px}.way .way-hint{color:var(--ink-2);font-size:12.5px;line-height:1.35}.way .way-go{color:var(--ink-3);font-size:18px}.way.primary{border-color:#8a6c22;background:linear-gradient(180deg,var(--accent-bright),var(--accent) 55%,#a8842c);color:var(--on-accent);box-shadow:var(--glow)}.way.primary .way-hint{color:#201509b8}.way.primary .way-go{color:var(--on-accent)}.player-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--hairline);min-height:52px}.player-row .pname{font-weight:600;flex:1}.badge{font-family:var(--font-stencil);font-size:11.5px;letter-spacing:0;padding:4px 10px;border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--ink-2);font-weight:700}.badge-host{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.badge-you{background:var(--blue-dim);border-color:var(--blue);color:var(--blue-text)}.badge-bot{background:var(--panel-inset)}.badge-idle{background:var(--red-dim);border-color:var(--red);color:var(--red-text)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot-on{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-off{background:var(--hairline-strong)}.table{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-height:0}.opponents{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:2px}.opponent{flex:none;min-width:88px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:3px;transition:border-color var(--dur-fast) var(--ease-out)}.opponent.is-current{border-color:color-mix(in srgb,var(--amber) 60%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--amber) 15%,var(--panel)),var(--panel));box-shadow:var(--glow-amber)}.opponent .oname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.opponent .ocount{font-size:12px;color:var(--ink-2)}.opponent .ocount strong{color:var(--ink);font-size:15px}.opponent.flash-skip{animation:skip-flash var(--dur-slow) var(--ease-out)}@keyframes skip-flash{30%{opacity:.3;border-color:var(--red)}}.opponent.caught{animation:caught-flash var(--dur-slow) var(--ease-out)}@keyframes caught-flash{0%,to{background:var(--panel)}40%{background:var(--red-dim);border-color:var(--red)}}.opponent.called-uno{animation:counter-bump var(--dur-slow) var(--ease-out)}.colorbar{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:46px;border-radius:var(--r-sm);font-family:var(--font-stencil);font-weight:700;font-size:15px;letter-spacing:var(--track-plate);text-transform:uppercase;border:2px solid rgba(255,255,255,.2);transition:background var(--dur-slow) var(--ease-in-out)}.colorbar.red{background:var(--play-red);color:var(--on-signal)}.colorbar.yellow{background:var(--play-yellow);color:var(--face-ink)}.colorbar.green{background:var(--play-green);color:var(--on-signal)}.colorbar.blue{background:var(--play-blue);color:var(--on-signal)}.colorbar.sweeping{animation:colour-sweep var(--dur-slow) var(--ease-in-out)}@keyframes colour-sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.colorbar .pending{background:#00000057;padding:3px var(--sp-2);border-radius:var(--r-pill);letter-spacing:.04em;font-variant-numeric:tabular-nums}.colorbar .pending.bump{animation:counter-bump var(--dur-base) var(--ease-out)}@keyframes counter-bump{50%{transform:scale(1.35)}}.felt{background:radial-gradient(130% 120% at 50% 0%,color-mix(in srgb,var(--felt-line) 60%,transparent),transparent 65%),var(--baize),var(--felt);border:1px solid var(--felt-line);border-radius:var(--r-lg);box-shadow:var(--inset),var(--lift);padding:var(--sp-4) var(--sp-3);display:flex;align-items:center;justify-content:center;gap:var(--sp-5)}.pile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);position:relative}.pile-label{font-family:var(--font-stencil);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:var(--track-stencil)}.turn-banner{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);border-radius:var(--r-md);font-family:var(--font-stencil);font-weight:700;font-size:15px;letter-spacing:var(--track-stencil);background:var(--panel);border:1px solid var(--hairline);color:var(--ink-2);padding:0 var(--sp-4);text-align:center}.turn-banner.mine{background:linear-gradient(180deg,var(--amber),color-mix(in srgb,var(--amber) 82%,black));color:var(--on-amber);border-color:transparent;box-shadow:var(--glow-amber)}.hand-area{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.hand{display:flex;gap:var(--sp-2);overflow-x:auto;overflow-y:hidden;padding:var(--sp-4) var(--sp-1) var(--sp-2);scroll-padding:var(--sp-3);-webkit-overflow-scrolling:touch}.hand::-webkit-scrollbar{height:5px}.hand::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}.hand-slot{flex:none;background:none;border:0;padding:0;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out);border-radius:var(--r-sm)}.hand-slot.playable{transform:translateY(-12px)}.hand-slot.playable:active{transform:translateY(-16px) scale(1.03)}.hand-slot.dimmed{opacity:.42;cursor:default;filter:saturate(.55)}.actions{display:flex;gap:var(--sp-2)}.actions .btn{flex:1}.log{font-size:12.5px;color:var(--ink-2);background:var(--panel-inset);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);white-space:nowrap;overflow-x:auto;min-height:34px;display:flex;align-items:center}.log .sep{opacity:.45;margin:0 var(--sp-1)}.log .me{color:var(--ink);font-weight:600}.uno-card{position:relative;width:var(--w, 72px);height:calc(var(--w, 72px) * 1.5);border-radius:calc(var(--w, 72px) * .14);background:linear-gradient(160deg,#ffffff2e,#00000029 65%),var(--card-bg, var(--panel));border:calc(var(--w, 72px) * .055) solid var(--face);box-shadow:var(--lift);overflow:hidden;flex:none;display:block}.uno-card .oval{position:absolute;top:8%;right:8%;bottom:8%;left:8%;background:var(--face);border-radius:50%;transform:rotate(-24deg) scale(1.06,.82)}.uno-card .pip{position:absolute;font-weight:800;color:var(--face);font-size:calc(var(--w, 72px) * .2);line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.4)}.uno-card .pip-tl{top:4%;left:7%}.uno-card .pip-br{bottom:4%;right:7%;transform:rotate(180deg)}.uno-card .face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--w, 72px) * .58);line-height:1;color:var(--card-ink, var(--face-ink));transform:rotate(-8deg)}.uno-card .face.small{font-size:calc(var(--w, 72px) * .36)}.uno-card .face svg{width:52%;height:52%;display:block}.uno-card.red{--card-bg: var(--play-red);--card-ink: var(--play-red)}.uno-card.yellow{--card-bg: var(--play-yellow);--card-ink: var(--play-yellow-ink)}.uno-card.green{--card-bg: var(--play-green);--card-ink: var(--play-green)}.uno-card.blue{--card-bg: var(--play-blue);--card-ink: var(--play-blue)}.uno-card.wild{--card-bg: var(--play-black);--card-ink: var(--play-black)}.uno-card.back{background:var(--play-black)}.uno-card.back .oval{background:var(--play-red)}.uno-card.back .brand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:rotate(-24deg);color:var(--face);font-family:var(--font-stencil);font-weight:700;font-size:calc(var(--w, 72px) * .2);letter-spacing:var(--track-stencil);text-align:center}.uno-card.empty{background:transparent;border-style:dashed;border-color:var(--hairline-strong);box-shadow:none}.wild-quads{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;overflow:hidden;transform:rotate(-24deg) scale(1.06,.82)}.wild-quads span{position:absolute;width:50%;height:50%}.wild-quads .q1{top:0;left:0;background:var(--play-blue)}.wild-quads .q2{top:0;right:0;background:var(--play-red)}.wild-quads .q3{bottom:0;left:0;background:var(--play-yellow)}.wild-quads .q4{bottom:0;right:0;background:var(--play-green)}.count-badge{position:absolute;right:-6px;bottom:-6px;background:var(--panel-2);border:2px solid var(--ground);border-radius:var(--r-pill);min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 var(--sp-1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ground) 96%,transparent);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);z-index:50}.overlay-panel{background:var(--panel);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:var(--sp-5);width:100%;max-width:420px;text-align:center;box-shadow:var(--lift-lg)}.overlay-panel h2{margin:0 0 var(--sp-1);font-family:var(--font-stencil);font-size:22px;text-transform:uppercase;letter-spacing:var(--track-stencil)}.color-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-4)}.color-choice{min-height:92px;border-radius:var(--r-md);border:3px solid rgba(255,255,255,.18);font-family:var(--font-stencil);font-weight:700;font-size:16px;letter-spacing:var(--track-stencil);text-transform:uppercase;cursor:pointer}.color-choice.red{background:var(--play-red);color:var(--on-signal)}.color-choice.yellow{background:var(--play-yellow);color:var(--face-ink)}.color-choice.green{background:var(--play-green);color:var(--on-signal)}.color-choice.blue{background:var(--play-blue);color:var(--on-signal)}.handoff .overlay-panel{padding:var(--sp-6) var(--sp-5)}.handoff .who{font-family:var(--font-stencil);font-size:30px;font-weight:700;text-transform:uppercase;letter-spacing:var(--track-stencil);margin:var(--sp-2) 0 var(--sp-1)}.conn{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-stencil);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-stencil);color:var(--ink-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);white-space:nowrap}.seat-switcher{display:flex;gap:var(--sp-2);overflow-x:auto}.seat-chip{flex:none;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;min-height:38px;display:flex;align-items:center;gap:var(--sp-1)}.seat-chip.active{border-color:var(--amber)}.seat-chip .turn-mark{font-family:var(--font-stencil);color:var(--amber);font-size:10px;font-weight:700;letter-spacing:var(--track-stencil)}.winner-card{--tile: var(--accent);position:relative;overflow:hidden;text-align:center;padding:var(--sp-6) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--hairline);border-top:5px solid var(--tile);background:radial-gradient(120% 130% at 50% -20%,color-mix(in srgb,var(--tile) 34%,transparent),transparent 62%),var(--grain),var(--panel);box-shadow:var(--inset),var(--lift-lg);animation:winner-in var(--dur-celebrate) var(--ease-back) backwards}@keyframes winner-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.winner-name{font-family:var(--font-stencil);font-size:clamp(34px,11vw,46px);font-weight:700;letter-spacing:var(--track-stencil);line-height:1.05;margin:var(--sp-2) 0 var(--sp-1);text-wrap:balance}.skeleton{color:var(--ink-2);text-align:center;padding:var(--sp-6) 0}.catchup-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--blue-dim);border:1px solid var(--blue);color:var(--blue-text);font-family:var(--font-stencil);font-size:12px;text-transform:uppercase;letter-spacing:var(--track-stencil)}.c4-player{display:flex;align-items:center;gap:var(--sp-1);flex:1;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-left:3px solid var(--hairline-strong);min-width:0}.c4-player.is-current{border-left-color:var(--amber)}.c4-pname{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c4-chip{width:16px;height:16px;border-radius:50%;flex:none}.c4-chip.red{background:var(--play-red)}.c4-chip.yellow{background:var(--play-yellow)}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1);background:var(--play-blue);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:var(--sp-1);width:100%;box-shadow:var(--inset)}.c4-col{display:flex;flex-direction:column;gap:var(--sp-1);background:transparent;border:0;padding:3px 1px;border-radius:var(--r-sm);cursor:default;min-width:0}.c4-col.playable{cursor:pointer}.c4-col.playable:hover,.c4-col.playable:active{background:#ffffff21}.c4-col.playable:focus-visible{outline:3px solid var(--amber);outline-offset:-2px}.c4-hole{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;background:var(--ground);box-shadow:inset 0 2px 4px #0000008c;display:block}.c4-disc{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;box-shadow:inset 0 -2px 4px #0000004d}.c4-disc.red{background:var(--play-red)}.c4-disc.yellow{background:var(--play-yellow)}.c4-disc.ghost{opacity:.28}.c4-disc.winning{outline:3px solid var(--face);outline-offset:-2px;animation:c4-win var(--dur-slow) var(--ease-out)}@keyframes c4-win{50%{outline-color:var(--amber);transform:scale(1.08)}}.c4-disc.dropped{animation:c4-drop var(--dur-slow) var(--ease-gravity)}@keyframes c4-drop{0%{transform:translateY(-620%)}78%{transform:translateY(0)}88%{transform:translateY(-9%) scaleY(.94)}to{transform:translateY(0) scaleY(1)}}.c4-board.is-final{max-width:260px;margin:0 auto}.uttt-big{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1);background:var(--hairline);padding:var(--sp-1);border-radius:var(--r-md);width:100%;max-width:420px;margin:0 auto}.uttt-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--panel-2);border-radius:var(--r-sm);padding:3px;border:2px solid transparent;transition:opacity var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.uttt-board.open{border-color:var(--amber);background:var(--amber-dim)}.uttt-board.closed{opacity:.36}.uttt-board.settled{opacity:.9}.uttt-board.big-win{border-color:var(--face)}.uttt-cell{aspect-ratio:1 / 1;background:var(--ground);border:0;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;cursor:default;min-width:0}.uttt-cell.playable{cursor:pointer;background:var(--panel-inset)}.uttt-cell.playable:hover,.uttt-cell.playable:active{background:var(--panel-2)}.uttt-cell.last{box-shadow:inset 0 0 0 2px var(--amber)}.uttt-mark{font-size:clamp(11px,3.2vw,17px);font-weight:800;line-height:1}.uttt-mark.small{font-size:15px}.uttt-mark.huge{font-size:clamp(40px,13vw,62px)}.uttt-mark.m-X{color:var(--red-text)}.uttt-mark.m-O{color:var(--blue-text)}.uttt-mark.placed{animation:mark-in var(--dur-fast) var(--ease-out)}@keyframes mark-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.uttt-claim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ground) 84%,transparent);border-radius:var(--r-sm);pointer-events:none}.uttt-claim.claiming{animation:claim-in var(--dur-slow) var(--ease-out)}.uttt-claim.drawn{color:var(--ink-2);font-size:34px;font-weight:800}@keyframes claim-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.dots-scores{display:flex;gap:var(--sp-2);flex-wrap:wrap}.dots-score{flex:1 1 40%;min-width:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-left:5px solid var(--seat, var(--hairline-strong))}.dots-score.is-current{border-color:var(--amber);border-left-color:var(--seat)}.dots-score strong{font-size:17px}.dots-score.red{--seat: var(--play-red)}.dots-score.blue{--seat: var(--play-blue)}.dots-score.green{--seat: var(--play-green)}.dots-score.yellow{--seat: var(--play-yellow)}.dots-swatch{width:14px;height:14px;border-radius:3px;flex:none}.dots-swatch.red{background:var(--play-red)}.dots-swatch.blue{background:var(--play-blue)}.dots-swatch.green{background:var(--play-green)}.dots-swatch.yellow{background:var(--play-yellow)}.dots-wrap{padding:var(--sp-4);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--inset)}.dots-grid{position:relative;width:100%;aspect-ratio:1 / 1}.dots-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--hairline-strong);transform:translate(-50%,-50%);pointer-events:none}.dots-edge{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;cursor:default;touch-action:manipulation;border-radius:var(--r-sm)}.dots-edge.h{height:var(--tap)}.dots-edge.v{width:var(--tap)}.dots-edge.open{cursor:pointer}.dots-edge:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:3px;background:var(--hairline);transition:background var(--dur-fast) var(--ease-out)}.dots-edge.h:after{width:100%;height:4px}.dots-edge.v:after{width:4px;height:100%}.dots-edge.open:hover:after,.dots-edge.open:active:after{background:var(--amber)}.dots-edge.open:focus-visible{outline:3px solid var(--amber)}.dots-edge.drawn:after{background:var(--ink-2)}.dots-edge.drawn.red:after{background:var(--play-red)}.dots-edge.drawn.blue:after{background:var(--play-blue)}.dots-edge.drawn.green:after{background:var(--play-green)}.dots-edge.drawn.yellow:after{background:var(--play-yellow)}.dots-edge.last:after{box-shadow:0 0 0 2px #ffffff80}.dots-edge.just-drawn.h:after{animation:edge-draw-h var(--dur-fast) var(--ease-out)}.dots-edge.just-drawn.v:after{animation:edge-draw-v var(--dur-fast) var(--ease-out)}@keyframes edge-draw-h{0%{transform:translate(-50%,-50%) scaleX(0)}}@keyframes edge-draw-v{0%{transform:translate(-50%,-50%) scaleY(0)}}.dots-box{position:absolute;transform:translate(-50%,-50%);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--on-signal);pointer-events:none}.dots-box.red{background:color-mix(in srgb,var(--play-red) 85%,transparent)}.dots-box.blue{background:color-mix(in srgb,var(--play-blue) 85%,transparent)}.dots-box.green{background:color-mix(in srgb,var(--play-green) 85%,transparent)}.dots-box.yellow{background:color-mix(in srgb,var(--play-yellow) 85%,transparent);color:var(--face-ink)}.dots-box.just-closed{animation:box-fill var(--dur-base) var(--ease-out) backwards}@keyframes box-fill{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}}.bs-board{display:flex;flex-direction:column;gap:var(--sp-1)}.bs-label{font-family:var(--font-stencil);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-plate);color:var(--ink-2);font-weight:700}.bs-grid{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:var(--blue-dim);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:var(--sp-1);width:100%}.bs-board.small .bs-grid{max-width:190px}.bs-grid.shake{animation:hit-shake var(--dur-fast) var(--ease-in-out)}@keyframes hit-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bs-cell{position:relative;aspect-ratio:1 / 1;background:var(--blue-dim);border:0;border-radius:2px;padding:0;display:flex;align-items:center;justify-content:center;min-width:0;cursor:default;touch-action:manipulation}button.bs-cell{cursor:pointer}button.bs-cell:hover{background:var(--blue)}.bs-cell.armed{background:var(--amber);box-shadow:inset 0 0 0 2px var(--face)}.bs-ship{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:2px;background:var(--hairline-strong)}.bs-ship.selected{background:var(--amber)}.bs-ship.sunk{background:var(--red-dim)}.bs-mark{position:relative;z-index:2;font-weight:800;font-size:11px;line-height:1}.bs-mark.hit{color:var(--red-text)}.bs-mark.miss{color:var(--blue-text);font-size:15px}.bs-mark.sunk{color:var(--on-signal);background:var(--red);border-radius:2px;padding:1px 2px}.bs-splash{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--face);animation:splash var(--dur-slow) var(--ease-out) forwards;pointer-events:none}@keyframes splash{0%{transform:scale(.2);opacity:.9}to{transform:scale(2.2);opacity:0}}.bs-impact{position:absolute;z-index:2;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;background:radial-gradient(circle,var(--amber),transparent 70%);animation:impact var(--dur-base) var(--ease-out) forwards;pointer-events:none}@keyframes impact{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.bs-sink{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.bs-sink-flash{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;border-radius:50%;background:radial-gradient(circle,var(--face),var(--amber) 40%,transparent 72%);animation:sink-flash var(--dur-slow) var(--ease-out) forwards}@keyframes sink-flash{0%{transform:scale(.2);opacity:1}to{transform:scale(2);opacity:0}}.bs-debris{position:absolute;left:50%;top:50%;width:34%;height:34%;border-radius:2px;background:var(--hairline-strong);animation:debris var(--dur-celebrate) var(--ease-out) forwards}@keyframes debris{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) rotate(var(--spin, 180deg));opacity:0}}.bs-smoke{position:absolute;left:50%;top:50%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(150,150,150,.5),transparent 70%);animation:smoke var(--dur-celebrate) var(--ease-out) forwards}@keyframes smoke{0%{transform:translate(-50%,-50%) scale(.4);opacity:.8}to{transform:translate(-50%,-170%) scale(2.4);opacity:0}}.bs-fleet{display:flex;gap:var(--sp-1);flex-wrap:wrap}.bs-shipbtn{flex:1 1 30%;min-height:46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink);cursor:pointer}.bs-shipbtn.selected{border-color:var(--amber)}.bs-shipname{font-size:13px;font-weight:700}.bs-ships-left{display:flex;gap:var(--sp-1);flex-wrap:wrap}.bs-tag{font-family:var(--font-stencil);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:var(--track-stencil);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--hairline)}.bs-tag.sunk{text-decoration:line-through;opacity:.45;border-color:var(--red)}.yz-head{display:flex;align-items:center;gap:var(--sp-2)}.dice-tray{display:flex;gap:var(--sp-2);justify-content:center;padding:var(--sp-1) 0}.die{width:100%;max-width:58px;aspect-ratio:1 / 1;border-radius:var(--r-sm);background:var(--face);border:3px solid transparent;padding:var(--sp-1);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.die[aria-disabled=true]{cursor:default}.die.blank{background:var(--panel-2)}.die.held{border-color:var(--amber);transform:translateY(-9px);box-shadow:var(--lift)}.die.tumbling{animation:die-tumble .7s var(--ease-out) backwards}@keyframes die-tumble{0%{transform:translateY(-40%) rotate(-140deg) scale(.85)}55%{transform:translateY(6%) rotate(18deg) scale(1.04)}75%{transform:translateY(-6%) rotate(-6deg)}to{transform:translateY(0) rotate(0) scale(1)}}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:2px}.pip{border-radius:50%;background:transparent}.pip.on{background:var(--face-ink)}.scorecard{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.score-col{display:flex;flex-direction:column;gap:3px;min-width:0}.score-head{font-family:var(--font-stencil);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-plate);color:var(--ink-2);font-weight:700;padding-left:2px}.score-row{display:flex;align-items:center;gap:var(--sp-1);min-height:36px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink);text-align:left;cursor:default;width:100%}.score-row.open{cursor:pointer}.score-row.open:hover,.score-row.open:active{background:var(--panel-2)}.score-row.filled{opacity:.6}.score-row.best{border-color:var(--amber)}.score-row.summary{background:transparent;border-style:dashed}.score-row.bonus-hit{animation:counter-bump var(--dur-slow) var(--ease-out);border-color:var(--green)}.score-label{flex:1;font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value{font-size:14px;font-weight:800;min-width:3ch;text-align:right}.score-potential{font-size:14px;font-weight:800;color:var(--amber);min-width:3ch;text-align:right}.score-potential.zero{color:var(--ink-3);font-weight:600}.yz-players{display:flex;gap:var(--sp-2);flex-wrap:wrap}.yz-player{flex:1 1 30%;min-width:0;display:flex;flex-direction:column;gap:1px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-left:3px solid var(--hairline-strong)}.yz-player.is-current{border-left-color:var(--amber)}.yz-player strong{font-size:16px}.yz-celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:60;font-family:var(--font-stencil);font-size:15vw;font-weight:700;letter-spacing:var(--track-plate);color:var(--amber);animation:celebrate var(--dur-celebrate) var(--ease-out) forwards}@keyframes celebrate{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.1);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}.pcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:var(--w, 52px);height:calc(var(--w, 52px) * 1.42);border-radius:calc(var(--w, 52px) * .12);background:var(--face);border:1px solid var(--face-edge);box-shadow:var(--lift);flex:none;line-height:1;font-weight:800;-webkit-user-select:none;user-select:none}.pcard.red{color:var(--play-red)}.pcard.black{color:var(--face-ink)}.pcard.joker{color:var(--play-purple)}.pcard.joker .pcard-suit{font-size:calc(var(--w, 52px) * .2);letter-spacing:.5px}.pcard-rank{font-size:calc(var(--w, 52px) * .36)}.pcard-suit{font-size:calc(var(--w, 52px) * .34)}.pcard.selected{outline:3px solid var(--amber);outline-offset:1px;transform:translateY(-6px)}.pcard.dimmed{opacity:.45}.pcard.empty{background:transparent;border-style:dashed;border-color:var(--hairline-strong);box-shadow:none}.pcard.back{background:repeating-linear-gradient(45deg,var(--blue-dim),var(--blue-dim) 4px,var(--panel-inset) 4px,var(--panel-inset) 8px);border-color:var(--hairline-strong)}.rm-slot{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}.rm-slot[aria-disabled=true]{cursor:default}.rm-piles{display:flex;gap:var(--sp-4);justify-content:center;align-items:flex-start}.rm-pile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.pile-more{background:none;border:0;cursor:pointer;font:inherit;color:var(--ink-2);padding:var(--sp-1);min-height:var(--tap)}.rm-dig{padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel-inset);border:1px solid var(--hairline)}.rm-dig-hint{font-size:12px;margin:0 0 var(--sp-2)}.rm-dig-strip{display:flex;gap:var(--sp-1);overflow-x:auto;padding-bottom:var(--sp-1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.rm-dig-item{position:relative;flex:none;scroll-snap-align:start}.rm-dig-count{position:absolute;top:-4px;right:-4px;font-family:var(--font-stencil);font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:var(--r-sm);background:var(--amber);color:var(--panel)}.rm-melds{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel-inset);border:1px solid var(--hairline)}.rm-melds-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.rm-hint{font-size:12px;text-align:right}.rm-empty{font-size:12.5px;margin:0}.rm-owner{display:flex;flex-direction:column;gap:var(--sp-1)}.rm-owner-name{display:flex;align-items:center;gap:var(--sp-1);background:none;border:0;padding:var(--sp-1) 0;font-family:var(--font-stencil);font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);cursor:pointer;text-align:left}.rm-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none}.rm-owner-melds{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch}.rm-meld{display:flex;flex:none;padding:var(--sp-1);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--hairline);cursor:default;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.rm-meld-cards{display:flex;gap:2px}.rm-meld.yours{border-color:var(--hairline-strong)}.rm-meld.target{cursor:pointer;border-color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,var(--panel-2))}.rm-actions{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--hairline-strong)}.rm-sel{font-size:12.5px;color:var(--ink-2)}.rm-owed{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:13px;background:color-mix(in srgb,var(--amber) 18%,var(--panel-2));border:1px solid var(--amber)}.rm-confirm{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);font-size:13px;background:var(--panel-2);border:1px solid var(--hairline-strong)}.rm-hand-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.rm-sort{display:flex;gap:var(--sp-1)}.rm-hand{display:flex;gap:var(--sp-1);overflow-x:auto;padding:var(--sp-2) 0;-webkit-overflow-scrolling:touch}.rm-hand>*{flex:none}.rm-score{display:flex;flex-direction:column;gap:var(--sp-3)}.rm-score-head{font-family:var(--font-stencil);font-size:16px;margin:0}.rm-table{width:100%;border-collapse:collapse;font-size:13px}.rm-table th,.rm-table td{padding:var(--sp-1);text-align:right;border-bottom:1px solid var(--hairline);white-space:nowrap}.rm-table th:first-child,.rm-table td:first-child{text-align:left;white-space:normal}.rm-table thead th{color:var(--ink-2);font-family:var(--font-stencil);font-size:11px;letter-spacing:.4px}.rm-table tr.you td{background:var(--panel-inset)}.rm-table td.down{color:var(--red-text)}.rm-table td.up{color:var(--green-text)}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table th,.score-table td{padding:var(--sp-1);text-align:right;border-bottom:1px solid var(--hairline)}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table thead th{color:var(--ink-2);font-family:var(--font-stencil);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-stencil)}.hearts-seats{display:flex;gap:var(--sp-1)}.hearts-seat{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-left:3px solid var(--hairline-strong)}.hearts-seat.is-current{border-left-color:var(--amber)}.trick{display:flex;gap:var(--sp-2);justify-content:center;align-items:center;min-height:92px;padding:var(--sp-2);background:var(--felt);border:1px solid var(--felt-line);border-radius:var(--r-md)}.trick-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.trick-card.landing{animation:trick-in var(--dur-base) var(--ease-out) backwards}.trick-card.leaving{animation:trick-out var(--dur-slow) var(--ease-in-out) forwards}@keyframes trick-in{0%{transform:translateY(26px) scale(.9);opacity:0}}@keyframes trick-out{to{transform:translateY(-40px) scale(.7);opacity:0}}.trick-who{font-family:var(--font-stencil);font-size:10.5px;color:var(--ink-2);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-stencil)}.trick-card.queen{animation:queen-drop var(--dur-slow) var(--ease-gravity) backwards}@keyframes queen-drop{0%{transform:translateY(-44px) scale(1.35)}70%{transform:translateY(4px) scale(1)}to{transform:translateY(0) scale(1)}}.hearts-hand{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center;padding:var(--sp-1) 0}.pool-hud{display:flex;gap:var(--sp-1);flex-wrap:wrap;align-items:center}.pool-fullbleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.pool-area{display:grid;gap:var(--sp-2)}.pool-wrap{position:relative;margin-inline:auto;width:min(100vw,calc(66vh * var(--pool-aspect, 1.83)));width:min(100vw,calc(66svh * var(--pool-aspect, 1.83)));aspect-ratio:var(--pool-aspect, 1.83);overflow:hidden;touch-action:none}.pool-canvas{display:block;width:100%;height:100%;touch-action:none}.pool-wrap.upright{width:min(100vw,calc(72vh * var(--pool-aspect, .545)));width:min(100vw,calc(72svh * var(--pool-aspect, .545)))}.pool-canvas:focus-visible{outline:3px solid var(--amber);outline-offset:-4px}.pool-pocket{position:absolute;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(255,255,255,.42);background:transparent;cursor:pointer;padding:0}.pool-pocket.called{border-style:solid;border-color:var(--amber);background:color-mix(in srgb,var(--amber) 22%,transparent)}.pool-power{position:relative;height:56px;margin-inline:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--panel);overflow:hidden;touch-action:none;cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:var(--inset)}.pool-power.idle{opacity:.45;cursor:default}.pool-power-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(to right,var(--green),var(--amber) 60%,var(--red));transition:transform var(--dur-fast) linear}.pool-power.dragging .pool-power-fill{transition:none}.pool-power-label{position:relative;font-family:var(--font-stencil);font-size:11px;font-weight:700;letter-spacing:var(--track-stencil);color:var(--ink);text-shadow:0 1px 2px rgba(0,0,0,.7)}.pool-controls{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pool-actions{display:flex;align-items:center;gap:var(--sp-2);flex:1;flex-wrap:wrap}.pool-spin{position:relative;width:46px;height:46px;border-radius:50%;background:var(--face);border:2px solid var(--hairline-strong);flex:none;cursor:pointer;padding:0}.pool-spin.open{border-color:var(--amber)}.pool-spin-dot,.spin-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);pointer-events:none}.spin-pad{position:relative;width:180px;height:180px;margin:var(--sp-3) auto 0;border-radius:50%;background:var(--face);border:3px solid var(--hairline-strong);touch-action:none}.spin-cross{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent calc(50% - 1px),var(--face-edge) calc(50% - 1px),var(--face-edge) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--face-edge) calc(50% - 1px),var(--face-edge) calc(50% + 1px),transparent calc(50% + 1px));border-radius:50%}.spin-dot{width:18px;height:18px}.pool-tray{display:flex;gap:var(--sp-1);flex-wrap:wrap}.pool-chip{width:24px;height:24px;border-radius:50%;background:var(--ball, var(--hairline-strong));color:var(--on-signal);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.4)}.pool-chip.stripe{background:var(--face);color:var(--face-ink);box-shadow:inset 0 0 0 5px var(--ball)}@media (max-width: 380px){.screen{padding:var(--sp-2)}.game-grid{gap:var(--sp-2)}.scorecard{gap:var(--sp-1)}.die{max-width:46px}.roomcode-hero .code{font-size:clamp(40px,15vw,60px)}}.catchup-lines{margin:0;padding-left:var(--sp-4);color:var(--ink-2);font-size:12.5px;line-height:1.6}.dir-mark{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);color:var(--ink-2);font-size:22px;line-height:1;transition:transform var(--dur-slow) var(--ease-in-out)}.log .now{color:var(--amber);font-weight:700}.flight-host{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-height:0}.flight-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.flight{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform;animation:fly var(--fly-dur, var(--dur-base)) var(--ease-out) forwards}@keyframes fly{0%{transform:translate(var(--from-x),var(--from-y)) scale(var(--from-scale, 1)) rotate(0)}to{transform:translate(var(--to-x),var(--to-y)) scale(1) rotate(var(--spin, 0deg))}}.hand-slot.in-flight{opacity:0}.pile [data-pile=discard]{transition:transform var(--dur-base) var(--ease-out)}.bs-shipsprite{position:relative;pointer-events:none;z-index:1;display:block}.bs-hull{display:block;width:100%;height:100%;overflow:visible}.bs-hull .hull{fill:var(--hull);stroke:var(--hull-edge);stroke-width:.5;stroke-linejoin:round}.bs-hull .tower{fill:var(--hull-tower)}.bs-hull .mast{fill:var(--hull-mast)}.bs-hull .turret{fill:var(--hull-turret)}.bs-hull .deck-line{stroke:var(--hull-deck);stroke-width:.6;stroke-dasharray:2 2;fill:none}.bs-hull.selected .hull{fill:var(--amber);stroke:var(--on-amber)}.bs-hull.selected .tower{fill:var(--hull-selected-tower)}.bs-hull.sunk{opacity:.75}.bs-hull.sunk .hull{fill:var(--wreck);stroke:var(--red-dim)}.bs-hull.sunk .tower,.bs-hull.sunk .mast,.bs-hull.sunk .turret{fill:var(--wreck-dark)}.bs-hull.sunk .deck-line{stroke:var(--wreck-deck)}.sp-board{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-height:0}.sp-card{--sp-card-w: 56px;--sp-face: var(--panel-2);position:relative;width:var(--sp-card-w);aspect-ratio:3 / 4;border-radius:var(--r-sm);background:linear-gradient(160deg,#ffffff29,#0000002e 62%),var(--sp-face);color:var(--val-ink);border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px #ffffff1a,var(--lift);display:grid;place-items:center;font-family:var(--font-stencil);font-weight:800;font-size:calc(var(--sp-card-w) * .56);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.45);flex:none;-webkit-user-select:none;user-select:none}.sp-card[data-pip]:before{content:attr(data-pip);position:absolute;top:3px;left:4px;font-size:calc(var(--sp-card-w) * .22);line-height:1;opacity:.85;text-shadow:none}.sp-card.v1{--sp-face: var(--val-1)}.sp-card.v2{--sp-face: var(--val-2)}.sp-card.v3{--sp-face: var(--val-3)}.sp-card.v4{--sp-face: var(--val-4)}.sp-card.v5{--sp-face: var(--val-5)}.sp-card.v6{--sp-face: var(--val-6)}.sp-card.v7{--sp-face: var(--val-7)}.sp-card.v8{--sp-face: var(--val-8)}.sp-card.v9{--sp-face: var(--val-9)}.sp-card.v10{--sp-face: var(--val-10)}.sp-card.v11{--sp-face: var(--val-11)}.sp-card.v12{--sp-face: var(--val-12)}.sp-card.wild{--sp-face: var(--wild-face);border-color:var(--wild-edge);font-size:calc(var(--sp-card-w) * .26);letter-spacing:var(--track-stencil);color:var(--face);align-content:center}.sp-card.wild:after{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--val-1),var(--val-3),var(--val-5),var(--val-7),var(--val-9),var(--val-12))}.sp-card.back{background:repeating-linear-gradient(45deg,var(--panel-2) 0 4px,var(--panel) 4px 8px);border-color:var(--hairline-strong);color:transparent;box-shadow:none}.sp-card.empty{background:var(--panel-inset);border:1px dashed var(--hairline-strong);color:var(--ink-3);box-shadow:none;font-size:calc(var(--sp-card-w) * .3)}.sp-builds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.sp-build{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:0;border:0;background:none;cursor:default}.sp-wants{--sp-face: var(--panel-2);position:relative;border-radius:var(--r-sm);aspect-ratio:3 / 4;display:grid;place-items:center;background:linear-gradient(160deg,#ffffff24,#00000038 62%),var(--sp-face);border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px #ffffff14;color:var(--val-ink);font-family:var(--font-stencil);font-weight:800;font-size:min(34px,9vw);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.sp-build.v1 .sp-wants{--sp-face: var(--val-1)}.sp-build.v2 .sp-wants{--sp-face: var(--val-2)}.sp-build.v3 .sp-wants{--sp-face: var(--val-3)}.sp-build.v4 .sp-wants{--sp-face: var(--val-4)}.sp-build.v5 .sp-wants{--sp-face: var(--val-5)}.sp-build.v6 .sp-wants{--sp-face: var(--val-6)}.sp-build.v7 .sp-wants{--sp-face: var(--val-7)}.sp-build.v8 .sp-wants{--sp-face: var(--val-8)}.sp-build.v9 .sp-wants{--sp-face: var(--val-9)}.sp-build.v10 .sp-wants{--sp-face: var(--val-10)}.sp-build.v11 .sp-wants{--sp-face: var(--val-11)}.sp-build.v12 .sp-wants{--sp-face: var(--val-12)}.sp-wants small{position:absolute;top:4px;left:0;right:0;font-size:8.5px;font-weight:700;letter-spacing:var(--track-plate);opacity:.8}.sp-height{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-ontop{position:absolute;right:-5px;bottom:-6px;line-height:0}.sp-ontop .sp-card{--sp-card-w: 22px;font-size:11px;border-radius:3px;box-shadow:0 1px 3px #0000008c}.sp-ontop .sp-card[data-pip]:before{content:none}.sp-ontop .sp-card.wild:after{display:none}.sp-build.sp-target .sp-wants{outline:3px solid var(--green);outline-offset:2px}.sp-build.sp-target .sp-height{color:var(--green-text)}.sp-you{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-1);border-top:1px solid var(--hairline)}.sp-yourow{display:flex;align-items:flex-end;gap:var(--sp-2)}.sp-stock,.sp-discard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;cursor:pointer}.sp-stock .sp-card{--sp-card-w: min(66px, 18vw)}.sp-discards{display:flex;gap:var(--sp-1);flex:1;justify-content:space-between}.sp-discard .sp-card{--sp-card-w: min(52px, 14vw)}.sp-pilelabel{font-family:var(--font-stencil);font-size:10px;font-weight:700;letter-spacing:var(--track-stencil);color:var(--ink-3)}.sp-stock .sp-pilelabel{color:var(--amber)}.sp-stock .sp-card{box-shadow:0 0 0 2px var(--amber),var(--lift)}.sp-hand{display:flex;gap:var(--sp-1);justify-content:center;min-height:84px}.sp-hand .sp-card{--sp-card-w: min(62px, 17vw)}.sp-hand .sp-card.gone{opacity:0}.sp-pick{padding:0;border:0;background:none;cursor:pointer;flex:none;touch-action:none;-webkit-tap-highlight-color:transparent}.sp-build,.sp-opp{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sp-pick:disabled{cursor:default}.sp-pick.selected .sp-card{outline:3px solid var(--amber);outline-offset:2px;transform:translateY(-6px)}.sp-pick .sp-card{transition:transform var(--dur-fast) var(--ease-out)}.sp-pick.sp-target .sp-card,.sp-discard.sp-target .sp-card{outline:3px solid var(--green);outline-offset:2px}.sp-dim{opacity:.34}.sp-discard.sp-danger .sp-card{outline-color:var(--red)}.sp-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-1)}.sp-opp{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--panel);width:100%;text-align:left;cursor:pointer}.sp-opp.up{border-color:var(--amber);background:var(--panel-2)}.sp-opp .sp-card{--sp-card-w: 26px}.sp-oppname{flex:1;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-oppdiscards{display:flex;gap:2px}.sp-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);min-width:18px}.sp-confirm{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--amber);border-radius:var(--r-md);background:var(--panel-2)}.sp-confirm p{margin:0;font-size:12.5px;flex:1}.sp-confirm .warn{color:var(--red-text)}.sp-turnline{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--ink-2);min-height:18px}.sp-played{display:flex;gap:2px;flex-wrap:wrap}.sp-chip{font-family:var(--font-mono);font-size:10px;padding:1px 4px;border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--hairline)}.sp-pick.dealing{animation:sp-deal var(--dur-base) var(--ease-out) backwards}@keyframes sp-deal{0%{opacity:0;transform:translateY(-22px) scale(.92)}to{opacity:1;transform:none}}.sp-build.completing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-md);background:linear-gradient(to top,transparent,var(--green-dim));animation:sp-sweep var(--dur-slow) var(--ease-in-out) forwards;pointer-events:none}@keyframes sp-sweep{0%{opacity:.95;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.sp-opp.revealing{animation:sp-reveal var(--dur-base) var(--ease-out) 2}@keyframes sp-reveal{50%{border-color:var(--amber);background:var(--amber-dim)}}.sp-discard.live .sp-card:after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--green)}.sp-opp.open{align-items:flex-start}.sp-opp.open .sp-card{--sp-card-w: 42px}.sp-oppdiscard{display:flex;flex-direction:column;align-items:center;gap:1px}.sp-drag{position:fixed;left:0;top:0;z-index:60;transform:translate(-50%,-70%) rotate(-4deg);pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.rules-overlay{align-items:stretch;padding:0}.rules-sheet{display:flex;flex-direction:column;width:100%;max-width:620px;margin:0 auto;max-height:100%;background:var(--ground);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline)}.rules-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);background:var(--panel);flex:none}.rules-head h2{flex:1;margin:0;font-family:var(--font-stencil);font-size:15px;letter-spacing:var(--track-stencil)}.rules-body{overflow-y:auto;padding:var(--sp-4);-webkit-overflow-scrolling:touch}.rules{max-width:60ch}.rules h3{font-family:var(--font-stencil);font-size:11.5px;font-weight:700;letter-spacing:var(--track-plate);text-transform:uppercase;color:var(--amber);margin:var(--sp-5) 0 var(--sp-2);padding-bottom:5px;border-bottom:1px solid var(--hairline)}.rules-goal{font-size:17px;line-height:1.45;margin:0 0 var(--sp-3);text-wrap:balance}.rules-facts{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.rules-steps{margin:0;padding-left:1.15em;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.rules-steps li{margin-bottom:var(--sp-2)}.rules-steps li::marker{color:var(--ink-3)}.rules-steps.numbered{counter-reset:step;list-style:none;padding-left:0}.rules-steps.numbered li{counter-increment:step;position:relative;padding-left:32px;margin-bottom:var(--sp-3);color:var(--ink)}.rules-steps.numbered li:before{content:counter(step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--amber);font-family:var(--font-mono);font-size:12px;display:grid;place-items:center}.rules-win{margin:var(--sp-4) 0 0;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--green-dim);background:color-mix(in srgb,var(--green) 10%,transparent)}.rules-win p{margin:4px 0 0;font-size:14.5px;line-height:1.55}.rules-win .label{color:var(--green-text)}.rules-defs{margin:0;font-size:14.5px;line-height:1.55}.rules-defs>div{padding:var(--sp-2) 0;border-bottom:1px solid var(--hairline)}.rules-defs>div:last-child{border-bottom:0}.rules-defs dt{font-weight:700;margin-bottom:2px}.rules-defs dd{margin:0;color:var(--ink-2)}.rules-foot{margin-top:var(--sp-5);font-size:12.5px}.gamebar{position:relative;padding-bottom:var(--sp-2)}.gamebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right,var(--tile, var(--accent)),transparent 82%)}.sp-scoreboard{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);border-radius:var(--r-md);background:var(--grain),var(--panel-inset);border:1px solid var(--hairline);box-shadow:var(--inset)}.sp-team{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);border-left:4px solid var(--hairline-strong)}.sp-team.mine{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.sp-teamname{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tally{font-family:var(--font-mono);font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}.sp-tally strong{color:var(--ink);font-size:17px}.sp-score{font-family:var(--font-mono);font-size:15px;font-weight:700;min-width:46px;text-align:right;font-variant-numeric:tabular-nums}.sp-bags{font-family:var(--font-stencil);font-size:11px;padding:3px 7px;border-radius:var(--r-sm);border:1px solid var(--hairline);color:var(--ink-3);white-space:nowrap}.sp-bags.warn{border-color:var(--amber);color:var(--amber)}.sp-bags.danger{border-color:var(--red);background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red-text);font-weight:700}.sp-bidboard{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.sp-bidder{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-1);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--panel);min-height:66px}.sp-bidder.up{border-color:var(--amber);box-shadow:var(--glow-amber)}.sp-bidder.partner{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.sp-bidder.you{background:var(--panel-2)}.sp-bidname{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bidvalue{font-family:var(--font-mono);font-size:20px;font-weight:700}.sp-bidtag{font-family:var(--font-stencil);font-size:9px;letter-spacing:var(--track-plate);text-transform:uppercase;color:var(--accent-bright)}.sp-bidpad{display:flex;flex-direction:column;gap:var(--sp-2)}.sp-numbers{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}.sp-num{min-height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--panel-2);color:var(--ink);font-family:var(--font-mono);font-size:17px;font-weight:700;cursor:pointer;touch-action:manipulation}.sp-num:active{background:var(--accent);color:var(--on-accent)}.sp-nil{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--panel));color:var(--ink);cursor:pointer;touch-action:manipulation}.sp-nil strong{font-family:var(--font-stencil);font-size:17px;color:var(--amber)}.sp-nil span{font-size:12.5px;color:var(--ink-2);line-height:1.4}.sp-blind{padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--amber);background:var(--grain),var(--panel);display:flex;flex-direction:column;gap:var(--sp-2)}.sp-blind h2{margin:0;font-family:var(--font-stencil);font-size:22px;color:var(--amber)}.sp-blind p{margin:0;font-size:14px;line-height:1.5}.sp-partner{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.sp-trump{position:relative}.sp-trump:after{content:"";position:absolute;left:10%;right:10%;bottom:-3px;height:2px;border-radius:2px;background:var(--accent)}.sp-round{padding:var(--sp-2) 0;border-bottom:1px solid var(--hairline)}.sp-round:last-child{border-bottom:0}.sp-roundhead{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.sp-sum{display:flex;align-items:baseline;gap:var(--sp-2);font-size:12px;padding:2px 0}.sp-sumteam{font-weight:700;width:16px}.sp-sumparts{flex:1;font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.sp-sumtotal{font-family:var(--font-mono);font-weight:700}.seating{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:var(--sp-2);align-items:center;justify-items:center;padding:var(--sp-4) var(--sp-3);border-radius:var(--r-md);background:radial-gradient(80% 70% at 50% 50%,color-mix(in srgb,var(--felt-line) 55%,transparent),transparent 70%),var(--baize),var(--felt);border:1px solid var(--felt-line);box-shadow:var(--inset)}.seating .north{grid-area:1 / 2}.seating .west{grid-area:2 / 1}.seating .east{grid-area:2 / 3}.seating .south{grid-area:3 / 2}.seating-middle{grid-area:2 / 2;font-size:26px;color:var(--ink-3)}.seat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:92px;max-width:100%;padding:var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--panel);color:var(--ink);cursor:pointer;touch-action:manipulation}.seat:disabled{cursor:default}.seat.empty{opacity:.45}.seat-name{font-weight:600;font-size:13.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-team{font-family:var(--font-stencil);font-size:9.5px;letter-spacing:var(--track-plate);text-transform:uppercase;color:var(--ink-3)}.seat.team-A{border-color:var(--accent)}.seat.team-A .seat-team{color:var(--accent-bright)}.seat.team-B{border-color:var(--blue)}.seat.team-B .seat-team{color:var(--blue-text)}.seat.picked{outline:3px solid var(--amber);outline-offset:2px}.thumb{width:44px;height:44px;flex:none;border-radius:6px;background:#00000057;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.thumb-empty{background:#00000038}.thumb-quiet{color:var(--chalk-faint);font-size:13px}.thumb-uno{width:26px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);box-shadow:0 2px 5px #00000080;border:1.5px solid rgba(255,255,255,.85);font-family:var(--font-stencil);font-weight:800;font-size:15px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);background:var(--play-black)}.thumb-uno.red{background:var(--play-red)}.thumb-uno.yellow{background:var(--play-yellow);color:var(--face-ink);text-shadow:none}.thumb-uno.green{background:var(--play-green)}.thumb-uno.blue{background:var(--play-blue)}.thumb-c4{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5px;padding:4px}.thumb-c4.nine{grid-template-columns:repeat(3,1fr)}.thumb-c4 i{width:8px;height:8px;border-radius:50%;background:#ffffff1a}.thumb-c4 i.p1{background:var(--play-yellow)}.thumb-c4 i.p2{background:var(--play-red)}.thumb-c4.nine i{border-radius:2px;width:10px;height:10px}.thumb-shots{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5px;padding:4px}.thumb-shots i{width:6px;height:6px;border-radius:1px;background:#ffffff14}.thumb-shots i.hit{background:var(--play-red)}.thumb-shots i.miss{background:#ffffff47}.thumb-trick{position:relative;width:44px;height:38px}.mini-card{position:absolute;width:17px;height:24px;border-radius:3px;background:var(--face);border:1px solid rgba(0,0,0,.35);font-family:var(--font-mono);font-size:8px;font-weight:700;color:var(--face-ink);display:flex;align-items:center;justify-content:center;left:calc(var(--i) * 9px);top:calc(4px + (var(--i) - 1) * (var(--i) - 1) * 2px);transform:rotate(calc((var(--i) - 1.5) * 9deg))}.mini-card.red{color:var(--play-red)}.thumb-trick.fan .mini-card{left:calc(var(--i) * 8px);top:6px}.thumb-dice{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.thumb-dice i{width:15px;height:15px;border-radius:3px;background:var(--face);font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--face-ink);display:flex;align-items:center;justify-content:center}.thumb-dice i.held{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent-bright)}.thumb-builds{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.thumb-builds i{width:16px;height:16px;border-radius:2px;background:#ffffff1f;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center}.thumb-pool{position:relative;width:44px;height:24px;border-radius:2px;background:var(--felt-pool);border:1px solid var(--rail)}.thumb-pool i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--play-orange);transform:translate(-50%,-50%)}.thumb-pool i.cue{background:var(--face)}.thumb-pool i.eight{background:#000;box-shadow:0 0 0 1px #fff6}.f7-card{position:relative;width:var(--w, 54px);height:calc(var(--w, 54px) * 1.42);border-radius:calc(var(--w, 54px) * .16);background:linear-gradient(168deg,#ffffff29,#0003 70%),var(--f7-face, var(--panel-2));border:calc(var(--w, 54px) * .045) solid var(--face);box-shadow:var(--lift);color:var(--val-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--w, 54px) * .03);flex:none;overflow:hidden;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.f7-main{font-family:var(--font-mono);font-weight:700;font-size:calc(var(--w, 54px) * .52);line-height:1;font-variant-numeric:tabular-nums}.f7-card.freeze .f7-main,.f7-card.flip3 .f7-main,.f7-card.second .f7-main{font-family:var(--font-body);font-size:calc(var(--w, 54px) * .46)}.f7-sub{font-family:var(--font-stencil);font-weight:700;max-width:100%;white-space:nowrap;font-size:calc(var(--w, 54px) * .17);letter-spacing:var(--track-stencil);text-transform:uppercase;opacity:.82;text-align:center;line-height:1.1}.f7-card.n0{--f7-face: var(--val-0)}.f7-card.n1{--f7-face: var(--val-1)}.f7-card.n2{--f7-face: var(--val-2)}.f7-card.n3{--f7-face: var(--val-3)}.f7-card.n4{--f7-face: var(--val-4)}.f7-card.n5{--f7-face: var(--val-5)}.f7-card.n6{--f7-face: var(--val-6)}.f7-card.n7{--f7-face: var(--val-7)}.f7-card.n8{--f7-face: var(--val-8)}.f7-card.n9{--f7-face: var(--val-9)}.f7-card.n10{--f7-face: var(--val-10)}.f7-card.n11{--f7-face: var(--val-11)}.f7-card.n12{--f7-face: var(--val-12)}.f7-card.mod{--f7-face: var(--wood-lit);color:var(--accent-bright)}.f7-card.freeze{--f7-face: var(--blue-dim);color:var(--blue-text)}.f7-card.flip3{--f7-face: var(--red-dim);color:var(--red-text)}.f7-card.second{--f7-face: var(--green-dim);color:var(--green-text)}.f7-card.spent{opacity:.45;filter:saturate(.5)}.f7-card.empty{background:transparent;border-style:dashed;border-color:var(--hairline-strong);box-shadow:none}.f7-card.back{--f7-face: var(--play-black);color:var(--accent)}.f7-card.back .f7-brand{font-family:var(--font-stencil);font-weight:700;font-size:calc(var(--w, 54px) * .5);transform:rotate(-12deg)}.f7-scores{display:flex;align-items:center;justify-content:center}.f7-target{font-family:var(--font-stencil);font-size:12px;letter-spacing:var(--track-stencil);text-transform:uppercase;color:var(--ink-3)}.f7-others{display:flex;flex-direction:column;gap:var(--sp-2)}.f7-row{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-2);box-shadow:var(--inset);transition:border-color var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.f7-row.is-turn{border-color:var(--accent);box-shadow:var(--glow-amber)}.f7-row.is-busted{opacity:.6}.f7-row.mine{background:linear-gradient(180deg,var(--panel-2),var(--panel));border-color:var(--hairline-strong)}.f7-row-head{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;margin-bottom:var(--sp-1);min-width:0}.f7-name{font-weight:600;color:var(--ink);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f7-state{white-space:nowrap;font-family:var(--font-stencil);font-size:11px;letter-spacing:var(--track-stencil);text-transform:uppercase;color:var(--ink-3)}.f7-row.is-busted .f7-state{color:var(--red-text)}.f7-row.is-stayed .f7-state{color:var(--green-text)}.f7-worth{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-bright)}.f7-total{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.f7-cards{display:flex;gap:var(--sp-1);overflow-x:auto;overflow-y:hidden;min-height:65.32px;align-items:center;padding-bottom:2px}.f7-row.mine .f7-cards{min-height:calc(62px * 1.42)}.f7-cards::-webkit-scrollbar{height:4px}.f7-cards::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}.f7-empty{color:var(--ink-3);font-size:12.5px}.f7-felt{gap:var(--sp-5)}.f7-discard{display:flex;align-items:center;justify-content:center;width:58px;height:82.36px;border-radius:9.28px;border:2px dashed var(--felt-line);color:var(--ink-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.f7-picker{background:var(--panel-2);border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:var(--glow-amber)}.f7-picker-head{margin:0 0 var(--sp-2);font-size:13px;color:var(--ink-2)}.f7-picker-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.f7-picker-row .btn{flex:1 1 40%;min-height:var(--tap);justify-content:center;gap:var(--sp-2)}.f7-picker-worth{font-family:var(--font-mono);font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.f7-history{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:12px}.f7-history-row{display:flex;gap:var(--sp-3);color:var(--ink-2);font-variant-numeric:tabular-nums}.f7-history-round{color:var(--ink-3);width:2ch}.f7-history .f7-bust{color:var(--red-text)}.f7-row.fx-bust{animation:f7-bust var(--dur-slow) var(--ease-out)}.f7-row.fx-frozen{animation:f7-frozen var(--dur-slow) var(--ease-out)}.f7-row.fx-seven{animation:f7-seven var(--dur-celebrate) var(--ease-out)}@keyframes f7-bust{0%{transform:translate(0)}25%{transform:translate(-5px)}55%{transform:translate(5px)}80%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes f7-frozen{0%{filter:saturate(1)}40%{filter:saturate(.2) brightness(1.25)}to{filter:saturate(1)}}@keyframes f7-seven{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.thumb-flip7{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;width:100%;height:100%;padding:3px}.thumb-flip7 i{font-style:normal;font-family:var(--font-mono);font-size:9px;line-height:1;padding:2px 3px;border-radius:3px;background:var(--panel-2);color:var(--ink-2)}.thumb-flip7.bust i{background:var(--red-dim);color:var(--red-text)}.tacta{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-height:0}.tacta-scores{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tacta-score{display:flex;align-items:center;gap:var(--sp-1);font-size:12.5px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-2);color:var(--ink-2)}.tacta-score.is-turn{border-color:var(--accent);color:var(--ink);box-shadow:var(--glow-amber)}.tacta-score strong{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.tacta-left{color:var(--ink-3);font-size:11px}.tacta-who{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tacta-swatch{width:10px;height:10px;border-radius:2px;background:var(--tc-ink, var(--ink-3));flex:none;display:inline-block}.tacta-wrap{overflow:auto;background:var(--baize),var(--felt);border:1px solid var(--felt-line);border-radius:var(--r-md);box-shadow:var(--inset);padding:var(--sp-1);-webkit-overflow-scrolling:touch}.tacta-board{position:relative;margin:0 auto;background-image:repeating-linear-gradient(0deg,transparent 0 calc(var(--cell) - 1px),color-mix(in srgb,var(--felt-line) 60%,transparent) calc(var(--cell) - 1px) var(--cell)),repeating-linear-gradient(90deg,transparent 0 calc(var(--cell) - 1px),color-mix(in srgb,var(--felt-line) 60%,transparent) calc(var(--cell) - 1px) var(--cell));border:1px solid var(--felt-line);border-radius:var(--r-sm)}.tacta-slot{position:absolute}.tacta-slot.just-played{animation:tacta-land var(--dur-slow) var(--ease-out)}.tacta-slot.preview{pointer-events:none}@keyframes tacta-land{0%{transform:scale(1.12);opacity:.4}to{transform:scale(1);opacity:1}}.tacta-spot{position:absolute;width:var(--dot);height:var(--dot);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}.tacta-dot{width:62%;height:62%;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);box-shadow:var(--lift);display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.tacta-spot:hover .tacta-dot,.tacta-spot:focus-visible .tacta-dot{transform:scale(1.25);background:var(--accent)}.tacta-spot.chosen .tacta-dot{background:var(--accent-bright);border-color:var(--accent-bright);transform:scale(1.15)}.tacta-spot.muted{opacity:.4}.tacta-turns{font-family:var(--font-mono);font-style:normal;font-size:10px;line-height:1;color:var(--on-accent);font-weight:700}.tacta-spot:not(.chosen) .tacta-turns{color:var(--accent-bright)}.tacta-frame{position:absolute;border:2px solid var(--accent-bright);border-radius:var(--r-sm);box-shadow:0 0 0 3px #00000059;pointer-events:none;z-index:205}.tc{position:relative;display:block;width:calc(var(--cell, 22px) * 2);height:calc(var(--cell, 22px) * 2);background:var(--tc-face, var(--panel-2));border:2px solid var(--face);border-radius:calc(var(--cell, 22px) * .16);box-shadow:var(--lift);overflow:hidden;color:var(--tc-ink, var(--ink))}.tc.ghost{opacity:.75;border-style:dashed}.tc.faded{opacity:.4;filter:saturate(.4)}.tc-quads{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template:1fr 1fr / 1fr 1fr}.tc-quad{display:flex;align-items:center;justify-content:center;gap:1px;flex-wrap:wrap}.tc-dots{display:flex;gap:1px}.tc-dots i{width:calc(var(--cell, 22px) * .23);height:calc(var(--cell, 22px) * .23);border-radius:50%;background:var(--face);box-shadow:0 1px 1px #00000080;display:block}.tc-inner{position:absolute;background:#fff8e629}.tc-inner-h{left:8%;right:8%;top:50%;height:1px}.tc-inner-v{top:8%;bottom:8%;left:50%;width:1px}.tc-edge{position:absolute;font-size:calc(var(--cell, 22px) * .42);line-height:1;color:var(--face);text-shadow:0 1px 2px rgba(0,0,0,.6)}.tc-edge.n{top:0;left:50%;transform:translate(-50%,-14%)}.tc-edge.s{bottom:0;left:50%;transform:translate(-50%,14%)}.tc-edge.w{left:0;top:50%;transform:translate(-14%,-50%)}.tc-edge.e{right:0;top:50%;transform:translate(14%,-50%)}.tc-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(var(--cell, 22px) * .08);padding:calc(var(--cell, 22px) * .06) calc(var(--cell, 22px) * .14);border-radius:var(--r-pill);background:#0000006b;pointer-events:none;line-height:1}.tc-suit{font-size:calc(var(--cell, 22px) * .32);color:var(--face);opacity:.85}.tc-num{font-family:var(--font-mono);font-weight:700;font-size:calc(var(--cell, 22px) * .3);color:var(--face);font-variant-numeric:tabular-nums}.tc-red{--tc-face: var(--play-red);--tc-ink: var(--play-red)}.tc-blue{--tc-face: var(--play-blue);--tc-ink: var(--play-blue)}.tc-green{--tc-face: var(--play-green);--tc-ink: var(--play-green)}.tc-yellow{--tc-face: var(--play-yellow);--tc-ink: var(--play-yellow-ink)}.tc-mono{--tc-face: var(--panel-inset);--tc-ink: var(--ink-3)}.tacta-hand{display:flex;align-items:center;gap:var(--sp-2)}.tacta-pick{display:flex;align-items:center;gap:var(--sp-2);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-2);cursor:pointer;color:var(--ink-2);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tacta-pick.chosen{border-color:var(--accent);color:var(--ink);box-shadow:var(--glow-amber)}.tacta-pick:disabled{opacity:.45;cursor:default}.tacta-pick-label{display:flex;flex-direction:column;font-family:var(--font-stencil);font-size:11px;letter-spacing:var(--track-stencil);text-transform:uppercase;text-align:left}.tacta-pick-count{color:var(--ink-3);font-family:var(--font-body);letter-spacing:0;text-transform:none}.tacta-deck{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:var(--ink-3)}.tacta-deck strong{font-family:var(--font-mono);font-size:16px;color:var(--ink-2)}.thumb-tacta{display:grid;grid-template-columns:repeat(var(--cols, 16),1fr);grid-template-rows:repeat(var(--rows, 12),1fr);width:100%;height:100%;gap:0}.thumb-tacta i{background:var(--tc-ink, var(--ink-3));opacity:.75}.thumb-tacta i.mine{opacity:1}.pack-count{color:var(--ink-3);font-size:11px;font-family:var(--font-mono);margin-left:var(--sp-2)}.party{display:flex;flex-direction:column;gap:var(--sp-3)}.party-top{display:flex;align-items:center;gap:var(--sp-2);font-size:12.5px;color:var(--ink-2)}.party-judge{display:flex;align-items:center;gap:var(--sp-1);font-weight:600;color:var(--ink)}.party-judge-mark{color:var(--game-party);font-size:16px}.party-target{font-family:var(--font-stencil);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-stencil);color:var(--ink-3)}.party-prompt{background:linear-gradient(170deg,var(--panel-2),var(--panel-inset));border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--lift);min-height:88px;display:flex;align-items:center}.party-prompt-text{margin:0;font-family:var(--font-stencil);font-size:19px;line-height:1.35;color:var(--ink)}.party-blank{display:inline-block;min-width:5ch;border-bottom:2px solid var(--ink-3);color:var(--accent-bright);padding:0 var(--sp-1);transition:color var(--dur-base) var(--ease-out)}.party-blank.filled{border-bottom-color:var(--accent)}.party-fill{margin:var(--sp-2) 0 0;color:var(--accent-bright);font-size:16px}.party-hand{display:flex;flex-direction:column;gap:var(--sp-2);max-height:46vh;overflow-y:auto}.party-card{position:relative;text-align:left;background:var(--face);color:var(--face-ink);border:1px solid var(--face-edge);border-radius:var(--r-sm);padding:var(--sp-3);min-height:var(--tap);font-size:14.5px;cursor:pointer;box-shadow:var(--lift);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.party-card.chosen{transform:translate(6px);box-shadow:var(--glow-amber);border-color:var(--accent)}.party-order{position:absolute;right:var(--sp-2);top:var(--sp-2);background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill);min-width:18px;text-align:center;font-family:var(--font-mono);font-size:11px}.party-waiting{display:flex;flex-direction:column;gap:var(--sp-2)}.party-pips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.party-pip{font-size:11.5px;padding:2px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--hairline);color:var(--ink-3)}.party-pip.in{border-color:var(--green);color:var(--green-text)}.party-answers{display:flex;flex-direction:column;gap:var(--sp-2)}.party-answer{display:flex;flex-direction:column;gap:var(--sp-1);text-align:left;background:var(--face);color:var(--face-ink);border:2px solid var(--face-edge);border-radius:var(--r-sm);padding:var(--sp-3);font-size:15px;cursor:pointer;box-shadow:var(--lift);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.party-answer:disabled{cursor:default;opacity:.9}.party-answer.chosen{border-color:var(--accent);transform:scale(1.015)}.party-answer-line{display:block}.party-answer-line+.party-answer-line{border-top:1px dashed var(--face-edge);padding-top:var(--sp-1)}.party-nudge{font-size:12.5px}.party-vote{background:var(--panel-2);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.party-vote.open{border-color:var(--amber);box-shadow:var(--glow-amber)}.party-vote-head{margin:0;font-size:13.5px;color:var(--ink-2)}.party-vote-count{margin:0;font-family:var(--font-mono);font-size:12.5px;color:var(--ink)}.party-last{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:13px;color:var(--ink-2)}.party-last summary{cursor:pointer;color:var(--ink-2)}.party-last p{margin:var(--sp-1) 0}.party-last-prompt{color:var(--ink-3);font-style:italic}.party-last-win{color:var(--green-text)}.party-last-name{display:inline-block;min-width:8ch;color:var(--ink-3)}.party-scores{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.party-score{display:flex;flex-direction:column;gap:2px;padding:var(--sp-1) var(--sp-2);border:1px solid var(--hairline);border-radius:var(--r-sm);font-size:11.5px;color:var(--ink-2)}.party-score.you{border-color:var(--hairline-strong);color:var(--ink)}.party-score.judging{border-color:var(--game-party)}.party-score-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-score-pips{display:flex;gap:2px}.party-score-pips i{width:6px;height:6px;border-radius:50%;background:var(--hairline-strong);display:block}.party-score-pips i.won{background:var(--accent)}.thumb-party{display:flex;align-items:center;padding:4px;font-size:7px;line-height:1.25;color:var(--ink-2);background:var(--panel-inset);width:100%;height:100%;overflow:hidden}.thumb-party.judging{color:var(--accent-bright)}.tacta-slot>.tc{box-shadow:3px 4px 0 -1px #0000008c,0 6px 14px #00000080}.tacta-board .tc{outline:1px solid rgba(0,0,0,.75);outline-offset:-3px}.tc-quad.is-hidden{background:repeating-linear-gradient(135deg,#0000006b 0,#0000006b 3px,#0000009e 3px,#0000009e 6px);filter:saturate(.25)}.tc-quad.is-hidden .tc-dots i{background:var(--ink-3);box-shadow:none;opacity:.5}.tc-quad.is-doomed{background:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 0 0 2px var(--accent-bright)}.tc-quad.is-doomed .tc-dots i{background:var(--on-accent)}.tacta-slot.preview>.tc{box-shadow:0 10px 22px #0009}.record{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}.record.big{font-size:20px;color:var(--ink)}.pname-btn{display:inline-flex;align-items:baseline;gap:var(--sp-1);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.pname-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted var(--hairline-strong)}.pname-plain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-btn{padding:4px var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:inherit;font:inherit;cursor:pointer}.who-btn.guest{color:var(--amber);border-color:var(--amber)}.guest-prompt{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--amber);font-size:13px}.guest-prompt>span{flex:1;min-width:0}.profile-total{display:flex;align-items:baseline;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.seg{display:flex;gap:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--hairline)}.seg-btn{flex:1;padding:var(--sp-2);border:0;background:var(--panel);color:var(--ink-2);font:inherit;font-size:13px;cursor:pointer}.seg-btn.on{background:var(--panel-2);color:var(--ink);font-weight:600}.pin-input{font-family:var(--font-mono);font-size:20px;letter-spacing:.4em;text-align:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;padding:var(--sp-3)}.sheet{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--hairline);max-height:70vh;overflow-y:auto}.sheet-head{display:flex;align-items:center;gap:var(--sp-2)}.sheet-head h2{flex:1;min-width:0;margin:0;font-size:18px;overflow:hidden;text-overflow:ellipsis}.pbar{display:flex;gap:var(--sp-1);overflow-x:auto;padding-bottom:2px;flex:none;scrollbar-width:none}.pbar::-webkit-scrollbar{display:none}.pbar>div{flex:none}.pbar-chip{display:flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-left-width:3px;border-left-color:transparent;font-size:12.5px;white-space:nowrap;max-width:46vw}.pbar-chip.up{border-left-color:var(--amber);background:var(--panel-2)}.pbar-chip.you .pname-btn>span,.pbar-chip.you .pname-plain{font-weight:700}.pbar-chip.away{opacity:.55}.pbar-status{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-3)}.chat{display:flex;flex-direction:column;gap:var(--sp-2);min-height:0}.chat-scroll{display:flex;flex-direction:column;gap:3px;max-height:34vh;overflow-y:auto;padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.chat-line{display:flex;align-items:baseline;gap:var(--sp-1);font-size:13px;line-height:1.35;flex-wrap:wrap}.chat-line.mine .chat-who{color:var(--amber)}.chat-who{flex:none;font-weight:600}.chat-who:after{content:":"}.chat-body{flex:1;min-width:0;overflow-wrap:anywhere}.chat-at{flex:none;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.chat-compose{display:flex;gap:var(--sp-2)}.chat-compose .input{flex:1;min-width:0}.chat-error{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--red);background:none;color:var(--red-text, var(--red));font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.presence{display:flex;flex-direction:column;gap:var(--sp-1)}.presence-count{display:flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink-2);font:inherit;font-size:12.5px;cursor:pointer;align-self:flex-start}.presence-roster{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--hairline);font-size:13px}.quiet-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;border:0;padding:0;background:#0b0d10;color:#23282f;font:inherit;cursor:default;display:flex;align-items:flex-end;justify-content:center}.quiet-hint{padding-bottom:var(--sp-4);font-size:11px;letter-spacing:var(--track-plate)}.more{display:block;width:100%;padding:9px;border:1px dashed rgba(233,190,114,.28);border-radius:var(--r-sm);background:none;color:#ede6d8b8;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.more:hover{color:var(--chalk-dim);border-color:#e9be7280}.games-group{display:flex;flex-direction:column}.games-group .label{margin-bottom:var(--sp-2)}.eyebrow-link{width:100%;border:0;background:none;padding:0;font:inherit;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#ede6d89e;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.dash{overflow-x:clip}.strip{display:flex;gap:var(--sp-2);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:2px 20px 6px}.strip::-webkit-scrollbar{display:none}.strip>div{flex:none;scroll-snap-align:start}.gcard{width:156px;min-height:104px;display:flex;flex-direction:column;gap:5px;padding:10px 11px;text-align:left;background:#08140f80;border:1px solid rgba(233,190,114,.14);border-top:3px solid var(--chalk-faint);border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.gcard.mine{border-top-color:var(--accent);background:#c9973f1a;border-color:#e9be7257}.gcard-head{display:flex;align-items:center;gap:var(--sp-2)}.gcard-head .state{flex:1;min-width:0;display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--chalk-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcard.mine .state{color:var(--accent)}.gcard-title{font-family:var(--font-stencil);font-weight:600;font-size:15px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcard-meta{font-size:11.5px;color:#ede6d8ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:auto}.gcard-all{justify-content:center;border-top-color:var(--wood-lit);background:#00000038;border-style:dashed}.gcard .thumb{width:30px;height:30px;border-radius:5px}.quiet-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--hairline);border-radius:var(--r-sm);background:none;color:var(--chalk-faint);cursor:pointer;-webkit-tap-highlight-color:transparent}.quiet-btn:hover{color:var(--chalk-dim);border-color:var(--hairline-strong)}.pbar-status{color:var(--chalk-dim)}.board-tabs{display:flex;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--sp-3));padding:0 var(--sp-3) 2px}.board-tabs::-webkit-scrollbar{display:none}.board-tab{flex:none;padding:6px var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.board-tab.on{background:var(--panel-2);color:var(--ink);font-weight:600;border-color:var(--hairline-strong)}.board-row{display:flex;align-items:baseline;gap:var(--sp-2);width:100%;padding:9px var(--sp-2);border:0;border-bottom:1px solid var(--hairline);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.board-row.you{background:var(--panel-2);border-radius:var(--r-sm)}.board-rank{flex:none;width:22px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.board-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-rate{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.fk-board{display:flex;flex-direction:column;gap:var(--sp-3);flex:1;min-height:0}.fk-scores{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.fk-scores::-webkit-scrollbar{display:none}.fk-score{flex:none;display:flex;flex-direction:column;align-items:center;padding:6px var(--sp-3);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-top:3px solid transparent}.fk-score.up{border-top-color:var(--amber);background:var(--panel-2)}.fk-name{font-size:11.5px;color:var(--ink-2);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fk-total{font-family:var(--font-mono);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.fk-pot{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.fk-turnscore{flex:1;font-family:var(--font-mono);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.fk-dice{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;min-height:64px;align-items:center}.fk-die{width:54px;height:54px;font-size:40px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--panel-2);color:var(--ink);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.fk-die.dim{opacity:.38}.fk-die.picked{border-color:var(--green);background:var(--panel);outline:2px solid var(--green)}.fk-die:disabled{cursor:default}.fk-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.gf-board{display:flex;flex-direction:column;gap:var(--sp-3);flex:1;min-height:0}.gf-others{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.gf-others::-webkit-scrollbar{display:none}.gf-other{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-top:3px solid transparent}.gf-other.up{border-top-color:var(--amber)}.gf-oname{font-size:11.5px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.gf-grid.small{gap:2px}.gf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;aspect-ratio:3 / 4;border-radius:4px;background:var(--face);color:var(--face-ink);border:1px solid rgba(0,0,0,.45);font-family:var(--font-stencil);line-height:1}.gf-card b{font-size:15px;font-weight:800}.gf-card i{font-size:10px;font-style:normal;opacity:.75}.gf-card.red{color:var(--play-red)}.gf-card.big{width:56px}.gf-card.down{background:repeating-linear-gradient(45deg,var(--panel-2),var(--panel-2) 3px,var(--panel) 3px,var(--panel) 6px);border-color:var(--hairline-strong)}.gf-grid.small .gf-card{width:24px}.gf-grid.small .gf-card b{font-size:10px}.gf-grid.small .gf-card i{display:none}.gf-middle{display:flex;align-items:flex-end;justify-content:center;gap:var(--sp-4)}.gf-pile,.gf-held{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.gf-pile:disabled{cursor:default;opacity:.6}.gf-pilelabel{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.gf-you{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.gf-slot{position:relative;padding:0;border:0;background:none;cursor:pointer}.gf-slot:disabled{cursor:default}.gf-slot.pending .gf-card{outline:2px solid var(--green)}.gf-confirm{position:absolute;inset:auto 0 -2px 0;font-family:var(--font-mono);font-size:8.5px;text-transform:uppercase;color:var(--green-text, var(--green))}.invite{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-2) var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:#c9973f1f;border:1px solid var(--accent);font-size:13px}.invite-text{flex:1;min-width:0}.invite-suggest{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center}.versus{font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}.versus.ahead,.record.ahead{color:var(--green-text, var(--green))}.versus.behind,.record.behind{color:var(--red-text, var(--red))}.quickrow{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-2) var(--sp-3) 0}.quick-btn{flex:none}.quickrow .presence{flex:1;min-width:0}.ld-board{display:flex;flex-direction:column;gap:var(--sp-3);flex:1;min-height:0}.ld-seats{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.ld-seats::-webkit-scrollbar{display:none}.ld-seat{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--hairline);border-top:3px solid transparent}.ld-seat.up{border-top-color:var(--amber);background:var(--panel-2)}.ld-name{font-size:11.5px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-cups{display:flex;gap:2px}.ld-cup{width:9px;height:12px;border-radius:2px 2px 4px 4px;background:var(--wood-lit, var(--panel-2));border:1px solid var(--hairline-strong);display:block}.ld-bid,.ld-you,.ld-reveal{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.ld-current{margin:4px 0 0;font-size:17px}.ld-big{font-size:26px;line-height:1}.ld-dice{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}.ld-die{font-size:30px;line-height:1;color:var(--ink-2)}.ld-die.mine{color:var(--ink)}.ld-die.counts{color:var(--amber)}.ld-revealrow{display:flex;align-items:center;gap:var(--sp-2)}.ld-revealrow .ld-die{font-size:20px}.ld-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.ld-picker{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap}.ld-picker label{display:flex;flex-direction:column;gap:3px}.ld-picker .input{width:80px}.ld-faces{display:flex;gap:2px}.ld-face{width:36px;height:36px;font-size:24px;line-height:1;padding:0;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--panel);color:var(--ink-2);cursor:pointer}.ld-face.on{border-color:var(--amber);background:var(--panel-2);color:var(--ink)}.story{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--panel-inset);box-shadow:var(--inset)}.story-item{display:flex;flex-direction:column;gap:2px}.story-value{font-family:var(--font-mono);font-size:15px;font-variant-numeric:tabular-nums}