:root{--lacquer: #8e1b1b;--lacquer-dark: #5f0f0f;--lacquer-hi: #b23434;--gold: #e7b53c;--gold-hi: #ffd877;--gold-deep: #b8892a;--cream: #fdf6e3;--ink: #241a10;--red: #c0392b;--led: #7dffa8;--panel: #0d1712;--card-w: 58px;--card-h: 82px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse at 50% -10%,#a32626,#6d1212 55%,#4a0b0b);color:var(--cream);-webkit-tap-highlight-color:transparent}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.topbar{width:100%;display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(var(--lacquer-hi),var(--lacquer));border-bottom:4px solid var(--lacquer-dark)}.brand{font-weight:800;font-size:19px;letter-spacing:1px;color:var(--gold-hi);text-shadow:2px 2px 0 var(--lacquer-dark)}.brand small{font-weight:600;font-size:11px;color:var(--cream);opacity:.85;margin-left:8px;letter-spacing:.4px}.exit-btn{margin-left:auto;font-size:12px;font-weight:700;cursor:pointer;color:var(--cream);background:#00000040;border:2px solid var(--lacquer-dark);border-radius:9px;padding:4px 12px}.landing{flex:1;display:grid;place-items:center;padding:24px;text-align:center}.landing-inner{max-width:460px}.landing h1{font-size:44px;margin:0 0 4px;color:var(--gold-hi);text-shadow:3px 3px 0 var(--lacquer-dark);letter-spacing:2px}.landing .tagline{font-size:15px;opacity:.92;margin:0 0 6px}.fineprint{font-size:12px;opacity:.7;margin:0 0 22px}.hero-fan{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.hero-fan .card:nth-child(1){transform:rotate(-8deg) translateY(4px)}.hero-fan .card:nth-child(3){transform:rotate(8deg) translateY(4px)}.play-btn{font-size:20px;font-weight:800;letter-spacing:1px;cursor:pointer;color:var(--lacquer-dark);background:linear-gradient(var(--gold-hi),var(--gold));border:3px solid var(--ink);border-radius:14px;padding:12px 46px;box-shadow:3px 3px 0 var(--ink)}.play-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.rules-note{margin-top:18px;font-size:12.5px;line-height:1.55;opacity:.85;text-align:left;background:#00000040;border-radius:10px;padding:10px 14px}.machine{width:100%;max-width:560px;flex:1;display:flex;flex-direction:column;padding:10px 10px 14px;gap:8px}.cabinet{background:var(--panel);border:3px solid var(--ink);border-radius:18px;box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 40px #0009,3px 3px 0 var(--ink);padding:12px;display:flex;flex-direction:column;gap:10px;flex:1}.readouts{display:flex;gap:8px}.readout{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000080;border:2px solid var(--gold-deep);border-radius:10px;padding:5px 4px}.readout-label{font-size:9.5px;font-weight:800;letter-spacing:1.5px;color:var(--gold)}.led{font-family:Consolas,Courier New,monospace;font-weight:700;font-size:22px;color:var(--led);text-shadow:0 0 8px rgba(125,255,168,.6);line-height:1}.led.negative{color:#ff9d8f;text-shadow:0 0 8px rgba(255,120,100,.6)}.led.winning{color:var(--gold-hi);text-shadow:0 0 10px rgba(255,216,119,.8)}.paytable{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;background:#00000059;border:2px solid var(--gold-deep);border-radius:10px;padding:7px 10px}.payrow{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.5}.pay-label{font-weight:700;color:#ffe9a8;white-space:nowrap}.pay-dots{flex:1;border-bottom:1px dotted rgba(231,181,60,.35)}.pay-x{font-family:Consolas,Courier New,monospace;font-weight:700;color:var(--led)}.payrow.hit{background:#e7b53c38;border-radius:6px}.payrow.hit .pay-label{color:var(--gold-hi)}.payrow.hit .pay-x{color:var(--gold-hi);text-shadow:0 0 8px rgba(255,216,119,.8)}.card-row{position:relative;display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding:10px 4px;min-height:calc(var(--card-h) + 20px);align-items:center}.card-row.burned .card{filter:grayscale(.75)}.burn-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:30px;font-weight:900;letter-spacing:4px;color:#ff6b57;border:4px solid #ff6b57;border-radius:10px;padding:2px 16px;background:#1405058c;text-shadow:0 0 12px rgba(255,107,87,.6);z-index:5}.status{text-align:center;font-size:14.5px;font-weight:700;min-height:22px;color:var(--cream);opacity:.95}.status.win{color:var(--gold-hi);text-shadow:0 0 10px rgba(255,216,119,.55);font-size:16px}.controls{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:56px}.act-btn{font-size:15px;font-weight:800;cursor:pointer;border-radius:12px;padding:9px 18px;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--cream);color:var(--lacquer-dark)}.act-btn:active{transform:translate(1.5px,1.5px);box-shadow:.5px .5px 0 var(--ink)}.act-btn.fold{background:linear-gradient(#e8e8e8,#cfcfcf)}.act-btn.aggressive{background:linear-gradient(var(--gold-hi),var(--gold))}.act-btn.call{background:linear-gradient(#bfe8d2,#8fd2ae)}.act-btn small{display:block;font-size:10.5px;font-weight:700;opacity:.75}.act-btn.deal{padding:9px 34px}.bet-steps{display:flex;gap:6px}.chip-btn{width:46px;height:46px;border-radius:50%;cursor:pointer;font-weight:800;font-size:14px;border:3px dashed var(--gold-deep);background:var(--lacquer);color:var(--cream);box-shadow:1.5px 1.5px 0 var(--ink)}.chip-btn.picked{border-color:var(--gold-hi);background:linear-gradient(var(--gold-hi),var(--gold));color:var(--lacquer-dark);box-shadow:0 0 10px 2px #ffd8778c}.history{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.hist-chip{font-family:Consolas,Courier New,monospace;font-size:11.5px;font-weight:700;border-radius:8px;padding:1px 8px;background:#00000073}.hist-chip.pos{color:var(--led)}.hist-chip.neg{color:#ff9d8f}.cabinet-fineprint{font-size:11px;opacity:.65;text-align:center;margin:0;line-height:1.5}@media (max-width: 470px){:root{--card-w: 44px;--card-h: 62px}.led{font-size:18px}.paytable{grid-template-columns:1fr}}.card{width:var(--card-w);height:var(--card-h);background:radial-gradient(120% 90% at 50% 0%,var(--cream) 0%,var(--cream) 62%,#fdeecb 100%);border:2.5px solid var(--ink);border-radius:11px;box-shadow:2px 2px 0 var(--ink),inset 0 4px 7px #fffc;position:relative;flex:0 0 auto;padding:0;font-family:Georgia,Trebuchet MS,serif;overflow:hidden;display:inline-block;animation:flip-in .28s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes flip-in{0%{transform:translateY(-10px) scale(.92);opacity:0}to{transform:none;opacity:1}}.card.red{color:var(--red)}.card.black{color:var(--ink)}.card.dimmed{opacity:.42}.card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid var(--gold);border-radius:7px;pointer-events:none;z-index:1}.card .corner{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;line-height:.92;font-weight:700;font-size:14px;letter-spacing:-.5px}.card .corner .csuit{font-size:11px;line-height:1}.card .corner.tl{top:5px;left:5px}.card .corner.br{bottom:5px;right:5px;transform:rotate(180deg)}.card .face{position:absolute;top:12px;right:8px;bottom:12px;left:8px;z-index:2}.card .pip-grid{position:absolute;top:0;right:0;bottom:0;left:0}.card .pip{position:absolute;transform:translate(-50%,-50%);font-size:13px;line-height:1}.card .pip.flip{transform:translate(-50%,-50%) rotate(180deg)}.card .court{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.card .seal{width:78%;aspect-ratio:1 / 1.18;border-radius:46%/40%;background:radial-gradient(120% 120% at 50% 18%,var(--lacquer-hi) 0%,var(--lacquer) 55%,var(--lacquer-dark) 100%);border:2px solid var(--gold);box-shadow:0 0 0 1.5px var(--ink),inset 0 0 0 2px var(--lacquer-dark),inset 0 0 0 3.5px var(--gold);display:grid;place-items:center}.card .seal .glyph{font-family:Georgia,serif;font-weight:900;font-size:1.5rem;color:var(--gold-hi);text-shadow:1px 1px 0 var(--lacquer-dark),0 0 6px rgba(0,0,0,.35);line-height:1}.card .ace{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.card .ace .ring{width:64%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px dashed var(--gold);box-shadow:inset 0 0 0 3px #e7b53c2e}.card .ace .ace-pip{font-size:1.6rem;line-height:1}.card.joker .corner{color:var(--gold-deep);font-size:13px}.joker-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.joker-star{font-size:1.7rem;line-height:1;color:var(--gold);text-shadow:0 0 8px rgba(255,216,119,.8);animation:joker-glow 1.8s ease-in-out infinite alternate}.card.red .joker-star{color:var(--red);text-shadow:0 0 8px rgba(192,57,43,.6)}@keyframes joker-glow{0%{filter:drop-shadow(0 0 1px rgba(255,216,119,.4))}to{filter:drop-shadow(0 0 6px rgba(255,216,119,.95))}}.joker-word{font-family:Trebuchet MS,sans-serif;font-weight:900;font-size:9.5px;letter-spacing:1.5px;color:currentColor}.joker-wild{font-family:Trebuchet MS,sans-serif;font-weight:800;font-size:7.5px;letter-spacing:2px;color:var(--gold-deep);border:1px solid var(--gold);border-radius:5px;padding:0 4px}.card-back{width:var(--card-w);height:var(--card-h);border-radius:11px;border:2.5px solid var(--ink);background:var(--lacquer) url(/table/cardback.png) center / cover;box-shadow:2px 2px 0 var(--ink);flex:0 0 auto;display:inline-block;animation:flip-in .28s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--i, 0) * 70ms)}.card-slot{width:var(--card-w);height:var(--card-h);border-radius:11px;border:2px dashed rgba(231,181,60,.35);background:#0000002e;flex:0 0 auto;display:inline-block}@media (prefers-reduced-motion: reduce){.card,.card-back,.joker-star{animation:none!important}}