*{box-sizing:border-box} body{margin:0;background:#0a0a0a;color:#f1f1f1;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto}
a{color:#fff;text-decoration:none}
.container{max-width:980px;margin:30px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(90deg,#111,#000);border-bottom:1px solid rgba(255,215,0,.2)}
.logo{height:32px;margin-right:8px}
.left{display:flex;align-items:center;gap:8px}
.right{display:flex;align-items:center;gap:10px}
.balance{color:#FFD700;font-weight:700}
.accent, .ghost, .primary {padding:8px 14px;border-radius:10px;border:1px solid #333;background:#1a1a1a;color:#fff}
.accent{background:#FFD700;color:#000;border-color:#FFD700}
.ghost:hover{border-color:#555}
.auth-box{max-width:360px;margin:50px auto;background:#111;padding:20px;border-radius:12px;border:1px solid #222}
.auth-box input{width:100%;margin-bottom:10px;padding:10px;border-radius:8px;border:1px solid #333;background:#0f0f0f;color:#fff}
.auth-box button{width:100%}
.banners{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.banner{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid #222}

.modal.hidden{display:none}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}
.modal-box{background:#111;border:1px solid rgba(255,215,0,.25);border-radius:16px;padding:16px;min-width:320px;position:relative}
.close{position:absolute;right:8px;top:8px;background:#222;border:1px solid #333;border-radius:8px;color:#fff}
.grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.amount-btn{background:#1a1a1a;color:#fff;padding:10px;border:1px solid #333;border-radius:12px}
.amount-btn.active{outline:2px solid #FFD700}

.slot .grid-slot{display:grid;grid-template-rows:repeat(3,80px);gap:8px}
.slot .row{display:grid;grid-template-columns:repeat(3,80px);gap:8px}
.slot .row span{background:#131313;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:36px;border:1px solid rgba(255,215,0,.2);box-shadow:0 0 18px rgba(255,215,0,.05) inset}
.spin-btn{background:#00BFFF;color:#000;border:none;padding:12px 26px;border-radius:999px;font-weight:800;margin-top:10px}