:root{--gold:#f6c445;--gold-2:#ffe08a;--gold-dark:#8a5a00;--ink:#0a0f24;--panel:#080c1ee0;--text:#f3f6ff;--dim:#9aa7c7;--win:#4ff08f;--red:#ff5d5d;--blue:#4d9bff;--teal:#2fd3c7;--bar-h:118px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#050a16;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}.game-root{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{display:block}.exit-btn{border:2px solid var(--gold);background:var(--panel);width:42px;height:42px;color:var(--gold-2);z-index:5;border-radius:50%;font-size:20px;font-weight:900;position:absolute;top:12px;left:12px}.line-text{left:50%;bottom:calc(var(--bar-h) + 10px);min-height:34px;color:var(--gold-2);text-shadow:0 2px 6px #000;white-space:nowrap;pointer-events:none;z-index:4;padding:4px 18px;font-size:20px;font-weight:800;position:absolute;transform:translate(-50%)}.bar{height:var(--bar-h);z-index:10;background:linear-gradient(#080c1e99,#040610f7 35%);border-top:2px solid #f6c4458c;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 22px;display:grid;position:absolute;bottom:0;left:0;right:0}.bar-left,.bar-right{align-items:center;gap:18px;display:flex}.bar-right{justify-content:flex-end}.bar-center{align-items:center;gap:18px;display:flex}.field{flex-direction:column;line-height:1.15;display:flex}.field-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.field-value{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:900}.field-value small{color:var(--dim);font-size:12px;font-weight:700}.field-value.win{color:var(--win)}.bet-field{align-items:center}.bet-ctl{align-items:center;gap:10px;display:flex}.icon-btn{border:2px solid var(--gold);width:40px;height:40px;color:var(--gold-2);background:0 0;border-radius:50%;font:italic 900 20px Georgia,serif}.round-btn.small{border:2px solid var(--gold);width:34px;height:34px;color:var(--gold-2);background:radial-gradient(circle at 50% 30%,#2a2f55,#0d1230);border-radius:50%;font-size:20px;font-weight:900;line-height:1}.spin{border:5px solid var(--gold);color:#3a2200;background:radial-gradient(circle at 50% 35%,#ffe7a0 0%,#f6b81c 45%,#a86a00 100%);border-radius:50%;place-items:center;width:96px;height:96px;margin-top:-34px;transition:transform 80ms;display:grid;box-shadow:0 10px 26px #0009,inset 0 -6px 14px #00000040,0 0 26px #f6c44559}.spin:active{transform:scale(.95)}.spin.busy svg{animation:.6s linear infinite rot}.spin.auto{background:radial-gradient(circle at 50% 35%,#a8fff1 0%,#2fd3c7 50%,#0b6f67 100%);border-color:#8ff7e9}.spin-auto{flex-direction:column;font-size:26px;font-weight:900;line-height:1;display:flex}.spin-auto small{letter-spacing:1px;font-size:11px}@keyframes rot{to{transform:rotate(360deg)}}.side-btns{flex-direction:column;gap:8px;display:flex}.pill{min-width:82px;color:var(--gold-2);letter-spacing:1px;background:#0d1230e6;border:2px solid #f6c445b3;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.pill.on{background:var(--gold);color:#2b1a00}.pill.dev{border-style:dashed;border-color:var(--teal);color:var(--teal)}.bonus-hud{background:var(--panel);border:2px solid var(--gold);text-align:center;z-index:6;border-radius:16px;padding:10px 24px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.bonus-hud.intro{padding:26px 48px;animation:.4s pop;top:40%}.bonus-title{color:var(--gold-2);letter-spacing:2px;text-shadow:0 3px 0 var(--gold-dark);font-size:26px;font-weight:900}.bonus-hud.intro .bonus-title{font-size:44px}.bonus-stats{color:var(--dim);justify-content:center;gap:18px;margin-top:6px;font-size:15px;display:flex}.bonus-stats b{color:var(--text);font-size:18px}.bonus-stats .m{font-weight:900}.bonus-stats .red{color:var(--red)}.bonus-stats .blue{color:var(--blue)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.bigwin{z-index:40;cursor:pointer;background:radial-gradient(circle at 50% 45%,#281400bf,#000000e6);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow:hidden}.bigwin .rays{background:repeating-conic-gradient(#ffd23f29 0deg 10deg,#0000 10deg 20deg);width:160vmax;height:160vmax;animation:18s linear infinite rot;position:absolute}.bigwin-title{letter-spacing:4px;color:var(--gold-2);text-shadow:0 6px 0 var(--gold-dark), 0 0 40px #ffc828cc;font-size:clamp(48px,10vw,120px);font-weight:900;animation:1s ease-in-out infinite alternate pulse;position:relative}.tier-super .bigwin-title{color:#9ff7ff;text-shadow:0 6px #0a5a7a,0 0 40px #50dcffcc}.tier-mega .bigwin-title{color:#ffb3f0;text-shadow:0 6px #6a0f5a,0 0 50px #ff50dce6}.bigwin-sub{color:var(--dim);letter-spacing:2px;text-transform:uppercase;font-size:22px;font-weight:800;position:relative}.bigwin-amount{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 4px 16px #000;font-size:clamp(40px,7vw,86px);font-weight:900;position:relative}.bigwin-amount small{color:var(--gold-2);font-size:.4em}.bigwin .hint{margin-top:18px;position:relative}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.toast{z-index:50;background:#78141ef2;border:1px solid #ff8a8a;border-radius:12px;padding:10px 20px;font-weight:700;position:absolute;top:18px;left:50%;transform:translate(-50%)}.modal-back{z-index:30;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:2px solid var(--gold);-webkit-user-select:text;user-select:text;background:linear-gradient(#151b3d,#0a0f24);border-radius:18px;width:min(460px,100%);max-height:88vh;padding:22px 24px;position:relative;overflow:auto}.modal.wide{width:min(960px,100%)}.modal h3{color:var(--gold-2);margin:0 0 6px;font-size:22px}.modal h4{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:22px 0 8px;font-size:14px}.modal p{color:#d7def3;line-height:1.5}.muted{font-size:13px;color:var(--dim)!important}.close{border:2px solid var(--gold);width:34px;height:34px;color:var(--gold-2);background:0 0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.opt-label{letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin:14px 0 6px;font-size:12px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-width:54px;color:var(--text);background:#0e1433;border:1px solid #f6c44573;border-radius:10px;padding:8px 12px;font-weight:800}.chip.on{background:var(--gold);color:#2b1a00;border-color:var(--gold)}.check{align-items:center;gap:10px;margin-top:16px;font-weight:600;display:flex}.check input{width:18px;height:18px;accent-color:var(--gold)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.btn{border:2px solid var(--gold);border-radius:12px;padding:11px 18px;font-weight:900}.btn.gold{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#2b1a00}.btn.ghost{color:var(--gold-2);background:0 0}.pay-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pay-card{background:#ffffff0a;border:1px solid #f6c44533;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.pay-card img{object-fit:contain;width:64px;height:64px}.pay-card ul{font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:14px;list-style:none}.pay-card b{color:var(--gold);width:26px;display:inline-block}.lines-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.line-mini{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.line-mini span{text-align:right;width:18px}.mini-board{grid-template-columns:repeat(5,9px);gap:2px;display:grid}.mini-board i{background:#ffffff1f;border-radius:2px;width:9px;height:9px}.mini-board i.on{background:var(--gold)}.rules{color:#d7def3;padding-left:18px;line-height:1.6}.app{place-items:center;min-height:100vh;padding:16px;display:grid}.launch-card{background:linear-gradient(#151b3d,#0a0f24);border:1px solid #f6c44566;border-radius:16px;flex-direction:column;gap:12px;width:min(460px,100%);padding:24px;display:flex}.launch-card h1{margin:0;font-size:20px}.launch-card p{color:var(--dim);margin:0;line-height:1.5}.launch-card input{color:var(--text);-webkit-user-select:text;user-select:text;background:#0b1330;border:1px solid #ffffff26;border-radius:10px;padding:12px}.launch-card button{color:#2b1a00;background:linear-gradient(180deg, var(--gold-2), var(--gold));border:none;border-radius:10px;padding:12px;font-weight:900}.error{color:var(--red);font-size:13px}.hint{color:var(--dim);font-size:13px}@media (max-width:760px){:root{--bar-h:150px}.bar{grid-template-columns:1fr 1fr;grid-template-areas:"l r""c c";gap:6px;padding:8px 12px}.bar-left{grid-area:l}.bar-right{grid-area:r}.bar-center{grid-area:c;justify-content:center}.spin{width:78px;height:78px;margin-top:0}.field-value{font-size:17px}}