:root{--wood:#33200f;--wood-2:#4a2d15;--oak:#7a4a24;--oak-hi:#a86d38;--felt:#1c4634;--felt-hi:#276046;--felt-edge:#0f2a1f;--gold:#e2a53a;--gold-hi:#f6cf7a;--gold-lo:#9a6a1c;--parch:#efe0bd;--parch-dim:#c9b58f;--ink:#17100a;--ember:#c2512a;--moss:#5e8f3e;--sky:#6e7fd6;--ok:#7fb069;--warn:#e2a53a;--bad:#d9573a;--panel:rgba(23,16,10,.82);--panel-line:rgba(226,165,58,.28);--font-display:"Cinzel",Georgia,serif;--font-body:"Alegreya",Georgia,serif;--font-ui:"Alegreya Sans","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--wood);color:var(--parch);font-family:var(--font-body);font-size:16px;overflow:hidden;background-image:radial-gradient(ellipse at 8% 0%,rgba(226,165,58,.2),transparent 40%),radial-gradient(ellipse at 92% 0%,rgba(226,165,58,.16),transparent 40%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.6),transparent 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 2px,transparent 2px 46px),linear-gradient(180deg,#3d2612,#2a1808 60%,#1c1006)}button{font-family:var(--font-ui);cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:8px 18px;background:linear-gradient(180deg,#0000008c,#00000040);border-bottom:1px solid var(--panel-line);flex:0 0 auto;flex-wrap:wrap}.logo{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 2px 0 #5a3a10,0 0 18px rgba(226,165,58,.35);white-space:nowrap}.logo small{display:block;font-family:var(--font-ui);font-weight:500;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--parch-dim);text-shadow:none}.nav{display:flex;gap:6px;margin-left:auto}.nav button{background:transparent;border:1px solid transparent;color:var(--parch-dim);padding:7px 12px;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav button:hover{color:var(--parch);border-color:var(--panel-line)}.nav button.active{color:var(--gold-hi);border-color:var(--gold-lo);background:#e2a53a14}.pill{display:flex;align-items:center;gap:8px;background:#00000059;border:1px solid var(--panel-line);border-radius:999px;padding:4px 12px 4px 6px;font-family:var(--font-ui);font-size:13px}.pill .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink)}.pill b{color:var(--parch)}.xpwrap{display:flex;flex-direction:column;gap:3px;min-width:170px;font-family:var(--font-ui);font-size:12px}.xpwrap .lbl{display:flex;justify-content:space-between;color:var(--parch-dim)}.bar{height:8px;border-radius:999px;background:#00000080;border:1px solid rgba(0,0,0,.6);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));width:0;transition:width .6s ease}.taler{color:var(--gold-hi);font-weight:700}main{flex:1 1 auto;position:relative;min-height:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:22px 26px 40px}h1,h2,h3{font-family:var(--font-display);font-weight:700;color:var(--gold-hi);margin:0;text-wrap:balance;letter-spacing:.02em}h1{font-size:30px}h2{font-size:20px}h3{font-size:15px}.eyebrow{font-family:var(--font-ui);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--parch-dim)}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;padding:16px 18px;box-shadow:0 10px 30px #00000059}.muted{color:var(--parch-dim)}.btn{background:linear-gradient(180deg,#8a5a2a,#5a3616);color:var(--parch);border:1px solid #2d1a08;box-shadow:inset 0 1px #ffffff2e,0 3px #2a1706,0 6px 14px #0006;border-radius:6px;padding:10px 18px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff2e,0 1px #2a1706}.btn.gold{background:linear-gradient(180deg,#f0c15c,#b7791e);color:#2a1706;border-color:#5a3a10;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn.ghost{background:#00000059;box-shadow:none;border-color:var(--panel-line)}.btn.danger{background:linear-gradient(180deg,#b84a2a,#762a12)}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.menu-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:22px;max-width:1240px;margin:0 auto}.hero-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}.hero-card{background:linear-gradient(180deg,#ffffff0d,#00000059);border:1px solid var(--panel-line);border-radius:8px;padding:12px 10px 10px;text-align:center;cursor:pointer;position:relative;transition:transform .15s,border-color .15s}.hero-card:hover{transform:translateY(-3px);border-color:var(--gold)}.hero-card.selected{border-color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold-hi),0 0 24px #e2a53a59}.hero-card .portrait{width:92px;height:92px;margin:0 auto 8px}.hero-card .hname{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--parch)}.hero-card .hrace{font-family:var(--font-ui);font-size:11px;color:var(--parch-dim);margin-top:2px}.hero-card .hab{margin-top:8px;font-family:var(--font-ui);font-size:11px;line-height:1.3;color:var(--parch-dim);border-top:1px solid rgba(255,255,255,.08);padding-top:6px;text-align:left}.hero-card .hab b{display:block;color:var(--gold-hi);font-size:12px;margin-bottom:2px}.hero-card .hab span{display:block}.hero-card .hstyle{display:inline-block;margin-top:6px;font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#00000059;border:1px solid var(--panel-line);color:var(--gold-hi)}.portrait{border-radius:50%;overflow:hidden;position:relative;box-shadow:0 4px 10px #00000080}.portrait svg{width:100%;height:100%;display:block}.portrait.frame-wood{outline:3px solid #7a4a24;outline-offset:-1px}.portrait.frame-bronze{outline:3px solid #b5733a}.portrait.frame-silver{outline:3px solid #c7ccd6;box-shadow:0 0 12px #c7ccd680}.portrait.frame-gold{outline:3px solid var(--gold-hi);box-shadow:0 0 16px #f6cf7a99}.portrait.frame-dragon{outline:3px solid #d9573a;box-shadow:0 0 18px #d9573ab3}.play-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;align-items:center}.play-row .btn{padding:14px 26px;font-size:16px}.skin-row{display:flex;gap:8px;align-items:center;margin-top:12px;font-family:var(--font-ui);font-size:13px;flex-wrap:wrap}.skin-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.skin-dot.selected{border-color:var(--gold-hi)}.skin-dot.locked{opacity:.35;cursor:not-allowed}.quest{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.quest:first-of-type{border-top:0}.quest .q-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-ui);font-size:14px}.quest .q-top b{color:var(--parch)}.quest .qreward{color:var(--gold-hi);white-space:nowrap}.quest.done .q-top b{color:var(--ok)}.season-box{display:flex;flex-direction:column;gap:10px}.rank-badge{display:flex;align-items:center;gap:12px}.rank-shield{width:54px;height:60px;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:20px;color:var(--ink);clip-path:polygon(50% 0,100% 12%,100% 60%,50% 100%,0 60%,0 12%);text-shadow:0 1px 0 rgba(255,255,255,.4)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-family:var(--font-ui);font-size:14px}.stat-grid div{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(255,255,255,.12);padding:4px 0}.stat-grid b{font-variant-numeric:tabular-nums}.pass-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:1240px;margin:0 auto 14px}.pass-track{max-width:1240px;margin:0 auto;overflow-x:auto;padding-bottom:12px}.pass-rows{display:grid;grid-template-rows:auto auto auto;grid-auto-flow:column;grid-auto-columns:118px;gap:8px 6px;min-width:max-content;padding:6px}.tier-num{font-family:var(--font-display);font-size:12px;color:var(--parch-dim);text-align:center;padding:2px;border-radius:4px}.tier-num.reached{color:var(--gold-hi);background:#e2a53a1f}.tier-num.current{outline:1px solid var(--gold-hi)}.reward{height:118px;border-radius:6px;border:1px solid var(--panel-line);background:#00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center;font-family:var(--font-ui);font-size:11px;position:relative}.reward .ric{width:44px;height:44px;border-radius:6px;display:grid;place-items:center;font-size:20px;border:1px solid rgba(255,255,255,.12)}.reward .rname{color:var(--parch);line-height:1.15}.reward.premium{border-color:#f6cf7a73;background:linear-gradient(180deg,#e2a53a24,#0006)}.reward.owned{border-color:var(--ok)}.reward.owned:after{content:"✓";position:absolute;top:4px;right:6px;color:var(--ok);font-weight:700}.reward.locked{opacity:.55}.reward.locked:after{content:"🔒";position:absolute;top:4px;right:6px;font-size:11px;opacity:.8}.track-label{font-family:var(--font-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--parch-dim);padding:0 6px;display:flex;align-items:center}.track-label.premium{color:var(--gold-hi)}.col-tabs{display:flex;gap:6px;margin:12px auto;max-width:1240px;flex-wrap:wrap}.col-tabs button{background:#0000004d;border:1px solid var(--panel-line);color:var(--parch-dim);padding:6px 12px;border-radius:4px;font-size:13px}.col-tabs button.active{color:var(--gold-hi);border-color:var(--gold)}.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:1240px;margin:0 auto}.col-item{background:#00000059;border:1px solid var(--panel-line);border-radius:6px;padding:10px;text-align:center;font-family:var(--font-ui);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.col-item.equipped{border-color:var(--gold-hi);box-shadow:0 0 12px #e2a53a4d}.col-item.locked{opacity:.45;cursor:default}.col-item .preview{width:70px;height:98px;border-radius:6px}.col-item .preview.felt{width:110px;height:64px;border-radius:40px}.col-item .src{color:var(--parch-dim);font-size:11px}.overlay-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;background:radial-gradient(ellipse at 50% 0%,rgba(226,165,58,.14),transparent 45%),linear-gradient(180deg,#3d2612,#2a1808 60%,#1c1006)}.overlay-screen .big-eyebrow{font-family:var(--font-ui);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--parch-dim)}.overlay-screen h1{font-size:38px;text-align:center}.queue-dots{display:flex;gap:14px;margin:8px 0}.queue-slot{width:46px;height:64px;border-radius:6px;border:2px dashed var(--panel-line);display:grid;place-items:center;font-size:18px;color:var(--parch-dim);background:#0000004d}.queue-slot.filled{border-style:solid;border-color:var(--gold);box-shadow:0 0 14px #e2a53a59;background:transparent}.qs-dealt{width:100%;height:100%;border-radius:4px;display:grid;place-items:center;font-size:20px;color:var(--gold-hi);background:linear-gradient(135deg,#6d1a1a,#3c0d0d 70%);box-shadow:inset 0 0 0 2px #e2a53a59;animation:qsDealt .45s cubic-bezier(.2,.7,.3,1.1) both}@keyframes qsDealt{0%{transform:translateY(-70px) rotate(-10deg) scale(.7);opacity:0}to{transform:none;opacity:1}}.queue-shuffle{position:relative;width:120px;height:84px;margin-top:6px}.qs-card{position:absolute;left:36px;top:4px;width:48px;height:68px;border-radius:6px;background:linear-gradient(135deg,#6d1a1a,#3c0d0d 70%);box-shadow:inset 0 0 0 2px #e2a53a59,0 6px 14px #00000080}.qs-card:after{content:"♠";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:20px;color:#f6cf7ab3}.qs-card.a{animation:qsRiffleA 1.8s ease-in-out infinite}.qs-card.b{animation:qsRiffleB 1.8s ease-in-out infinite}.qs-card.c{animation:qsRiffleC 1.8s ease-in-out infinite}@keyframes qsRiffleA{0%,to{transform:translate(-16px) rotate(-8deg)}50%{transform:translate(16px) translateY(-14px) rotate(8deg)}}@keyframes qsRiffleB{0%,to{transform:translateY(-4px)}25%{transform:translateY(-18px) rotate(3deg)}75%{transform:translateY(2px) rotate(-3deg)}}@keyframes qsRiffleC{0%,to{transform:translate(16px) rotate(8deg)}50%{transform:translate(-16px) translateY(-14px) rotate(-8deg)}}.queue-timer{font-family:var(--font-display);font-size:52px;font-weight:900;color:var(--gold-hi);text-shadow:0 3px 0 #4a2c12,0 0 24px rgba(226,165,58,.45);font-variant-numeric:tabular-nums;animation:qPulse 1s ease-in-out infinite}@keyframes qPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.draw-stage{display:flex;flex-direction:column;align-items:center;gap:14px}.draw-card{width:260px;background:linear-gradient(180deg,#ffffff0f,#0006);border:1px solid var(--gold-lo);border-radius:12px;padding:22px 18px;text-align:center;box-shadow:0 20px 60px #0009,0 0 30px #e2a53a40;animation:drawIn .5s ease}.draw-card .portrait{width:130px;height:130px;margin:0 auto 12px}.draw-card .hname{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--parch)}.draw-card .hrace{font-family:var(--font-ui);font-size:12px;color:var(--parch-dim);margin-top:2px}.draw-card .hab{margin-top:12px;font-family:var(--font-ui);font-size:12px;line-height:1.35;color:var(--parch-dim);border-top:1px solid rgba(255,255,255,.1);padding-top:10px;text-align:left}.draw-card .hab b{display:block;color:var(--gold-hi);font-size:13px;margin-bottom:3px}.draw-card.spinning{animation:spinPulse .35s ease infinite}@keyframes drawIn{0%{transform:translateY(24px) scale(.85) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}@keyframes spinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.draw-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.vs-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-family:var(--font-ui);font-size:13px;color:var(--parch-dim)}.vs-row span{background:#00000059;border:1px solid var(--panel-line);border-radius:999px;padding:4px 12px}.match-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.6),transparent 60%),linear-gradient(180deg,#3d2612,#2a1808 60%,#1c1006)}.match-top{display:flex;align-items:center;gap:14px;padding:8px 16px;font-family:var(--font-ui);font-size:13px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.06)}.match-top .spacer{flex:1}.match-top .mlogo{font-family:var(--font-display);font-weight:900;font-size:15px;color:var(--gold-hi);letter-spacing:.04em}.table-wrap{flex:1;position:relative;min-height:0}.table{position:absolute;left:50%;top:50%;width:min(92vw,1080px);height:min(74vh,520px);transform:translate(-50%,-52%)}.table .rail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#8a5a2e,#4a2c12 70%,#2f1a08);box-shadow:0 30px 60px #0009,inset 0 -6px 12px #00000080,inset 0 4px 8px #ffffff1f}.table .felt{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,var(--felt-hi),var(--felt) 60%,var(--felt-edge));box-shadow:inset 0 0 40px #0000008c,inset 0 0 0 3px #e2a53a40}.table .felt:after{content:"";position:absolute;top:34px;right:34px;bottom:34px;left:34px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.deck-deal{position:absolute;left:50%;top:18%;transform:translate(-50%,-50%);width:72px;z-index:1;pointer-events:none}.deck-deal svg{display:block;overflow:visible}.deck-deal.dealing svg{animation:deckNudge .3s ease-in-out 4}@keyframes deckNudge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px) rotate(-2deg)}}.deck-deal .df-card{opacity:0;transform-box:view-box;transform-origin:34px 19px}.deck-deal.dealing .df-card{animation:deckFly .5s ease-out both}.deck-deal.dealing .df-card.f1{--fx:-70px;--fy:34px;animation-delay:.06s}.deck-deal.dealing .df-card.f2{--fx:0px;--fy:52px;animation-delay:.38s}.deck-deal.dealing .df-card.f3{--fx:70px;--fy:34px;animation-delay:.7s}@keyframes deckFly{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--fx,0px),var(--fy,40px)) rotate(-30deg) scale(.8)}}.board{display:flex;gap:8px;min-height:92px}.potline{font-family:var(--font-ui);font-size:14px;color:var(--gold-hi);background:#00000073;padding:3px 12px;border-radius:999px;border:1px solid var(--panel-line);font-variant-numeric:tabular-nums}.potline.empty{opacity:0}.banner{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--gold-hi);text-shadow:0 2px 0 #3a2410,0 0 20px rgba(226,165,58,.6);opacity:0;pointer-events:none;z-index:5;text-align:center;white-space:nowrap}.banner.show{animation:bannerIn 2.4s ease forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.seat{position:absolute;width:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3;transition:opacity .4s}.seat.out{opacity:.35;filter:grayscale(1)}.seat .portrait{width:68px;height:68px;transition:box-shadow .2s}.seat.acting .portrait{box-shadow:0 0 0 3px var(--gold-hi),0 0 24px #f6cf7acc}.seat.folded .portrait{filter:grayscale(.8) brightness(.6)}.seat.winner .portrait{box-shadow:0 0 0 3px #fff,0 0 30px #ffffffe6}.seat.disconnected .plate .pname{color:var(--bad)}.plate{background:linear-gradient(180deg,#2b1a0b,#170e05);border:1px solid var(--gold-lo);border-radius:6px;padding:3px 10px;min-width:126px;text-align:center;font-family:var(--font-ui);box-shadow:0 4px 10px #00000080}.plate .pname{font-size:12px;font-weight:700;color:var(--parch);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:142px}.plate .pchips{font-size:13px;color:var(--gold-hi);font-variant-numeric:tabular-nums}.plate .pchips.allin{color:var(--bad)}.seat-cards{display:flex;gap:4px;height:58px;align-items:flex-end}.seat.human{width:300px;transform:translate(-50%,-72%)}.seat.human .pname{max-width:280px;font-size:13px}.seat.human .portrait{width:86px;height:86px}.seat.human .seat-cards{height:100px;gap:8px}.dbtn{position:absolute;width:22px;height:22px;border-radius:50%;background:#f4ecd6;color:#1a120c;font-family:var(--font-display);font-weight:900;font-size:12px;display:none;place-items:center;box-shadow:0 2px 4px #0009;right:-6px;bottom:2px}.seat.dealer .dbtn{display:grid}.avatar{position:relative}.bet{position:absolute;font-family:var(--font-ui);font-size:13px;font-weight:700;color:#fff;background:#0000008c;padding:2px 8px 2px 4px;border-radius:999px;display:none;align-items:center;gap:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.bet.show{display:flex;animation:betToss .35s cubic-bezier(.2,.7,.3,1.15)}@keyframes betToss{0%{transform:translate(var(--tossX,0px),var(--tossY,0px)) scale(.4);opacity:0}to{transform:none;opacity:1}}.chip{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 25%,transparent 26%),repeating-conic-gradient(#d9573a 0,#d9573a 20deg,#fff 20deg,#fff 40deg);box-shadow:0 1px 2px #0009;display:inline-block}.chip.blue{background:radial-gradient(circle at 50% 50%,#fff 0 25%,transparent 26%),repeating-conic-gradient(#3b5fb0 0,#3b5fb0 20deg,#fff 20deg,#fff 40deg)}.chip.black{background:radial-gradient(circle at 50% 50%,#fff 0 25%,transparent 26%),repeating-conic-gradient(#222 0,#222 20deg,#fff 20deg,#fff 40deg)}.chip.green{background:radial-gradient(circle at 50% 50%,#fff 0 25%,transparent 26%),repeating-conic-gradient(#2f8a4a 0,#2f8a4a 20deg,#fff 20deg,#fff 40deg)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.win-fly{position:absolute;left:50%;top:44%;width:0;height:0;pointer-events:none;z-index:7}.win-fly .chip{position:absolute;left:-8px;top:-8px;animation:flyToSeat .8s cubic-bezier(.3,.05,.3,1) both}@keyframes flyToSeat{0%{transform:translate(0) scale(1.1);opacity:0}12%{opacity:1}80%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.7);opacity:0}}.bubble{position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%);background:var(--parch);color:var(--ink);font-family:var(--font-ui);font-size:12px;font-weight:600;padding:5px 10px;border-radius:10px;opacity:0;pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:6;max-width:220px;white-space:normal;text-align:center;width:max-content}.bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--parch);border-bottom:0}.bubble.show{animation:bub 2.2s ease forwards}.bubble.action{background:#2b1a0b;color:var(--gold-hi);border:1px solid var(--gold-lo)}.bubble.action:after{border-top-color:#2b1a0b}.bubble.action.fold{color:var(--parch-dim)}.bubble.action.raise{color:#ffb35c}.bubble.emote{font-family:var(--font-body);font-style:italic;font-size:13px}@keyframes bub{0%{opacity:0;transform:translate(-50%,-90%) scale(.8)}10%{opacity:1;transform:translate(-50%,-100%) scale(1)}85%{opacity:1}to{opacity:0}}.seat .bubble.action{top:auto;bottom:-30px;transform:translate(-50%,100%)}.seat .bubble.action:after{bottom:auto;top:-6px;border-top:0;border-bottom:6px solid #2b1a0b}.seat .bubble.action.show{animation:bubDown 2.2s ease forwards}@keyframes bubDown{0%{opacity:0;transform:translate(-50%,90%) scale(.8)}10%{opacity:1;transform:translate(-50%,100%) scale(1)}85%{opacity:1}to{opacity:0}}.card{width:44px;height:62px;position:relative;perspective:400px;flex:0 0 auto}.card.lg{width:62px;height:88px}.card .inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.1,.2,1)}.card .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;backface-visibility:hidden;box-shadow:0 3px 6px #00000080}.card .front{background:linear-gradient(180deg,#fffaf0,#f1e6cf);color:#1d1a16;transform:rotateY(180deg);border:1px solid #cdbf9f;display:flex;flex-direction:column;justify-content:space-between;padding:3px 4px;font-family:var(--font-ui);font-weight:700}.card .front .rk{font-size:15px;line-height:1}.card.lg .front .rk{font-size:20px}.card .front .st{font-size:13px;line-height:1;align-self:flex-end}.card .front .big{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:26px;opacity:.9}.card.lg .front .big{font-size:38px}.card.lg .front .st{font-size:17px}.card.red .front{color:#b8302a}.card.blue .front{color:#2d55b2}.card.green .front{color:#2a7a3f}.card .back{border:2px solid #e9d7a6;background-color:#5a3418}.card.up .inner{transform:rotateY(180deg)}.card.dealing{animation:deal .4s ease-out both}@keyframes deal{0%{transform:translateY(-120px) scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.card.dim{opacity:.35}.card.hl .face.front{box-shadow:0 0 0 2px var(--gold-hi),0 0 14px #f6cf7acc}.hud{display:flex;align-items:center;gap:14px;padding:10px 18px;background:linear-gradient(180deg,#00000059,#000000a6);border-top:1px solid var(--panel-line);min-height:74px;font-family:var(--font-ui);flex-wrap:wrap}.hud .hint{color:var(--parch-dim);font-size:14px;flex:1;min-width:180px}.hud .hint b{color:var(--gold-hi)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions .btn{min-width:120px}.raise-box{display:flex;align-items:center;gap:8px;background:#00000059;border:1px solid var(--panel-line);border-radius:6px;padding:6px 10px}.raise-box input[type=range]{width:160px;accent-color:var(--gold)}.raise-box .amt{font-weight:700;color:var(--gold-hi);min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.raise-box .q{background:#ffffff0f;border:1px solid var(--panel-line);color:var(--parch);border-radius:4px;padding:3px 7px;font-size:11px}.emote-btn{position:relative}.emote-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;padding:6px;display:none;flex-direction:column;gap:4px;min-width:220px;z-index:20}.emote-menu.open{display:flex}.emote-menu button{background:transparent;border:0;color:var(--parch);text-align:left;padding:6px 8px;border-radius:4px;font-size:13px}.emote-menu button:hover{background:#e2a53a26}.handname{font-family:var(--font-display);color:var(--gold-hi);font-size:14px;min-width:150px}.turn-timer{font-family:var(--font-ui);font-size:12px;color:var(--parch-dim);min-width:60px;font-variant-numeric:tabular-nums}.turn-timer b{color:var(--gold-hi)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:50;padding:20px}.modal-box{background:linear-gradient(180deg,#3a2412,#1e1207);border:1px solid var(--gold-lo);border-radius:10px;padding:26px 30px;max-width:560px;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 30px 80px #000000b3;animation:pop .25s ease}.modal-box h2{font-size:26px;margin-bottom:4px}.result-place{font-family:var(--font-display);font-size:64px;font-weight:900;color:var(--gold-hi);line-height:1;text-shadow:0 3px 0 #4a2c12,0 0 30px rgba(226,165,58,.5)}.result-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-family:var(--font-ui);font-size:15px;margin:16px 0}.result-grid b{font-variant-numeric:tabular-nums;color:var(--gold-hi)}.result-grid .neg b{color:var(--bad)}.result-grid .pos b{color:var(--ok)}.toasts{position:fixed;right:18px;top:70px;display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--gold-lo);border-left:4px solid var(--gold);color:var(--parch);padding:10px 14px;border-radius:6px;font-family:var(--font-ui);font-size:14px;min-width:220px;animation:toastIn .3s ease,toastOut .4s ease 3.6s forwards;box-shadow:0 10px 30px #00000080}.toast small{display:block;color:var(--parch-dim);font-size:12px}@keyframes toastIn{0%{transform:translate(30px);opacity:0}}@keyframes toastOut{to{transform:translate(30px);opacity:0}}.mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#f6cf7a8c;animation:float 9s linear infinite;pointer-events:none}@keyframes float{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-140px) translate(20px);opacity:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:900px){.menu-grid{grid-template-columns:1fr}.seat{width:120px}.seat.human{width:240px}.card{width:36px;height:52px}.card.lg{width:50px;height:72px}.table{height:min(70vh,460px)}}.rotate-overlay{display:none}@media (max-width:900px) and (orientation:portrait) and (pointer:coarse){.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 0%,rgba(226,165,58,.14),transparent 45%),linear-gradient(180deg,#3d2612,#2a1808 60%,#1c1006)}}.rotate-overlay .phone{width:34px;height:58px;border:3px solid var(--gold);border-radius:8px;animation:rotatePhone 1.6s ease-in-out infinite}@keyframes rotatePhone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.rotate-overlay h2{font-family:var(--font-display);font-size:22px;color:var(--gold-hi)}.rotate-overlay p{font-family:var(--font-ui);font-size:14px;color:var(--parch-dim);margin:0;max-width:34ch}@media (max-height:480px){.match-top{padding:4px max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));font-size:12px;gap:8px}.hud{min-height:0;padding:6px max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px}.hud .hint{font-size:11px;min-width:120px}.actions .btn{padding:8px 12px;font-size:13px;min-width:90px}.hud .hint,.handname{display:none}.actions input[type=range]{width:90px}.table{width:min(84vw,900px);height:min(94%,380px);top:50%;transform:translate(-50%,-50%)}.table .felt{top:14px;right:14px;bottom:14px;left:14px}.seat{width:104px;gap:0}.seat .pname{font-size:10px}.seat .plate{padding:2px 8px}.seat .pchips{font-size:12px}.seat:not(.human) .seat-cards{height:30px;margin-bottom:-16px;gap:3px}.seat:not(.human) .card{width:20px;height:29px}.seat.human{width:auto;flex-direction:row;align-items:center;gap:8px;transform:translate(-50%,-68%)}.seat.human .seat-cards{height:62px;margin-bottom:0}.hud{flex-wrap:nowrap}.hud .btn{white-space:nowrap}.actions{flex-wrap:nowrap;gap:6px}.actions .btn{min-width:70px;padding:8px 10px}.seat .portrait{width:48px;height:48px}.card{width:30px;height:44px}.card.lg{width:42px;height:60px}.banner{font-size:15px}.deck-deal{width:44px;top:24%}.overlay-screen{gap:10px;padding:16px}.overlay-screen h1{font-size:22px}.queue-timer{font-size:32px}.queue-shuffle{transform:scale(.75);margin:-8px 0}.queue-slot{width:38px;height:54px}.draw-card{width:200px;padding:12px}.draw-card .portrait{width:80px;height:80px}.draw-card .hab{font-size:11px}.modal{padding:10px}.modal-box{padding:14px 18px;max-height:calc(100dvh - 20px)}.modal-box h2{font-size:19px}}