*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,system-ui,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#00000080;border-bottom:2px solid rgba(255,215,0,.3)}.title{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,gold,#ff8c00,gold,#ffea00,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 30px rgba(255,215,0,.5);animation:logo-shimmer 3s ease-in-out infinite;position:relative;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}.title:before{content:"BIT BREAKER";position:absolute;left:0;top:0;background:linear-gradient(135deg,gold,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(8px);opacity:.6;z-index:-1;animation:logo-glow-pulse 2s ease-in-out infinite}@keyframes logo-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes logo-glow-pulse{0%,to{opacity:.4;filter:blur(8px)}50%{opacity:.8;filter:blur(12px)}}.jackpot-display{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ffd70026,#ff8c001a);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:.75rem 1.5rem;position:relative;overflow:hidden;animation:jackpot-border-glow 2s ease-in-out infinite}.jackpot-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.3),transparent,rgba(255,215,0,.3),transparent);animation:jackpot-rotate 4s linear infinite;z-index:0}.jackpot-display:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border-radius:10px;z-index:1}.jackpot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:gold;position:relative;z-index:2;animation:jackpot-label-pulse 1.5s ease-in-out infinite}.jackpot-amount{font-size:2rem;font-weight:800;color:gold;font-family:Courier New,monospace;position:relative;z-index:2;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);animation:jackpot-amount-glow 1.5s ease-in-out infinite alternate}@keyframes jackpot-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jackpot-border-glow{0%,to{box-shadow:0 0 15px #ffd7004d,inset 0 0 15px #ffd7001a}50%{box-shadow:0 0 30px #ffd70099,inset 0 0 20px #ffd70033}}@keyframes jackpot-label-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes jackpot-amount-glow{0%{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);transform:scale(1)}to{text-shadow:0 0 15px rgba(255,215,0,1),0 0 30px rgba(255,215,0,.8),0 0 45px rgba(255,215,0,.6);transform:scale(1.02)}}.timer-display{display:flex;flex-direction:column;align-items:center}.timer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#888}.countdown{font-size:1.5rem;font-weight:700;font-family:monospace;color:#ff6b6b}.main-layout{flex:1;display:grid;grid-template-columns:1fr 350px;gap:1rem;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.game-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.game-active{display:flex;flex-direction:column;align-items:center}.game-header{display:flex;justify-content:space-between;width:100%;max-width:700px;padding:.5rem 1rem;background:#00000080;border-radius:10px 10px 0 0;margin-bottom:-5px}.attempt-badge{background:linear-gradient(90deg,gold,#fa0);color:#000;padding:.25rem .75rem;border-radius:15px;font-weight:600;font-size:.85rem}.score-display{font-size:1.2rem;font-weight:700;font-family:monospace;color:gold}.game-placeholder{text-align:center;padding:2rem;background:#0000004d;border-radius:15px;border:2px solid rgba(255,215,0,.2);max-width:700px;width:100%}.game-placeholder h2{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-tagline{color:#888;font-size:1.1rem;margin-bottom:2rem}.attempts-section{margin-bottom:2rem}.attempt-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem}.attempt-dots{display:flex;gap:1rem}.attempt-dot{width:80px;height:80px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.attempt-dot.available{background:#ffd7001a;border:2px solid rgba(255,215,0,.3)}.attempt-dot.available .dot-number{font-size:1.5rem;color:gold}.attempt-dot.used{background:#2ecc711a;border:2px solid rgba(46,204,113,.3)}.attempt-dot.used .dot-score{font-size:.9rem;color:#2ecc71}.attempt-text{color:#888;font-size:.9rem}.best-score{color:gold;font-weight:600;font-size:1.1rem}.btn-play{padding:1rem 3rem;font-size:1.3rem;font-weight:700;background:linear-gradient(90deg,gold,#fa0);border:none;border-radius:30px;color:#000;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.btn-play:hover:not(.disabled){transform:scale(1.05);box-shadow:0 0 30px #ffd70080}.btn-play.disabled{background:#444;color:#888;cursor:not-allowed}.login-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-prompt{color:gold;font-weight:600}.quick-info{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.info-item{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem}.info-icon{font-size:1.2rem}.leaderboard-section{display:flex;flex-direction:column;gap:1rem;background:#0000004d;border-radius:15px;padding:1rem;border:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 200px);overflow-y:auto}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,215,0,.2)}.leaderboard-header h3{color:gold;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.player-count{color:#888;font-size:.85rem}.prize-structure{background:#0003;border-radius:10px;padding:1rem;margin-top:auto}.prize-structure h4{color:gold;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.prize-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:5px;margin-bottom:.25rem;background:#ffffff08}.prize-row.first{background:#ffd7001a;color:gold}.prize-row.second{background:#c0c0c01a;color:silver}.prize-row.third{background:#cd7f321a;color:#cd7f32}.prize-row .percent{color:#888;font-size:.8rem}.house-fee{text-align:center;color:#666;font-size:.75rem;margin-top:.5rem}.leaderboard-list{list-style:none;flex:1;overflow-y:auto}.leaderboard-entry{display:flex;align-items:center;padding:.75rem;border-radius:5px;margin-bottom:.5rem;background:#ffffff08;transition:background .2s}.leaderboard-entry:hover{background:#ffffff14}.leaderboard-entry.current-user{background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.leaderboard-entry.place-1{background:#ffd7001a}.leaderboard-entry.place-2{background:#c0c0c01a}.leaderboard-entry.place-3{background:#cd7f321a}.entry-rank{width:30px;font-weight:700;color:#ffffff80}.entry-rank.top-3{font-size:1.2rem}.place-1 .entry-rank{color:gold}.place-2 .entry-rank{color:silver}.place-3 .entry-rank{color:#cd7f32}.entry-name{flex:1;margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-score{font-family:monospace;font-weight:600;color:gold}.footer{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;background:#00000080;border-top:1px solid rgba(255,255,255,.1)}.btn-footer{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;cursor:pointer;transition:all .2s}.btn-footer:hover{background:#fff3}.btn-footer.btn-logout{border-color:#ff6b6b;color:#ff6b6b}.btn-footer.btn-logout:hover{background:#ff6b6b;color:#fff}.footer .username{padding:.5rem 1rem;background:#ffd7001a;border-radius:20px;border:1px solid rgba(255,215,0,.3);color:gold}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#1a1a2e;border-radius:15px;padding:2rem;max-width:400px;width:100%;border:2px solid rgba(255,215,0,.3);position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:#fff}.confirm-modal{text-align:center}.confirm-modal h3{color:gold;margin-bottom:1rem}.cost-display{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.remaining-display{color:#888;margin-bottom:1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.btn-cancel{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#888;cursor:pointer}.btn-cancel:hover{background:#ffffff1a}.btn-confirm{padding:.75rem 1.5rem;background:linear-gradient(90deg,gold,#fa0);border:none;border-radius:5px;color:#000;font-weight:600;cursor:pointer}.btn-confirm:hover{box-shadow:0 0 20px #ffd70080}@media (max-width: 900px){.main-layout{grid-template-columns:1fr}.leaderboard-section{max-height:400px}}@media (max-width: 600px){.header{flex-direction:column;gap:.75rem;padding:.75rem}.title{font-size:1.6rem;letter-spacing:3px}.title:before{content:"BIT BREAKER";filter:blur(6px)}.jackpot-display{padding:.5rem 1rem}.jackpot-amount{font-size:1.4rem}.countdown{font-size:1.2rem}.game-placeholder{padding:1rem}.game-placeholder h2{font-size:1.8rem}.btn-play{padding:.75rem 2rem;font-size:1rem}.attempt-dot{width:60px;height:60px}.attempt-dot.available .dot-number{font-size:1.2rem}.quick-info{flex-direction:column;gap:.5rem}.footer{flex-wrap:wrap;gap:.5rem}}