@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Unbounded:wght@600;800&display=swap";:root{--bg:#08050a;--velvet:#1a0814;--velvet-light:#2a101c;--gold:#f4c96a;--gold-deep:#b8862c;--neon:#ff2d8a;--neon-glow:#ff2d8a66;--mint:#3dffc0;--chrome:#ebe6dc;--ink:#14080f;--font-display:"Unbounded", "Arial Narrow", sans-serif;--font-ui:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--chrome);background:radial-gradient(ellipse at 50% 0%, #3a1028 0%, transparent 55%), var(--bg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;padding:16px 20px;display:flex}.wordmark{text-align:center;flex-shrink:0}.wordmark h1{font-family:var(--font-display);letter-spacing:.18em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 20px var(--neon-glow);margin:0;font-size:clamp(32px,6vw,56px)}.tag{opacity:.72;letter-spacing:.08em;margin:4px 0 0;font-size:14px}.cabinet{background:linear-gradient(180deg, var(--velvet-light), var(--velvet));border:3px solid var(--gold-deep);width:min(680px,92vw);box-shadow:0 0 40px var(--neon-glow), inset 0 0 40px #00000080;border-radius:28px;flex-direction:column;flex:1;align-items:center;gap:16px;min-height:0;padding:24px 20px;display:flex}.glass{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:480px;display:grid}.reel{aspect-ratio:1;border:2px solid var(--gold);color:var(--gold);background:#0a0608;border-radius:16px;justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex}.reel-win{border-color:var(--mint);box-shadow:0 0 20px #3dffc066}.reel-icon{font-size:clamp(56px,11vw,104px);line-height:1}.spin{background:var(--neon);color:#fff;font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;box-shadow:0 4px 20px var(--neon-glow);border:0;border-radius:999px;padding:14px 48px;font-size:18px;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s}.spin:hover:not(:disabled){box-shadow:0 6px 30px var(--neon-glow);transform:scale(1.05)}.spin:active:not(:disabled){transform:scale(.97)}.spin:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.spin-active{animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hud{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.chips{font-family:var(--font-display);color:var(--mint);text-align:center;min-width:80px;font-size:24px}.bet-ctl{align-items:center;gap:8px;display:flex}.bet-val{font-family:var(--font-display);color:var(--gold);text-align:center;min-width:40px;font-size:18px}.muted{opacity:.6;font-size:14px}.ghost{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);color:var(--gold);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;transition:background .2s,border-color .2s}.ghost:hover{background:color-mix(in srgb, var(--gold) 10%, transparent);border-color:var(--gold)}.btn{font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;border:0;border-radius:999px;padding:10px 24px;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn.neon{background:var(--neon);color:#fff;box-shadow:0 2px 12px var(--neon-glow)}.btn.neon:hover{box-shadow:0 4px 20px var(--neon-glow);transform:scale(1.05)}.btn.neon:disabled{opacity:.5;cursor:not-allowed;transform:none}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08050acc;place-items:center;display:grid;position:fixed;inset:0}.panel{background:var(--velvet);border:1px solid var(--gold-deep);width:min(420px,90vw);box-shadow:0 0 40px var(--neon-glow);border-radius:20px;padding:24px}.panel h2{font-family:var(--font-display);color:var(--gold);margin:0 0 8px;font-size:20px}.panel p{margin:0 0 16px}.broke-panel{text-align:center}.broke-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.paytable-panel table{border-collapse:collapse;width:100%;margin-bottom:16px}.paytable-panel th,.paytable-panel td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--gold-deep) 30%, transparent);padding:8px 12px}.paytable-panel th{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.paytable-panel td{font-size:14px}.ok{color:var(--mint)}.err{color:#ff8a8a}.win-flash{z-index:200;pointer-events:none;place-items:center;animation:.3s ease-out flashIn;display:grid;position:fixed;inset:0}.win-flash-text{font-family:var(--font-display);color:var(--mint);text-shadow:0 0 30px #3dffc099;font-size:clamp(28px,6vw,48px);animation:.4s ease-out flashPop}.win-triple .win-flash-text{color:var(--gold);text-shadow:0 0 40px #f4c96acc}@keyframes flashIn{0%{opacity:0}to{opacity:1}}@keyframes flashPop{0%{transform:scale(.8)}to{transform:scale(1)}}@media (width<=480px){.stage{gap:12px;padding:12px}.cabinet{gap:12px;padding:16px 12px}.glass{gap:8px}.reel{border-radius:12px}.spin{padding:12px 36px;font-size:16px}.hud{gap:8px}.chips{font-size:20px}.panel{padding:16px}}