:root{--bg:#f6f5f1;--surface:#ffffff;--surface-2:#efede7;--line:#e2dfd7;--text:#1c1c22;--muted:#6d6b73;--accent:#1f3fbf;--accent-ink:#ffffff;--gold:#e6a700;--red:#d22f3c;--pos:#148a4a;--felt:#17398f;--felt-hi:#2a55c4;--felt-ink:rgba(255,255,255,.82);--card:#ffffff;--card-ink:#1d1d24;--shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06);--cw:clamp(46px,12.4vw,70px);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121317;--surface:#1b1d23;--surface-2:#242730;--line:#2e313b;--text:#ececf1;--muted:#9a9ba5;--accent:#6d8cff;--accent-ink:#0d1020;--felt:#10265f;--felt-hi:#1d3f96;--felt-ink:rgba(255,255,255,.8);--card:#f3f3f5;--card-ink:#17171d;--red:#e0434f;--pos:#3ccf7f;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme="dark"]{--bg:#121317;--surface:#1b1d23;--surface-2:#242730;--line:#2e313b;--text:#ececf1;--muted:#9a9ba5;--accent:#6d8cff;--accent-ink:#0d1020;--felt:#10265f;--felt-hi:#1d3f96;--felt-ink:rgba(255,255,255,.8);--card:#f3f3f5;--card-ink:#17171d;--red:#e0434f;--pos:#3ccf7f;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.4 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{max-width:820px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 16px env(safe-area-inset-bottom)}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.accent{color:var(--accent)}.grow{flex:1}.pos{color:var(--pos);font-weight:600}.neg{color:var(--red);font-weight:600}.bar{display:flex;align-items:center;gap:8px;height:56px;padding-top:env(safe-area-inset-top)}.bar-r{margin-left:auto;display:flex;gap:4px}.brand{font-weight:800;font-size:19px;letter-spacing:-.02em}.title{font-weight:700}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:0;background:transparent;cursor:pointer;color:var(--text)}.icon-btn:hover{background:var(--surface-2)}.rinfo{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.chip{font-size:13px;padding:4px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);white-space:nowrap}.chip.trump{font-weight:600}.chip .sym{font-size:15px;line-height:1}.chip.trump.red{color:var(--red)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:600;cursor:pointer;width:100%}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--red)}.btn:disabled{opacity:.45;cursor:default}.pill{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:4px 14px;font-weight:600;cursor:pointer}.pill.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.home,.settings,.lobby{display:flex;flex-direction:column;gap:14px;padding:8px 0 32px;max-width:420px;width:100%;margin:0 auto}.hero{text-align:center;padding:18px 0 6px}.hero-cards{display:flex;justify-content:center;margin:8px 0 6px;--cw:64px}.hc{display:block;transition:transform .3s}.hc:nth-child(1){transform:rotate(-14deg) translate(14px,8px)}.hc:nth-child(2){transform:translateY(-4px);z-index:1}.hc:nth-child(3){transform:rotate(14deg) translate(-14px,8px)}.hero:hover .hc:nth-child(1){transform:rotate(-20deg) translate(4px,10px)}.hero:hover .hc:nth-child(3){transform:rotate(20deg) translate(-4px,10px)}.logo{margin:14px 0 2px;font-size:34px;font-weight:850;letter-spacing:-.035em;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--red)));-webkit-background-clip:text;background-clip:text;color:transparent}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:0 14px;font-size:16px;outline:none;width:100%}input:focus{border-color:var(--accent)}.join{display:flex;gap:8px}.join .btn{width:auto}#code{text-transform:uppercase;letter-spacing:.2em;font-weight:700}.stack{display:flex;flex-direction:column;gap:14px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}.rules{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.rules summary{cursor:pointer;font-weight:600}.rules ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}.rules li{margin:4px 0}.rules b{color:var(--text)}.group h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 0}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px}.seg-btn{flex:1;height:40px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-weight:600;color:var(--muted)}.seg-btn.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.code{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px;background:var(--surface);border:1px dashed var(--line);border-radius:16px;cursor:pointer}.code b{font-size:34px;letter-spacing:.25em;padding-left:.25em}.lseats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lseat{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.lseat.empty{background:transparent;border-style:dashed}.lname{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--surface-2);color:var(--gold);font-weight:600}.badge.dim{color:var(--muted)}.av{width:44px;height:44px;border-radius:50%;flex:none;position:relative}.av svg{width:100%;height:100%;display:block;border-radius:50%}.av.ghost{background:var(--surface-2)}.av.sm{width:36px;height:36px}.av.xs{width:22px;height:22px;display:inline-block;vertical-align:middle;margin-right:6px}.av.turn{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent);animation:pulse 1.4s ease-in-out infinite}.av.off{filter:grayscale(1);opacity:.5}@keyframes pulse{50%{box-shadow:0 0 0 3px var(--bg),0 0 0 7px color-mix(in srgb,var(--accent) 45%,transparent)}}.botb{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.center-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;max-width:360px;margin:0 auto;width:100%}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table{flex:1;align-content:center;display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,2.2fr) minmax(70px,1fr);grid-template-rows:auto 1fr;grid-template-areas:". top ." "left felt right";gap:6px;min-height:280px}.seat{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0;padding:10px 6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.s-top{justify-self:center;min-width:130px}.seat.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow)}.spts{font-size:12px;font-weight:700}.s-top{grid-area:top}.s-left{grid-area:left;align-self:center}.s-right{grid-area:right;align-self:center}.sname{font-weight:600;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sstat{font-size:12px;color:var(--muted)}.sstat b{color:var(--text)}.seat.active .sname{color:var(--accent)}.ncards{display:flex;height:16px;padding-left:4px}.ncards i{width:10px;height:15px;border-radius:2.5px;margin-left:-4px;border:1px solid var(--surface);background:repeating-linear-gradient(45deg,var(--felt-hi) 0 2px,var(--felt) 2px 4px)}.dots{display:inline-flex;gap:2px;vertical-align:1px;margin-left:2px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.dots i.w{background:var(--pos)}.dots i.x{background:var(--gold)}.pts{color:var(--text)}.dealer{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#fff;font-size:10px;font-weight:800;vertical-align:1px}.felt{grid-area:felt;position:relative;border-radius:26px;min-height:250px;max-height:380px;align-self:center;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,var(--felt-hi),var(--felt) 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 0 7px rgba(0,0,0,.12),inset 0 18px 40px rgba(0,0,0,.22),var(--shadow)}.felt::after{content:"";position:absolute;inset:12px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);pointer-events:none}.wm{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;line-height:1;color:rgba(255,255,255,.07);pointer-events:none;user-select:none}.wm small{font-size:15px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.bidpanel{position:absolute;inset:14px;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;animation:fade .15s;color:#fff;z-index:2}.bidpanel h3{margin:0;font-size:16px}.bidpanel p{margin:0;color:var(--felt-ink)}.bidpanel .bidgrid{grid-template-columns:repeat(5,1fr);gap:6px}.bidpanel .bidbtn{height:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:17px}.bidpanel .bidbtn:hover,.bidpanel .bidbtn:active{background:#fff;color:var(--felt)}.tcard{position:absolute;left:50%;top:50%}.tcard.new .card{animation:drop .2s ease-out}.tcard .card{width:var(--cw)}.p-bottom{transform:translate(-50%,2%)}.p-top{transform:translate(-50%,-102%)}.p-left{transform:translate(calc(-50% - var(--cw) * .85),-50%) rotate(-5deg)}.p-right{transform:translate(calc(-50% + var(--cw) * .85),-50%) rotate(5deg)}.tcard.win .card{box-shadow:0 0 0 3px var(--gold),0 6px 18px rgba(0,0,0,.3)}.felt[class*="sweep-"] .card{animation:var(--sweep) .38s ease-in .78s forwards}.sweep-top{--sweep:sw-top}.sweep-bottom{--sweep:sw-bottom}.sweep-left{--sweep:sw-left}.sweep-right{--sweep:sw-right}@keyframes sw-top{to{transform:translateY(-160px) scale(.5);opacity:0}}@keyframes sw-bottom{to{transform:translateY(170px) scale(.5);opacity:0}}@keyframes sw-left{to{transform:translateX(-170px) scale(.5);opacity:0}}@keyframes sw-right{to{transform:translateX(170px) scale(.5);opacity:0}}@keyframes drop{from{opacity:0;transform:scale(.85)}}.hint{position:absolute;inset:auto 0 22px;text-align:center;color:var(--felt-ink);font-size:13px;font-weight:500}.card{position:relative;display:block;width:var(--cw);aspect-ratio:5 / 7;background:linear-gradient(160deg,#fff 0%,var(--card) 100%);color:var(--card-ink);border-radius:calc(var(--cw) * .12);box-shadow:0 1px 1px rgba(0,0,0,.12),0 3px 10px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.09);font-weight:800;user-select:none;overflow:hidden}.card.red{color:var(--red)}.ci{position:absolute;left:7%;top:5%;display:flex;flex-direction:column;align-items:center;font-size:calc(var(--cw) * .25);line-height:.95;letter-spacing:-.02em}.ci i{font-style:normal;font-size:.82em}.ci.b{left:auto;top:auto;right:7%;bottom:5%;transform:rotate(180deg)}.cp,.ca,.cf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.cp{font-size:calc(var(--cw) * .44)}.ca{font-size:calc(var(--cw) * .7)}.cf{width:46%;height:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(var(--cw) * .06);border:1.5px solid currentColor;background:color-mix(in srgb,currentColor 7%,transparent);font-size:calc(var(--cw) * .3)}.cf i{font-style:normal;font-size:.75em}.mine{padding:8px 0 calc(22px + env(safe-area-inset-bottom))}.me-line{display:flex;align-items:center;gap:10px;margin-bottom:8px}.your-turn{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent)}.hand{--gap:6px;display:flex;justify-content:center;padding:18px 0 6px}.hcard{border:0;padding:0;background:none;cursor:pointer;transition:transform .15s,opacity .15s;flex:none;transform-origin:50% 120%;transform:translateY(var(--y)) rotate(var(--r))}.hcard + .hcard{margin-left:var(--gap)}@media (hover:hover){.hcard.ok:hover{transform:translateY(calc(var(--y) - 14px)) rotate(var(--r))}}.hcard.sel{transform:translateY(calc(var(--y) - 16px)) rotate(var(--r))}.hcard.no{cursor:not-allowed}.hcard.no .card{filter:grayscale(.6) brightness(.8);opacity:.55}.hcard:disabled{pointer-events:none}.hcard.ok .card{outline:2px solid transparent}.hcard.sel .card{box-shadow:0 0 0 3px var(--accent),var(--shadow)}.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;font-size:14px;margin-bottom:6px}.banner.warn{background:color-mix(in srgb,var(--red) 14%,var(--surface));color:var(--red);justify-content:center}.banner.vote{background:var(--surface);border:1px solid var(--line)}.vbtns{display:flex;gap:6px}.sheet{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,10,15,.32);padding:12px;animation:fade .15s}.sheet.top{align-items:center}.sheet-in{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:12px;max-height:90dvh;overflow:auto;animation:up .18s ease-out}.sheet-in h3{margin:0;font-size:18px;text-align:center}.sheet-in p{margin:0}@keyframes fade{from{opacity:0}}@keyframes up{from{transform:translateY(16px);opacity:0}}.bidgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bidbtn{height:50px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:18px;font-weight:700;cursor:pointer}.bidbtn:hover,.bidbtn:active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.menu .btn{justify-content:flex-start}.row2{display:flex;gap:8px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--line)}.tbl th{font-weight:600;color:var(--muted);font-size:12px}.tbl td.who{text-align:left;white-space:nowrap}.tbl tfoot td{border-bottom:0}.tbl.score th .av.xs{margin:0;width:26px;height:26px}.tbl.score .small{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rank-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2)}.rank-list li.winner{background:color-mix(in srgb,var(--gold) 18%,var(--surface))}.rank{width:18px;text-align:center;color:var(--muted);font-weight:700}#toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:50;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}.tst{background:var(--text);color:var(--bg);padding:9px 14px;border-radius:12px;font-size:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);transition:.2s}.tst.info{background:var(--surface);color:var(--text);border:1px solid var(--line)}.tst.show{opacity:1;transform:none}.away{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:1px 5px;vertical-align:1px}@media (min-width:700px){:root{--cw:70px}.av{width:52px;height:52px}.felt{min-height:300px}.sname{font-size:14px}}@media (max-height:640px) and (max-width:700px){.felt{min-height:190px}:root{--cw:clamp(40px,11vw,60px)}}.still .sheet,.still .sheet-in,.still .bidpanel{animation:none}#app.enter>*{animation:page .25s ease-out}@keyframes page{from{opacity:0;transform:translateY(6px)}}.hcard.deal .card{animation:deal .45s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * 55ms)}@keyframes deal{from{opacity:0;transform:translateY(-46vh) rotate(-25deg) scale(.6)}}.tcard.new.p-bottom .card{animation:in-b .28s cubic-bezier(.2,.8,.3,1.15)}.tcard.new.p-top .card{animation:in-t .28s cubic-bezier(.2,.8,.3,1.15)}.tcard.new.p-left .card{animation:in-l .28s cubic-bezier(.2,.8,.3,1.15)}.tcard.new.p-right .card{animation:in-r .28s cubic-bezier(.2,.8,.3,1.15)}@keyframes in-b{from{opacity:0;transform:translateY(120px) scale(1.15)}}@keyframes in-t{from{opacity:0;transform:translateY(-110px) scale(.8)}}@keyframes in-l{from{opacity:0;transform:translateX(-110px) rotate(-20deg)}}@keyframes in-r{from{opacity:0;transform:translateX(110px) rotate(20deg)}}.tcard.win .card{animation:winpulse .5s ease-out .15s}.felt[class*="sweep-"] .tcard.win .card{animation:winpulse .5s ease-out .15s,var(--sweep) .38s ease-in .78s forwards}@keyframes winpulse{40%{transform:scale(1.12)}}.seat,.me-line{position:relative}.plus{position:absolute;top:-8px;right:-6px;z-index:3;background:var(--pos);color:#fff;font-weight:800;font-size:13px;padding:2px 8px;border-radius:99px;box-shadow:var(--shadow);animation:plus 1.1s ease-out forwards;pointer-events:none}.plus.me{left:24px;right:auto;top:-14px}@keyframes plus{0%{opacity:0;transform:translateY(8px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1.15)}35%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}.sstat.pop{animation:pop .4s cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{from{transform:scale(.4);opacity:0}}.seat.active{animation:glow 1.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent),var(--shadow)}}.your-turn{animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(-3px)}}.sheet .tbl tbody tr,.rank-list li{animation:rowin .35s ease-out both}.sheet .tbl tbody tr:nth-child(2),.rank-list li:nth-child(2){animation-delay:.07s}.sheet .tbl tbody tr:nth-child(3),.rank-list li:nth-child(3){animation-delay:.14s}.sheet .tbl tbody tr:nth-child(4),.rank-list li:nth-child(4){animation-delay:.21s}@keyframes rowin{from{opacity:0;transform:translateX(-10px)}}.still .sheet .tbl tbody tr,.still .rank-list li{animation:none}.rank-list li.winner .av{animation:bounce 1s ease-in-out .4s 2}@keyframes bounce{30%{transform:translateY(-8px) rotate(-8deg)}60%{transform:translateY(0) rotate(4deg)}}.bidbtn{transition:transform .1s,background .15s}.bidbtn:active{transform:scale(.92)}.btn{transition:transform .1s,filter .15s,border-color .15s}.btn:active{transform:scale(.97)}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}.scene{position:relative;flex:1;min-height:380px;max-height:660px;margin:2px 0 4px;--pw:112px;--ph:82px}.scene .felt{position:absolute;inset:50px 36px 56px;align-self:stretch;min-height:0;max-height:none;height:auto;z-index:1}.pl{position:absolute;width:var(--pw);height:var(--ph);transform:translate(-50%,-50%) rotate(var(--rot));z-index:3;pointer-events:none}.pl-bottom{left:50%;top:calc(100% - 30px)}.pl-top{left:50%;top:28px}.pl-left{left:22px;top:50%}.pl-right{left:calc(100% - 22px);top:50%}.pl-in{position:absolute;inset:0}.torso{position:absolute;left:50%;bottom:2px;width:88%;height:52%;transform:translateX(-50%);border-radius:50% 50% 44% 44%;z-index:2;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--shirt) 70%,#fff),var(--shirt) 60%,color-mix(in srgb,var(--shirt) 75%,#000));box-shadow:0 6px 14px rgba(0,0,0,.25)}.head{position:absolute;left:50%;bottom:22%;width:42px;height:42px;margin-left:-21px;border-radius:50%;overflow:hidden;z-index:3;transform:rotate(calc(-1 * var(--rot)));box-shadow:0 0 0 2px #fff,0 4px 10px rgba(0,0,0,.3);background:#fff}.head svg{width:100%;height:100%;display:block}.arm{position:absolute;bottom:38%;width:14px;height:26px;border-radius:8px 8px 6px 6px;z-index:1;transform-origin:50% 100%;background:linear-gradient(90deg,color-mix(in srgb,var(--shirt) 80%,#000),var(--shirt))}.arm.l{left:14%;transform:rotate(14deg)}.arm.r{right:14%;transform:rotate(-14deg)}.arm b{position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--skin);box-shadow:inset -2px -3px 0 rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.2)}.fan{position:absolute;left:50%;bottom:74%;width:0;height:0;z-index:0}.fan i{position:absolute;left:-7px;bottom:0;width:14px;height:20px;border-radius:2.5px;border:1px solid #fff;transform-origin:50% 110%;transform:rotate(calc(var(--k) * 8deg));background:repeating-linear-gradient(45deg,var(--felt-hi) 0 2px,var(--felt) 2px 4px);box-shadow:0 1px 2px rgba(0,0,0,.25)}.pl.off .pl-in{filter:grayscale(1);opacity:.55}.pl.active .head{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--accent),0 4px 12px rgba(0,0,0,.3);animation:think 1.4s ease-in-out infinite}@keyframes think{50%{transform:rotate(calc(-1 * var(--rot) + 8deg)) scale(1.05)}}.pl.reach .arm.r{animation:reach .62s cubic-bezier(.3,.7,.4,1)}@keyframes reach{0%{height:26px}42%{height:var(--reach);transform:rotate(-9deg)}60%{height:var(--reach);transform:rotate(-9deg)}100%{height:26px}}.tcard.new .card{animation-delay:.1s !important;animation-fill-mode:backwards !important}.pl.gather .arm.l{animation:gather-l .62s ease-in-out .62s}.pl.gather .arm.r{animation:gather-r .62s ease-in-out .62s}@keyframes gather-l{40%{height:calc(var(--reach) * .85);transform:rotate(4deg)}100%{height:26px;transform:rotate(14deg)}}@keyframes gather-r{40%{height:calc(var(--reach) * .85);transform:rotate(-4deg)}100%{height:26px;transform:rotate(-14deg)}}.pl.dealing .arm.l{animation:dealarm .28s ease-in-out 8 alternate}.pl.dealing .arm.r{animation:dealarm .28s ease-in-out .14s 8 alternate}@keyframes dealarm{to{height:calc(var(--reach) * .6)}}.tag{position:absolute;z-index:4;font-size:12px;line-height:1.3;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:12px;padding:5px 9px;box-shadow:var(--shadow);max-width:120px;transition:border-color .2s}.tag.active{border-color:var(--accent)}.t-top{left:calc(50% + 62px);top:4px;max-width:calc(50% - 64px)}.t-left{left:0;top:calc(50% + 62px)}.t-right{right:0;top:calc(50% + 62px);text-align:right}.tname{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.botb2{display:inline-grid;vertical-align:-1px;color:var(--muted)}.tag .plus{top:-12px;right:-8px}.me-line .av{display:none}@media (min-width:700px){.scene{--pw:132px;--ph:94px}.scene .felt{inset:60px 70px 66px}.pl-left{left:40px}.pl-right{left:calc(100% - 40px)}.pl-top{top:32px}.pl-bottom{top:calc(100% - 34px)}.head{width:48px;height:48px;margin-left:-24px}.t-left{left:0;top:calc(50% + 78px)}.t-right{top:calc(50% + 78px)}}.tcard.lead .card{box-shadow:0 0 0 3px var(--pos),0 6px 18px rgba(0,0,0,.3);transition:box-shadow .2s}.scene .bidpanel{inset:54px 50px auto}@media (min-width:700px){.scene .bidpanel{inset:30px 110px auto}}.chat-btn{position:relative}.badge-n{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg);animation:pop .3s cubic-bezier(.2,.9,.3,1.4)}.muted-dot{position:absolute;bottom:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px var(--bg)}.chat{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,10,15,.3);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s}.chat.open{opacity:1;pointer-events:auto}.chat-in{width:100%;max-width:440px;height:min(70dvh,560px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px);transition:transform .22s cubic-bezier(.2,.8,.3,1)}.chat.open .chat-in{transform:none}@media (min-width:900px){.chat{justify-content:flex-end;align-items:stretch;background:transparent}.chat-in{max-width:360px;height:auto;transform:translateX(30px)}.chat.open .chat-in{transform:none}}.chat-h{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--line)}.chat-h .icon-btn.on{color:var(--red)}.chat-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.chat-empty{margin:auto 0}.cm{display:flex;gap:8px;align-items:flex-end;max-width:88%;animation:rowin .2s ease-out}.cm .av.xs{width:26px;height:26px;margin:0;flex:none}.cb{background:var(--surface-2);border-radius:14px 14px 14px 4px;padding:6px 10px;min-width:0}.cn{font-size:12px;font-weight:700}.cn span{font-weight:400;color:var(--muted);margin-left:4px}.ct{font-size:14px;overflow-wrap:anywhere}.cm.me{align-self:flex-end;flex-direction:row-reverse}.cm.me .cb{background:var(--accent);color:var(--accent-ink);border-radius:14px 14px 4px 14px}.cm.me .cn span{color:inherit;opacity:.7}.cm.sys{align-self:center;max-width:100%;font-size:12px;color:var(--muted);background:var(--surface-2);padding:3px 10px;border-radius:99px}.chat-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-f input{height:42px}.chat-f .send{width:42px;height:42px;flex:none;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer}.bubble{position:absolute;z-index:6;max-width:170px;padding:7px 11px;border-radius:14px;background:#fff;color:#1d1d24;font-size:13px;font-weight:500;line-height:1.3;box-shadow:0 6px 18px rgba(0,0,0,.25);overflow-wrap:anywhere;pointer-events:none}.bubble.fresh{animation:bubble .3s cubic-bezier(.2,.9,.3,1.3)}.bubble::after{content:"";position:absolute;width:12px;height:12px;background:#fff;transform:rotate(45deg)}.bb-top{left:calc(50% - 40px);top:70px}.bb-top::after{top:-5px;left:30px}.bb-left{left:52px;top:calc(50% - 74px)}.bb-left::after{bottom:-5px;left:16px}.bb-right{right:52px;top:calc(50% - 74px)}.bb-right::after{bottom:-5px;right:16px}.bb-bottom{left:calc(50% + 40px);bottom:60px}.bb-bottom::after{bottom:-5px;left:14px}@keyframes bubble{from{opacity:0;transform:translateY(6px) scale(.8)}}:root{--ease-out:cubic-bezier(.22,.8,.24,1);--ease-io:cubic-bezier(.45,0,.25,1)}.tcard.new.p-bottom .card,.tcard.new.p-top .card,.tcard.new.p-left .card,.tcard.new.p-right .card{animation-duration:.34s !important;animation-timing-function:var(--ease-out) !important}@keyframes in-b{from{opacity:0;transform:translateY(70px)}}@keyframes in-t{from{opacity:0;transform:translateY(-70px)}}@keyframes in-l{from{opacity:0;transform:translateX(-70px)}}@keyframes in-r{from{opacity:0;transform:translateX(70px)}}@keyframes winpulse{50%{transform:scale(1.05)}}.felt[class*="sweep-"] .card{animation:var(--sweep) .42s var(--ease-io) .75s forwards}.felt[class*="sweep-"] .tcard.win .card{animation:winpulse .4s var(--ease-out) .1s,var(--sweep) .42s var(--ease-io) .75s forwards}@keyframes sw-top{to{transform:translateY(-120px) scale(.7);opacity:0}}@keyframes sw-bottom{to{transform:translateY(130px) scale(.7);opacity:0}}@keyframes sw-left{to{transform:translateX(-130px) scale(.7);opacity:0}}@keyframes sw-right{to{transform:translateX(130px) scale(.7);opacity:0}}.arm{transition:height .3s var(--ease-out)}.pl.reach .arm.r{animation:reach .5s var(--ease-io)}@keyframes reach{0%,100%{height:26px}45%,60%{height:min(var(--reach),72px);transform:rotate(-6deg)}}.pl.gather .arm.l{animation:gather-l .5s var(--ease-io) .7s}.pl.gather .arm.r{animation:gather-r .5s var(--ease-io) .7s}@keyframes gather-l{45%{height:min(var(--reach),60px);transform:rotate(6deg)}}@keyframes gather-r{45%{height:min(var(--reach),60px);transform:rotate(-6deg)}}.pl.dealing .arm.l{animation:dealarm .32s var(--ease-io) 6 alternate}.pl.dealing .arm.r{animation:dealarm .32s var(--ease-io) .16s 6 alternate}@keyframes dealarm{to{height:44px}}.pl.active .head{animation:ring 1.8s ease-in-out infinite}@keyframes ring{50%{box-shadow:0 0 0 2px #fff,0 0 0 7px color-mix(in srgb,var(--accent) 55%,transparent),0 4px 12px rgba(0,0,0,.3)}}.seat.active,.your-turn{animation:none}.hcard.deal .card{animation:deal .38s var(--ease-out) both;animation-delay:calc(var(--i) * 35ms)}@keyframes deal{from{opacity:0;transform:translateY(40px) scale(.94)}}.hcard{transition:transform .2s var(--ease-out),opacity .2s}@keyframes plus{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}@keyframes pop{from{opacity:0;transform:scale(.85)}}.sstat.pop{animation:pop .25s var(--ease-out)}.badge-n{animation:pop .2s var(--ease-out)}@keyframes bubble{from{opacity:0;transform:translateY(4px)}}.bubble.fresh{animation:bubble .22s var(--ease-out)}@keyframes rowin{from{opacity:0;transform:translateY(4px)}}.sheet .tbl tbody tr,.rank-list li{animation-duration:.25s}.rank-list li.winner .av{animation:none}@keyframes up{from{transform:translateY(10px);opacity:0}}.sheet-in{animation:up .22s var(--ease-out)}@keyframes page{from{opacity:0}}.tcard.lead .card,.tcard.win .card{transition:box-shadow .25s var(--ease-out)}.felt[class*="sweep-"] .tcard .card{animation:var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.felt[class*="sweep-"] .tcard.win .card{animation:winpulse .4s var(--ease-out) calc(.1s + var(--off,0ms)),var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.felt[class*="sweep-"] .tcard.new.p-bottom .card{animation:in-b .34s var(--ease-out) .1s backwards,var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.felt[class*="sweep-"] .tcard.new.p-top .card{animation:in-t .34s var(--ease-out) .1s backwards,var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.felt[class*="sweep-"] .tcard.new.p-left .card{animation:in-l .34s var(--ease-out) .1s backwards,var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.felt[class*="sweep-"] .tcard.new.p-right .card{animation:in-r .34s var(--ease-out) .1s backwards,var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}.phone{position:absolute;left:50%;bottom:60%;width:24px;height:36px;margin-left:-12px;z-index:1;border-radius:6px;background:#17171d;box-shadow:0 0 0 1.5px #3a3a44,0 4px 10px rgba(0,0,0,.35)}.phone.fresh{animation:pickup .35s var(--ease-out)}.phone .scr{position:absolute;inset:3px 2.5px;border-radius:3.5px;background:linear-gradient(160deg,#3f6df0,#1c3aa8);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;overflow:hidden}.phone .scr b{display:block;height:3px;width:70%;border-radius:2px;background:rgba(255,255,255,.55)}.phone .scr b:nth-child(2){width:50%;align-self:flex-end;margin-right:2px;background:rgba(255,255,255,.8)}.phone .scr b:nth-child(3){width:60%}.phone.typing .scr{flex-direction:row;gap:2px}.phone .scr i{width:4px;height:4px;border-radius:50%;background:#fff;animation:dot 1s ease-in-out infinite}.phone .scr i:nth-child(2){animation-delay:.15s}.phone .scr i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@keyframes pickup{from{transform:translateY(-14px) scale(.7) rotate(-20deg);opacity:0}}.pl.on-phone .arm{height:30px}.pl.on-phone .arm.l{transform:rotate(38deg)}.pl.on-phone .arm.r{transform:rotate(-38deg)}.pl.on-phone:has(.phone.typing) .arm.l b{animation:thumb .3s ease-in-out infinite alternate}.pl.on-phone:has(.phone.typing) .arm.r b{animation:thumb .3s ease-in-out .15s infinite alternate}@keyframes thumb{to{transform:translateY(-2px) scale(.92)}}.pl.on-phone .head{transform:rotate(calc(-1 * var(--rot))) translateY(3px);transition:transform .3s var(--ease-out)}.typing{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--accent)}.typing span{display:inline-flex;gap:2px}.typing i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dot 1s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.chat{background:rgba(10,10,15,.35);align-items:flex-end;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.chat-in{position:relative;max-width:360px;height:min(76dvh,640px);border-radius:40px;border:9px solid #121217;box-shadow:0 0 0 1.5px #3a3a44,0 24px 60px rgba(0,0,0,.45);transform-origin:50% 100%;transform:translateY(45%) scale(.35) rotate(-6deg);opacity:0;transition:transform .38s var(--ease-out),opacity .2s;padding-top:22px}.chat.open .chat-in{transform:none;opacity:1}.chat-in::before{content:"";position:absolute;top:7px;left:50%;width:76px;height:20px;margin-left:-38px;border-radius:12px;background:#121217;z-index:2}.chat-in::after{content:"";position:absolute;bottom:6px;left:50%;width:110px;height:4px;margin-left:-55px;border-radius:3px;background:color-mix(in srgb,var(--text) 35%,transparent)}.chat-h{padding:6px 8px 8px 18px}.chat-f{padding-bottom:18px}@media (min-width:900px){.chat{justify-content:flex-end;align-items:flex-end;background:transparent;padding:20px}.chat-in{height:min(80dvh,660px);transform:translateY(30%) scale(.5) rotate(-6deg)}.chat.open .chat-in{transform:none}}.phone{width:28px;height:42px;margin-left:-14px;bottom:58%;z-index:2}.pl.on-phone .arm{height:40px;z-index:3}.pl.on-phone .arm.l{transform:rotate(24deg)}.pl.on-phone .arm.r{transform:rotate(-24deg)}.pl.on-phone .arm b{width:15px;height:15px;margin-left:-7.5px}.chair{position:absolute;left:50%;bottom:-8px;width:104%;height:46%;transform:translateX(-50%);z-index:0;border-radius:16px 16px 22px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--chair) 85%,#fff) 0%,var(--chair) 40%,color-mix(in srgb,var(--chair) 70%,#000) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.3)}.torso{width:90%;height:56%;bottom:4px;border-radius:46% 46% 38% 38% / 62% 62% 38% 38%;background:var(--shirt);box-shadow:0 0 0 1px rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.28);overflow:hidden}.torso::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.35),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.28),transparent 60%)}.pat-stripes .torso{background:repeating-linear-gradient(90deg,var(--shirt) 0 7px,var(--shirt2) 7px 11px)}.pat-raglan .torso{background:linear-gradient(90deg,var(--shirt2) 0 20%,var(--shirt) 20% 80%,var(--shirt2) 80%)}.pat-dots .torso{background:radial-gradient(circle,var(--shirt2) 1.6px,transparent 2px) 0 0 / 9px 9px,var(--shirt)}.collar{position:absolute;left:50%;bottom:33%;width:46px;height:16px;margin-left:-23px;z-index:2;border-radius:0 0 24px 24px;background:color-mix(in srgb,var(--shirt) 65%,#000)}.pat-raglan .collar,.pat-stripes .collar{background:var(--shirt2)}.hood{position:absolute;left:50%;bottom:8%;width:56px;height:34px;margin-left:-28px;z-index:2;border-radius:50% 50% 46% 46%;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--shirt) 80%,#000),color-mix(in srgb,var(--shirt) 55%,#000));box-shadow:inset 0 3px 6px rgba(0,0,0,.35)}.arm{width:15px;border-radius:9px 9px 7px 7px;background:linear-gradient(0deg,var(--sleeve,var(--shirt)) 0 46%,color-mix(in srgb,var(--skin) 88%,#000) 46% 52%,var(--skin) 52%);box-shadow:0 0 0 1px rgba(0,0,0,.15),2px 3px 6px rgba(0,0,0,.18)}.pat-raglan .arm,.pat-stripes .arm{--sleeve:var(--shirt2)}.arm b{width:19px;height:19px;margin-left:-9.5px;top:-10px;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--skin) 75%,#fff),var(--skin) 55%,color-mix(in srgb,var(--skin) 80%,#000));box-shadow:0 0 0 1px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.25)}.arm b::after{content:"";position:absolute;left:2px;top:6px;width:6px;height:9px;border-radius:4px;background:color-mix(in srgb,var(--skin) 85%,#000);opacity:.55}.arm.r b::after{left:auto;right:2px}.head{box-shadow:0 0 0 2.5px #fff,0 0 0 3.5px rgba(0,0,0,.15),0 5px 12px rgba(0,0,0,.35)}.sound-set{display:flex;flex-direction:column;gap:8px}.switch{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600}.switch i{width:42px;height:24px;border-radius:99px;background:var(--line);position:relative;transition:background .2s}.switch i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease-out)}.switch.on i{background:var(--accent)}.switch.on i::after{transform:translateX(18px)}.vol{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:600}.vol input{flex:1;height:auto;padding:0;border:0;background:none;accent-color:var(--accent)}.tbl.score{table-layout:fixed}.tbl.score th:first-child,.tbl.score td:first-child{width:52px}.tbl.score .small{max-width:100%}.tbl td.who{overflow:hidden;text-overflow:ellipsis;max-width:120px}.tname,.lname,.rank-list .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .grow{min-width:0}.chat{background:rgba(8,9,14,.72);-webkit-backdrop-filter:blur(16px) saturate(.6);backdrop-filter:blur(16px) saturate(.6);align-items:center;justify-content:center;padding:10px}.chat-in{max-width:400px;height:min(92dvh,780px)}@media (min-width:900px){.chat{justify-content:center;align-items:center;background:rgba(8,9,14,.72)}.chat-in{max-width:400px;height:min(88dvh,760px)}}.chat,.chat:is(*){background:rgba(8,9,14,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}@media (min-width:900px){.chat{background:rgba(8,9,14,.94)}}.chat,.chat:is(*){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}@media (min-width:900px){.chat{background:transparent}}.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.btn.sm{height:38px;width:auto;padding:0 14px;font-size:14px}.btn.ghost{background:transparent}.invite{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.qr{background:#fff;border-radius:14px;padding:6px;border:1px solid var(--line);display:grid;place-items:center;width:132px}.qr svg{width:100%;height:auto;display:block}.qr.big{width:min(260px,70vw);margin:0 auto}.qr-sheet .code-line{text-align:center;font-size:15px}.qr-sheet .code-line b{letter-spacing:.2em;font-size:22px;margin-left:6px}.specs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:2px 4px}.specs b{color:var(--text);font-weight:600}.specs b.dim{color:var(--muted)}.opts{display:flex;flex-direction:column;gap:8px}.opts label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px}.opts select{font:inherit;font-weight:600;color:var(--text);background:var(--surface-2);border:0;border-radius:9px;padding:7px 10px}.preview{display:flex;align-items:center;gap:10px;padding:8px 4px;--cw:40px}.pv-felt{width:64px;height:44px;border-radius:10px;background:radial-gradient(ellipse at 50% 35%,var(--felt-hi),var(--felt) 75%);display:grid;place-items:center;color:#fff;font-weight:800}.pv-back{width:32px;height:44px;border-radius:5px;border:2px solid #fff;box-shadow:var(--shadow);background:var(--back);display:grid;place-items:center;color:#fff;font-weight:800}.pv-card{display:block}.spec-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.spec-bar>div{flex:1}.chip.eye{display:inline-flex;align-items:center;gap:4px}.cn em{font-style:normal;font-size:10px;font-weight:700;color:var(--muted);background:var(--surface-2);padding:1px 5px;border-radius:5px}.scene.paused .felt,.scene.paused .pl{filter:grayscale(.35) brightness(.9)}.scene.paused *,.scene.paused *::before,.scene.paused *::after{animation-play-state:paused !important}.pause-veil{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none}.pause-veil>div{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.25);text-align:center}.pause-veil b{font-size:18px}.pause-veil span{font-size:13px;color:var(--muted)}.mine:has(+ *) .hcard{}body:has(.scene.paused) .hand{opacity:.6;pointer-events:none}.cd{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.cd.low{color:var(--red);animation:nudge .5s ease-in-out infinite}.cd-ring{position:absolute;left:50%;bottom:22%;width:54px;height:54px;margin:0 0 -6px -27px;border-radius:50%;z-index:3;pointer-events:none;background:conic-gradient(var(--accent) calc(var(--p,1) * 1turn),transparent 0);-webkit-mask:radial-gradient(circle,transparent 23px,#000 24px);mask:radial-gradient(circle,transparent 23px,#000 24px);transform:rotate(calc(-1 * var(--rot)))}@media (min-width:700px){.cd-ring{width:60px;height:60px;margin:0 0 -6px -30px;-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px)}}.pl.active:has(.cd-ring) .head{animation:none}.t-azul{--felt:#17398f;--felt-hi:#2a55c4}.t-verde{--felt:#0f5132;--felt-hi:#1f7a4d}.t-vinho{--felt:#5a1424;--felt-hi:#8a2338}.t-roxo{--felt:#3b1f6b;--felt-hi:#5b34a0}.t-morabeza{--felt:#0e3a8a;--felt-hi:#1d5bd0}.t-morabeza .felt::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background:radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(255,214,10,.0) 34%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,.05) 18px 20px),linear-gradient(180deg,transparent 58%,rgba(255,255,255,.14) 58% 61%,rgba(214,40,40,.35) 61% 64%,rgba(255,255,255,.14) 64% 67%,transparent 67%)}.t-morabeza .wm{color:rgba(255,214,10,.12)}.t-morabeza .felt::after{border-color:rgba(255,214,10,.25)}.d-classico{--back:repeating-linear-gradient(45deg,#2a55c4 0 3px,#17398f 3px 6px)}.d-creme{--back:repeating-linear-gradient(-45deg,#b22234 0 3px,#8a1a28 3px 6px)}.d-noite{--back:radial-gradient(circle at 30% 30%,#4b4b5e 0 2px,transparent 3px) 0 0 / 7px 7px,#16161d}.d-kriolu{--back:radial-gradient(circle,#ffd60a 0 1.4px,transparent 1.8px) 0 0 / 6px 6px,linear-gradient(180deg,#0e3a8a 0 55%,#fff 55% 60%,#d62828 60% 66%,#fff 66% 71%,#0e3a8a 71%)}.scene .fan i,.scene .ncards i{background:var(--back)}.d-creme .card{background:linear-gradient(160deg,#fffaf0,#f3e9d2);font-family:Georgia,"Times New Roman",serif}.d-creme .card.red{color:#a4161a}.d-noite .card{background:linear-gradient(160deg,#2b2b36,#1c1c24);color:#f0f0f5;border-color:rgba(255,255,255,.12)}.d-noite .card.red{color:#ff5a6a}.d-kriolu .card{background:linear-gradient(160deg,#fff,#eef3ff);border-color:rgba(14,58,138,.25)}.d-kriolu .card .cf{border-color:#ffd60a;background:rgba(255,214,10,.12)}.d-kriolu .card:not(.red){color:#0e3a8a}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.tile span{font-size:12px;color:var(--muted)}.tile b{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile small{font-size:12px;color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:8px;height:140px;padding:8px 4px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar-col i{width:100%;max-width:36px;height:calc(var(--h) * 100px + 2px);background:var(--accent);border-radius:6px 6px 2px 2px;position:relative}.bar-col em{position:absolute;top:-18px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;color:var(--muted)}.bar-col span{font-size:11px;color:var(--muted)}.t-bottom{left:calc(50% + 62px);bottom:4px;max-width:calc(50% - 64px)}.rinfo{flex-wrap:nowrap;overflow:hidden}.rinfo .chip{font-size:12px;padding:4px 8px}@media (max-width:420px){.bar{gap:2px}.bar .icon-btn{width:36px}}.cd-ring{background:conic-gradient(var(--ring,var(--accent)) calc(var(--p,1) * 1turn),rgba(127,127,127,.25) 0)}.your-turn small{display:block;font-size:10px;font-weight:500;color:var(--muted);text-align:right}.hcard.charging .card{animation:charge .42s ease-in forwards}@keyframes charge{to{transform:translateY(-10px) scale(1.08);box-shadow:0 0 0 3px var(--red),0 10px 24px rgba(0,0,0,.3)}}.tcard.new.slam .card{animation:slam .42s cubic-bezier(.5,0,.2,1) backwards !important}.felt[class*="sweep-"] .tcard.new.slam .card{animation:slam .42s cubic-bezier(.5,0,.2,1) backwards,var(--sweep) .42s var(--ease-io) calc(.75s + var(--off,0ms)) forwards !important}@keyframes slam{0%{opacity:0;transform:translateY(-30px) scale(1.9) rotate(-14deg);filter:drop-shadow(0 30px 18px rgba(0,0,0,.45))}65%{opacity:1;transform:scale(.94) rotate(2deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}80%{transform:scale(1.04) rotate(-1deg)}100%{transform:none}}.tcard.new.slam::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--cw) * 1.6);height:calc(var(--cw) * 1.6);margin:calc(var(--cw) * -.8) 0 0 calc(var(--cw) * -.8);border-radius:50%;border:3px solid rgba(255,255,255,.7);opacity:0;pointer-events:none;animation:shock .5s ease-out .26s;z-index:-1}@keyframes shock{from{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.felt.shake{animation:shake .4s ease-out .26s}@keyframes shake{15%{transform:translate(-4px,2px) rotate(-.4deg)}30%{transform:translate(4px,-2px) rotate(.4deg)}45%{transform:translate(-3px,1px)}60%{transform:translate(2px,-1px)}80%{transform:translate(-1px,0)}}.pl.slam .arm.r{animation:slamarm .55s var(--ease-io)}.pl.slam .arm.r b{animation:slamhand .55s var(--ease-io)}@keyframes slamarm{0%,100%{height:26px}35%{height:54px;transform:rotate(-16deg)}50%,62%{height:min(var(--reach),80px);transform:rotate(-6deg)}}@keyframes slamhand{35%{transform:scale(1.55);box-shadow:0 14px 14px rgba(0,0,0,.3)}50%{transform:scale(.9)}62%{transform:scale(1)}}.scene.paused .felt.shake{animation:none}.pl>.chair{z-index:0}.pl-in{transform-origin:50% 80%}.pl.slam .pl-in{animation:standslam .62s var(--ease-io)}@keyframes standslam{0%{transform:none;filter:none}28%{transform:translateY(-6px) scale(1.16);filter:drop-shadow(0 16px 10px rgba(0,0,0,.35))}45%{transform:translateY(-26px) scale(1.12);filter:drop-shadow(0 12px 8px rgba(0,0,0,.3))}52%{transform:translateY(-30px) scale(1.06)}70%{transform:translateY(-24px) scale(1.08)}100%{transform:none;filter:none}}@keyframes slamarm{0%,100%{height:26px}30%{height:48px;transform:rotate(-18deg)}48%,60%{height:min(var(--reach),70px);transform:rotate(-6deg)}}@keyframes slamhand{30%{transform:scale(1.6);box-shadow:0 14px 14px rgba(0,0,0,.3)}48%{transform:scale(.88)}60%{transform:scale(1)}}.pl.slam .arm.r,.pl.slam .arm.r b{animation-duration:.62s}.tcard.new.slam .card{animation-duration:.5s !important}.tcard.new.slam::after{animation-delay:.32s}.felt.shake{animation-delay:.32s}.me-line{flex-wrap:wrap}.slam-toggle{order:9;margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;user-select:none}.slam-toggle input{width:15px;height:15px;margin:0;accent-color:var(--red)}.slam-toggle.on{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line));background:color-mix(in srgb,var(--red) 8%,var(--surface))}.me-line .your-turn{order:10}