:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.app{min-height:100vh}.lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.lobby-bg .float-bubble{position:absolute;border-radius:50%;opacity:.12;animation:lobbyFloat linear infinite}@keyframes lobbyFloat{0%{transform:translateY(100vh) scale(.5);opacity:0}10%{opacity:.12}90%{opacity:.12}to{transform:translateY(-120px) scale(1.2);opacity:0}}.lobby-content{position:relative;z-index:1;text-align:center;max-width:460px;width:100%}.lobby-title{font-size:3.2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.5rem;background:linear-gradient(135deg,gold,#ff6b9d,#c44dff,#4dabf7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lobby-subtitle{color:#ffffff8c;font-size:1.05rem;margin-bottom:2.5rem}.lobby-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lobby-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;padding:1rem;text-align:center}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat-value.gold{color:gold}.stat-value.green{color:#51cf66}.buy-in-info{color:#fff6;font-size:.85rem;margin-bottom:1.25rem}.play-btn{width:100%;padding:1rem 2rem;font-size:1.15rem;font-weight:700;border:none;border-radius:.75rem;cursor:pointer;background:linear-gradient(135deg,gold,#ff922b);color:#000;letter-spacing:.02em;transition:all .2s;position:relative;overflow:hidden}.play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd7004d}.play-btn:active{transform:translateY(0)}.play-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.play-btn .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%,70%,to{left:-100%}30%{left:100%}}.recent-winners{margin-top:1.5rem;text-align:left}.recent-winners-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;margin-bottom:.6rem;text-align:center}.winner-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.82rem;gap:.5rem}.winner-name{color:#ffffff73;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-amount{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;font-size:.8rem;white-space:nowrap}.winner-amount.positive{color:#51cf66}.winner-amount.negative{color:#ff6b6b}.game-area{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,#0d1117,#0a0a0a 70%);overflow:hidden}.game-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 35% 65%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 75% 45%,rgba(255,255,255,.12),transparent),radial-gradient(1.5px 1.5px at 8% 55%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 45% 85%,rgba(255,255,255,.1),transparent);pointer-events:none}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;z-index:50;animation:flashFade .15s ease-out forwards}@keyframes flashFade{0%{opacity:.12}to{opacity:0}}.hud{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:linear-gradient(to bottom,rgba(0,0,0,.65),transparent);pointer-events:none}.hud-left,.hud-right,.hud-center{display:flex;align-items:center;gap:.75rem}.hud-center{flex-direction:column;align-items:center;gap:.25rem}.hud-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud-label{color:#ffffff59;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.hud-value{font-weight:600;color:#fafafa}.prize-pool-ticker{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:#ffd70014;border:1px solid rgba(255,215,0,.15);border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:gold}.prize-pool-ticker .pulse-dot{width:6px;height:6px;border-radius:50%;background:gold;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-bar{width:130px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.timer-fill{height:100%;border-radius:3px;transition:width 1s linear}.timer-fill.safe{background:linear-gradient(90deg,#51cf66,#69db7c)}.timer-fill.warning{background:linear-gradient(90deg,#ffd43b,#ff922b)}.timer-fill.danger{background:linear-gradient(90deg,#ff6b6b,#ff1744);animation:pulse .5s ease-in-out infinite}.timer-text{font-size:1.6rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.timer-text.safe{color:#51cf66}.timer-text.warning{color:#ffd43b}.timer-text.danger{color:#ff6b6b;animation:pulse .5s ease-in-out infinite}.bottom-hud{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);pointer-events:none}.score-display{font-size:1.2rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.combo-display{font-size:.95rem;font-weight:700;padding:.25rem .75rem;border-radius:1rem;background:#ffffff14;transition:all .15s}.combo-display.active{background:linear-gradient(135deg,#ff6b9d,#c44dff);color:#fff;animation:comboPulse .25s ease;text-shadow:0 1px 4px rgba(0,0,0,.3)}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.bubble{position:absolute;border-radius:50%;cursor:pointer;will-change:transform,left,top;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:filter .08s,transform .08s}.bubble:before{content:"";position:absolute;top:14%;left:18%;width:28%;height:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent);pointer-events:none}.bubble:hover{transform:scale(1.12);filter:brightness(1.25)}.bubble:active{transform:scale(.88)}.bubble.bomb:hover{filter:brightness(1.3) saturate(1.4)}.bubble-icon{font-size:.7em;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.pop-container{position:absolute;pointer-events:none;z-index:50}.pop-particles{position:relative;width:0;height:0}.pop-particle{position:absolute;border-radius:50%;animation:particleFly .55s ease-out forwards}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.pop-value{position:absolute;left:50%;top:-10px;transform:translate(-50%);font-weight:800;font-size:1.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:valueFloat .9s ease-out forwards;pointer-events:none}.pop-value.positive{color:#51cf66}.pop-value.negative{color:#ff1744}@keyframes valueFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-55px) scale(.7)}}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:200;animation:fadeIn .25s}.countdown-number{font-size:9rem;font-weight:900;color:gold;animation:countPop .7s ease-out;text-shadow:0 0 60px rgba(255,215,0,.5);-webkit-user-select:none;user-select:none}@keyframes countPop{0%{transform:scale(2.5);opacity:0}30%{transform:scale(.85);opacity:1}55%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.results-content{max-width:460px;width:100%;text-align:center;position:relative;z-index:1}.results-title{font-size:2.5rem;font-weight:900;margin-bottom:.4rem;letter-spacing:-.02em}.results-title.win{color:gold;text-shadow:0 0 30px rgba(255,215,0,.3)}.results-title.break-even{color:#51cf66}.results-title.lose{color:#ff6b6b}.results-subtitle{color:#ffffff73;margin-bottom:2rem;font-size:.95rem}.results-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.results-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.multiplier-section{margin-bottom:1.5rem;padding:1.25rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.07)}.multiplier-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:.5rem}.multiplier-value{font-size:3rem;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:gold;animation:multiplierReveal .5s ease-out}@keyframes multiplierReveal{0%{transform:scale(.4) rotate(-12deg);opacity:0}50%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.final-payout{padding:1.5rem;background:linear-gradient(135deg,#ffd70014,#ff922b14);border:1px solid rgba(255,215,0,.15);border-radius:1rem;margin-bottom:.5rem;animation:fadeIn .4s ease-out}.final-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:.25rem}.final-value{font-size:2rem;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:gold}.net-value{font-size:1.05rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.3rem}.net-value.positive{color:#51cf66}.net-value.negative{color:#ff6b6b}.play-again-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:.75rem;cursor:pointer;background:linear-gradient(135deg,#c44dff,#4dabf7);color:#fff;transition:all .2s;letter-spacing:.01em}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c44dff4d}.play-again-btn:active{transform:translateY(0)}.play-again-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150;overflow:hidden}.confetti-piece{position:absolute;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}@media(max-width:500px){.lobby-title{font-size:2.2rem}.lobby-subtitle{font-size:.9rem;margin-bottom:1.5rem}.lobby-card{padding:1.25rem}.results-title{font-size:1.8rem}.results-card{padding:1.25rem}.hud,.bottom-hud{padding:.5rem .75rem}.countdown-number{font-size:6rem}.timer-bar{width:90px}.multiplier-value{font-size:2.2rem}.final-value{font-size:1.5rem}}