:root{font-family:Bahnschrift,Franklin Gothic Medium,Trebuchet MS,sans-serif;color:#eef1ff;background-color:#0a0f2b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ui-scale: 1}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(84,110,255,.25),transparent 50%),linear-gradient(180deg,#0b1132,#080b23);overflow:hidden}#app{width:100%;height:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:18px;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.screen{width:360px;max-width:100%;display:grid;gap:14px;transform:scale(var(--ui-scale));transform-origin:center center}.topbar{display:flex;justify-content:center}.pill{padding:6px 18px;border-radius:999px;border:2px solid #ff7d2f;color:#ffb46b;text-transform:uppercase;letter-spacing:1px;font-size:16px;box-shadow:0 0 18px #ff7d2f66}.board-wrap{position:relative;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}#board{width:100%;height:auto;display:block;border-radius:0}.bins{position:absolute;left:0;right:auto;top:0;display:grid;grid-template-columns:repeat(13,1fr);gap:0;margin-top:0;padding:0;justify-items:center}.bin{display:flex;align-items:center;justify-content:center;width:100%;height:22px;border-radius:6px;font-size:11px;font-weight:700;color:#111225}.panel{display:grid;gap:10px;padding:12px;border-radius:16px;background:#131840e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 26px #00000059}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance{background:#ffffff0d;padding:10px 14px;border-radius:12px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.balance strong{font-size:20px;color:#fff3d4}button{border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-family:inherit;cursor:pointer;transition:transform .2s ease,filter .2s ease}button:active{transform:scale(.98)}button:disabled{filter:grayscale(.4) brightness(.8);cursor:not-allowed}.icon{width:40px;height:40px;background:#ffffff14;color:#d5d9ff;font-size:16px}.bet-select{flex:1;background:linear-gradient(120deg,#ffb347,#ff7d2f);color:#2c1c10;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bet-row{justify-content:space-between}.stepper{display:flex;align-items:center;gap:8px;background:#ffffff14;padding:6px 10px;border-radius:12px;min-width:110px;justify-content:space-between}.stepper span{font-weight:700}.step{width:30px;height:30px;padding:0;border-radius:8px;background:#ffffff1f;color:#e7e9ff;font-size:18px}.drop{flex:1;background:linear-gradient(120deg,#ff9040,#ff6a3d);color:#2b1306;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.message{justify-content:center;color:#aab2ff;font-size:12px;text-transform:uppercase;letter-spacing:1px}@media(max-width:420px){.bins{position:absolute;left:0;right:auto;top:0;display:grid;grid-template-columns:repeat(13,1fr);gap:0;margin-top:0;padding:0;justify-items:center}.bin{font-size:10px}.panel-row{flex-wrap:wrap}.drop{width:100%}}.bin.hit{animation:bin-bounce .35s ease}@keyframes bin-bounce{0%{transform:translateY(0)}45%{transform:translateY(6px)}to{transform:translateY(0)}}.bet-select.full{width:100%}