*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:radial-gradient(600px 300px at 50% 0,#2a3040,#12151f);color:#eef1f7;font:500 15px/1.5 Montserrat,system-ui,sans-serif;display:grid;place-items:center;padding:16px;min-height:100dvh}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(/fonts/montserrat-500.ttf) format("truetype")}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(/fonts/montserrat-800.ttf) format("truetype")}
.g{width:min(460px,100%);text-align:center}
.g-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.g-tag{font-size:12px;font-weight:800;color:#63d377;border:1px solid #63d377;border-radius:99px;padding:4px 12px}
.g-bal{font-weight:800}
.g-bal b{color:#63d377;font-variant-numeric:tabular-nums}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#1c202d;border:3px solid #46506b;border-radius:22px;padding:14px}
.reel{height:120px;border-radius:14px;background:#2a3040;display:grid;place-items:center;overflow:hidden}
.reel svg{width:70px;height:70px}
.reel.spin-a svg{animation:blur .12s linear infinite}
.reel.win svg{filter:drop-shadow(0 0 8px #63d377)}
.msg{min-height:24px;margin:14px 0;font-weight:700}
.ctl{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.bets{display:flex;gap:6px}
.bet{min-width:46px;min-height:44px;border-radius:12px;border:2px solid #46506b;background:#1c202d;color:#eef1f7;font:800 15px Montserrat,sans-serif;cursor:pointer}
.bet.on{border-color:#63d377;color:#63d377}
.spin{min-height:52px;padding:0 34px;border:0;border-radius:14px;background:#63d377;color:#0d1a11;font:800 17px Montserrat,sans-serif;cursor:pointer;transition:transform .2s}
.spin:hover{transform:translateY(-2px)}
.spin:disabled{opacity:.6;cursor:wait;transform:none}
.reset{min-height:44px;padding:0 14px;border-radius:12px;border:2px solid #46506b;background:transparent;color:#b4bcd0;font:700 13px Montserrat,sans-serif;cursor:pointer}
.pay{font-size:12.5px;color:#b4bcd0;margin:16px 0 0}
button:focus-visible{outline:3px solid #63d377;outline-offset:3px}
@keyframes blur{0%{transform:translateY(-14px)}100%{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.reel.spin-a svg{animation:none}}