body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}.App{color:#fff;background-image:url(/images/background.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.logo{width:285px;position:absolute;top:-155px;left:-20px}.balance{color:#fff;z-index:20;font-size:20px;font-weight:700;position:absolute;top:20px;right:20px}.history-bar{z-index:10;width:100%;position:absolute;top:80px;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.history-track{gap:8px;padding:0 30px;display:flex}.history-item{color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:60px;height:22px;font-size:13px;font-weight:700;display:flex}.history-item.red{background:#ff2b2b}.history-item.cyan{color:#000;background:#00eaff}.history-item.green-glow{background:linear-gradient(135deg,#0f8,#00c96b);animation:2s ease-in-out infinite glowSoft;box-shadow:0 0 6px #0f8}@keyframes glowSoft{0%{box-shadow:0 0 4px #0f8}50%{box-shadow:0 0 12px #0f8}to{box-shadow:0 0 4px #0f8}}.history-item.purple-pulse{background:linear-gradient(135deg,#a044ff,#6a00ff);animation:1.2s infinite pulsePurple;box-shadow:0 0 10px #a044ff}@keyframes pulsePurple{0%{transform:scale(1);box-shadow:0 0 6px #a044ff}50%{transform:scale(1.08);box-shadow:0 0 20px #c084ff}to{transform:scale(1);box-shadow:0 0 6px #a044ff}}.history-item.gold-legend{color:#000;background:linear-gradient(135deg,gold,#ffae00,#ff7a00);animation:1s infinite goldPulse,2s linear infinite goldShine;position:relative;overflow:hidden;box-shadow:0 0 15px gold}@keyframes goldPulse{0%{transform:scale(1);box-shadow:0 0 10px gold}50%{transform:scale(1.1);box-shadow:0 0 25px gold}to{transform:scale(1);box-shadow:0 0 10px gold}}.history-item.gold-legend:after{content:"";background:linear-gradient(120deg,#0000,#fffc,#0000);width:50%;height:100%;animation:2s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}to{left:200%}}.gray-field{opacity:.95;background-color:#333;border-radius:10px;justify-content:center;align-items:center;width:60%;height:70%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.gray-field:before{content:"";opacity:.4;background-color:#222;position:absolute;inset:0}.center-timer{font-size:100px;font-weight:700}.multiplier{font-size:80px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translate(-5px,5px)}75%{transform:translate(5px,5px)}to{transform:translate(-5px,-5px)}}.orange-footer{box-sizing:border-box;background:linear-gradient(#ff7a00,#c50);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;width:65%;height:110px;padding:10px 20px;display:flex;position:absolute;bottom:0}.bet-panel{justify-content:space-between;align-items:center;width:100%;display:flex}.profile{flex-direction:column;margin-top:-40px;margin-left:5px;display:flex}.bet-controls{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.bet-box{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.bet-box:first-child{align-self:flex-start;margin-right:auto}.bet-label{opacity:.7;font-size:12px;display:none}.bet-input-wrapper{align-items:center;display:flex;position:relative}.bet-input{text-align:center;color:#fff;background:#222;border:none;border-radius:8px;width:100px;height:32px;padding:5px 30px;font-weight:700}.currency{opacity:.6;font-size:12px;position:absolute;right:30px}.bet-btn{color:#fff;cursor:pointer;background:#444;border:none;border-radius:6px;width:26px;height:26px;position:absolute}.bet-btn.minus{left:4px}.bet-btn.plus{right:4px}.bet-quick{gap:4px;display:flex}.bet-quick button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:6px;min-width:35px;height:20px;font-size:11px}.bet-quick .max{background:orange}.bet-button{color:#fff;cursor:pointer;border:none;border-radius:10px;width:130px;height:22px;font-weight:700}.bet-button.place{background:#3498db}.bet-button.cancel{background:#e74c3c}.bet-button.cashout{background:#2ecc71}.bet-button:disabled{opacity:.5;cursor:not-allowed}.auto-cashout-box{z-index:50;align-items:center;gap:5px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.rank-display{align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex;position:absolute;top:65px;left:20px}.rank-display img{width:30px;height:30px}.overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-box{background:#1e1e1e;border-radius:12px;flex-direction:column;gap:12px;width:260px;padding:30px;display:flex;box-shadow:0 0 20px #00000080}.login-box h2{text-align:center;margin:0}.login-box input{color:#fff;background:#333;border:none;border-radius:8px;height:35px;padding:5px 10px}.login-box button{color:#000;cursor:pointer;background:orange;border:none;border-radius:8px;height:35px;font-weight:700}.login-box button:hover{background:#ff9f1a}.crashed{color:#ff2b2b;text-shadow:0 0 10px red;animation:.25s infinite shake}.timer-circle{color:#fff;border:6px solid #ff9500;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:48px;font-weight:700;animation:1s infinite pulse;display:flex}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.overlay-local{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-overlay{z-index:99999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;border-radius:16px;width:320px;padding:25px;animation:.25s popIn;box-shadow:0 0 30px #ff8c0040}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-title{text-align:center;color:#fff;margin-bottom:15px;font-size:22px;font-weight:800}.auth-input{color:#fff;background:#222;border:none;border-radius:10px;outline:none;width:100%;height:35px;margin-bottom:10px;padding:0 10px}.auth-btn{cursor:pointer;border:none;border-radius:10px;width:100%;height:38px;margin-top:8px;font-weight:700;transition:all .2s}.auth-btn.login{color:#000;background:#ff7a00}.auth-btn.register{color:#fff;background:#444}.auth-btn:hover{transform:scale(1.03)}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3b3b,#ff7a00);border:none;border-radius:10px;font-size:13px;font-weight:700;transition:all .2s;position:absolute;bottom:100px;left:20px;box-shadow:0 0 10px #ff500099}.logout-btn:hover{transform:scale(1.08);box-shadow:0 0 20px #ff7800e6}.logout-btn:active{transform:scale(.95);box-shadow:0 0 8px #ff500080}.deposit-btn{color:#003d26;cursor:pointer;background:linear-gradient(135deg,#00ff9c,#00c96b);border:none;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 0 12px #00ff96b3}.deposit-btn:hover{transform:scale(1.08);box-shadow:0 0 20px #00ff96}.deposit-btn:active{transform:scale(.95);box-shadow:0 0 6px #00ff9680}.deposit-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deposit-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191919f2;border-radius:16px;width:340px;padding:20px;box-shadow:0 0 25px #0009}.deposit-tabs{margin-bottom:15px;display:flex}.deposit-tabs button{color:#fff;cursor:pointer;background:#333;border:none;flex:1;height:35px}.deposit-tabs .active{background:linear-gradient(135deg,#ff7a00,#ff3b3b)}.deposit-content{color:#fff}.crypto-list{flex-direction:column;gap:8px;display:flex}.crypto{cursor:pointer;background:#333;border-radius:8px;padding:10px}.crypto:hover{background:#444}.deposit-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:10px}.crypto-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.crypto-card{cursor:pointer;background:#2a2a2a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:90px;transition:all .2s;display:flex}.crypto-card:hover{background:#3a3a3a;transform:scale(1.05)}.crypto-card img{width:62px;height:72px;margin-bottom:5px}.crypto-card span{font-size:12px;font-weight:700}