*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;overflow-y:auto;overscroll-behavior:none}:root{--vars-bg: #0a0a1a;--vars-bg-gradient: linear-gradient(180deg, #0a0a1a 0%, #121230 50%, #0a0a1a 100%);--energon-blue: #00d4ff;--energon-purple: #9b59b6;--autobot-red: #e74c3c;--decepticon-purple: #8e44ad;--metallic-border: linear-gradient(135deg, #3a3a5c 0%, #1a1a3c 50%, #3a3a5c 100%);--text-primary: #e0e0ff;--text-secondary: #8888aa;--glow-blue: 0 0 12px rgba(0, 212, 255, .5);--glow-purple: 0 0 12px rgba(155, 89, 182, .5)}.vars-container{max-width:430px;margin:0 auto;min-height:100vh;background:var(--vars-bg-gradient);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;padding:12px;position:relative;overflow:hidden}.vars-loading,.vars-error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary);background:var(--vars-bg);font-size:16px}.vars-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;margin-bottom:8px}.vars-back-btn{background:none;border:1px solid var(--text-secondary);color:var(--text-primary);font-size:18px;padding:4px 12px;border-radius:6px;cursor:pointer}.vars-title{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--energon-blue);text-shadow:var(--glow-blue)}.vars-header-right{display:flex;align-items:center;gap:8px}.sound-toggle{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;opacity:.7;touch-action:manipulation}.balance-display{display:flex;align-items:center;gap:6px;background:#ffffff0f;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.balance-icon{font-size:16px}.balance-amount{color:var(--energon-blue)}.lobby{max-width:430px;margin:0 auto;min-height:100vh;background:var(--vars-bg-gradient);color:var(--text-primary);padding:16px}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lobby-title{font-size:28px;font-weight:700;letter-spacing:6px;color:var(--energon-blue);text-shadow:var(--glow-blue)}.lobby-games{margin-top:20px}.lobby-loading{color:var(--text-secondary);text-align:center;padding:40px 0}.game-card{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:#ffffff0a;border:1px solid rgba(0,212,255,.15);border-radius:12px;cursor:pointer;color:var(--text-primary);text-align:left;transition:border-color .2s,box-shadow .2s}.game-card:hover{border-color:var(--energon-blue);box-shadow:var(--glow-blue)}.game-card-icon{font-size:36px}.game-card-info{flex:1}.game-card-name{font-size:18px;font-weight:600}.game-card-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.game-card-arrow{font-size:24px;color:var(--text-secondary)}.daily-reward{background:#ffffff0a;border:1px solid rgba(155,89,182,.2);border-radius:12px;padding:12px 16px}.daily-title{font-size:14px;font-weight:600;color:var(--energon-purple);margin-bottom:8px}.daily-streak{display:flex;gap:6px;margin-bottom:10px}.daily-day{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.daily-day--done{background:var(--energon-purple);border-color:var(--energon-purple);color:#fff}.daily-day--next{border-color:var(--energon-blue);box-shadow:var(--glow-blue)}.daily-countdown{font-size:12px;color:var(--text-secondary)}.daily-claim-btn{background:linear-gradient(135deg,var(--energon-purple),var(--decepticon-purple));color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s}.daily-claim-btn:active{transform:scale(.95)}.reel-grid{width:100%;margin:8px 0}.reel-frame{display:flex;gap:4px;padding:8px;border:2px solid rgba(58,58,92,.8);border-image:var(--metallic-border) 1;border-radius:8px;background:#0006;box-shadow:inset 0 0 20px #00000080,var(--glow-blue)}.reel{flex:1;overflow:hidden;position:relative}.reel-inner{display:flex;flex-direction:column;transition:transform .3s ease-out}.reel-inner.reel-spinning{animation:reel-scroll .4s linear infinite}.reel-inner.reel-stopped{animation:reel-land .25s ease-out}.reel-cell{display:flex;align-items:center;justify-content:center;height:72px;border:1px solid rgba(255,255,255,.05);border-radius:4px;transition:background .3s}.reel-cell--win{background:#00d4ff26;border-color:var(--energon-blue);animation:cell-win-flash .5s ease-in-out 3}.reel-cell-emoji{font-size:32px;line-height:1}.sym-optimus .reel-cell-emoji{filter:hue-rotate(-10deg);color:var(--energon-blue)}.sym-megatron .reel-cell-emoji{filter:hue-rotate(60deg);color:var(--energon-purple)}.sym-autobot .reel-cell-emoji{color:var(--autobot-red)}.sym-decepticon .reel-cell-emoji{color:var(--decepticon-purple)}.sym-wild .reel-cell-emoji{text-shadow:0 0 8px gold}.sym-scatter .reel-cell-emoji{text-shadow:0 0 8px lime}.sym-bonus .reel-cell-emoji{text-shadow:var(--glow-purple)}.sym-blank{opacity:.3}.bet-controls{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px 0}.bet-control-group{display:flex;align-items:center;gap:8px}.bet-label{font-size:12px;color:var(--text-secondary);min-width:60px;text-transform:uppercase;letter-spacing:1px}.bet-buttons{display:flex;gap:4px;flex-wrap:wrap}.bet-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:4px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.bet-btn:disabled{opacity:.4;cursor:not-allowed}.bet-btn--active{background:#00d4ff33;border-color:var(--energon-blue);color:var(--energon-blue);box-shadow:var(--glow-blue)}.bet-total{text-align:center;font-size:13px;color:var(--text-secondary)}.bet-total strong{color:var(--energon-blue)}.spin-button{width:100px;height:100px;border-radius:50%;border:3px solid var(--energon-blue);background:radial-gradient(circle at 30% 30%,#1a2a4a,#0a0a2a);color:var(--energon-blue);font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;margin:12px 0;position:relative;transition:transform .1s,box-shadow .2s;box-shadow:var(--glow-blue),inset 0 0 20px #00d4ff1a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.spin-button:disabled{opacity:.5;cursor:not-allowed}.spin-button--idle{animation:spin-pulse 2s ease-in-out infinite}.spin-button--spinning{animation:spin-rotating .6s linear infinite}.spin-button:active:not(:disabled){transform:scale(.92)}.spin-button-text{position:relative;z-index:1}.spin-controls{display:flex;align-items:center;gap:16px}.auto-spin-btn{padding:10px 20px;border:2px solid var(--text-secondary);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s}.auto-spin-btn:disabled{opacity:.4;cursor:not-allowed}.auto-spin-btn--active{border-color:var(--autobot-red);color:var(--autobot-red);background:#e74c3c1a;animation:auto-pulse 1s ease-in-out infinite}.win-display{text-align:center;padding:4px 0;height:36px;display:flex;align-items:center;justify-content:center}.win-display--win .win-amount{font-size:28px;font-weight:700;color:var(--energon-blue);text-shadow:var(--glow-blue);animation:win-scale .4s ease-out}.win-display--no-win .win-no-win{font-size:14px;color:var(--text-secondary)}.free-spins-overlay{width:100%}.free-spins-badge{display:flex;align-items:center;justify-content:center;gap:12px;background:#9b59b626;border:1px solid var(--energon-purple);border-radius:8px;padding:6px 16px;box-shadow:var(--glow-purple)}.free-spins-label{font-size:12px;color:var(--energon-purple);text-transform:uppercase;letter-spacing:1px;font-weight:600}.free-spins-count{font-size:22px;font-weight:700;color:var(--energon-purple)}.free-spins-multiplier{font-size:11px;color:var(--text-secondary)}.pick-bonus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1af2;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.pick-bonus-panel{max-width:400px;width:100%;text-align:center}.pick-bonus-title{font-size:22px;font-weight:700;color:var(--energon-blue);text-shadow:var(--glow-blue);margin-bottom:24px}.faction-buttons{display:flex;gap:16px;justify-content:center}.faction-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;border-radius:16px;border:2px solid transparent;cursor:pointer;color:#fff;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s}.faction-btn:active{transform:scale(.95)}.faction-btn--autobot{background:#e74c3c26;border-color:var(--autobot-red)}.faction-btn--autobot:hover{box-shadow:0 0 20px #e74c3c66}.faction-btn--decepticon{background:#8e44ad26;border-color:var(--decepticon-purple)}.faction-btn--decepticon:hover{box-shadow:0 0 20px #8e44ad66}.faction-icon{font-size:40px}.faction-name{font-size:14px;text-transform:uppercase;letter-spacing:2px}.pick-bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.pick-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s}.pick-card:hover:not(:disabled){border-color:var(--energon-blue);box-shadow:var(--glow-blue)}.pick-card--picked{border-color:var(--energon-blue);background:#00d4ff26;box-shadow:var(--glow-blue)}.pick-card--revealed{cursor:default;color:var(--energon-blue)}.pick-card--revealed.pick-card--picked{background:#00d4ff40}.pick-card-back{font-size:28px}.pick-card-prize{font-size:16px;font-weight:700;color:var(--energon-blue)}.pick-bonus-total{font-size:24px;font-weight:700;color:var(--energon-blue);text-shadow:var(--glow-blue);margin-bottom:16px}.pick-submit-btn{background:linear-gradient(135deg,var(--energon-blue),#0090b0);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s}.pick-submit-btn:active{transform:scale(.95)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--vars-bg);color:var(--text-secondary);gap:16px}.auth-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.2);border-top-color:var(--energon-blue);border-radius:50%;animation:auth-spin .8s linear infinite}.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--vars-bg);color:var(--autobot-red);gap:12px;padding:20px;text-align:center}@keyframes reel-scroll{0%{transform:translateY(0)}to{transform:translateY(-216px)}}@keyframes reel-land{0%{transform:translateY(-8px)}60%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes auto-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #e74c3c80}}@keyframes cell-win-flash{0%,to{background:#00d4ff26}50%{background:#00d4ff59}}@keyframes spin-pulse{0%,to{box-shadow:0 0 12px #00d4ff80,inset 0 0 20px #00d4ff1a}50%{box-shadow:0 0 24px #00d4ffcc,inset 0 0 30px #00d4ff33}}@keyframes spin-rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes win-scale{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes auth-spin{to{transform:rotate(360deg)}}.drift-container{max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#050510,#0a0a2a,#050510);color:#e0e0ff;display:flex;flex-direction:column;align-items:center;padding:12px}.drift-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#88a;background:#050510}.drift-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;margin-bottom:4px}.drift-back-btn{background:none;border:1px solid #3a3a5c;color:#e0e0ff;font-size:18px;padding:4px 12px;border-radius:6px;cursor:pointer}.drift-title{font-size:18px;font-weight:700;letter-spacing:3px;color:#e74c3c;text-shadow:0 0 12px rgba(231,76,60,.5)}.drift-header-right{display:flex;align-items:center;gap:8px}.drift-game-area{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin:4px 0}.drift-canvas{border-radius:12px;border:1px solid rgba(255,255,255,.05)}.drift-multiplier-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);pointer-events:none}.drift-multiplier{text-align:center;text-shadow:0 0 20px currentColor;transition:color .3s}.drift-multiplier-value{font-size:42px;font-weight:800;font-variant-numeric:tabular-nums}.drift-multiplier-x{font-size:24px;font-weight:600;opacity:.7}.drift-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:16px 32px;border-radius:12px;animation:drift-result-pop .3s ease-out}.drift-result--crash{background:#e74c3c33;border:2px solid #e74c3c}.drift-result--win{background:#27ae6033;border:2px solid #27ae60}.drift-result-title{font-size:20px;font-weight:800;letter-spacing:3px;margin-bottom:4px}.drift-result--crash .drift-result-title{color:#e74c3c}.drift-result--win .drift-result-title{color:#27ae60}.drift-result-payout{font-size:28px;font-weight:700;color:#27ae60}.drift-result-mult{font-size:14px;color:#88a}.drift-bet-panel{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px 0}.drift-bet-row{display:flex;align-items:center;gap:8px}.drift-bet-label{font-size:11px;color:#88a;text-transform:uppercase;letter-spacing:1px;min-width:40px}.drift-bet-buttons{display:flex;gap:4px;flex-wrap:wrap}.drift-bet-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e0e0ff;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;touch-action:manipulation;transition:all .15s}.drift-bet-btn:disabled{opacity:.4;cursor:not-allowed}.drift-bet-btn--active{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c;box-shadow:0 0 8px #e74c3c4d}.drift-auto-input{width:70px;padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0ff;font-size:14px;text-align:center}.drift-auto-input:disabled{opacity:.4}.drift-auto-suffix{color:#88a;font-size:14px}.drift-action{padding:8px 0}.drift-start-btn,.drift-cashout-btn,.drift-again-btn{padding:14px 48px;border:none;border-radius:12px;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s}.drift-start-btn:active,.drift-cashout-btn:active,.drift-again-btn:active{transform:scale(.95)}.drift-start-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 20px #e74c3c66}.drift-start-btn:disabled{opacity:.5;cursor:not-allowed}.drift-cashout-btn{background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;box-shadow:0 4px 20px #27ae6066;animation:cashout-pulse .8s ease-in-out infinite}.drift-again-btn{background:#ffffff1a;color:#e0e0ff;border:1px solid #3a3a5c}@keyframes drift-result-pop{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes cashout-pulse{0%,to{box-shadow:0 4px 20px #27ae6066}50%{box-shadow:0 4px 30px #27ae60b3}}