*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#1a1a1a;color:#fff;font-family:system-ui,sans-serif}#root{display:flex;align-items:center;justify-content:center}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff;background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1a1a2e);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.slot-box{background:#1e1e23d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;border-radius:16px;box-shadow:0 8px 32px #0009;text-align:center;max-width:820px;width:100%;border:1px solid rgba(255,255,255,.08)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.1rem}.balance{background:#141414cc;padding:6px 12px;border-radius:8px;font-weight:700;color:#4ade80}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-weight:700;transition:.25s ease}.logout-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px)}.reels{display:flex;justify-content:center;margin:20px 0;gap:12px}.reel{width:90px;height:320px;background:#0a0a0fe6;border-radius:12px;overflow:hidden;display:flex;justify-content:center;box-shadow:inset 0 0 16px #ffffff0d}.reel-window{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.reel-track{display:flex;flex-direction:column;transition:transform .5s ease-out}.reel-track.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.cell{width:100%;height:64px;display:flex;justify-content:center;align-items:center;padding:3px}.symbol-img{width:55px;height:55px;object-fit:cover;border-radius:10px;transition:transform .2s ease}.win-cell{box-shadow:0 0 15px 5px #22c55e,0 0 25px 10px #22c55e99;border-radius:12px}.cell img[alt=wild]{box-shadow:0 0 15px 5px gold,0 0 25px 10px #ffd70099;border-radius:12px}.cell img[alt=scatter]{box-shadow:0 0 15px 5px #dc143c,0 0 25px 10px #dc143c99;border-radius:12px}.bet-buttons{margin-top:14px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.bet-buttons button{background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;transition:.25s ease}.bet-buttons button:hover:not(:disabled){background:#6366f140;border-color:#6366f1;transform:translateY(-2px)}.bet-buttons button:disabled{background:#444;cursor:not-allowed}.bet-buttons button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf6;color:#fff}.controls{margin-top:14px}.controls button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 28px;border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:700;transition:.25s ease}.controls button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px)}.controls button:disabled{background:#444;cursor:not-allowed}.message{margin-top:14px;font-size:1rem;text-align:center}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:#1e1e23e6;padding:30px;border-radius:14px;width:320px;text-align:center;box-shadow:0 8px 32px #0009;border:1px solid rgba(255,255,255,.08)}.login-box h2{margin-bottom:20px}.login-box input{width:100%;padding:12px;margin:10px 0;border:none;border-radius:8px;background:#ffffff1a;color:#fff}.login-box input::placeholder{color:#bbb}.login-box button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:700;width:100%;margin-top:12px;transition:.25s ease}.login-box button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px)}