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:320px;position:absolute;top:-185px;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;width:60%;height:70%;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}.overlay{z-index:5;background-color:#000000f2;justify-content:center;align-items:center;display:flex;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%)}.multiplier.crashed{color:#ff2b2b;animation:.4s infinite shake}@keyframes shake{0%{transform:translate(-50%,-50%)translate(0)}50%{transform:translate(-50%,-50%)translate(3px,-3px)}to{transform:translate(-50%,-50%)translate(-3px,3px)}}.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}.auto-cashout-box{z-index:50;align-items:center;gap:5px;display:flex;position:absolute;bottom:60.5px;left:650px}.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}.bet-button:disabled{opacity:.5;cursor:not-allowed}