:root{color-scheme:dark;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;--accent: #e2b04a;--red: #e04b4b;--ink: #1c1c1c;--line: rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0}body{color:#f0ede6;background:radial-gradient(1200px 700px at 50% -10%,#1d5a3a,#123c28 38%,#0a2218 70%,#06150f);min-height:100dvh}.app{min-height:100dvh;display:grid;place-items:center;padding:1rem}.menu{text-align:center}.menu h1{font-size:2.4rem;letter-spacing:.04em}.tagline{opacity:.75}.primary{font-size:1.05rem;padding:.72rem 2.1rem;border-radius:999px;border:none;cursor:pointer;color:#211a06;font-weight:700;background:linear-gradient(180deg,#f3cd6b,#d49a2c);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff80}.primary:disabled{opacity:.4;cursor:not-allowed}.ghost{font-size:1rem;padding:.6rem 1.4rem;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:#ffffff0f;color:#f0ede6}.ghost:disabled{opacity:.35;cursor:not-allowed}.legal-note{margin-top:2rem;font-size:.8rem;opacity:.5}.loading{padding:3rem;text-align:center;opacity:.8}.g-root{width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:1rem;overflow:hidden}.scene{position:relative;flex:1;min-height:320px;perspective:1500px;perspective-origin:50% 36%}.felt{position:absolute;left:50%;top:46%;width:min(760px,80vw);height:min(440px,46vh);transform:translate(-50%,-50%) rotateX(46deg);transform-style:preserve-3d;border-radius:50%/42%;background:radial-gradient(120% 120% at 50% 30%,#2a7a4f,#1c5a3a 48%,#134029);box-shadow:0 40px 80px #0000008c,inset 0 0 60px #00000073,inset 0 0 0 2px #ffffff0d}.felt-ring{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%/42%;border:2px dashed rgba(255,255,255,.16)}.center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform:translateZ(2px)}.played{text-align:center;min-width:120px}.played.empty{opacity:.7;font-size:.95rem}.played-by{font-size:.82rem;opacity:.92;margin-bottom:.4rem;background:#00000052;padding:.15rem .6rem;border-radius:999px;display:inline-block}.played-cards{display:flex;gap:.3rem;justify-content:center;animation:drop .28s ease}@keyframes drop{0%{transform:translateY(-26px) scale(.9);opacity:0}to{transform:none;opacity:1}}.card{position:relative;width:50px;height:72px;border-radius:8px;background:linear-gradient(160deg,#fff,#f1efe9);border:1px solid rgba(0,0,0,.25);box-shadow:0 3px 6px #00000059;padding:0;cursor:pointer;color:var(--ink)}.card.sm{width:42px;height:60px;box-shadow:0 4px 8px #00000073}.pip{position:absolute;top:0;right:0;bottom:0;left:0}.pip .r{position:absolute;top:3px;left:5px;font-size:.82rem;font-weight:800;line-height:1}.pip .s{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.45rem}.card.sm .pip .s{font-size:1.2rem}.pip.red{color:var(--red)}.pip.black{color:var(--ink)}.cardback{position:absolute;width:38px;height:54px;border-radius:6px;left:50%;top:0;transform-origin:50% 120%;transform:translate(-50%) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 7deg));background:repeating-linear-gradient(45deg,#8a1f2b 0,#8a1f2b 6px,#6f1822 6px,#6f1822 12px);border:1.5px solid #e7c46a;box-shadow:0 2px 5px #0006}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}.seat-top{top:-6px;left:50%;transform:translate(-50%)}.seat-left{top:30%;left:0}.seat-right{top:30%;right:0}.fan-backs{position:relative;width:150px;height:60px}.nameplate{display:flex;align-items:center;gap:.5rem;padding:.25rem .7rem;border-radius:999px;background:#0006;border:1px solid var(--line);font-size:.85rem}.seat.team-0 .nameplate{box-shadow:inset 0 0 0 1px #50dc8c59}.seat.team-1 .nameplate{box-shadow:inset 0 0 0 1px #5aa0f059}.nameplate .nm{font-weight:700}.nameplate .ct{opacity:.85}.nameplate .think{color:var(--accent);font-size:.75rem;animation:blink 1s infinite}.seat.active .nameplate{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 18px #e2b04a80}@keyframes blink{50%{opacity:.35}}.hud{display:flex;flex-direction:column;gap:.8rem;padding-bottom:.4rem}.hand3d{position:relative;height:120px;display:flex;justify-content:center;align-items:flex-end;padding-top:18px}.slot{--step: clamp(1.3deg, calc(46deg / var(--n)), 3.4deg);--ang: calc((var(--i) - (var(--n) - 1) / 2) * var(--step));margin:0 -13px;transform-origin:50% 340px;transform:rotate(var(--ang));animation:deal .35s ease both;animation-delay:calc(var(--i) * 16ms)}@keyframes deal{0%{transform:rotate(var(--ang)) translateY(60px);opacity:0}}.slot .card{transition:transform .12s ease,box-shadow .12s ease}.slot .card:hover:not(:disabled){transform:translateY(-18px);z-index:5}.slot .card.sel{transform:translateY(-30px);border-color:var(--accent);box-shadow:0 10px 18px #00000080,0 0 0 2px var(--accent);z-index:6}.slot .card.wild{box-shadow:0 3px 6px #00000059,0 0 0 2px var(--accent)}.wild-badge{position:absolute;top:2px;right:4px;font-size:.7rem;color:var(--accent)}.controls{display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:.5rem;opacity:.9;font-size:.9rem}.dot{width:9px;height:9px;border-radius:50%;background:#777}.dot.on{background:#4fd17e;box-shadow:0 0 8px #4fd17e}.level-tag{opacity:.6;margin-left:.4rem}.result{margin:auto;text-align:center;background:#00000059;padding:2rem 2.4rem;border-radius:1rem;border:1px solid var(--line)}.ranking{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem}.ranking li{padding:.45rem .9rem;border-radius:.5rem;background:#ffffff0f}.ranking li.win{background:#50dc8c2e}.team-tag{opacity:.6;font-size:.85rem}.levels{opacity:.9}@media (max-width: 640px){.card{width:40px;height:58px}.card .pip .s{font-size:1.2rem}.felt{width:92vw;height:40vh}.fan-backs{width:110px}}.scene.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px) rotate(-.4deg)}40%,60%{transform:translate(8px) rotate(.4deg)}}.played-cards.boom{animation:boom .5s ease}@keyframes boom{0%{transform:scale(.6);filter:drop-shadow(0 0 0 gold)}40%{transform:scale(1.25);filter:drop-shadow(0 0 18px gold)}to{transform:scale(1);filter:none}}.icon-btn{width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:1.05rem;border:1px solid var(--line);background:#ffffff0f;color:#f0ede6}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti span{position:absolute;top:-14px;left:calc(var(--x) * 100%);width:9px;height:14px;border-radius:2px;background:hsl(var(--h) 85% 60%);animation:fall calc(2.6s + var(--d) * 1.8s) linear calc(var(--d) * -1.5s) infinite;transform:rotate(calc(var(--d) * 360deg))}@keyframes fall{0%{top:-14px;opacity:1}to{top:105vh;opacity:.9;transform:rotate(720deg) translate(40px)}}