:root{--font:"Jost","Helvetica Neue",Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;--paper:#f3f0e9;--gold:#b58b49;--ink:#e9e4d8;--feltA:#5a6b59;--feltB:#384534;--panel:#1a201a9e;--panelEdge:#e9e4d824;--teamA:#ece7da;--teamB:#1b201a;--good:#9dbe8e;--danger:#d98a7a;--cw:clamp(46px,12vw,82px);--cwh:clamp(50px,14vw,92px);--cwp:clamp(44px,11vw,74px);--r-md:10px;--r-lg:14px;--diag-w:0px}@media (width>=1000px){[data-diag=open]{--diag-w:360px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 120% at 50% 42%,var(--feltA)0%,#4a5946 46%,var(--feltB)100%);overflow:hidden}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 100%,#0000 58%,#00000057 100%);position:fixed;inset:0}button{font-family:inherit}.card{width:var(--cw);aspect-ratio:250/350;flex:none;display:block}.card svg,.card-svg,.played svg{border-radius:calc(var(--cw)*.07);filter:drop-shadow(0 6px 10px #00000057)drop-shadow(0 1px 2px #0000004d);width:100%;height:100%;display:block}.felt{z-index:1;position:fixed;inset:0}.stage{top:0;bottom:0;left:0;right:var(--diag-w);z-index:1;transition:right .18s;position:fixed}.seat{z-index:5;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute}.slot-bottom{bottom:10px;left:50%;transform:translate(-50%)}.slot-top{top:80px;left:50%;transform:translate(-50%)}.slot-right{top:50%;right:12px;transform:translateY(-50%)}.slot-left{top:50%;left:12px;transform:translateY(-50%)}.fan{display:flex}.slot-bottom .fan,.slot-top .fan{flex-direction:row;align-items:flex-end}.slot-right .fan,.slot-left .fan{flex-direction:column;align-items:center}.slot-bottom .fan .card{width:var(--cwh);margin-left:calc(var(--cwh)*-.5)}.slot-top .fan .card{margin-left:calc(var(--cw)*-.5)}.slot-bottom .fan .card:first-child,.slot-top .fan .card:first-child{margin-left:0}.slot-right .fan .card,.slot-left .fan .card{margin-top:calc(var(--cw)*-1.16)}.slot-right .fan .card:first-child,.slot-left .fan .card:first-child{margin-top:0}.slot-bottom .fan{touch-action:none}.slot-bottom .fan .card{transition:transform .16s,filter .16s}.slot-bottom .fan .card.legal{cursor:pointer}.slot-bottom .fan .card.legal:hover{transform:translateY(calc(var(--cwh)*-.22));filter:brightness(1.05)}.slot-bottom .fan .card.legal.magnified{transform:translateY(calc(var(--cwh)*-.55))scale(1.32);z-index:30}.slot-bottom .fan .card.legal.magnified :is(svg,.card-svg){box-shadow:0 0 0 3px var(--gold);border-radius:calc(var(--cwh)*.07)}.slot-bottom .fan .card.legal.selected{transform:translateY(calc(var(--cwh)*-.38))scale(1.18);z-index:25}.slot-bottom .fan .card.legal.selected :is(svg,.card-svg){box-shadow:0 0 0 3px var(--gold);border-radius:calc(var(--cwh)*.07)}.slot-bottom .fan .card.disabled,.slot-bottom .fan .card.unplayable{filter:grayscale(.5)brightness(.74)}.plate{background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(6px);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:13px;transition:box-shadow .25s,border-color .25s;display:flex}.plate .nm{font-weight:600}.plate .tm{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:10.5px}.plate .dealer{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);opacity:.9;border-radius:4px;padding:1px 5px;font-size:9.5px}.seat.active .plate{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #b58b498c}.teamdot{border:1px solid #e9e4d859;border-radius:2px;flex:none;width:9px;height:9px}.livedot{background:#5ec06a;border-radius:50%;flex:none;width:9px;height:9px}.livedot.dead{background:#e0594b;animation:.9s step-end infinite livedot-blink}@keyframes livedot-blink{50%{opacity:.2}}.center{z-index:4;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.pile-count{z-index:3;color:var(--paper);border:1px solid var(--gold);white-space:nowrap;cursor:pointer;background:#141814d1;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:filter .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.pile-count:hover{filter:brightness(1.12)}.pile-rounds{flex-direction:column;gap:7px;max-height:52vh;margin:1rem 0 1.1rem;padding-right:4px;display:flex;overflow-y:auto}.pile-round{background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:5px 8px;display:flex}.pile-round-no{text-align:right;opacity:.5;font-variant-numeric:tabular-nums;flex:none;width:1.5em;font-size:12px}.pile-round-cards{flex:auto;justify-content:center;gap:4px;display:flex}.pile-mini{aspect-ratio:250/350;flex:0 auto;width:clamp(30px,9.5vw,52px)}.pile-mini :is(svg,.card-svg){border-radius:6px;width:100%;height:100%;display:block}.played{width:var(--cwp);aspect-ratio:250/350;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .26s;position:absolute;top:50%;left:50%}.played.p-bottom{transform:translate(-50%,calc(-50% + var(--cwp)*.92))}.played.p-top{transform:translate(-50%,calc(-50% - var(--cwp)*.92))}.played.p-right{transform:translate(calc(-50% + var(--cwp)*.95),-50%)}.played.p-left{transform:translate(calc(-50% - var(--cwp)*.95),-50%)}.topbar{z-index:9;background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(8px);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;max-width:calc(100% - 24px);padding:8px 18px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.topbar .brand{letter-spacing:.02em;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.05}.topbar .brand small{letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-top:2px;font-size:8.5px;font-weight:300;display:block}.topbar .seg{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.topbar .seg .lab{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:8.5px}.topbar .seg .vv{align-items:center;gap:5px;font-size:14px;font-weight:600;line-height:1.1;display:flex}.topbar .seg .vv b,.topbar .team .vv b{color:var(--gold)}.topbar .sep{background:var(--panelEdge);align-self:stretch;width:1px}.topbar .team{white-space:nowrap;align-items:center;gap:7px;display:flex}.topbar .team .nm{font-size:12px;font-weight:500}.topbar .team .vv{font-variant-numeric:tabular-nums;font-size:12.5px}.topbar .team .vv b{font-size:15px}.topbar .team .ko{opacity:.72;font-size:11px}.menu-wrap{top:12px;right:calc(var(--diag-w) + 12px);z-index:11;align-items:flex-start;gap:8px;transition:right .18s;display:flex;position:fixed}.menu-backdrop{z-index:10;position:fixed;inset:0}.iconbtn{cursor:pointer;width:42px;height:42px;color:var(--ink);background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(8px);border-radius:12px;justify-content:center;align-items:center;font-size:17px;transition:border-color .18s;display:flex}.iconbtn:hover{border-color:var(--gold)}.menu-pop{background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(10px);border-radius:13px;flex-direction:column;gap:8px;width:190px;padding:11px;display:flex;position:absolute;top:50px;right:0}.btn{letter-spacing:.04em;color:var(--ink);cursor:pointer;border:1px solid var(--panelEdge);border-radius:var(--r-md);text-align:center;background:#ffffff0d;width:100%;padding:11px 16px;font-family:inherit;font-size:13px;transition:background .18s,border-color .18s,filter .18s}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--gold);color:#241c0c;border-color:var(--gold);font-weight:600}.btn.primary:hover{filter:brightness(1.06)}.btn-sm{width:auto;padding:8px 12px;font-size:12.5px}.hint{left:50%;bottom:calc(var(--cwh)*1.6 + 30px);z-index:8;background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(8px);letter-spacing:.02em;text-align:center;border-radius:999px;align-items:center;gap:9px;max-width:70vw;padding:8px 18px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.hint b{color:var(--gold);font-weight:600}.hint-cancel{color:var(--ink);cursor:pointer;border:1px solid var(--panelEdge);background:#ffffff0f;border-radius:999px;margin-left:4px;padding:2px 9px;font-family:inherit;font-size:12px}.hint-cancel:hover{border-color:var(--gold)}.modal-back{top:0;bottom:0;left:0;right:var(--diag-w);z-index:40;backdrop-filter:blur(4px);background:#0c0f0c99;justify-content:center;align-items:center;padding:1rem;transition:right .18s;display:flex;position:fixed}.rcard{border:1px solid var(--panelEdge);text-align:center;background:#23291f;border-radius:20px;width:min(440px,90vw);padding:30px 32px 26px;box-shadow:0 30px 80px #0009}.rcard .eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.55;font-size:11px}.rcard h2{letter-spacing:-.01em;margin-top:10px;font-size:28px;font-weight:600}.rcard h2.win{color:var(--good)}.rcard .sub{opacity:.78;margin-top:8px;font-size:14.5px;font-weight:300}.rcard .tens{justify-content:center;gap:26px;margin:22px 0 24px;display:flex}.rcard .tens .col{flex-direction:column;gap:4px;display:flex}.rcard .tens .n{color:var(--gold);font-size:34px;font-weight:600}.rcard .tens .l{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:11px}.rcard .rules{text-align:left;opacity:.85;font-size:13px;line-height:1.7}.rcard .rules li{margin-bottom:.2em;margin-left:1.1em}.modal-actions{gap:.6rem;margin-top:1.1rem;display:flex}.modal-actions .btn{flex:1}.swap-list{flex-direction:column;gap:.5rem;margin:1.1rem 0 .5rem;display:flex}.toast{z-index:45;border:1px solid var(--gold);letter-spacing:.01em;background:#141814eb;border-radius:12px;padding:10px 18px;font-size:14px;position:fixed;top:16%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.lobby-shell{top:0;bottom:0;left:0;right:var(--diag-w);z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;transition:right .18s;display:flex;position:fixed}.lobby-brand{text-align:center;margin-bottom:1.4rem}.lobby-brand h1{letter-spacing:-.01em;font-size:clamp(30px,8vw,46px);font-weight:700}.lobby-brand .sub{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:6px;font-size:11px}.panel{background:var(--panel);border:1px solid var(--panelEdge);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;gap:.9rem;width:min(380px,92vw);padding:1.5rem;display:flex}.muted{color:var(--ink);opacity:.62;text-align:center;font-size:.85rem;line-height:1.5}.field{letter-spacing:.04em;text-transform:uppercase;opacity:.7;flex-direction:column;gap:.3rem;font-size:.72rem;display:flex}.text-input{font-family:var(--font);text-transform:none;letter-spacing:normal;border:1px solid var(--panelEdge);border-radius:var(--r-md);color:var(--ink);background:#00000040;padding:.6rem .8rem;font-size:.95rem}.text-input:focus{border-color:var(--gold);outline:none}.text-input::placeholder{color:var(--ink);opacity:.4}.status{min-height:1.2em;color:var(--gold);text-align:center;font-size:.82rem}.or-divider{letter-spacing:.1em;text-transform:uppercase;opacity:.5;align-items:center;gap:.6rem;margin:.2rem 0;font-size:.7rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--panelEdge);flex:1;height:1px}.searching{opacity:.85;justify-content:center;align-items:center;gap:.6rem;padding:1rem 0;font-size:.92rem;display:flex}.spinner{vertical-align:-.12em;border:2px solid;border-top-color:#0000;border-radius:50%;width:.95em;height:.95em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.debug-backdrop{z-index:40;background:#00000080;position:fixed;inset:0}.debug-panel{--dbg-fg:#e9e4d8;--dbg-edge:#e9e4d824;--dbg-accent:#b58b49;--dbg-muted:#e9e4d88c;--dbg-field:#00000047;z-index:41;width:min(360px,92vw);color:var(--dbg-fg);border-left:1px solid var(--dbg-edge);-webkit-font-smoothing:antialiased;background:#1e241c;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;font-family:Jost,Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.debug-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.debug-title{letter-spacing:.02em;font-weight:600}.debug-section{border-top:1px solid var(--dbg-edge);padding:.65rem 0}.debug-section:first-of-type{border-top:none;padding-top:.2rem}.debug-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--dbg-accent);margin-bottom:.5rem;font-size:.68rem}.debug-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.24rem 0;display:flex}.debug-label{color:var(--dbg-muted);font-size:.82rem}.debug-value{text-align:right;word-break:break-word;font-size:.82rem}.debug-mono{font-family:ui-monospace,JetBrains Mono,Cascadia Code,Fira Code,monospace}.debug-select,.debug-input{color:var(--dbg-fg);background:var(--dbg-field);border:1px solid var(--dbg-edge);border-radius:8px;padding:.32rem .5rem;font-family:inherit;font-size:.82rem}.debug-input{flex:1;min-width:0}.debug-select:focus,.debug-input:focus{border-color:var(--dbg-accent);outline:none}.debug-input::placeholder{color:var(--dbg-muted)}.debug-toggle-row{align-items:flex-start;gap:.55rem;padding:.3rem 0;font-size:.85rem;display:flex}.debug-toggle-row input[type=checkbox]{accent-color:var(--dbg-accent);flex:none;margin-top:.18rem}.debug-toggle-label{display:block}.debug-toggle-hint{color:var(--dbg-muted);margin-top:.15rem;font-size:.72rem;line-height:1.45;display:block}.debug-btn{cursor:pointer;color:var(--dbg-fg);border:1px solid var(--dbg-edge);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .6rem;font-family:inherit;font-size:.8rem;display:inline-flex}.debug-btn:hover{border-color:var(--dbg-accent)}@media (width<=620px){.topbar{flex-wrap:wrap;gap:3px 9px;max-width:calc(100vw - 112px);padding:7px 11px;left:8px;transform:none}.topbar .brand,.topbar .hide-sm,.topbar .sep,.topbar .team .nm{display:none}.slot-top{top:96px}.plate .tm,.plate .dealer{display:none}.plate{padding:4px 11px;font-size:12px}}