:root{--pink: #FF2D92;--cyan: #00E5FF;--purple: #6B21A8;--gold: #EAB308;--bg-dark: #0A0F1E;--bg-bar: rgba(8, 8, 30, .97);--bet-pill: rgba(14, 14, 46, .85);--text: #ffffff;--text-dim: #8899bb;--shadow: 0 4px 8px rgba(0,0,0,.5);--font: "Courier New", Courier, monospace;--top-h: 58px;--bottom-h: 80px;--fs-h: 34px}@media(max-height:600px){:root{--top-h: 46px;--bottom-h: 66px;--fs-h: 26px}}@media(max-height:480px){:root{--top-h: 38px;--bottom-h: 54px;--fs-h: 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font);color:var(--text);touch-action:manipulation}.hidden{display:none!important}#app-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url(../assets/bg/NekuScatter-BG.png) center / cover no-repeat,var(--bg-dark)}.game-hero{position:absolute;right:0;bottom:0;height:90%;max-height:700px;width:auto;object-fit:contain;pointer-events:none;z-index:0}#game-wrapper{display:flex;flex-direction:column;width:min(960px,100vw);height:min(700px,100vh);position:relative;overflow:hidden;border-radius:10px;background:#08081e66;z-index:1}#top-bar{height:var(--top-h);min-height:var(--top-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-bar);border-bottom:2px solid var(--cyan);z-index:10}.stat-group{display:flex;flex-direction:column;align-items:center;min-width:90px}.stat-label{font-size:9px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;line-height:1;margin-bottom:2px}.stat-value{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}.win-value{color:var(--gold)}.logo-group{flex:1;display:flex;align-items:center;justify-content:center}.game-logo{max-height:calc(var(--top-h) - 14px);max-width:220px;object-fit:contain}#fs-bar{height:var(--fs-h);min-height:var(--fs-h);flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;background:#14062ef7;border-bottom:1px solid var(--gold)}#fs-bar.hidden{display:none!important}#fs-label{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700}#fs-count{font-size:17px;font-weight:700;color:var(--gold)}#fs-mult{font-size:12px;color:#fff;background:#ef4444d9;padding:2px 8px;border-radius:4px}#canvas-container{flex:1;min-height:0;position:relative;overflow:hidden}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#bottom-bar{height:var(--bottom-h);min-height:var(--bottom-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;background:var(--bg-bar);border-top:2px solid var(--purple);z-index:10}.balance-section{display:flex;flex-direction:column;gap:2px;min-width:90px;flex-shrink:0}.balance-label{font-size:9px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;line-height:1}.balance-display{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap}.bet-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:15px;background:var(--bet-pill);border:1px solid rgba(0,229,255,.25);flex:0 1 auto}.bet-adjust{width:30px;height:30px;background:none;border:none;color:var(--text);font-size:22px;font-weight:700;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .1s}.bet-adjust:hover:not(:disabled){transform:scale(1.3)}.bet-adjust:disabled{opacity:.3;cursor:not-allowed}.bet-label{font-size:15px;font-weight:700;color:var(--text-dim);font-family:var(--font);white-space:nowrap}.bet-amount{font-size:18px;font-weight:700;color:var(--text);min-width:80px;text-align:center;white-space:nowrap;overflow:hidden}.right-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}#spin-area{position:relative;width:68px;height:68px;flex-shrink:0}.spin-btn,.stop-btn{position:absolute;top:0;left:0;width:68px;height:68px;background:none;border:none;padding:0;cursor:pointer;transition:transform .1s}.spin-btn img{width:100%;height:100%;object-fit:contain}.spin-btn:hover:not(:disabled){transform:scale(1.08)}.spin-btn:active:not(:disabled){transform:scale(.95)}.spin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.stop-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#dc2626;border:3px solid #EF4444;border-radius:50%;box-shadow:0 0 16px #dc2626b3;cursor:pointer}.stop-btn:hover{transform:scale(1.08);box-shadow:0 0 22px #dc2626e6}.stop-btn:active{transform:scale(.95)}#stop-countdown{font-size:22px;font-weight:700;color:#fff;line-height:1;font-family:var(--font)}.stop-label{font-size:10px;font-weight:700;color:#ffffffe6;letter-spacing:1px;font-family:var(--font);line-height:1;margin-top:1px}.icon-btn{width:30px;height:30px;background:transparent;border:none;padding:0;cursor:pointer;opacity:.82;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s}.icon-btn img{width:100%;height:100%;object-fit:contain}.icon-btn:hover{opacity:1;transform:scale(1.15)}.icon-btn:active{transform:scale(.9)}#insufficient-msg{position:absolute;bottom:calc(var(--bottom-h) + 10px);left:50%;transform:translate(-50%);background:#dc2626f2;color:#fff;padding:6px 18px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;z-index:50;pointer-events:none}#insufficient-msg.hidden{display:none!important}.modal{position:fixed;inset:0;background:#000c;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal.hidden{display:none!important}.modal-content{background:linear-gradient(180deg,#0c0c2c,#070714);border:1px solid var(--pink);border-radius:14px;padding:24px 20px 20px;width:100%;max-width:440px;max-height:88vh;position:relative;box-shadow:0 0 40px #ff2d924d,var(--shadow)}.modal-scroll{overflow-y:auto}.modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff38}.modal-title{font-size:18px;font-weight:700;color:var(--cyan);letter-spacing:3px;text-align:center;margin-bottom:12px}.modal-subtitle{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:14px}.modal-start-btn{width:100%;padding:12px;margin-top:16px;background:var(--pink);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;font-family:var(--font);letter-spacing:2px;cursor:pointer;transition:background .15s,opacity .15s}.modal-start-btn:hover{background:#ff5ab0}.modal-start-btn:disabled{opacity:.35;cursor:not-allowed}.autoplay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.ap-btn{padding:11px;background:#ff2d921a;border:1px solid rgba(255,45,146,.35);border-radius:8px;color:var(--text);font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;transition:background .12s,border-color .12s}.ap-btn:hover{background:#ff2d9238;border-color:var(--pink)}.ap-btn.selected{background:var(--pink);border-color:var(--pink)}.info-section{margin-bottom:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.info-section h3{font-size:10px;letter-spacing:2px;color:var(--cyan);margin-bottom:7px}.info-section p{font-size:11px;line-height:1.6;color:#bbb;margin-bottom:5px}.info-section strong{color:var(--text)}.pay-table{width:100%;border-collapse:collapse;font-size:10px}.pay-table th{color:var(--cyan);padding:4px 2px;text-align:center;border-bottom:1px solid rgba(0,229,255,.3)}.pay-table td{padding:3px 2px;text-align:center;color:#bbb;border-bottom:1px solid rgba(255,255,255,.05)}.pay-table td:first-child{text-align:left;color:var(--text);display:flex;align-items:center;gap:6px;padding:3px 4px}.sym-thumb{width:32px;height:32px;object-fit:contain;flex-shrink:0}.scatter-cell{color:var(--cyan);font-style:italic}.disclaimer p{font-size:9px;color:#777;line-height:1.5}.error-content{text-align:center}.error-title{color:#ef4444!important;margin-bottom:12px}.error-message{color:#bbb;font-size:13px;margin-bottom:16px;line-height:1.5}@media(min-width:701px){.bet-amount{min-width:96px}}@media(max-width:700px){#bottom-bar{height:auto;min-height:var(--bottom-h);padding:10px 14px;gap:10px;display:grid;grid-template-areas:"balance controls" "bet     bet";grid-template-columns:1fr auto;align-items:center}.balance-section{grid-area:balance;align-items:flex-start;min-width:unset}.bet-bar{grid-area:bet;justify-self:stretch;width:100%}.right-controls{grid-area:controls;justify-self:end;gap:10px}#spin-area,.spin-btn,.stop-btn{width:80px;height:80px}#stop-countdown{font-size:26px}.stop-label{font-size:11px}.icon-btn{width:28px;height:28px}}@media(max-width:420px){#bottom-bar{padding:8px 10px;gap:8px}#spin-area,.spin-btn,.stop-btn{width:64px;height:64px}#stop-countdown{font-size:21px}.right-controls{gap:7px}.icon-btn{width:24px;height:24px}.bet-amount{min-width:60px;font-size:15px}}@media(max-width:360px){#bottom-bar{gap:6px;padding:6px 8px}#spin-area,.spin-btn,.stop-btn{width:54px;height:54px}#stop-countdown{font-size:18px}.right-controls{gap:5px}.icon-btn{width:20px;height:20px}}@media(max-height:480px){.stat-label,.balance-label{display:none}.balance-display,.stat-value{font-size:13px}.game-logo{max-height:24px}.bet-label{font-size:12px}.bet-amount{font-size:14px;min-width:60px}.bet-adjust{font-size:18px;width:26px;height:26px}#spin-area,.spin-btn,.stop-btn{width:52px;height:52px}#stop-countdown{font-size:17px}.icon-btn{width:24px;height:24px}#bottom-bar{padding:4px 12px;gap:8px}}@media(max-height:300px){#bottom-bar{display:flex!important;height:auto;min-height:unset;padding:3px 8px;gap:6px}.balance-section{display:none}.bet-bar{flex:1}#spin-area,.spin-btn,.stop-btn{width:44px;height:44px}#stop-countdown{font-size:14px}.stop-label{display:none}.icon-btn{width:22px;height:22px}.right-controls{gap:5px}}
