:root{--bg: #0a0a14;--bg-2: #12122a;--ink: #e8e8f0;--ink-dim: #9aa0d6;--ink-faint: #6a6f9a;--line: #2a2a4a;--neon-pink: #ff5cab;--neon-cyan: #5cc8ff;--neon-yellow: #f6d35c;--neon-green: #7af0c8;--neon-red: #ff6b6b;--cabinet: #c81e3a;--cabinet-dark: #7a0e22;--gold: #f6d35c;--gold-dark: #a07d28}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#1d1d3e 0%,transparent 60%),radial-gradient(800px 500px at 90% 110%,#3a0a1c 0%,transparent 60%),var(--bg);min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;z-index:1}.wrap{max-width:880px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:2}.back{align-self:flex-start;color:var(--ink-dim);text-decoration:none;font-size:.85rem;letter-spacing:.05em}.back:hover{color:var(--neon-yellow)}h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.01em;color:var(--neon-yellow);text-shadow:0 0 16px rgba(246,211,92,.45)}.scoreboard{display:flex;justify-content:space-between;width:100%;max-width:640px;font-size:1rem;letter-spacing:.15em;color:var(--ink-dim);text-transform:uppercase}.scoreboard strong{color:var(--ink);font-weight:700;margin-left:.5em;font-variant-numeric:tabular-nums}.scoreboard .credit strong{color:var(--neon-green)}.scoreboard .last strong{color:var(--neon-yellow)}.cabinet{position:relative;width:100%;max-width:640px;background:linear-gradient(180deg,var(--cabinet) 0%,var(--cabinet-dark) 100%);border:3px solid var(--gold);border-radius:24px;padding:24px;box-shadow:0 0 0 2px var(--gold-dark),0 0 28px #ff5cab2e,0 18px 60px -20px #000000b3,inset 0 2px #ffffff2e,inset 0 -8px 28px #0006}.cabinet:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(255,255,255,.15);border-radius:18px;pointer-events:none}.marquee{text-align:center;color:var(--gold);font-weight:800;letter-spacing:.4em;font-size:.9rem;text-shadow:0 0 6px rgba(246,211,92,.85),0 0 16px rgba(255,92,171,.4);margin-bottom:12px}.marquee .bulb{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow);margin:0 8px;vertical-align:middle;animation:pulse 1.4s ease-in-out infinite}.marquee .bulb:nth-child(3){animation-delay:.7s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.bonus-banner{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin-bottom:10px;background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold-dark) 100%);border-radius:8px;color:#2a1500;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;box-shadow:0 0 18px #f6d35c80;animation:bonus-pulse 1.2s ease-in-out infinite}.bonus-banner[hidden]{display:none}@keyframes bonus-pulse{0%,to{box-shadow:0 0 18px #f6d35c80}50%{box-shadow:0 0 28px #f6d35cf2}}.cabinet.bonus-mode{animation:cabinet-glow 1.6s ease-in-out infinite}@keyframes cabinet-glow{0%,to{box-shadow:0 0 0 2px var(--gold-dark),0 0 28px #ff5cab2e,0 18px 60px -20px #000000b3,inset 0 2px #ffffff2e,inset 0 -8px 28px #0006}50%{box-shadow:0 0 0 2px var(--gold),0 0 44px #f6d35c99,0 18px 60px -20px #000000b3,inset 0 2px #ffffff2e,inset 0 -8px 28px #0006}}.reels{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#0a0a14;border:3px solid var(--gold-dark);border-radius:14px;padding:12px;box-shadow:inset 0 4px 14px #0009,inset 0 -2px 6px #ffffff0d}.reel{position:relative;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.4) 100%),#fafafa;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 2px #00000026,inset 0 4px 10px #00000040}.reel:before,.reel:after{content:"";position:absolute;left:0;right:0;height:32px;z-index:2;pointer-events:none}.reel:before{top:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 100%)}.reel:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,transparent 100%)}.reel-strip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform}.reel-cell{height:120px;display:flex;align-items:center;justify-content:center;font-size:64px;line-height:1;user-select:none}.payline{position:absolute;left:-3px;right:-3px;top:50%;height:2px;transform:translateY(-50%);background:var(--neon-pink);box-shadow:0 0 10px #ff5cabd9;z-index:3;pointer-events:none}.reel.anticipate{box-shadow:inset 0 0 0 3px var(--neon-pink),inset 0 4px 10px #00000040,0 0 22px #ff5cabb3;animation:anticipate .5s ease-in-out infinite}@keyframes anticipate{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.controls{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.bet-row{color:#ffffffd9;letter-spacing:.2em;font-size:.78rem;text-transform:uppercase;display:flex;align-items:center;gap:10px}.bet-row strong{color:var(--gold);font-weight:800;text-shadow:0 0 6px rgba(246,211,92,.6);font-size:.95rem}.spin-btn{background:linear-gradient(180deg,#ffe066,#f6c500,#b88a00);color:#2a1500;border:0;padding:14px 42px;font-weight:900;border-radius:999px;cursor:pointer;font-size:1.1rem;letter-spacing:.25em;text-transform:uppercase;font-family:inherit;box-shadow:0 0 0 3px var(--gold-dark),0 6px #00000059,0 12px 24px -8px #00000080,inset 0 2px #fff9;transition:transform 80ms ease,box-shadow 80ms ease}.spin-btn:not(:disabled):hover{filter:brightness(1.05)}.spin-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 3px var(--gold-dark),0 3px #00000059,0 6px 12px -4px #00000080,inset 0 2px #fff9}.spin-btn:disabled{opacity:.55;cursor:not-allowed}.message{min-height:1.4em;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-align:center}.message.win{color:var(--neon-yellow);text-shadow:0 0 12px rgba(246,211,92,.7);animation:flash .6s ease}.message.jackpot{color:var(--neon-pink);text-shadow:0 0 14px rgba(255,92,171,.9);animation:jackpot 1s ease infinite}.message.lose{color:var(--ink-faint)}@keyframes flash{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes jackpot{0%,to{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.08);filter:hue-rotate(20deg)}}.below{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:640px}@media(max-width:560px){.below{grid-template-columns:1fr}}.panel{background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:14px}.panel h2{margin:0 0 10px;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.paytable{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.85rem}.paytable .sym{display:flex;align-items:center;gap:4px}.paytable .pay{color:var(--neon-green);font-weight:700;font-variant-numeric:tabular-nums}.paytable .pay.jp{color:var(--neon-pink);text-shadow:0 0 6px rgba(255,92,171,.6)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 14px;font-weight:700;border-radius:6px;cursor:pointer;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-family:inherit}button.ghost:hover{background:#ffffff0d;border-color:var(--neon-yellow);color:var(--neon-yellow)}.tiny{font-size:.75rem;color:var(--ink-faint);letter-spacing:.1em;margin-top:6px}.win-flash{animation:cellPop .5s ease}.wrap.shake{animation:shake .55s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px,-2px) rotate(-.3deg)}20%,40%,60%,80%{transform:translate(6px,2px) rotate(.3deg)}}.coin{position:fixed;font-size:28px;pointer-events:none;z-index:1000;will-change:transform,opacity;animation:coin-fall 1.6s ease-in forwards;filter:drop-shadow(0 4px 8px rgba(246,211,92,.6))}@keyframes coin-fall{0%{transform:translateY(-40px) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}.stats{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.85rem}.stats .label{color:var(--ink-dim)}.stats .val{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.stats .val.best{color:var(--neon-yellow)}.toggle-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}button.toggle{background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.25);padding:6px 12px;font-weight:700;border-radius:999px;cursor:pointer;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-family:inherit}button.toggle:hover{border-color:var(--gold);color:var(--gold)}button.toggle.on{background:var(--gold);color:#2a1500;border-color:var(--gold)}@media(prefers-reduced-motion:reduce){.wrap.shake,.coin,.cabinet.bonus-mode,.reel.anticipate,.bonus-banner{animation:none}}@keyframes cellPop{0%,to{transform:scale(1)}40%{transform:scale(1.18);filter:drop-shadow(0 0 12px var(--neon-yellow))}}