:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.18 0 0 0 0 0.1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--felt:#2f5d50;--paper:#efe7d2;--paper-well:#e4d8bb;--paper-line:#cdb98f;--ink:#221c16;--ink-soft:#5b5045;--wood:#c98d4b;--wood-dark:#8a5a2b;--wood-ink:#3a2412;--wood-board:linear-gradient(180deg, #b77a3e, #8f5a28);--cherry:#a3263a;--cherry-dark:#7a1a2b;--brass:#d1a640;--gold:#e6bd3b;--on-scene:#f3ebd2;--scrim:#1c140eb8;--select-fill:#f6e2a0;--select-edge:#b8892a;--font-print:"PT Serif", Georgia, "Times New Roman", serif;--font-ui:"PT Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--r-xs:6px;--r-sm:12px;--r-lg:20px;--r-pill:999px;--sh-panel:0 0 0 3px var(--wood-dark), 0 0 0 5px var(--wood), 0 12px 28px #1e120873;--sh-well:inset 0 2px 4px #5a3c1938, inset 0 -1px 0 #ffffff8c;--sh-select:0 0 0 3px var(--select-edge), 0 4px 10px #8c641459}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--on-scene);background:var(--grain), radial-gradient(ellipse at 50% 35%, #3d7565, var(--felt) 70%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.4}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.viewport{position:fixed;inset:0;overflow:hidden}.stage{transform-origin:50%;position:absolute;top:50%;left:50%;container:stage/size}.scene-layer,.fx-layer{pointer-events:none;position:absolute;inset:0}.scroll-area{overscroll-behavior:contain;min-height:0;overflow-y:auto}.btn{min-height:44px;font-family:var(--font-ui);cursor:pointer;border:0;border-radius:12px;padding:8px 18px;font-size:16px;font-weight:700;line-height:1.15;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{color:#fff7e8;background:linear-gradient(180deg, #c8414f 0%, var(--cherry) 45%, var(--cherry-dark) 100%);text-shadow:0 1px #00000059;box-shadow:inset 0 0 0 2px #ffd6788c,inset 0 3px #ffffff38,0 4px #4d0f1c,0 7px 12px #0000004d}.btn-primary:active{box-shadow:inset 0 0 0 2px #ffd6788c,0 2px #4d0f1c,0 5px 10px #0000004d}.btn-secondary{color:#fff3dc;background:var(--grain), var(--wood-board);text-shadow:0 1px 2px #281405d9;box-shadow:inset 0 2px #ffdcaa59,inset 0 -2px #0003,0 3px #4a2a10,0 6px 10px #00000040}.btn-secondary:active{box-shadow:inset 0 2px #ffdcaa59,0 1px #4a2a10,0 4px 8px #00000040}.btn-gift{color:var(--wood-ink);background:linear-gradient(#ffe58a 0%,#e9be45 45%,#b98d22 100%);box-shadow:inset 0 0 0 2px #ffffff73,0 4px #7a5a12,0 7px 12px #0000004d}.panel{border-radius:var(--r-lg);background:var(--grain), var(--paper);color:var(--ink);box-shadow:var(--sh-panel)}.well{border-radius:var(--r-sm);background:var(--paper-well);box-shadow:var(--sh-well)}.pill{border-radius:var(--r-pill);background:var(--scrim);color:var(--on-scene)}.title{font-family:var(--font-print);margin:0;font-weight:700}.window-backdrop{z-index:20;background:#0e08038c;grid-template-rows:minmax(0,1fr);justify-items:center;padding:44px 20px 12px;animation:.2s ease-out both club-fade-in;display:grid;position:absolute;inset:0}.window-backdrop .tab-page{border-radius:var(--r-lg);background:var(--grain), var(--paper);width:min(760px,100%);height:100%;color:var(--ink);box-shadow:var(--sh-panel);grid-template-rows:auto auto minmax(0,1fr);padding:0 14px;animation:.34s cubic-bezier(.34,1.5,.64,1) both club-window-in;display:grid;position:relative}.window-backdrop.is-closing{animation:.16s ease-in both club-fade-out}.tab-page-head{justify-content:center;display:flex}.tab-page-title{border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--cherry);color:#fff7e8;font-family:var(--font-print);margin:0;padding:3px 36px;font-size:19px}.tab-page-aside{color:var(--ink-soft);font-size:13px;position:absolute;top:8px;right:44px}.tab-page-body{min-height:0;padding:8px 0 12px}.window-close{z-index:2;background:radial-gradient(circle at 40% 30%, #e0566a, var(--cherry) 60%, #6e1220);color:#fff7e8;cursor:pointer;border:2px solid #6e1220;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:700;position:absolute;top:-12px;right:-10px}@keyframes club-fade-in{0%{opacity:0}}@keyframes club-fade-out{to{opacity:0}}@keyframes club-window-in{0%{opacity:0;transform:translateY(24px)scale(.86)}}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:6px;width:260px;display:flex;position:absolute;bottom:12px;left:12px}.toast{background:var(--paper);color:var(--ink);border-left:4px solid #2b4a8b;border-radius:10px;margin:0;padding:6px 10px;font-size:14px;font-weight:600;line-height:1.25;animation:.22s ease-out club-window-in;box-shadow:0 6px 14px #0000004d}.toast-win{border-left-color:var(--cherry)}.toast-gift{border-left-color:var(--brass)}.rolling-number{font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.count-up{justify-items:end;display:inline-grid}.count-up>span{grid-area:1/1}.count-up-final{visibility:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{position:absolute;inset:0;overflow:hidden}.app>main{position:absolute;inset:0}.center{text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.home{text-align:center;place-content:center;justify-items:center;gap:10px;padding:16px;display:grid}.home-tiles{gap:6px;margin-bottom:4px;display:flex}.home-title{color:#fff7e8;text-shadow:0 3px 6px #00000080;font-size:34px}.home-subtitle{font-size:15px;font-family:var(--font-print);margin:-4px 0 4px;font-style:italic}.home-seats{gap:8px;display:flex}.seat-choice{border-radius:var(--r-sm);background:var(--paper-well);min-height:40px;color:var(--ink);box-shadow:var(--sh-well);cursor:pointer;border:0;padding:4px 14px;font-size:15px;font-weight:700}.seat-choice-on{background:var(--select-fill);box-shadow:var(--sh-select)}.home-actions{gap:10px;width:min(280px,100%);display:grid}.home-actions .btn,.result-actions .btn{min-height:44px;padding:6px 16px;font-size:16px}.home-stats{margin:6px 0 0;padding:4px 14px;font-size:13px}.tile{--w:40px;width:var(--w);height:calc(var(--w) * 1.3);font-family:var(--font-print);cursor:pointer;background:linear-gradient(#fffdf6,#ece1c6);border:0;border-radius:6px;flex:none;grid-template-rows:1fr auto;place-items:center;padding:2px 0 4px;font-weight:700;line-height:1;transition:transform .12s ease-out,box-shadow .12s ease-out;display:inline-grid;position:relative;box-shadow:inset 0 -4px #785a2840,0 3px 6px #0000004d}.tile-value{font-size:calc(var(--w) * .5)}.tile-shape{font-family:var(--font-ui);font-size:11px;line-height:1}.tile-red{color:#c0242f}.tile-blue{color:#1f4fa3}.tile-yellow{color:#b06e00}.tile-black{color:#1d1a17}.tile-joker{color:#a3263a;background:linear-gradient(#fff3c4,#e9c95b);grid-template-rows:1fr}.tile-selected{box-shadow:inset 0 -4px 0 #785a2840, 0 0 0 3px var(--gold), 0 8px 12px #00000059;transform:translateY(-6px)}.tile-check{background:var(--gold);width:16px;height:16px;color:var(--wood-ink);font-family:var(--font-ui);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #0006}.tile-placed{box-shadow:inset 0 -5px 0 var(--gold), 0 3px 6px #0000004d}.tile-placed.tile-selected{box-shadow:inset 0 -5px 0 var(--gold), 0 0 0 3px var(--gold), 0 8px 12px #00000059}.tile-hinted{animation:.9s ease-in-out infinite alternate tile-hint}@keyframes tile-hint{0%{box-shadow:inset 0 -4px 0 #785a2840, 0 0 0 3px var(--gold), 0 0 8px var(--gold)}to{box-shadow:inset 0 -4px 0 #785a2840, 0 0 0 4px #fff3c4, 0 0 14px var(--gold);transform:translateY(-3px)}}.table{grid-template:"top top""rivals rivals""board board"minmax(0,1fr)"prompt prompt""hand actions"/minmax(0,1fr) 260px;gap:6px 10px;padding:8px 10px;display:grid}.table-top{grid-area:top;align-items:center;gap:8px;display:flex}.table-leave{min-height:40px;padding:4px 14px;font-size:15px}.table-turn,.table-pool,.table-reconnecting{white-space:nowrap;margin:0;padding:5px 12px;font-size:15px;font-weight:700}.table-pool{margin-left:auto}.table-reconnecting{box-shadow:0 0 0 2px #e05060}.table-timer{color:var(--gold)}.table-timer-low{color:#ff8a8a;animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{50%{opacity:.55}}.rivals{flex-wrap:wrap;grid-area:rivals;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rival{border-radius:var(--r-pill);background:var(--scrim);align-items:baseline;gap:5px;padding:2px 10px;font-size:14px;display:flex}.rival-turn{box-shadow:0 0 0 2px var(--gold)}.rival-name{font-weight:700}.rival-bot,.rival-count{color:#e2d6bb;font-size:13px}.board{background:#1432288c;flex-wrap:wrap;grid-area:board;align-content:flex-start;align-items:flex-start;gap:8px;padding:8px;display:flex;box-shadow:inset 0 2px 8px #00000059}.board-empty{color:var(--on-scene);text-align:center;margin:auto;font-size:15px}.set{background:#ffffff14;border:0;border-radius:8px;gap:3px;min-height:40px;padding:4px;display:grid}.set-tiles{align-items:center;gap:2px;display:flex;position:relative}.set .tile{--w:34px;border-radius:5px}.set .tile-shape{font-size:10px}.set-target{outline-offset:1px;cursor:pointer;outline:2px dashed #e6bd3be6}.set-new{min-width:120px;min-height:52px;color:var(--on-scene);outline-style:dashed;place-content:center;align-self:stretch;padding:4px 12px;font-size:15px;font-weight:700}.set-bad{background:#c8283259;box-shadow:0 0 0 2px #e05060}.set-bad-mark{color:#fff;background:#c0242f;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 1px 3px #0006}.set-problem{color:#ffe1e1;width:0;min-width:max(100%,130px);margin:0;font-size:13px;line-height:1.2}.prompt{color:#fff3dc;text-shadow:0 1px 2px #000000b3;grid-area:prompt;min-height:1.3em;margin:0;font-size:16px;font-weight:700;line-height:1.3}.hand{--rows:2;max-height:calc(var(--rows) * 52px + (var(--rows) - 1) * 5px + 20px);border-radius:var(--r-lg);background:var(--grain), var(--wood-board);flex-wrap:wrap;grid-area:hand;align-content:flex-start;gap:5px;padding:12px 8px 8px;display:flex;box-shadow:0 -4px 14px #0000004d}.actions{grid-area:actions;grid-template-columns:1fr 1fr;align-content:end;gap:6px;display:grid}.hand-btn{border-radius:12px;min-height:40px;padding:2px 8px;font-size:15px}.actions-main{border-radius:12px;grid-column:1/-1;min-height:44px;padding:4px 12px;font-size:16px}.meld-points,.actions-reason{text-align:center;grid-column:1/-1;margin:0;padding:4px 10px;font-size:14px;font-weight:700}.meld-points-ok{box-shadow:0 0 0 2px var(--gold)}.actions-reason{color:#ffd2d2;text-shadow:0 1px 2px #000000b3;padding:0}.result-backdrop{z-index:30;background:#0e08038c;place-items:center;animation:.2s ease-out both club-fade-in;display:grid;position:absolute;inset:0}.result{gap:10px;width:min(380px,100% - 24px);padding:16px;animation:.34s cubic-bezier(.34,1.5,.64,1) both club-window-in;display:grid}.result-title{text-align:center;font-size:20px}.result-note{color:var(--ink-soft);text-align:center;margin:-4px 0 0;font-size:13px}.result-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.result-list li{border-radius:var(--r-sm);background:var(--paper-well);box-shadow:var(--sh-well);justify-content:space-between;gap:10px;padding:6px 12px;font-size:15px;display:flex}.result-winner{background:var(--select-fill)!important;box-shadow:var(--sh-select)!important}.result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}@container stage (orientation:portrait){.table{grid-template:"top""rivals""board"minmax(0,1fr)"prompt""hand""actions"/minmax(0,1fr);gap:6px;padding:6px 8px 8px}.tile{--w:36px}.tile-value{font-size:19px}.hand{--rows:3;max-height:calc(var(--rows) * 47px + (var(--rows) - 1) * 4px + 20px);gap:4px}.set .tile{--w:30px}.set .tile-value{font-size:16px}.set-new{min-height:47px}.table-turn,.table-pool{padding:4px 10px;font-size:14px}.table-leave{padding:4px 12px}.table-reconnecting{z-index:5;font-size:14px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.prompt{font-size:15px}.home-title{font-size:30px}}@container stage (orientation:landscape) and (height<=450px){.table{grid-template:"top top""board rivals""board actions"minmax(0,1fr)"prompt actions""hand actions"/minmax(0,1fr) 240px;gap:6px 8px;padding:6px 8px 8px}.tile{--w:36px;height:calc(var(--w) * 1.22)}.tile-value{font-size:19px}.hand{max-height:113px}.set .tile{--w:30px}.set .tile-value{font-size:16px}.set-new{min-height:45px}.rivals{flex-direction:column;gap:4px}.prompt{font-size:15px}.hand-btn{padding:2px 6px;font-size:14px}}@media (prefers-reduced-motion:reduce){.table-timer-low,.tile-hinted{animation:none}.tile-hinted{box-shadow:inset 0 -4px 0 #785a2840, 0 0 0 4px var(--gold), 0 0 14px var(--gold)}}.set-hinted{box-shadow:0 0 0 3px var(--gold), 0 0 14px #e6bd3bb3}.set-new-idle{visibility:hidden}.set-target{background:#e6bd3b1f}