@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap);.hero-section{background:linear-gradient(180deg,#0a0a0f,#12121af2);border-bottom:1px solid var(--glass-border);overflow:hidden;position:relative}.hero-content{min-height:60px;padding:8px 16px;position:relative}.hero-content,.hero-svg-container{align-items:center;display:flex;justify-content:center}.hero-svg-container{inset:0;pointer-events:none;position:absolute;z-index:0}.hero-peaks-svg{height:auto;max-width:400px;opacity:.8;width:100%}.hero-text{align-items:center;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.hero-title{align-items:baseline;display:flex;font-size:22px;font-weight:800;gap:6px;letter-spacing:1px;margin:0;text-transform:uppercase}.title-flex{background:linear-gradient(135deg,#fde047,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.title-flex,.title-the{-webkit-text-fill-color:#0000}.title-the{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(139,92,246,.5));font-size:.7em;font-weight:600;letter-spacing:.5px}.title-top{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(249,115,22,.5))}.hero-tagline{-webkit-text-fill-color:#0000;animation:platinum-sparkle 3s ease-in-out infinite;background:linear-gradient(90deg,#a8a8a8,#e8e8e8 15%,#fff 30%,#e8e8e8 45%,silver 50%,#e8e8e8 55%,#fff 70%,#e8e8e8 85%,#a8a8a8);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;filter:drop-shadow(0 0 4px rgba(255,255,255,.4));font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}@keyframes platinum-sparkle{0%{background-position:200%}to{background-position:-200%}}.apex-glow{animation:apex-pulse 2s ease-in-out infinite}@keyframes apex-pulse{0%,to{r:3;opacity:1}50%{r:4;opacity:.6}}.particle{animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.particle-1{animation-delay:0s;animation-name:particle-rise-1}.particle-2{animation-delay:.5s;animation-name:particle-rise-2}.particle-3{animation-delay:1s;animation-name:particle-rise-3}.particle-4{animation-delay:1.5s;animation-name:particle-rise-4}.particle-5{animation-delay:2s;animation-name:particle-rise-5}@keyframes particle-rise-1{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(-8px)}}@keyframes particle-rise-2{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes particle-rise-3{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.7;transform:translateY(-6px)}}@keyframes particle-rise-4{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-7px)}}@keyframes particle-rise-5{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-9px)}}@media (max-width:479px){.hero-content{min-height:40px;padding:4px 12px}.hero-title{font-size:18px;gap:4px}.hero-tagline{display:none}.hero-peaks-svg{max-width:240px;opacity:.6}}@media (min-width:768px){.hero-content{min-height:80px;padding:12px 24px}.hero-title{font-size:32px;gap:10px;letter-spacing:2px}.title-the{filter:drop-shadow(0 0 8px rgba(139,92,246,.6));font-size:.65em}.hero-tagline{filter:drop-shadow(0 0 6px rgba(255,255,255,.5));font-size:13px;letter-spacing:1px;margin-top:2px}.hero-peaks-svg{max-width:600px}.title-flex{filter:drop-shadow(0 0 12px rgba(251,191,36,.6))}.title-top{filter:drop-shadow(0 0 14px rgba(249,115,22,.6))}}@media (min-width:1024px){.hero-content{min-height:100px;padding:16px 32px}.hero-title{font-size:42px;gap:12px;letter-spacing:3px}.title-the{filter:drop-shadow(0 0 10px rgba(139,92,246,.7))}.hero-tagline{filter:drop-shadow(0 0 8px rgba(255,255,255,.6));font-size:14px;letter-spacing:1.5px;margin-top:4px}.hero-peaks-svg{max-width:800px}.title-flex{filter:drop-shadow(0 0 16px rgba(251,191,36,.7))}.title-top{filter:drop-shadow(0 0 18px rgba(249,115,22,.7))}}@media (min-width:1400px){.hero-content{min-height:120px;padding:20px 48px}.hero-title{font-size:52px;gap:14px;letter-spacing:4px}.title-the{filter:drop-shadow(0 0 14px rgba(139,92,246,.8))}.hero-tagline{filter:drop-shadow(0 0 10px rgba(255,255,255,.7));font-size:16px;letter-spacing:2px;margin-top:6px}.hero-peaks-svg{max-width:1000px}.title-flex{filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}.title-top{filter:drop-shadow(0 0 22px rgba(249,115,22,.8))}}@media (min-width:1800px){.hero-content{min-height:140px;padding:24px 64px}.hero-title{font-size:64px;gap:18px;letter-spacing:5px}.title-the{filter:drop-shadow(0 0 18px rgba(139,92,246,.9))}.hero-tagline{filter:drop-shadow(0 0 12px rgba(255,255,255,.8));font-size:18px;letter-spacing:2.5px;margin-top:8px}.hero-peaks-svg{max-width:1200px}.title-flex{filter:drop-shadow(0 0 24px rgba(251,191,36,.9))}.title-top{filter:drop-shadow(0 0 26px rgba(249,115,22,.9))}}.header-multiplier{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;justify-content:center;min-width:clamp(120px,20vw,200px);padding:clamp(4px,1vw,12px) clamp(8px,2vw,24px);position:relative}.multiplier-countdown{align-items:center;display:flex;flex-direction:column;gap:2px}.countdown-main{align-items:center;display:flex;gap:clamp(4px,.8vw,8px)}.countdown-icon{animation:battle-pulse 1.5s ease-in-out infinite;font-size:clamp(10px,1.2vw,16px)}.countdown-text{color:#3b82f6;font-family:var(--font-sans);font-size:clamp(10px,1.3vw,16px);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.countdown-value{color:#60a5fa;font-family:var(--font-mono);font-size:clamp(14px,2vw,24px);font-weight:800;text-shadow:0 0 12px #3b82f680}.countdown-players{color:var(--color-text-muted);font-family:var(--font-sans);font-size:clamp(9px,1vw,12px);font-weight:500}.header-multiplier.phase-countdown{animation:countdown-border-pulse 2s ease-in-out infinite;border-color:#3b82f666;box-shadow:0 0 15px #3b82f633}@keyframes battle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes countdown-border-pulse{0%,to{border-color:#3b82f666;box-shadow:0 0 15px #3b82f633}50%{border-color:#60a5fa99;box-shadow:0 0 25px #3b82f666}}.multiplier-running{align-items:center;display:flex;justify-content:center}.multiplier-value{color:#22c55e;color:var(--multiplier-color,#22c55e);font-size:clamp(18px,3vw,36px);font-weight:900;text-shadow:0 0 20px color-mix(in srgb,#22c55e 50%,#0000);text-shadow:0 0 20px color-mix(in srgb,var(--multiplier-color,#22c55e) 50%,#0000);transition:color .2s,text-shadow .2s}.header-multiplier.phase-running{border-color:color-mix(in srgb,#22c55e 40%,#0000);border-color:color-mix(in srgb,var(--multiplier-color,#22c55e) 40%,#0000);box-shadow:0 0 20px color-mix(in srgb,#22c55e 25%,#0000);box-shadow:0 0 20px color-mix(in srgb,var(--multiplier-color,#22c55e) 25%,#0000);transition:border-color .2s,box-shadow .2s}.multiplier-running.danger-low .multiplier-value{animation:none}.multiplier-running.danger-medium .multiplier-value{animation:multiplier-pulse 1.5s ease-in-out infinite}.multiplier-running.danger-high .multiplier-value{animation:multiplier-pulse .8s ease-in-out infinite}.multiplier-running.danger-extreme .multiplier-value{animation:multiplier-pulse-extreme .4s ease-in-out infinite}@keyframes multiplier-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes multiplier-pulse-extreme{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.multiplier-crashed{align-items:center;display:flex;flex-direction:column;gap:2px}.crashed-main{align-items:baseline;display:flex;gap:clamp(4px,.8vw,8px)}.crashed-label{font-family:var(--font-sans);font-size:clamp(10px,1.2vw,14px);letter-spacing:.5px;text-transform:uppercase}.crashed-value{animation:crashed-pulse 1s ease-in-out infinite;color:#ef4444;font-family:var(--font-mono);font-size:clamp(16px,2.5vw,28px);font-weight:900;text-shadow:0 0 15px #ef444480}.crashed-next{color:var(--color-text-muted);font-family:var(--font-sans);font-size:clamp(9px,1vw,12px);font-weight:500}.header-multiplier.phase-cooldown,.header-multiplier.phase-crashed{border-color:#ef444466;box-shadow:0 0 15px #ef444433}@keyframes crashed-pulse{0%,to{opacity:1}50%{opacity:.7}}.multiplier-waiting{align-items:center;display:flex;justify-content:center}.waiting-text{animation:waiting-blink 1.5s ease-in-out infinite;color:var(--color-text-muted);font-family:var(--font-sans);font-size:clamp(11px,1.4vw,16px);font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:360px){.countdown-icon,.countdown-players,.crashed-next{display:none}.header-multiplier{min-width:80px;padding:4px 8px}}@media (max-width:480px){.header-multiplier{background:#0000004d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);flex:1 1;min-width:0;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,20px)}.multiplier-value{font-size:clamp(20px,5vw,32px)}.countdown-main{gap:6px}.countdown-text{font-size:clamp(11px,2.5vw,14px)}.countdown-value{font-size:clamp(16px,4vw,22px)}.crashed-value{font-size:clamp(18px,4.5vw,26px)}}@media (min-width:768px){.header-multiplier{min-width:160px}.multiplier-value{font-size:clamp(24px,3vw,36px)}}@media (min-width:1024px){.header-multiplier{min-width:180px}.countdown-icon,.countdown-text{font-size:14px}.countdown-value{font-size:22px}.countdown-players{font-size:11px}.crashed-label{font-size:13px}.crashed-value{font-size:26px}.crashed-next{font-size:11px}}@media (min-width:1400px){.header-multiplier{min-width:220px;padding:12px 28px}.multiplier-value{font-size:40px}.countdown-icon,.countdown-text{font-size:16px}.countdown-value{font-size:26px}.countdown-players{font-size:13px}.crashed-label{font-size:15px}.crashed-value{font-size:30px}.crashed-next{font-size:12px}}.game-header{align-items:stretch;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(180deg,#12121af2,#0a0a0fe6);border-bottom:1px solid var(--glass-border);display:flex;gap:clamp(8px,1.5vw,20px);justify-content:space-between;min-width:0;overflow:visible;padding:clamp(4px,1.1vw,14px) clamp(6px,2vw,40px)}.header-left-column{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.header-status-row{align-items:center;display:flex;gap:clamp(4px,1vw,12px)}.header-right-column{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end}.header-multiplier-container{align-items:center;display:flex;justify-content:flex-start}.live-indicator{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-shrink:1;gap:clamp(4px,1vw,10px);min-width:0;overflow:hidden;padding:clamp(3px,.75vw,10px) clamp(6px,1.2vw,20px)}.live-dot{border-radius:50%;flex-shrink:0;height:clamp(6px,1.2vw,16px);transition:all .3s;width:clamp(6px,1.2vw,16px)}.live-indicator.connected .live-dot{animation:live-pulse 2s ease-in-out infinite;background:#22c55e;box-shadow:0 0 10px #22c55e}.live-indicator.reconnecting .live-dot{animation:reconnect-pulse 1s ease-in-out infinite;background:#eab308;box-shadow:0 0 10px #eab308}.live-indicator.disconnected .live-dot{background:#ef4444;box-shadow:0 0 8px #ef4444}.live-content{align-items:flex-start;display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.live-text{font-size:clamp(9px,1.3vw,17px);font-weight:700;letter-spacing:.5px;line-height:1.1;text-transform:uppercase;white-space:nowrap}.live-indicator.connected .live-text{color:#22c55e}.live-indicator.reconnecting .live-text{color:#eab308}.live-indicator.disconnected .live-text{color:#ef4444}.live-players{color:var(--color-text-muted);font-size:clamp(8px,1vw,13px);font-weight:500;line-height:1.1;white-space:nowrap}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes reconnect-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header-timer{align-items:center;background:var(--glass-bg);border:1px solid var(--timer-color,var(--glass-border));border-radius:var(--radius-md);box-shadow:0 0 12px color-mix(in srgb,#fff 20%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--timer-color,#fff) 20%,#0000);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:clamp(36px,6vw,80px);padding:clamp(2px,.6vw,9px) clamp(5px,1vw,18px);position:relative}.timer-label{color:var(--color-text-muted);color:var(--timer-color,var(--color-text-muted));font-size:clamp(7px,.9vw,12px);font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.timer-label-countdown{animation:timer-flash .8s ease-in-out infinite;color:#fbbf24}@keyframes timer-flash{0%,to{opacity:1}50%{opacity:.3}}.timer-label-running{animation:timer-pulse-glow 1.5s ease-in-out infinite;color:#22c55e;text-shadow:0 0 8px #22c55e99}@keyframes timer-pulse-glow{0%,to{text-shadow:0 0 8px #22c55e99;transform:scale(1)}50%{text-shadow:0 0 16px #22c55ee6,0 0 24px #22c55e80;transform:scale(1.1)}}.timer-label-cooldown,.timer-label-crashed{animation:timer-crash .6s ease-in-out infinite;color:#ef4444;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ef4444cc,0 0 20px #ef444499,0 0 30px #ef444466}@keyframes timer-crash{0%,to{color:#ef4444;filter:brightness(1);text-shadow:0 0 10px #ef4444cc,0 0 20px #ef444499,0 0 30px #ef444466;transform:scale(1) translateX(0)}10%{transform:scale(1.15) translateX(-2px)}20%{color:#f87171;filter:brightness(1.3);text-shadow:0 0 15px #f87171,0 0 30px #ef4444cc,0 0 40px #ef444480;transform:scale(1.1) translateX(2px)}30%{transform:scale(1.05) translateX(-1px)}50%{color:#fca5a5;filter:brightness(1.5);text-shadow:0 0 20px #fca5a5,0 0 40px #ef4444e6,0 0 60px #ef444499;transform:scale(1.2)}70%{transform:scale(1.05) translateX(1px)}80%{color:#f87171;filter:brightness(1.2);text-shadow:0 0 15px #f87171e6,0 0 30px #ef4444b3,0 0 40px #ef444466}90%{transform:scale(1) translateX(-1px)}}.timer-label-undefined,.timer-label-waiting{animation:none;color:#fbbf24}.timer-value-row{align-items:center;display:flex;gap:2px}.timer-value{color:#fff;color:var(--timer-color,#fff);font-family:var(--font-mono);font-size:clamp(12px,2vw,28px);font-weight:800;line-height:1.1;transition:all .3s ease}.timer-warning{animation:warning-shake .5s ease-in-out infinite;font-size:clamp(8px,1.2vw,16px)}.header-timer.urgency-calm{--timer-color:#ffffffe6}.header-timer.urgency-warning{--timer-color:#fbbf24;transform:scale(1.03)}.header-timer.urgency-urgent{--timer-color:#f97316;animation:timer-pulse-slow 1s ease-in-out infinite}.header-timer.urgency-critical{--timer-color:#ef4444;animation:timer-pulse-fast .4s ease-in-out infinite;border-width:2px;box-shadow:0 0 20px #ef444480}@keyframes timer-pulse-slow{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--timer-color) 30%,#0000)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--timer-color) 50%,#0000)}}@keyframes timer-pulse-fast{0%,to{box-shadow:0 0 15px #ef444466}50%{box-shadow:0 0 25px #ef4444b3}}@keyframes warning-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.header-center{align-items:center;display:flex;flex-shrink:0;gap:clamp(3px,.8vw,12px)}@media (max-width:480px){.game-header{gap:4px;padding:6px}.header-left-column,.header-status-row{gap:4px}.profile-bundle{gap:2px;padding:3px 4px}.profile-level{height:20px;width:20px}.profile-level .level-value{font-size:9px}.rank-username{max-width:42px}.rank-number{font-size:10px}.stat-icon-inline{margin-left:1px}}.stat-icon-inline{cursor:pointer;margin-left:clamp(1px,.3vw,4px);transition:opacity .15s,transform .15s}.stat-icon-inline:hover{opacity:.7;transform:scale(1.15)}.stat-amount{color:#ffffffbf!important}.coins-amount{color:#22d3ee!important}.balance-row.secondary{gap:clamp(1px,.2vw,3px)}.balance-row.secondary .balance-icon{font-size:clamp(12px,1.2vw,15px)}.profile-bundle{align-items:center;background:linear-gradient(135deg,#1e1e2de6,#14141ef2);border:1px solid var(--tier-color,var(--glass-border));border-radius:var(--radius-lg);box-shadow:0 0 15px color-mix(in srgb,#fff 15%,#0000),inset 0 1px 0 #ffffff0d;box-shadow:0 0 15px color-mix(in srgb,var(--tier-color,#fff) 15%,#0000),inset 0 1px 0 #ffffff0d;display:flex;flex:0 1 auto;gap:clamp(3px,.6vw,12px);min-width:0;overflow:hidden;padding:clamp(2px,.4vw,8px) clamp(4px,.7vw,16px);transition:all .2s}.profile-bundle .profile-level,.profile-bundle .profile-rank{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:inherit}.profile-bundle .profile-level:hover,.profile-bundle .profile-rank:hover{opacity:.85}.profile-level{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-full);box-shadow:0 2px 6px #6366f166;display:flex;flex-shrink:0;height:clamp(16px,2.2vw,28px);justify-content:center;width:clamp(16px,2.2vw,28px)}.profile-level .level-value{color:#fff;font-size:clamp(9px,1.3vw,16px);font-weight:800;text-shadow:0 1px 2px #0000004d}.profile-bundle.xp-animating{animation:profile-xp-pulse .6s ease-out}@keyframes profile-xp-pulse{0%{box-shadow:0 0 15px color-mix(in srgb,#fff 15%,#0000),inset 0 1px 0 #ffffff0d;box-shadow:0 0 15px color-mix(in srgb,var(--tier-color,#fff) 15%,#0000),inset 0 1px 0 #ffffff0d;transform:scale(1)}50%{box-shadow:0 0 25px #8b5cf680,inset 0 1px 0 #ffffff1a;transform:scale(1.05)}to{box-shadow:0 0 15px color-mix(in srgb,#fff 15%,#0000),inset 0 1px 0 #ffffff0d;box-shadow:0 0 15px color-mix(in srgb,var(--tier-color,#fff) 15%,#0000),inset 0 1px 0 #ffffff0d;transform:scale(1)}}.profile-tier{align-items:center;background:linear-gradient(135deg,#666,color-mix(in srgb,#666 70%,#000));background:linear-gradient(135deg,var(--tier-color,#666) 0,color-mix(in srgb,var(--tier-color,#666) 70%,#000) 100%);border-radius:var(--radius-full);box-shadow:0 2px 8px color-mix(in srgb,#fff 30%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--tier-color,#fff) 30%,#0000);display:flex;flex-shrink:0;height:clamp(18px,3vw,42px);justify-content:center;width:clamp(18px,3vw,42px)}.tier-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:clamp(9px,1.5vw,22px)}.profile-rank{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:1;gap:0;min-width:0;overflow:hidden}.rank-username{color:#fff;font-size:clamp(9px,1.2vw,16px);font-weight:700;line-height:1.2;max-width:clamp(42px,8vw,120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-position{align-items:baseline;display:flex;gap:1px}.rank-hash{color:var(--color-text-muted);font-size:clamp(8px,1vw,14px);font-weight:600}.rank-number{color:#fbbf24;font-family:var(--font-mono);font-size:clamp(10px,1.5vw,22px);font-weight:800;text-shadow:0 0 10px #fbbf2466}.profile-divider{background:linear-gradient(180deg,#0000 0,var(--glass-border) 20%,var(--glass-border) 80%,#0000 100%);flex-shrink:0;height:clamp(12px,1.9vw,27px);margin:0;width:1px}.profile-balances{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.balance-row{gap:clamp(1px,.3vw,4px)}.balance-icon{flex-shrink:0;font-size:clamp(8px,1vw,13px);opacity:.9}.balance-icon.chip-svg,.balance-icon.flex-svg{height:clamp(10px,1.2vw,18px);opacity:1;width:clamp(10px,1.2vw,18px)}.balance-amount{font-size:clamp(8px,1.1vw,15px);line-height:1.2;white-space:nowrap}.balance-row.chips .balance-amount{color:#fbbf24}.balance-row.secondary .coins-amount{color:#22d3ee}@media (max-width:360px){.live-players{display:none}.live-content{align-items:center;flex-direction:row}.profile-divider,.timer-label{display:none}}@media (max-width:320px){.live-content,.profile-rank,.rank-username,.stat-amount{display:none}}@media (max-width:280px){.game-header{flex-wrap:wrap;gap:4px;justify-content:center}.header-left-column{align-items:center;flex:0 0 100%}.profile-bundle{flex:0 0 auto}.profile-balances{flex-direction:row;gap:8px}}@media (min-width:361px){.live-players{display:block}.live-content{flex-direction:column}.timer-label{display:block}}@media (min-width:768px){.profile-divider{display:block}.profile-rank{display:flex}.header-left-column{align-items:center;flex-direction:row;gap:clamp(12px,2vw,24px)}}.bottom-navigation{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(180deg,#12121afa,#0a0a0ffc);border-bottom:1px solid var(--glass-border);border-top:1px solid var(--glass-border);display:flex;gap:8px;justify-content:center;padding:4px 16px;width:100%;z-index:50}.nav-item{flex:1 1;flex-direction:column;gap:1px;max-width:72px;padding:4px 10px;position:relative;transition:transform .2s}.nav-item:hover{transform:scale(1.05)}.nav-item.active{transform:scale(1.08)}.nav-icon{font-size:15px;transition:transform .2s,filter .2s}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.nav-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:8px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;transition:color .2s}.nav-item.active .nav-label{color:#fbbf24}.nav-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-family:var(--font-sans);font-size:9px;font-weight:700;height:14px;justify-content:center;position:absolute;right:6px;top:2px;width:14px}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 4px #ef444400;transform:scale(1.1)}}@media (max-width:379px){.bottom-navigation{gap:2px;padding:3px 8px}.nav-item{flex-direction:row;gap:2px;max-width:none;min-height:27px;padding:4px}.nav-icon{font-size:12px}.nav-label{font-size:6px;letter-spacing:.1px}.nav-badge{font-size:7px;height:10px;right:-2px;top:0;width:10px}}@media (min-width:380px) and (max-width:479px){.bottom-navigation{gap:4px;padding:3px 12px}.nav-item{max-width:64px;min-height:33px;padding:4px 8px}.nav-icon{font-size:14px}.nav-label{font-size:7px;letter-spacing:.2px}.nav-badge{font-size:8px;height:12px;right:4px;top:2px;width:12px}}@media (min-width:768px){.bottom-navigation{gap:16px;padding:6px 24px}.nav-item{gap:3px;max-width:100px;padding:6px 18px}.nav-icon{font-size:16px}.nav-label{font-size:8px}.nav-badge{font-size:10px;height:16px;width:16px}}@media (min-width:1024px){.bottom-navigation{gap:24px;padding:8px 32px}.nav-item{gap:4px;max-width:120px;padding:8px 24px}.nav-icon{font-size:18px}.nav-label{font-size:9px;letter-spacing:.5px}.nav-badge{font-size:11px;height:18px;right:10px;top:4px;width:18px}}@media (min-width:1400px){.bottom-navigation{gap:32px;padding:9px 48px}.nav-item{gap:4px;max-width:140px;padding:9px 32px}.nav-icon{font-size:20px}.nav-label{font-size:10px}}@media (min-width:1800px){.bottom-navigation{gap:40px;padding:10px 64px}.nav-item{max-width:160px;padding:10px 40px}.nav-icon{font-size:21px}.nav-label{font-size:10px}}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:400px;padding:0 16px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);width:100%;z-index:1000}.toast{align-items:center;animation:slide-in-toast .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2df2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;cursor:pointer;display:flex;gap:10px;padding:12px 16px;pointer-events:auto}@keyframes slide-in-toast{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:#fff;flex:1 1;font-size:14px}.toast-success .toast-icon{background:#22c55e33;color:#22c55e}.toast-success{border-color:#22c55e4d}.toast-error .toast-icon{background:#ef444433;color:#ef4444}.toast-error{border-color:#ef44444d}.toast-warning .toast-icon{background:#eab30833;color:#eab308}.toast-warning{border-color:#eab3084d}.toast-info .toast-icon{background:#3b82f633;color:#3b82f6}.toast-info{border-color:#3b82f64d}.login-screen{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-container{display:flex;flex-direction:column;gap:32px;max-width:400px;width:100%}.login-header{text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f97316 50%,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin:0 0 8px}.app-tagline{color:#fff9;font-size:16px;margin:0}.login-content{gap:24px}.feature-list,.login-content{display:flex;flex-direction:column}.feature-list{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:20px}.feature-item{align-items:center;display:flex;gap:12px}.feature-icon{font-size:20px}.feature-text{color:#fffc;font-size:14px}.google-signin-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;transition:transform .2s,box-shadow .2s;width:100%}.google-signin-btn:hover{box-shadow:0 8px 24px #fff3;transform:translateY(-2px)}.google-signin-btn:active{transform:translateY(0)}.google-icon{height:20px;width:20px}.login-divider{align-items:center;color:#fff6;display:flex;font-size:12px;gap:16px;letter-spacing:1px;text-transform:uppercase}.login-divider:after,.login-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.guest-mode-btn{align-items:center;background:#0000;border:2px solid #22c55e80;border-radius:12px;color:#22c55e;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.guest-mode-btn:hover{background:#22c55e1a;border-color:#22c55e;transform:translateY(-2px)}.guest-mode-btn:active{transform:translateY(0)}.guest-note{color:#fff6;font-size:12px}.guest-note,.mfa-info{margin:0;text-align:center}.mfa-info{color:#ffffffb3;font-size:14px;line-height:1.5}.mfa-code-input{background:#1e1e2dcc;border:2px solid #fff3;border-radius:12px;color:#fff;font-family:monospace;font-size:24px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:border-color .2s;width:100%}.mfa-code-input::placeholder{color:#ffffff4d;letter-spacing:8px}.mfa-code-input:focus{border-color:#fbbf24;outline:none}.google-signin-btn:disabled,.guest-mode-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.google-signin-btn:disabled:hover,.guest-mode-btn:disabled:hover{box-shadow:none;transform:none}.auth-error{border:1px solid #ef44444d;font-size:14px;padding:12px}.login-footer{text-align:center}.disclaimer{color:#ffffff4d;font-size:11px;margin:0}@media (max-width:479px){.login-screen{padding:16px}.login-container{gap:24px;max-width:calc(100vw - 32px)}.app-title{font-size:28px}.app-tagline{font-size:14px}.feature-list{gap:10px;padding:14px}.feature-text{font-size:13px}.google-signin-btn,.guest-mode-btn{font-size:15px;min-height:48px;padding:14px 20px}.mfa-code-input{font-size:20px;letter-spacing:6px;padding:14px}}.guest-banner{align-items:center;background:linear-gradient(90deg,#22c55e1a,#3b82f61a);border-bottom:1px solid #22c55e33;display:flex;gap:8px;justify-content:center;padding:3px 12px}.guest-banner-text{color:#fffc;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-banner-signin{align-items:center;background:linear-gradient(135deg,#4285f4,#34a853);border:none;border-radius:4px;box-shadow:0 1px 4px #4285f44d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:2px 10px;transition:all .2s}.guest-banner-signin:hover{box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.guest-banner-signin:active{transform:translateY(0)}.settings-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.modal-header{padding:20px 24px}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;color:#888;font-size:1.5rem;line-height:1;padding:4px 8px;transition:color .2s}.close-btn:hover{color:#fff}.modal-content{padding:20px 24px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#888;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.setting-row{margin-bottom:16px}.setting-row:last-child{margin-bottom:0}.toggle-row{align-items:center;display:flex;justify-content:space-between}.toggle-row label{color:#fff;font-size:.9375rem}.toggle-btn{background:#333;border-radius:20px;color:#888;font-size:.75rem}.toggle-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.volume-sliders{margin-top:16px;transition:opacity .2s}.volume-sliders.disabled{opacity:.5;pointer-events:none}.slider-row{display:flex;flex-direction:column;gap:8px}.slider-row label{color:#ccc;font-size:.875rem}.complexity-labels{color:#666;display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:4px}.slider-container{align-items:center;display:flex;gap:12px}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;background:#333;border-radius:3px;flex:1 1;height:6px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .1s;transition:transform .1s;width:18px}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-container input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.volume-value{color:#888;font-size:.75rem;min-width:36px;text-align:right}.test-sound-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:8px;padding:12px;transition:transform .1s,opacity .2s;width:100%}.test-sound-btn:hover:not(:disabled){transform:translateY(-1px)}.test-sound-btn:active:not(:disabled){transform:translateY(0)}.test-sound-btn:disabled{cursor:not-allowed;opacity:.5}.set-username-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.set-username-modal{animation:modal-appear .3s ease-out;background:linear-gradient(180deg,#1a1a2e,#16162a);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 80px #0009,0 0 40px #6366f126;max-width:380px;width:90%}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.set-username-modal .modal-header{border-bottom:none;padding:24px 24px 0;text-align:center}.set-username-modal .modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0}.set-username-modal .modal-content{padding:16px 24px 24px}.welcome-text{color:#9ca3af;font-size:.9375rem;line-height:1.5;margin:0 0 24px;text-align:center}.input-group{margin-bottom:20px}.input-group label{color:#e5e7eb;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.username-input{background:#1e1e32cc;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;font-size:1rem;font-weight:500;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.username-input::placeholder{color:#6b7280}.username-input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.username-input.has-error{border-color:#ef444499}.username-input.has-error:focus{box-shadow:0 0 0 3px #ef444426}.username-input:disabled{cursor:not-allowed}.input-hint{color:#6b7280;font-size:.75rem}.error-message,.input-hint{display:block;margin-top:8px}.error-message{color:#ef4444;font-size:.8125rem;font-weight:500}.submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:transform .15s,box-shadow .15s,opacity .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.progression-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.progression-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.progression-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.progression-modal .modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.progression-modal .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;transition:color .2s}.progression-modal .close-btn:hover{color:#fff}.progression-hero{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid #ffffff0d;gap:20px;padding:24px}.level-badge,.progression-hero{align-items:center;display:flex;flex-shrink:0}.level-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 20px #6366f166;flex-direction:column;height:70px;justify-content:center;width:70px}.level-number{color:#fff;font-size:1.75rem;font-weight:800;line-height:1}.level-label{color:#fffc;font-size:.625rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.xp-info{flex:1 1;min-width:0}.xp-bar-container{background:#0000004d;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden;position:relative}.xp-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:12px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.xp-bar-text{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:600;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 2px #00000080}.xp-total{color:#888;font-size:.875rem}.xp-total strong{color:#a78bfa}.progression-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;overflow-x:auto;padding:0 16px}.tab-btn{background:none;border-bottom:2px solid #0000;color:#888;font-size:.875rem;padding:12px 16px;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:#ccc}.tab-btn.active{border-bottom-color:#8b5cf6;color:#a78bfa}.progression-content{flex:1 1;overflow-y:auto;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;padding:16px}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-card .stat-value{color:#fff;font-size:1.25rem;font-weight:700}.stat-card .stat-label{color:#888;font-size:.75rem;margin-top:4px}.info-section{margin-bottom:24px}.info-section h3{color:#888;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-list{display:flex;flex-direction:column;gap:8px}.info-item{background:#ffffff08;border-radius:8px;gap:12px;padding:10px 12px}.info-xp{color:#22c55e;font-size:.875rem;font-weight:700;min-width:70px}.info-desc{color:#ccc;font-size:.875rem}.rewards-preview{display:flex;flex-wrap:wrap;gap:8px}.reward-milestone{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.milestone-level{color:#8b5cf6;font-size:.75rem;font-weight:700}.milestone-reward{color:#ccc;font-size:.75rem}.achievement-summary{background:#ffffff08;border-radius:12px;display:flex;justify-content:space-around;margin-bottom:16px;padding:16px}.summary-value{color:#fff;font-size:1.5rem;font-weight:700}.summary-label{color:#888;font-size:.75rem}.tier-breakdown{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.tier-badge{background:#0003;border:1px solid color-mix(in srgb,var(--tier-color) 30%,#0000);border-radius:10px;display:flex;flex-direction:column;padding:10px 14px}.tier-badge .tier-icon{color:var(--tier-color);font-size:1.25rem}.tier-badge .tier-count{color:var(--tier-color);font-size:1.125rem;font-weight:700}.tier-badge .tier-name{color:#888;font-size:.625rem;letter-spacing:.5px;text-transform:uppercase}.achievement-list{display:flex;flex-direction:column;gap:12px}.achievement-item{background:#ffffff08;border:1px solid #ffffff14;gap:12px;padding:12px;transition:all .2s}.achievement-item.completed{background:#22c55e0d;border-color:#22c55e4d}.achievement-icon{align-items:center;background:#0000004d;border-radius:8px;color:var(--tier-color);display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.achievement-info{flex:1 1;min-width:0}.achievement-name{color:#fff;display:block;font-size:.875rem;font-weight:600}.achievement-desc{color:#888;display:block;font-size:.75rem;margin-bottom:6px}.achievement-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.achievement-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.achievement-progress-text{color:#888;font-size:.625rem}.achievement-tier{font-size:.625rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.challenge-section{margin-bottom:24px}.challenge-section h3{color:#888;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.challenge-list{display:flex;flex-direction:column;gap:10px}.challenge-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:12px;padding:12px}.challenge-item.completed{background:#22c55e0d;border-color:#22c55e4d}.challenge-icon{font-size:1.25rem}.challenge-info{flex:1 1;min-width:0}.challenge-name{color:#fff;display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.challenge-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.challenge-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:100%;transition:width .3s ease}.challenge-progress-text{color:#888;font-size:.625rem}.challenge-reward{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.reward-xp{color:#22c55e;font-size:.75rem;font-weight:700}.reward-chips{color:#fbbf24;font-size:.625rem}.streak-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.streak-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center}.streak-card .streak-icon{font-size:1.5rem;margin-bottom:8px}.streak-card .streak-value{color:#fff;font-size:1.75rem;font-weight:800}.streak-card .streak-label{color:#ccc;font-size:.75rem;margin-top:4px}.streak-card .streak-best{color:#888;font-size:.625rem;margin-top:8px}.records-list{display:flex;flex-direction:column;gap:8px}.record-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.record-label{color:#888;font-size:.875rem}.record-value{color:#fbbf24;font-size:.875rem;font-weight:700}.empty-state{justify-content:center;padding:40px 20px}.empty-state.small{padding:20px}.empty-state .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.3}.empty-state .empty-text{color:#888;font-size:.875rem}.progression-content::-webkit-scrollbar{width:6px}.progression-content::-webkit-scrollbar-track{background:#0000}.progression-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.progression-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:400px){.progression-modal-backdrop{padding:10px}.progression-modal{max-height:90vh}.progression-hero{flex-direction:column;text-align:center}.level-badge{height:60px;width:60px}.level-number{font-size:1.5rem}.stats-grid,.streak-grid{grid-template-columns:repeat(2,1fr)}.tier-breakdown{gap:8px}.tab-btn{font-size:.75rem;padding:10px 12px}}.mfa-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.mfa-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;max-width:400px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mfa-modal-header{border-bottom:1px solid #ffffff1a;padding:24px 24px 16px;text-align:center}.mfa-modal-icon{display:block;font-size:48px;margin-bottom:12px}.mfa-modal-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.mfa-modal-content{display:flex;flex-direction:column;gap:16px;padding:24px}.mfa-modal-text{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0;text-align:center}.mfa-modal-input{background:#0000004d;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:monospace;font-size:24px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:border-color .2s;width:100%}.mfa-modal-input::placeholder{color:#ffffff4d;letter-spacing:8px}.mfa-modal-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.mfa-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.mfa-modal-btn.primary{background:linear-gradient(135deg,#fbbf24,#f97316);color:#000}.mfa-modal-btn.primary:hover:not(:disabled){box-shadow:0 8px 24px #fbbf244d;transform:translateY(-2px)}.mfa-modal-btn.secondary{background:#0000;border:2px solid #fff3;color:#ffffffb3}.mfa-modal-btn.secondary:hover:not(:disabled){border-color:#fff6;color:#fff}.mfa-modal-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mfa-modal-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;padding:12px;text-align:center}.auth-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.auth-modal{animation:auth-modal-appear .2s ease-out;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:400px;overflow-y:auto;position:relative;width:100%}@keyframes auth-modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;position:absolute;right:16px;top:16px;transition:color .2s;z-index:1}.auth-modal-close:hover{color:#fff}.auth-modal-close svg{height:20px;width:20px}.auth-modal-header{padding:24px 24px 16px;text-align:center}.auth-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 8px}.auth-modal-header p{color:#888;font-size:.875rem;margin:0}.auth-modal-content{padding:0 24px 24px}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.oauth-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.oauth-btn:disabled{cursor:not-allowed;opacity:.5}.oauth-icon{flex-shrink:0;height:18px;width:18px}.auth-divider{align-items:center;color:#888;display:flex;font-size:.75rem;gap:16px;letter-spacing:.5px;margin:20px 0;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-form{gap:14px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#888;font-size:.8125rem;font-weight:500}.form-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.9375rem;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{border-color:#6366f180}.form-group input:disabled{cursor:not-allowed;opacity:.5}.auth-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:.8125rem;padding:10px 12px;text-align:center}.auth-submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 20px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){opacity:.9}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.magic-link-btn{background:#0000;border:1px dashed #ffffff26;border-radius:8px;color:#888;cursor:pointer;font-size:.8125rem;margin-top:8px;padding:10px;transition:all .2s;width:100%}.magic-link-btn:hover:not(:disabled){background:#ffffff08;border-color:#ffffff40;color:#ccc}.magic-link-btn:disabled{cursor:not-allowed;opacity:.5}.auth-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.auth-links button{background:none;border:none;color:#888;cursor:pointer;font-size:.8125rem;padding:4px;transition:color .2s}.auth-links button:hover{color:#a78bfa}.auth-links-divider{color:#fff3}.confirmation-icon{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.confirmation-icon svg{color:#22c55e;height:28px;width:28px}.confirmation-note{color:#888;font-size:.8125rem;margin:0;text-align:center}.auth-modal-footer{border-top:1px solid #ffffff0d;padding:16px 24px;text-align:center}.auth-modal-footer p{color:#ffffff4d;font-size:.6875rem;margin:0}.auth-modal::-webkit-scrollbar{width:6px}.auth-modal::-webkit-scrollbar-track{background:#0000}.auth-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.auth-modal::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:479px){.auth-modal-backdrop{padding:10px}.auth-modal{max-height:95vh;max-width:100%}.auth-modal-header{padding:20px 20px 12px}.auth-modal-content{padding:0 20px 20px}.auth-submit-btn,.form-group input,.oauth-btn{padding:14px}}.spotify-embed-container{background:#1e1e32f2;border-radius:12px;bottom:180px;box-shadow:0 4px 20px #00000080;overflow:hidden;position:fixed;right:12px;transition:all .3s ease;z-index:99}.jukebox-player .spotify-embed-container{background:#0000;bottom:auto;box-shadow:none;position:relative;right:auto;width:100%;z-index:auto}.jukebox-player .spotify-embed-container.expanded{height:352px;width:100%}.jukebox-player .spotify-embed-container{z-index:1}.jukebox-player .spotify-embed-container iframe{position:relative;z-index:1}.jukebox-player .spotify-embed-container.hidden-offscreen{pointer-events:auto;transform:none}.spotify-embed-container.compact{height:80px;width:300px}.spotify-embed-container.expanded{height:352px;width:300px}.spotify-embed-container.hidden-offscreen{pointer-events:none;transform:translateX(calc(100% + 50px))}.spotify-embed-container iframe{border-radius:12px;display:block;transition:opacity .3s ease}.spotify-embed-loading{align-items:center;background:#1e1e32f2;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spotify-loading-spinner{animation:spotify-spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#1db954;height:32px;width:32px}@keyframes spotify-spin{to{transform:rotate(1turn)}}@media (max-width:430px){.spotify-embed-container{left:8px;max-width:calc(100% - 16px);right:8px;width:auto}.spotify-embed-container.compact{width:auto}.spotify-embed-container.expanded{height:300px;width:auto}}@media (min-width:768px){.spotify-embed-container{bottom:190px;right:16px}.spotify-embed-container.expanded{width:320px}}@media (min-width:1024px){.spotify-embed-container{bottom:200px;right:20px}.spotify-embed-container.expanded{height:380px;width:350px}}.spotify-device-message{align-items:center;background:linear-gradient(135deg,#1ed7601a,#1ed7600d);border:1px solid #1ed7604d;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.spotify-device-message .message-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.spotify-device-message .message-icon{align-items:center;color:#1ed760;display:flex;flex-shrink:0;justify-content:center}.spotify-device-message .message-text{color:#fffc;font-size:12px;line-height:1.3}.spotify-device-message .spotify-action-btn{background:#1ed760;border:none;border-radius:20px;color:#000;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.spotify-device-message .spotify-action-btn:hover{background:#1fdf64;box-shadow:0 0 12px #1ed76066;transform:scale(1.02)}.spotify-device-message .spotify-action-btn:active{transform:scale(.98)}@media (max-width:480px){.spotify-device-message{align-items:stretch;flex-direction:column;gap:8px;padding:10px}.spotify-device-message .message-content{justify-content:center;text-align:center}.spotify-device-message .spotify-action-btn{font-size:12px;padding:10px 16px;width:100%}}.station-card{--accent-color:gold;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;display:flex;flex-direction:column;gap:8px;left:50%;padding:10px;position:absolute;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.station-card.pos-0{opacity:1;transform:translateX(-50%) translateZ(0) rotateY(0deg) scale(1);z-index:5}.station-card.pos-1{filter:brightness(.7);opacity:.6;transform:translateX(calc(-50% + 70px)) translateZ(-80px) rotateY(-25deg) scale(.75);z-index:4}.station-card.pos-neg1{filter:brightness(.7);opacity:.6;transform:translateX(calc(-50% - 70px)) translateZ(-80px) rotateY(25deg) scale(.75);z-index:4}.station-card.pos-2{filter:brightness(.5);opacity:.3;transform:translateX(calc(-50% + 110px)) translateZ(-150px) rotateY(-40deg) scale(.55);z-index:3}.station-card.pos-neg2{filter:brightness(.5);opacity:.3;transform:translateX(calc(-50% - 110px)) translateZ(-150px) rotateY(40deg) scale(.55);z-index:3}.station-card[data-position]:not(.pos-0):not(.pos-1):not(.pos-neg1):not(.pos-2):not(.pos-neg2){opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-200px) scale(.3)}.station-card:hover:not(.selected){filter:brightness(.9)}.station-card.selected:hover{transform:translateX(-50%) translateZ(10px) rotateY(0deg) scale(1.05)}.vinyl-disc{background:linear-gradient(135deg,#1a1a1a,#333 20%,#1a1a1a 40%,#333 60%,#1a1a1a 80%,#333);border-radius:50%;box-shadow:0 4px 20px #00000080,inset 0 0 30px #00000080;flex-shrink:0;height:90px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90px}.vinyl-disc.spinning{animation:vinyl-spin 3s linear infinite}@keyframes vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-grooves{background:repeating-radial-gradient(circle at center,#0000 0,#0000 2px,#32323266 0,#32323266 3px);border-radius:50%;inset:5px;position:absolute}.vinyl-label{background:var(--accent-color);border-radius:50%;box-shadow:inset 0 0 10px #0000004d;height:40px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.label-text,.vinyl-label{align-items:center;display:flex;justify-content:center}.label-text{color:#000000b3;flex-direction:column}.label-icon{font-size:16px}.vinyl-hole{background:#0f0f1a;border-radius:50%;box-shadow:inset 0 0 3px #00000080;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.station-info{align-items:center;display:flex;flex-direction:column;gap:2px;max-width:100px;text-align:center;transition:all .3s ease}.station-card:not(.pos-0) .station-info{opacity:0}.station-name{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.station-desc,.station-name{max-width:100%;transition:all .3s ease}.station-desc{font-size:9px}.station-card.expanded{z-index:500!important}.station-card.expanded .station-info{background:#0f0f1afa;border:1px solid #ffd70066;border-radius:10px;box-shadow:0 8px 30px #000c;isolation:isolate;left:50%;margin-top:8px;max-width:220px;min-width:180px;padding:12px 16px;position:absolute;top:100%;transform:translateX(-50%) translateZ(100px);z-index:9999}.station-card.expanded .station-name{font-size:13px;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal}.station-card.expanded .station-desc{font-size:11px;line-height:1.4;margin-top:4px;overflow:visible;text-overflow:clip;white-space:normal}.station-card.selected .vinyl-disc{box-shadow:0 4px 20px #00000080,inset 0 0 30px #00000080,0 0 30px var(--accent-color)}@media (max-width:768px){.vinyl-disc{height:80px;width:80px}.vinyl-label{height:36px;width:36px}.label-icon{font-size:14px}.station-info{max-width:90px}.station-name{font-size:10px}.station-desc{font-size:8px}.station-card.pos-1,.station-card.pos-neg1{transform:translateX(calc(-50% + 60px)) translateZ(-70px) rotateY(-25deg) scale(.7)}.station-card.pos-neg1{transform:translateX(calc(-50% - 60px)) translateZ(-70px) rotateY(25deg) scale(.7)}.station-card.pos-2,.station-card.pos-neg2{transform:translateX(calc(-50% + 95px)) translateZ(-130px) rotateY(-40deg) scale(.5)}.station-card.pos-neg2{transform:translateX(calc(-50% - 95px)) translateZ(-130px) rotateY(40deg) scale(.5)}}@media (max-width:480px){.vinyl-disc{height:70px;width:70px}.vinyl-label{height:32px;width:32px}.label-icon{font-size:12px}.station-info{max-width:80px}.station-name{font-size:9px}.station-desc{display:none}.station-card.pos-1,.station-card.pos-neg1{transform:translateX(calc(-50% + 50px)) translateZ(-60px) rotateY(-30deg) scale(.65)}.station-card.pos-neg1{transform:translateX(calc(-50% - 50px)) translateZ(-60px) rotateY(30deg) scale(.65)}.station-card.pos-2,.station-card.pos-neg2{opacity:0;pointer-events:none}}.radio-modal-overlay{bottom:calc(165px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;right:12px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:99}.radio-modal-overlay.visible{pointer-events:auto}.radio-modal-overlay.hidden{pointer-events:none}.radio-modal-container{max-height:calc(100vh - 180px);opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:auto;transform:translateX(calc(100% + 50px));transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out;width:340px}.radio-modal-overlay.visible .radio-modal-container{opacity:1;transform:translateX(0)}.radio-modal-overlay.hidden .radio-modal-container{opacity:0;transform:translateX(calc(100% + 50px));transition:transform .4s cubic-bezier(.4,0,1,1),opacity .3s ease-in}.jukebox-frame{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border:2px solid gold;border-radius:12px;box-shadow:0 0 0 1px #ffd70033,0 0 30px #ffd70026,inset 0 0 40px #00000080;padding:16px;position:relative;transform-origin:center bottom}.radio-modal-overlay.visible .jukebox-frame{animation:jukebox-glow .8s ease-out}@keyframes jukebox-glow{0%{box-shadow:0 0 0 1px #ffd70033,0 0 40px #ffd7001a,inset 0 0 60px #00000080}50%{box-shadow:0 0 0 2px #ffd70099,0 0 80px #ffd70066,0 0 120px #ffd70033,inset 0 0 60px #00000080}to{box-shadow:0 0 0 1px #ffd70033,0 0 40px #ffd7001a,inset 0 0 60px #00000080}}.corner-accent{border:2px solid gold;height:20px;opacity:0;position:absolute;transition:opacity .3s ease;width:20px}.radio-modal-overlay.visible .corner-accent{animation:corner-flash .6s ease-out .2s;opacity:1}@keyframes corner-flash{0%{filter:brightness(1);opacity:0}50%{filter:brightness(2);opacity:1}to{filter:brightness(1);opacity:1}}.corner-accent.top-left{border-bottom:none;border-radius:10px 0 0 0;border-right:none;left:-1px;top:-1px}.corner-accent.top-right{border-bottom:none;border-left:none;border-radius:0 10px 0 0;right:-1px;top:-1px}.corner-accent.bottom-left{border-radius:0 0 0 10px;border-right:none;border-top:none;bottom:-1px;left:-1px}.corner-accent.bottom-right{border-left:none;border-radius:0 0 10px 0;border-top:none;bottom:-1px;right:-1px}.jukebox-header{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px 40px 16px;position:relative;text-align:center}.header-sunburst{animation:sunburst-rotate 60s linear infinite;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffd7000d 0deg 10deg,#0000 10deg 20deg);height:200%;left:50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);transition:opacity .5s ease;width:200%}.radio-modal-overlay.visible .header-sunburst{opacity:1}@keyframes sunburst-rotate{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.header-title{color:gold;font-family:Georgia,serif;font-size:24px;letter-spacing:6px;margin-bottom:0;margin-left:6px;margin-top:0;opacity:0;position:relative;text-align:center;text-shadow:0 0 10px #ffd70080,0 0 20px #ffd7004d;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease}.radio-modal-overlay.visible .header-title{opacity:1;transform:translateY(0);transition-delay:.15s}.header-subtitle{color:#ffd70099;font-size:11px;letter-spacing:4px;margin-top:8px;opacity:0;position:relative;text-transform:uppercase;transition:opacity .4s ease}.radio-modal-overlay.visible .header-subtitle{opacity:1;transition-delay:.25s}.carousel-section{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:24px;min-height:140px;opacity:0;position:relative;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;z-index:10}.carousel-section:has(.station-card.expanded){z-index:200}.radio-modal-overlay.visible .carousel-section{opacity:1;transform:translateY(0);transition-delay:.2s}.carousel-nav{align-items:center;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border:2px solid #ffd7004d;border-radius:50%;color:gold;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px;z-index:10}.carousel-nav:hover:not(:disabled){background:linear-gradient(135deg,#3a3a4e,#2a2a3e);border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d}.carousel-nav:disabled{cursor:not-allowed;opacity:.3}.carousel-nav svg{height:20px;width:20px}.stations-carousel{height:130px;overflow:visible;perspective:600px;perspective-origin:50% 50%;position:relative;transform-style:preserve-3d;width:100%;z-index:10}.stations-carousel:has(.station-card.expanded){z-index:200}.stations-empty,.stations-error,.stations-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:40px}.stations-error{color:#ff6b6b}.error-icon{background:#ff6b6b33;border:2px solid #ff6b6b;height:32px;width:32px}.retry-btn{background:#ffd70033;border:1px solid #ffd70066;border-radius:6px;color:gold;cursor:pointer;font-size:12px;padding:8px 20px;transition:all .2s ease}.retry-btn:hover{background:#ffd7004d;border-color:#ffd70099}.empty-icon{font-size:32px;opacity:.5}.station-indicators{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:12px;opacity:0;transition:opacity .4s ease}.radio-modal-overlay.visible .station-indicators{opacity:1;transition-delay:.3s}.indicator-dot{background:#ffd70033;border:1px solid #ffd70066;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.indicator-dot:hover{background:#ffd70066}.indicator-dot.active{background:gold;box-shadow:0 0 10px #ffd70080}.jukebox-player{background:#0000004d;border:1px solid #ffd7001a;border-radius:10px;min-height:368px;opacity:0;overflow:visible;padding:8px;position:relative;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;z-index:1}.radio-modal-overlay.visible .jukebox-player{opacity:1;transform:translateY(0);transition-delay:.35s}.player-placeholder{color:#fff6;font-size:14px;height:352px}.jukebox-close,.player-placeholder{align-items:center;display:flex;justify-content:center}.jukebox-close{background:#0006;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;height:36px;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px;z-index:10}.radio-modal-overlay.visible .jukebox-close{opacity:1;transition-delay:.4s}.jukebox-close:hover{background:#ff6b6b4d;border-color:#ff6b6b80;color:#ff6b6b}.jukebox-close svg{height:18px;width:18px}@media (max-width:768px){.radio-modal-overlay{bottom:calc(155px + env(safe-area-inset-bottom));right:8px}.radio-modal-container{max-height:calc(100vh - 160px);width:300px}.jukebox-frame{padding:16px}.header-title{font-size:22px;letter-spacing:4px}.header-subtitle{font-size:10px;letter-spacing:2px}.carousel-section{gap:4px;min-height:120px}.carousel-nav{height:32px;width:32px}.carousel-nav svg{height:18px;width:18px}.stations-carousel{height:110px;perspective:500px}.jukebox-close{height:32px;right:8px;top:8px;width:32px}}@media (max-width:480px){.radio-modal-overlay{bottom:calc(145px + env(safe-area-inset-bottom));left:8px;right:8px}.radio-modal-container{max-height:calc(100vh - 150px);width:100%}.header-title{font-size:20px;letter-spacing:3px}.carousel-section{gap:8px;min-height:100px}.carousel-nav{height:28px;width:28px}.carousel-nav svg{height:16px;width:16px}.stations-carousel{height:100px;perspective:400px}}@media (min-width:769px){.radio-modal-overlay{bottom:calc(175px + env(safe-area-inset-bottom));right:16px}.radio-modal-container{width:380px}}@media (min-width:1024px){.radio-modal-overlay{bottom:calc(185px + env(safe-area-inset-bottom));right:20px}.radio-modal-container{width:420px}}@media (min-width:1400px){.radio-modal-overlay{bottom:calc(195px + env(safe-area-inset-bottom))}.radio-modal-container{width:450px}}.commitment-panel.compact{align-items:center;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:linear-gradient(180deg,#12121ac7,#0a0a0fd1);border:1px solid #fbbf2459;border-radius:8px;box-shadow:0 0 12px #fbbf2426,inset 0 1px 0 #ffffff0f;display:flex;gap:8px;margin:0 8px;max-height:52px;min-height:46px;padding:6px 12px}.compact-balance{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:1px;min-width:50px}.balance-label{font-size:9px;font-weight:600;letter-spacing:.3px}.balance-value{color:#fbbf24;font-family:var(--font-mono);font-size:13px}.compact-divider{background:linear-gradient(180deg,#0000,var(--glass-border),#0000);flex-shrink:0;height:28px;width:1px}.compact-action{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.commit-input-group,.queue-input-group{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.compact-input{background:#0006;border:1px solid var(--glass-border);border-radius:6px;color:#fff;flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:600;max-width:90px;min-width:60px;padding:6px 8px;text-align:center;width:70px}.compact-input:focus{border-color:#3b82f680;outline:none}.compact-input:disabled{opacity:.4}.quick-btns{display:flex;flex-shrink:0;gap:3px}.quick-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:5px 6px;transition:all .15s}.quick-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.quick-btn:disabled{cursor:not-allowed;opacity:.3}.auto-play-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:#ffffff80}.auto-play-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.auto-play-btn.on{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid #fbbf2480;color:#fbbf24}.auto-play-btn.on:hover:not(:disabled){background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);border-color:#fbbf24b3;box-shadow:0 0 12px #fbbf244d}.compact-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-family:var(--font-sans);font-size:11px;font-weight:700;padding:8px 14px;transition:all .2s;white-space:nowrap}.compact-btn:disabled{cursor:not-allowed;opacity:.4}.commit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.commit-btn:hover:not(:disabled){box-shadow:0 0 15px #3b82f666;transform:translateY(-1px)}.queue-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.queue-btn:hover:not(:disabled){box-shadow:0 0 15px #fbbf2466;transform:translateY(-1px)}.cashout-btn{animation:cashout-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.cashout-btn:hover:not(:disabled){box-shadow:0 0 20px #22c55e80;transform:translateY(-1px)}@keyframes cashout-pulse{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 18px #22c55e80}}.cashout-btn.cashout-urgent{animation:cashout-urgent-pulse .35s ease-in-out infinite;border:2px solid #fff9}@keyframes cashout-urgent-pulse{0%,to{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 15px #22c55e99,0 0 30px #22c55e4d;transform:scale(1)}50%{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 35px #22c55ee6,0 0 70px #22c55e80,0 0 100px #22c55e40;transform:scale(1.18)}}.cancel-btn{border:1px solid #ef444466;color:#ef4444;font-size:12px;padding:6px 10px}.cancel-btn:hover{background:#ef44441a;border-color:#ef4444}.active-info,.queued-info,.result-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.queued-amount{font-family:var(--font-mono);font-size:14px}.queued-amount,.queued-label{color:#fbbf24;font-weight:700}.queued-label{background:#fbbf2426;border-radius:4px;font-family:var(--font-sans);font-size:9px;padding:2px 6px;text-transform:uppercase}.active-multiplier{font-family:var(--font-mono);font-size:16px;font-weight:800}.active-potential{color:#22c55e;font-family:var(--font-mono);font-size:13px;font-weight:700}.active-amount{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:600}.waiting-label{animation:waiting-blink 1.5s ease-in-out infinite;color:var(--color-text-muted);font-family:var(--font-sans);font-size:11px;font-weight:600}@keyframes waiting-blink{0%,to{opacity:1}50%{opacity:.4}}.result-info.busted .result-label{background:#ef444426;border-radius:4px;color:#ef4444;font-family:var(--font-sans);font-size:11px;font-weight:700;padding:2px 6px}.result-info.busted .result-amount{color:#ef4444;font-family:var(--font-mono);font-size:12px;font-weight:600}.result-info.won .result-label{background:#22c55e26;border-radius:4px;color:#22c55e;font-family:var(--font-sans);font-size:11px;font-weight:700;padding:2px 6px}.result-info.won .result-amount{color:#22c55e;font-family:var(--font-mono);font-size:12px;font-weight:600}.result-badge{border-radius:4px;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 8px}.result-badge.busted{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.result-badge.won{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.commitment-panel.compact.state-can-commit{animation:countdown-panel-pulse 1.5s ease-in-out infinite;border-color:#3b82f680;box-shadow:0 0 15px #3b82f633,0 0 8px #fbbf241a}@keyframes countdown-panel-pulse{0%,to{border-color:#3b82f680;box-shadow:0 0 15px #3b82f633,0 0 8px #fbbf241a;transform:scale(1)}50%{border-color:#3b82f6cc;box-shadow:0 0 25px #3b82f666,0 0 15px #fbbf2433;transform:scale(1.01)}}.commitment-panel.compact.state-can-commit .compact-input{border-color:#3b82f666}.commitment-panel.compact.state-can-commit .commit-btn{animation:countdown-enter-pulse 1.2s ease-in-out infinite}@keyframes countdown-enter-pulse{0%,to{box-shadow:0 0 8px #3b82f64d;transform:scale(1)}50%{box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f64d;transform:scale(1.05)}}.commitment-panel.compact.state-can-queue{border-color:#fbbf2480;box-shadow:0 0 15px #fbbf2433}.commitment-panel.compact.state-can-cashout{border-color:#22c55e99;box-shadow:0 0 20px #22c55e40}.commitment-panel.compact.state-busted{border-color:#ef444480;box-shadow:0 0 12px #ef444433}.commitment-panel.compact.state-cashed-out{border-color:#22c55e80;box-shadow:0 0 12px #22c55e26}.commitment-panel.compact.state-queued{border-color:#fbbf2480;box-shadow:0 0 15px #fbbf2433}.commitment-panel.compact.needs-attention{animation:guest-attention-pulse 1.2s ease-in-out infinite;border-color:#fbbf24b3}.commitment-panel.compact.needs-attention .commit-btn,.commitment-panel.compact.needs-attention .queue-btn{animation:guest-button-pulse 1s ease-in-out infinite}@keyframes guest-attention-pulse{0%,to{border-color:#fbbf2480;box-shadow:0 0 20px #fbbf244d,0 0 40px #fbbf241a;transform:scale(1)}50%{border-color:#fbbf24e6;box-shadow:0 0 35px #fbbf2480,0 0 60px #fbbf2440;transform:scale(1.02)}}@keyframes guest-button-pulse{0%,to{box-shadow:0 0 10px #fbbf2466;transform:scale(1)}50%{box-shadow:0 0 25px #fbbf24b3,0 0 40px #fbbf244d;transform:scale(1.08)}}.commitment-panel.compact.shake-violent{animation:violent-shake .5s ease-in-out;border-color:#ef4444!important;box-shadow:0 0 30px #ef444499,0 0 60px #ef44444d!important}@keyframes violent-shake{0%,to{transform:translateX(0) rotate(0deg)}10%{transform:translateX(-12px) rotate(-2deg)}20%{transform:translateX(12px) rotate(2deg)}30%{transform:translateX(-10px) rotate(-1.5deg)}40%{transform:translateX(10px) rotate(1.5deg)}50%{transform:translateX(-8px) rotate(-1deg)}60%{transform:translateX(8px) rotate(1deg)}70%{transform:translateX(-5px) rotate(-.5deg)}80%{transform:translateX(5px) rotate(.5deg)}90%{transform:translateX(-2px) rotate(0deg)}}.compact-audio{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:auto}.compact-audio:before{background:linear-gradient(180deg,#0000,var(--glass-border),#0000);content:"";display:block;flex-shrink:0;height:28px;width:1px}.audio-toggle{align-items:center;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:6px;transition:all .15s ease;width:32px}.audio-toggle svg{height:16px;width:16px}.audio-toggle.on{animation:audio-glow 2s ease-in-out infinite;box-shadow:0 0 12px #6366f166;color:#fffffff2}.audio-toggle.on:before{animation:audio-aura 2s ease-in-out infinite;background:radial-gradient(circle,#6366f14d 0,#0000 70%);border-radius:10px;content:"";inset:-4px;pointer-events:none;position:absolute;z-index:-1}@keyframes audio-glow{0%,to{color:#fffffff2;filter:brightness(1)}50%{color:#fff;filter:brightness(1.15)}}@keyframes audio-aura{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.audio-toggle.off{color:#ffffff59}.audio-toggle.off:before{display:none}.audio-toggle:hover{background:#ffffff14;border-color:#fff3}.audio-toggle:active{transform:scale(.95)}.audio-toggle.on:hover{box-shadow:0 0 8px #6366f14d;color:#fff}.audio-toggle.spotify-toggle.on{color:#1db954}.audio-toggle.spotify-toggle.on:hover{box-shadow:0 0 8px #1db95466;color:#1ed760}.audio-toggle.spotify-toggle svg{height:14px;width:14px}.audio-toggle.radio-toggle{animation:radio-spectrum 12s linear infinite,radio-flicker 2s ease-in-out infinite;position:relative}.audio-toggle.radio-toggle:before{animation:radio-aura 2.5s ease-in-out infinite;background:radial-gradient(circle,currentColor,#0000 70%);border-radius:12px;content:"";filter:blur(3px);inset:-6px;opacity:.4;pointer-events:none;position:absolute;z-index:-1}.audio-toggle.radio-toggle:after{animation:radio-aura-outer 3s ease-in-out infinite;background:radial-gradient(circle,currentColor,#0000 60%);border-radius:16px;content:"";filter:blur(6px);inset:-12px;opacity:.2;pointer-events:none;position:absolute;z-index:-2}@keyframes radio-spectrum{0%{color:red}8%{color:#ff8000}16%{color:#ff0}24%{color:#80ff00}32%{color:#0f0}40%{color:#00ff80}48%{color:#0ff}56%{color:#0080ff}64%{color:#00f}72%{color:#8000ff}80%{color:#f0f}88%{color:#ff0080}to{color:red}}@keyframes radio-flicker{0%,to{filter:brightness(1) drop-shadow(0 0 6px currentColor)}25%{filter:brightness(1.3) drop-shadow(0 0 10px currentColor)}50%{filter:brightness(.85) drop-shadow(0 0 4px currentColor)}75%{filter:brightness(1.2) drop-shadow(0 0 8px currentColor)}}@keyframes radio-aura{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes radio-aura-outer{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.audio-toggle.radio-toggle.on{color:gold}.audio-toggle.radio-toggle.on:hover{box-shadow:0 0 8px #ffd70066;color:#ffe44d}.audio-toggle.radio-toggle svg{height:16px;width:16px}@media (max-width:639px){.commitment-panel.compact{flex-direction:row;flex-wrap:nowrap;gap:6px;max-height:none;min-height:auto;padding:8px}.compact-balance{flex-shrink:0;min-width:45px}.balance-label{font-size:8px}.balance-value{font-size:12px}.compact-divider{display:none}.compact-audio{align-self:center;display:flex;flex-direction:column;gap:2px;grid-column:2;grid-row:1/3;margin-left:0}.compact-audio:before{display:none}.compact-audio .audio-toggle{height:26px;padding:4px;width:26px}.compact-audio .audio-toggle svg{height:13px;width:13px}.compact-action{grid-gap:6px 8px;display:grid;flex:1 1;gap:6px 8px;grid-template-columns:1fr auto auto auto;grid-template-rows:auto auto;min-width:0}.commit-input-group,.queue-input-group{display:contents}.compact-input{font-size:14px;grid-column:1;grid-row:1;min-width:60px;padding:8px 10px;text-align:center;width:100%}.quick-btns{display:flex;gap:4px;grid-column:1;grid-row:2;justify-content:flex-start}.quick-btn{font-size:10px;min-height:30px;padding:6px 8px}.auto-play-btn{font-size:9px;grid-column:3;padding:8px 10px}.auto-play-btn,.commit-btn,.queue-btn{align-items:center;align-self:stretch;display:flex;grid-row:1/3;justify-content:center}.commit-btn,.queue-btn{font-size:11px;grid-column:4;min-height:44px;padding:10px 14px}.cashout-btn{align-items:center;display:flex;grid-column:3;justify-content:center}.cancel-btn,.cashout-btn{align-self:stretch;grid-row:1/3}.cancel-btn{grid-column:4}.result-badge{align-self:center;font-size:10px;grid-column:1;grid-row:1;justify-self:start;padding:4px 8px}.active-info,.queued-info{align-items:flex-start;flex-direction:column;gap:4px;grid-column:1;grid-row:1/3}.queued-amount{font-size:12px}.queued-label{font-size:8px;padding:2px 4px}.active-multiplier{font-size:14px}.active-potential{font-size:11px}}@media (min-width:768px){.commitment-panel.compact{gap:12px;max-height:60px;min-height:52px;padding:8px 16px}.compact-balance{min-width:60px}.balance-label{font-size:10px}.balance-value{font-size:15px}.compact-divider{height:32px}.compact-input{font-size:14px;max-width:100px;padding:7px 10px;width:80px}.quick-btn{font-size:11px;padding:6px 8px}.compact-btn{font-size:12px;padding:9px 18px}.active-multiplier{font-size:18px}.active-potential{font-size:14px}.queued-amount{font-size:16px}.compact-audio{gap:6px}.audio-toggle{height:36px;padding:7px;width:36px}.audio-toggle svg{height:18px;width:18px}}@media (min-width:1024px){.commitment-panel.compact{gap:16px;max-height:68px;min-height:58px;padding:10px 24px}.compact-balance{min-width:70px}.balance-label{font-size:11px}.balance-value{font-size:16px}.compact-divider{height:36px}.compact-input{font-size:15px;max-width:110px;padding:8px 12px;width:90px}.quick-btn{font-size:12px;padding:7px 10px}.compact-btn{font-size:13px;padding:10px 22px}.active-multiplier{font-size:20px}.active-potential{font-size:15px}.queued-amount{font-size:18px}.compact-audio{gap:8px}.audio-toggle{height:38px;padding:8px;width:38px}.audio-toggle svg{height:18px;width:18px}}@media (min-width:1400px){.commitment-panel.compact{gap:20px;max-height:76px;min-height:64px;padding:12px 32px}.compact-balance{min-width:80px}.balance-label{font-size:12px}.balance-value{font-size:18px}.compact-divider{height:40px}.compact-input{font-size:16px;max-width:120px;padding:10px 14px;width:100px}.quick-btn{font-size:13px;padding:8px 12px}.compact-btn{font-size:14px;padding:12px 28px}.active-multiplier{font-size:22px}.active-potential{font-size:16px}.queued-amount{font-size:20px}.compact-audio{gap:10px}.audio-toggle{height:40px;padding:9px;width:40px}.audio-toggle svg{height:20px;width:20px}}@media (min-width:1800px){.commitment-panel.compact{gap:24px;max-height:80px;min-height:70px;padding:14px 40px}.compact-balance{min-width:90px}.balance-label{font-size:13px}.balance-value{font-size:20px}.compact-divider{height:44px}.compact-input{font-size:17px;max-width:130px;padding:12px 16px;width:110px}.quick-btn{font-size:14px;padding:10px 14px}.compact-btn{font-size:15px;padding:14px 32px}.active-multiplier{font-size:24px}.active-potential{font-size:18px}.queued-amount{font-size:22px}.compact-audio{gap:12px}.audio-toggle{height:44px;padding:10px;width:44px}.audio-toggle svg{height:22px;width:22px}}.app-shell{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);min-height:100vh}.app-container{background:#0f0f1af2;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.sticky-header-group{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#12121afa,#0a0a0ff2);position:-webkit-sticky;position:sticky;top:0;z-index:90}.app-content{flex:1 1;overflow:visible;padding-bottom:0}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#ffffff0d}body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.commitment-panel-fixed{bottom:calc(8px + env(safe-area-inset-bottom));left:0;pointer-events:auto;position:fixed;right:0;z-index:98}.live-feed-fixed .live-feed-mini{margin:0 auto;max-height:100px;max-width:600px;pointer-events:auto}.audio-controls{bottom:95px;display:flex;flex-direction:column;gap:8px;left:12px;position:fixed;z-index:100}.audio-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e32d9;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.audio-btn svg{height:18px;width:18px}.audio-btn.on{border:1px solid #ffffff26;color:#ffffffe6}.audio-btn.off{border:1px solid #ffffff14;color:#ffffff59}.audio-btn:hover{background:#282841f2;transform:scale(1.1)}.audio-btn:active{transform:scale(.95)}.audio-btn.on:hover{border-color:#ffffff40;box-shadow:0 2px 12px #6366f14d;color:#fff}.audio-btn.off:hover{border-color:#ffffff26;color:#fff9}.audio-btn.radio-btn.on{border-color:#ffd70066;color:gold}.audio-btn.radio-btn.on:hover{border-color:#ffd70099;box-shadow:0 2px 12px #ffd7004d;color:#ffe44d}.audio-btn.radio-btn svg{height:18px;width:18px}@media (min-width:768px){.audio-controls{bottom:100px;left:16px}.audio-btn{height:40px;padding:9px;width:40px}.audio-btn svg{height:20px;width:20px}}@media (min-width:1024px){.audio-controls{bottom:105px;gap:10px;left:20px}.audio-btn{height:42px;width:42px}}.click-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28283ce6,#1e1e2df2);border:none;border-radius:50%;cursor:pointer;height:160px;position:relative;touch-action:manipulation;transition:transform .1s,box-shadow .3s;width:160px}.click-button:disabled{cursor:not-allowed;opacity:.7}.click-button.active{box-shadow:0 0 0 4px #22c55e,0 0 60px #22c55e99,inset 0 0 30px #ffffff14;box-shadow:0 0 0 4px var(--button-color,#22c55e),0 0 60px var(--button-glow,#22c55e99),inset 0 0 30px #ffffff14}.click-button.active:hover{transform:scale(1.05)}.click-button.active:active{transform:scale(.92)}.button-ring{border:2px solid #fff3;border:2px solid var(--button-color,#fff3);border-radius:50%;inset:-4px;opacity:.5;position:absolute;transition:opacity .3s,border-color .3s}.click-button.active .button-ring{animation:ring-pulse 1.5s ease-in-out infinite;opacity:1}@keyframes ring-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.12)}}.button-inner{align-items:center;background:linear-gradient(135deg,#323246e6,#232332f2);border-radius:50%;display:flex;flex-direction:column;gap:4px;inset:8px;justify-content:center;position:absolute}.button-text{color:#fff;font-family:var(--font-sans);font-size:22px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.button-text.crashed{color:#ef4444}.button-text.success{color:#22c55e}.button-text.cooldown{opacity:.5}.increment-preview{color:#fff9;color:var(--button-color,#fff9);font-family:var(--font-mono);font-size:13px;font-weight:600;opacity:.9}.click-button.needs-commitment{animation:needs-commit-pulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #fbbf2466}.click-button.needs-commitment .button-text{color:#fbbf24e6}@keyframes needs-commit-pulse{0%,to{box-shadow:0 0 30px #fbbf244d;transform:scale(1)}50%{box-shadow:0 0 50px #fbbf2480;transform:scale(1.02)}}.click-button.countdown{box-shadow:0 0 30px #60a5fa4d}.click-button.crashed{box-shadow:0 0 40px #ef44444d}.click-button.busted{animation:bust-dramatic .6s ease-out;box-shadow:0 0 60px #ef4444b3,0 0 100px #ef444466,inset 0 0 40px #ef44444d}.click-button.busted .button-inner{animation:bust-flash .6s ease-out}.click-button.busted .button-text.crashed{animation:bust-text-pulse .6s ease-out;text-shadow:0 0 20px #ef4444cc}@keyframes bust-dramatic{0%{box-shadow:0 0 20px #ef44444d;transform:scale(1)}10%{box-shadow:0 0 80px #ef4444e6;transform:scale(1.15) translateX(-6px) rotate(-3deg)}20%{transform:scale(1.1) translateX(8px) rotate(3deg)}30%{transform:scale(1.05) translateX(-5px) rotate(-2deg)}40%{transform:scale(1.02) translateX(4px) rotate(2deg)}50%{transform:scale(1) translateX(-2px) rotate(-1deg)}60%{transform:scale(1) translateX(2px) rotate(1deg)}to{box-shadow:0 0 60px #ef4444b3,0 0 100px #ef444466;transform:scale(1)}}@keyframes bust-flash{0%{background:linear-gradient(135deg,#323246e6,#232332f2)}15%{background:linear-gradient(135deg,#ef4444cc,#b91c1ce6)}40%{background:linear-gradient(135deg,#963232b3,#641e1ecc)}to{background:linear-gradient(135deg,#462828e6,#321e1ef2)}}@keyframes bust-text-pulse{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.3)}40%{transform:scale(1.1)}to{transform:scale(1)}}.click-button.cashed-out{animation:cashout-celebrate .5s ease-out;box-shadow:0 0 50px #22c55e80}@keyframes cashout-celebrate{0%{box-shadow:0 0 30px #22c55e4d;transform:scale(1)}50%{box-shadow:0 0 60px #22c55e99;transform:scale(1.1)}to{box-shadow:0 0 50px #22c55e80;transform:scale(1)}}.streak-badge{align-items:center;animation:streak-bounce .5s ease-out;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:14px;box-shadow:0 4px 12px #f9731666;display:flex;gap:2px;padding:5px 10px;position:absolute;right:-8px;top:-8px}.streak-fire{font-size:14px}.streak-count{color:#fff;font-family:var(--font-mono);font-size:15px;font-weight:700}@keyframes streak-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:400px){.click-button{height:140px;width:140px}.button-text{font-size:18px;letter-spacing:2px}.increment-preview{font-size:11px}}@media (min-width:768px){.click-button{height:180px;width:180px}.button-text{font-size:24px}.increment-preview{font-size:14px}.streak-badge{padding:6px 12px;right:-10px;top:-10px}.streak-fire{font-size:16px}.streak-count{font-size:17px}}@media (min-width:1024px){.click-button{height:200px;width:200px}.button-inner{gap:6px;inset:10px}.button-text{font-size:26px;letter-spacing:4px}.increment-preview{font-size:15px}.click-button.active{box-shadow:0 0 0 5px #22c55e,0 0 80px #22c55e99,inset 0 0 40px #ffffff14;box-shadow:0 0 0 5px var(--button-color,#22c55e),0 0 80px var(--button-glow,#22c55e99),inset 0 0 40px #ffffff14}.streak-badge{border-radius:16px;padding:7px 14px}.streak-count,.streak-fire{font-size:18px}}@media (min-width:1400px){.click-button{height:240px;width:240px}.button-inner{gap:10px;inset:12px}.button-text{font-size:30px}.increment-preview{font-size:17px}.click-button.active{box-shadow:0 0 0 6px #22c55e,0 0 100px #22c55e99,inset 0 0 50px #ffffff14;box-shadow:0 0 0 6px var(--button-color,#22c55e),0 0 100px var(--button-glow,#22c55e99),inset 0 0 50px #ffffff14}}@media (min-width:1800px){.click-button{height:300px;width:300px}.button-inner{gap:12px;inset:16px}.button-text{font-size:36px;letter-spacing:5px}.increment-preview{font-size:20px}.click-button.active{box-shadow:0 0 0 8px #22c55e,0 0 120px #22c55e99,inset 0 0 60px #ffffff14;box-shadow:0 0 0 8px var(--button-color,#22c55e),0 0 120px var(--button-glow,#22c55e99),inset 0 0 60px #ffffff14}.streak-badge{border-radius:20px;padding:10px 18px;right:-14px;top:-14px}.streak-count,.streak-fire{font-size:22px}}.increment-selector{align-items:center;display:flex;flex-direction:column;gap:8px}.selector-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:11px;letter-spacing:1px;text-transform:uppercase}.increment-options{display:flex;gap:10px}.increment-option{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#28283ce6,#1e1e2df2);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 18px;transition:all .2s}.increment-option:disabled{cursor:not-allowed;opacity:.5}.increment-option:hover:not(:disabled){background:var(--glass-bg-hover);transform:translateY(-2px)}.increment-option.selected{transform:translateY(-2px)}.increment-option.safe{border-color:#22c55e40}.increment-option.safe:hover:not(:disabled){border-color:#22c55e66}.increment-option.safe.selected{background:#22c55e26;border-color:#22c55e;box-shadow:0 0 25px #22c55e4d}.increment-option.moderate{border-color:#eab30840}.increment-option.moderate:hover:not(:disabled){border-color:#eab30866}.increment-option.moderate.selected{background:#eab30826;border-color:#eab308;box-shadow:0 0 25px #eab3084d}.increment-option.risky{border-color:#ef444440}.increment-option.risky:hover:not(:disabled){border-color:#ef444466}.increment-option.risky.selected{background:#ef444426;border-color:#ef4444;box-shadow:0 0 25px #ef44444d}.increment-value{color:#fff;font-family:var(--font-mono);font-size:17px;font-weight:700}.increment-risk{font-family:var(--font-sans);font-size:9px;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.increment-option.safe .increment-risk{color:#22c55e}.increment-option.moderate .increment-risk{color:#eab308}.increment-option.risky .increment-risk{color:#ef4444}.increment-option.selected .increment-risk{opacity:1}@media (max-width:479px){.increment-options{gap:8px}.increment-option{min-height:48px;padding:12px 16px}.increment-value{font-size:16px}.increment-risk{font-size:8px}}@media (min-width:768px){.increment-selector{gap:10px}.selector-label{font-size:12px}.increment-options{gap:14px}.increment-option{gap:4px;padding:12px 22px}.increment-value{font-size:19px}.increment-risk{font-size:10px}}@media (min-width:1024px){.increment-selector{gap:12px}.selector-label{font-size:13px;letter-spacing:1.5px}.increment-options{gap:18px}.increment-option{border-radius:12px;border-radius:var(--radius-lg,12px);padding:14px 26px}.increment-value{font-size:21px}.increment-risk{font-size:10px}.increment-option.safe.selected{box-shadow:0 0 35px #22c55e59}.increment-option.moderate.selected{box-shadow:0 0 35px #eab30859}.increment-option.risky.selected{box-shadow:0 0 35px #ef444459}}@media (min-width:1400px){.increment-selector{gap:16px}.selector-label{font-size:15px}.increment-options{gap:28px}.increment-option{gap:6px;padding:18px 36px}.increment-value{font-size:26px}.increment-risk{font-size:12px}}@media (min-width:1800px){.increment-selector{gap:20px}.selector-label{font-size:17px;letter-spacing:2px}.increment-options{gap:36px}.increment-option{border-width:3px;gap:8px;padding:22px 44px}.increment-value{font-size:30px}.increment-risk{font-size:13px}.increment-option.safe.selected{box-shadow:0 0 50px #22c55e66}.increment-option.moderate.selected{box-shadow:0 0 50px #eab30866}.increment-option.risky.selected{box-shadow:0 0 50px #ef444466}}.danger-indicator{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:4px;padding:4px 10px;transition:all .3s}.danger-icon{font-size:12px}.danger-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.danger-indicator.safe{animation:none}.danger-indicator.caution{animation:caution-pulse 2s ease-in-out infinite}.danger-indicator.danger{animation:danger-pulse 1s ease-in-out infinite}.danger-indicator.extreme{animation:extreme-pulse .5s ease-in-out infinite}@keyframes caution-pulse{0%,to{box-shadow:0 0 0 0 #eab30866;transform:scale(1)}50%{box-shadow:0 0 8px #eab3084d;transform:scale(1.02)}}@keyframes danger-pulse{0%,to{box-shadow:0 0 0 0 #f9731666;transform:scale(1)}50%{box-shadow:0 0 12px #f9731666;transform:scale(1.05)}}@keyframes extreme-pulse{0%,to{box-shadow:0 0 0 0 #ef444480;transform:scale(1)}50%{box-shadow:0 0 16px #ef444480;transform:scale(1.08)}}.floating-numbers-container{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-number{animation:float-up 1s ease-out forwards;font-size:20px;font-weight:700;position:absolute;transform:translate(-50%,-50%);z-index:50}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) translateY(-30px) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px) scale(.8)}}.particle-canvas{inset:0;pointer-events:none;position:absolute;z-index:40}.debuff-alert{align-items:center;animation:debuff-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ef444433,#ef44441a);border:1px solid #ef444466;border-radius:var(--radius-md);display:flex;gap:10px;padding:10px 16px}@keyframes debuff-pulse{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 15px #ef444433}}.debuff-icon{font-size:18px}.debuff-text{color:#ef4444;flex:1 1;font-family:var(--font-mono);font-size:13px}.debuff-text strong{font-weight:700}.debuff-hint{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:11px}.bot-badge{align-items:center;color:#94a3b8b3;cursor:help;display:inline-flex;justify-content:center;margin-left:4px;position:relative;vertical-align:middle}.bot-badge svg{display:block}.bot-badge:after{background:#1e293bf2;border:1px solid #94a3b833;border-radius:4px;bottom:100%;color:#e2e8f0e6;content:attr(data-tooltip);font-size:11px;font-weight:500;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:100}.bot-badge:hover:after{opacity:1;visibility:visible}.bot-badge:hover{color:#94a3b8}.round-leaderboard{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:200px;overflow:hidden}.round-leaderboard.fullscreen{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;border-radius:0;inset:0;max-height:none;position:fixed;z-index:1000}.leaderboard-header{align-items:center;background:#0000004d;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.fullscreen .leaderboard-header{padding:16px 20px}.header-left{align-items:center;display:flex;gap:10px}.header-title{color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:1px}.fullscreen .header-title{font-size:16px;letter-spacing:2px}.header-count{background:#ffffff0d;border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;padding:2px 8px}.header-right{align-items:center;display:flex;gap:12px}.cooldown-timer,.crash-point,.top-multiplier{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);display:flex;gap:6px;padding:4px 10px}.cooldown-label,.crash-label,.top-label{color:var(--color-text-muted);font-size:9px;font-weight:600;letter-spacing:.5px}.cooldown-value,.crash-value,.top-value{font-family:var(--font-mono);font-size:14px;font-weight:700}.cooldown-value{color:#60a5fa}.close-button{background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:16px;height:32px;transition:background .2s;width:32px}.close-button:hover{background:#fff3}.participants-list{flex:1 1;overflow-y:auto;padding:8px}.fullscreen .participants-list{padding:16px 20px}.participants-list::-webkit-scrollbar{width:3px}.participants-list::-webkit-scrollbar-track{background:#0000}.participants-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.no-participants{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:30px}.no-participants-text{color:var(--color-text-secondary);font-size:13px}.no-participants-hint{color:var(--color-text-muted);font-size:11px}.participant-row{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:10px;margin-bottom:6px;padding:8px 10px;transition:all .2s}.fullscreen .participant-row{animation:slideIn .3s ease-out backwards;margin-bottom:8px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.participant-row:last-child{margin-bottom:0}.participant-row.cashed{background:linear-gradient(90deg,#22c55e1a,#0000);border-color:#22c55e33}.participant-row.busted{background:linear-gradient(90deg,#ef444414,#0000);border-color:#ef444426;opacity:.7}.participant-row.playing{border-color:#ffffff14}@keyframes pulseGreen{0%{border-color:#22c55e80;box-shadow:0 0 0 0 #22c55e99}50%{border-color:#22c55eb3;box-shadow:0 0 12px 4px #22c55e4d}to{border-color:#ffffff14;box-shadow:0 0 0 0 #22c55e00}}@keyframes pulseYellow{0%{border-color:#eab30880;box-shadow:0 0 0 0 #eab30899}50%{border-color:#eab308cc;box-shadow:0 0 16px 6px #eab30866}to{border-color:#ffffff14;box-shadow:0 0 0 0 #eab30800}}@keyframes pulseRed{0%{border-color:#ef444499;box-shadow:0 0 0 0 #ef4444b3}50%{border-color:#ef4444e6;box-shadow:0 0 20px 8px #ef444480}to{border-color:#ffffff14;box-shadow:0 0 0 0 #ef444400}}.participant-row.pulse-green{animation:pulseGreen .6s ease-out}.participant-row.pulse-yellow{animation:pulseYellow .6s ease-out}.participant-row.pulse-red{animation:pulseRed .6s ease-out}.participant-rank{color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px;font-weight:600;text-align:center;width:28px}.fullscreen .participant-rank{font-size:14px;width:40px}.participant-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.participant-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.fullscreen .participant-avatar{font-size:14px;height:36px;width:36px}.participant-details{display:flex;flex-direction:column;gap:1px;min-width:0}.participant-name{align-items:center;color:#fff;display:flex;font-family:var(--font-sans);font-size:12px;font-weight:600;gap:2px;min-width:0;white-space:nowrap}.participant-name .bot-badge{flex-shrink:0}.fullscreen .participant-name{font-size:14px}.participant-bet{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.fullscreen .participant-bet{font-size:11px}.participant-status{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);display:flex;flex-shrink:0;gap:6px;padding:4px 10px}.fullscreen .participant-status{padding:6px 14px}.participant-status.cashed{background:#22c55e26}.participant-status.busted{background:#ef44441a}.status-icon{font-size:12px}.status-multiplier{font-family:var(--font-mono);font-size:12px;font-weight:700}.fullscreen .status-multiplier{font-size:14px}.status-multiplier.busted{color:#ef4444}.status-winnings{color:#22c55e;font-family:var(--font-mono);font-size:11px;font-weight:600;margin-left:4px}.fullscreen .status-winnings{font-size:13px}.status-text{color:#ef4444;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.5px}.status-text.playing-text{color:#60a5fa}.status-text.cashed-text{color:#22c55e}.fullscreen .status-text{font-size:12px}.results-summary{background:#0000004d;border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:16px 20px}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--color-text-muted);font-weight:600}.stat-value{font-family:var(--font-mono);font-size:20px}.stat-value.winners{color:#22c55e}.stat-value.busted{color:#ef4444}@media (max-width:400px){.participant-row{padding:6px 8px}.participant-avatar{font-size:10px;height:24px;width:24px}.participant-name,.status-multiplier{font-size:11px}}@media (min-width:768px){.round-leaderboard{border-radius:12px;border-radius:var(--radius-lg,12px);max-height:240px}.leaderboard-header{padding:14px 18px}.header-title{font-size:13px}.header-count{font-size:11px}.cooldown-value,.crash-value,.top-value{font-size:15px}.participants-list{padding:10px}.participant-row{gap:12px;padding:10px 12px}.participant-avatar{font-size:13px;height:32px;width:32px}.participant-name,.status-multiplier{font-size:13px}}@media (min-width:1024px){.round-leaderboard{max-height:280px}.leaderboard-header{padding:16px 20px}.header-title{font-size:14px;letter-spacing:1.5px}.header-count{font-size:12px;padding:3px 10px}.cooldown-timer,.crash-point,.top-multiplier{padding:6px 12px}.cooldown-label,.crash-label,.top-label{font-size:10px}.cooldown-value,.crash-value,.top-value{font-size:16px}.close-button{font-size:18px;height:36px;width:36px}.participant-row,.participants-list{padding:12px 14px}.participant-row{gap:14px;margin-bottom:8px}.participant-rank{font-size:13px;width:32px}.participant-avatar{font-size:14px;height:36px;width:36px}.participant-name{font-size:14px}.participant-bet{font-size:11px}.participant-status{padding:5px 12px}.status-multiplier{font-size:14px}.status-winnings{font-size:12px}.results-summary{padding:20px 24px}.stat-label{font-size:11px}.stat-value{font-size:22px}}@media (min-width:1400px){.round-leaderboard{margin:0 auto;max-height:360px;max-width:900px}.leaderboard-header{padding:20px 28px}.header-title{font-size:17px}.header-count{font-size:14px}.cooldown-value,.crash-value,.top-value{font-size:20px}.participant-row,.participants-list{padding:16px 20px}.participant-row{margin-bottom:12px}.participant-rank{font-size:15px;width:40px}.participant-avatar{font-size:16px;height:44px;width:44px}.participant-name{font-size:16px}.participant-bet{font-size:13px}.status-multiplier{font-size:16px}.status-winnings{font-size:14px}.results-summary{padding:28px 32px}.stat-label{font-size:13px}.stat-value{font-size:28px}}@media (min-width:1800px){.round-leaderboard{max-height:420px;max-width:1100px}.leaderboard-header{padding:24px 32px}.header-title{font-size:19px}.header-count{font-size:15px}.cooldown-value,.crash-value,.top-value{font-size:22px}.participants-list{padding:20px 24px}.participant-row{margin-bottom:14px;padding:18px 24px}.participant-rank{font-size:17px;width:48px}.participant-avatar{font-size:18px;height:52px;width:52px}.participant-name{font-size:18px}.participant-bet{font-size:14px}.status-multiplier{font-size:18px}.status-winnings{font-size:16px}.results-summary{padding:32px 40px}.stat-label{font-size:14px}.stat-value{font-size:32px}}.live-feed-mini{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:#0f0f1af2;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 -4px 20px #0000004d;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.feed-header{align-items:center;background:#0003;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:8px 12px}.feed-title{color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:600}.feed-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.feed-container{flex:1 1;min-height:0;overflow-y:auto;padding:6px 8px}.feed-container::-webkit-scrollbar{width:3px}.feed-container::-webkit-scrollbar-track{background:#0000}.feed-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.feed-item{align-items:center;animation:slide-in .3s ease-out;background:var(--glass-bg);border-left:3px solid #0000;border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:4px;padding:6px 8px;transition:background .2s}.feed-item:last-child{margin-bottom:0}@keyframes slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.event-icon{flex-shrink:0;font-size:12px}.event-username{color:#ffffffd9;flex:1 1;font-family:var(--font-sans);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-increment,.event-multiplier{font-family:var(--font-mono);font-size:11px;font-weight:600}.event-win{color:#22c55e;font-family:var(--font-mono);font-size:11px;font-weight:700}.event-bust{color:#ef4444}.event-bust,.event-cashed{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.event-cashed{color:#22c55e}.event-amount{font-family:var(--font-mono)}.event-amount,.event-commit{color:var(--color-text-secondary);font-size:11px}.event-commit{font-family:var(--font-sans)}.event-commit .commit-amount{color:#3b82f6;font-family:var(--font-mono);font-weight:600}.feed-item[data-event-type=cashed]{background:linear-gradient(90deg,#22c55e26,#0000);border-left-color:#22c55e}.feed-item[data-event-type=busted]{background:linear-gradient(90deg,#ef444426,#0000);border-left-color:#ef4444}.feed-item[data-event-type=high-risk]{background:linear-gradient(90deg,#f9731626,#0000);border-left-color:#f97316}.feed-item[data-event-type=joined]{background:linear-gradient(90deg,#3b82f61a,#0000);border-left-color:#3b82f6}.feed-item.cashed{background:linear-gradient(90deg,#22c55e26,#0000);border-left-color:#22c55e}.feed-item.busted{background:linear-gradient(90deg,#ef444426,#0000);border-left-color:#ef4444}.feed-item.joined{background:linear-gradient(90deg,#3b82f61a,#0000);border-left-color:#3b82f6}.feed-empty{color:var(--color-text-muted);font-family:var(--font-sans);font-size:12px;padding:20px;text-align:center}.feed-item.green{background:linear-gradient(90deg,#22c55e26,#0000);border-left-color:#22c55e}.feed-item.red{background:linear-gradient(90deg,#ef44441f,#0000);border-left-color:#ef4444}.feed-item.blue{background:linear-gradient(90deg,#3b82f61a,#0000);border-left-color:#3b82f6}.feed-item.purple{background:linear-gradient(90deg,#9333ea1f,#0000);border-left-color:#9333ea}.feed-item.orange{background:linear-gradient(90deg,#f973161f,#0000);border-left-color:#f97316}.feed-item.gold{background:linear-gradient(90deg,#ffd7001f,#0000);border-left-color:gold}.feed-item.cyan{background:linear-gradient(90deg,#06b6d426,#0000);border-left-color:#06b6d4}.feed-item.big-win{background:linear-gradient(90deg,#22c55e40,#22c55e0d);border-left-width:4px}.feed-item.huge-win{animation:huge-win-glow 1s ease-in-out;background:linear-gradient(90deg,#ffd70033,#22c55e1a);border-left-color:gold;border-left-width:4px}@keyframes huge-win-glow{0%,to{box-shadow:0 0 0 #ffd70000}50%{box-shadow:0 0 20px #ffd7004d}}.event-multiplier.big{font-weight:700}.event-multiplier.huge{font-weight:700;text-shadow:0 0 8px currentColor}.event-win.big{font-weight:800}.event-win.huge{color:gold;font-weight:800;text-shadow:0 0 8px #ffd70080}.event-purchase{color:#9333ea;font-family:var(--font-mono);font-size:11px;font-weight:600}.event-level{color:#3b82f6}.event-achievement,.event-level{font-family:var(--font-sans);font-size:11px;font-weight:600}.event-achievement{color:gold}.event-round-starting{align-items:center;display:flex;font-family:var(--font-sans);font-size:11px;gap:8px}.event-round-starting .round-number{color:#06b6d4;font-weight:600}.event-round-starting .seed-hash{background:#06b6d41a;border-radius:4px;color:#06b6d4b3;cursor:help;font-family:var(--font-mono);font-size:10px;padding:2px 6px}.event-round-starting .copy-seed-btn{background:#06b6d426;border:1px solid #06b6d44d;border-radius:4px;color:#06b6d4;cursor:pointer;font-family:var(--font-sans);font-size:9px;font-weight:500;padding:2px 6px;transition:all .15s ease}.event-round-starting .copy-seed-btn:hover{background:#06b6d440;border-color:#06b6d480}.event-round-starting .copy-seed-btn:active{background:#06b6d459;transform:scale(.95)}@media (min-width:768px){.feed-header{padding:12px 14px}.feed-title{font-size:13px}.feed-count{font-size:11px}}@media (min-width:1024px){.live-feed-mini{border-radius:12px;border-radius:var(--radius-lg,12px)}.feed-header{padding:14px 18px}.feed-title{font-size:14px}.feed-count{font-size:12px}.feed-container{padding:12px}.feed-item{border-left-width:4px;gap:10px;margin-bottom:6px;padding:8px 12px}.event-icon{font-size:14px}.event-increment,.event-multiplier,.event-username,.event-win{font-size:13px}.event-amount,.event-bust,.event-cashed,.event-commit{font-size:12px}}@media (min-width:1400px){.live-feed-mini{margin:0 auto;max-width:800px}.feed-header{padding:18px 24px}.feed-title{font-size:16px}.feed-count{font-size:14px}.feed-container{padding:16px}.feed-item{gap:14px;margin-bottom:10px;padding:12px 16px}.event-icon{font-size:18px}.event-increment,.event-multiplier,.event-username,.event-win{font-size:15px}.event-bust,.event-cashed{font-size:14px}}@media (min-width:1800px){.live-feed-mini{max-width:1000px}.feed-header{padding:20px 28px}.feed-title{font-size:18px}.feed-count{font-size:15px}.feed-container{padding:20px}.feed-item{border-left-width:5px;gap:16px;margin-bottom:12px;padding:14px 20px}.event-icon{font-size:20px}.event-increment,.event-multiplier,.event-username,.event-win{font-size:17px}.event-bust,.event-cashed{font-size:15px}}.game-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:12px 16px 100px;position:relative;width:100%}.game-view.phase-countdown{background:radial-gradient(ellipse at center,#3b82f614 0,#0000 70%)}.game-view.phase-running{background:radial-gradient(ellipse at center,#22c55e14 0,#0000 70%);transition:background .5s}.game-view.phase-crashed{animation:crash-flash .3s ease-out;background:radial-gradient(ellipse at center,#ef444426 0,#0000 70%)}@keyframes crash-flash{0%{background:radial-gradient(ellipse at center,#ef444466 0,#0000 70%)}to{background:radial-gradient(ellipse at center,#ef444426 0,#0000 70%)}}.game-feed-section,.game-header-info{flex-shrink:0;width:100%}.game-header-info{align-items:center;display:flex;justify-content:space-between}.phase-countdown,.phase-crashed,.phase-running,.phase-waiting{align-items:flex-start;display:flex;flex-direction:column}.countdown-label,.crashed-label,.waiting-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:11px;letter-spacing:1px;text-transform:uppercase}.countdown-timer{color:#60a5fa;font-family:var(--font-mono);font-size:28px;font-weight:700;text-shadow:0 0 20px #60a5fa80}.time-remaining{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:20px;font-weight:600}.crashed-label{animation:shake .3s ease-in-out}.crash-point,.crashed-label{color:#ef4444;font-weight:700}.crash-point{font-family:var(--font-mono);font-size:24px;text-shadow:0 0 20px #ef444480}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.game-main{justify-content:center;padding:20px 0;width:100%}.game-main,.play-controls-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.play-controls-wrapper{background:#0000;border:1px solid #0000;border-radius:0;padding:0;transform:scale(1);transform-origin:center bottom;will-change:transform,opacity;z-index:50}.play-controls-wrapper.sticky{background:#0000;border-color:#0000;border-radius:0;bottom:180px;left:50%;opacity:1;padding:0;position:fixed;transform:translateX(-50%) scale(.95);transition:opacity .3s ease-out,transform .3s ease-out;z-index:90}.play-controls-wrapper.sticky.dimmed{opacity:.2;transform:translateX(-50%) scale(.9)}.play-controls-wrapper.sticky.faded{opacity:.08;transition:opacity .1s ease-out}.phase-running .play-controls-wrapper.sticky:not(.faded){animation:sticky-pulse 2s ease-in-out infinite;opacity:1;transform:translateX(-50%) scale(.95)}@keyframes sticky-pulse{0%,to{opacity:.95;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(.96)}}.sticky-mode-content{display:flex;flex-direction:column;gap:12px;width:100%}.players-section.at-top{flex-shrink:0;width:100%}.activity-section.at-top{width:100%}.controls-sticky .game-main{min-height:0;padding:0}.play-controls-placeholder{align-items:center;display:flex;flex-direction:column;opacity:0;pointer-events:none;width:100%}.game-footer{flex-shrink:0;width:100%}.view-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:4px;justify-content:center;margin:0 auto;padding:4px;width:-webkit-fit-content;width:fit-content}.toggle-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 20px;transition:all .2s}.toggle-btn.active{background:#ffffff1a;color:#fff}.toggle-btn:hover:not(.active){color:#fff}.game-content{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.players-section{width:100%}.players-section .round-leaderboard{overflow:visible}.activity-section{width:100%}.round-results-preview{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;width:100%}.round-results-preview .round-leaderboard{flex:1 1;max-height:none;width:100%}.view-fullscreen-btn{background:#0000;border:2px solid #6366f1;border-radius:var(--radius-md);color:#6366f1;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .2s}.view-fullscreen-btn:hover{background:#6366f1;box-shadow:0 0 30px #6366f166;color:#fff}.phase-cooldown .game-view{background:radial-gradient(ellipse at center,#6366f11a 0,#0000 70%)}.cooldown-timer{color:#60a5fa;font-family:var(--font-mono);font-size:12px;font-weight:600;margin-top:2px}@media (min-width:768px){.game-view{gap:18px;padding:20px 40px 100px}.game-main{gap:26px}.game-header-info{padding:0 20px}.play-controls-wrapper{gap:26px}.play-controls-wrapper.sticky{bottom:200px}}@media (min-width:1024px){.game-view{gap:24px;padding:24px 60px 100px}.game-main{gap:32px}.game-header-info{padding:0 40px}.countdown-timer{font-size:36px}.time-remaining{font-size:26px}.crash-point{font-size:32px}.play-controls-wrapper{gap:32px}.play-controls-wrapper.sticky{bottom:220px}}@media (min-width:1400px){.game-view{gap:28px;padding:32px 80px 100px}.game-main{gap:36px}.game-header-info{padding:0 60px}.countdown-timer{font-size:42px}.time-remaining{font-size:32px}.crash-point{font-size:38px}.play-controls-wrapper{gap:36px}.play-controls-wrapper.sticky{bottom:240px}}@media (min-width:1800px){.game-view{gap:32px;padding:40px 120px 100px}.game-main{gap:40px}.game-header-info{padding:0 80px}.countdown-timer{font-size:48px}.time-remaining{font-size:36px}.crash-point{font-size:44px}.play-controls-wrapper{gap:40px}.play-controls-wrapper.sticky{bottom:260px}}@media (max-height:700px){.game-view{gap:8px;padding:8px 12px 100px}.game-main,.play-controls-wrapper{gap:12px}.play-controls-wrapper.sticky{bottom:150px}.sticky-mode-content{gap:8px}}@media (max-width:479px){.game-view{gap:8px;padding:8px 8px 100px}.game-main{gap:12px;padding:10px 0}.play-controls-wrapper{gap:12px}.game-content{gap:10px}.play-controls-wrapper.sticky{bottom:160px}.view-toggle{padding:3px}.toggle-btn{font-size:11px;padding:6px 14px}}.multiplier-display{align-items:baseline;color:#22c55e;color:var(--multiplier-color,#22c55e);display:flex;justify-content:center;position:relative;text-shadow:0 0 40px #22c55e80;text-shadow:0 0 40px var(--multiplier-glow,#22c55e80);transition:color .3s,text-shadow .3s,transform .15s}.multiplier-value{font-family:var(--font-mono);font-size:64px;font-weight:700;letter-spacing:-2px;line-height:1}.multiplier-x{font-family:var(--font-mono);font-size:36px;font-weight:600;margin-left:4px;opacity:.8}.multiplier-display.active{animation:pulse-glow 2s ease-in-out infinite;animation:pulse-glow var(--pulse-speed,2s) ease-in-out infinite}.multiplier-display.click-bump{transform:scale(1.1)}.multiplier-display.cashed-out{animation:none;opacity:.7}.cashed-badge{animation:badge-pop .3s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 16px #22c55e80;color:#fff;font-family:var(--font-sans);font-size:10px;font-weight:700;left:50%;letter-spacing:1px;padding:4px 14px;position:absolute;text-transform:uppercase;top:-24px;transform:translateX(-50%)}@keyframes badge-pop{0%{opacity:0;transform:translateX(-50%) scale(0)}60%{transform:translateX(-50%) scale(1.1)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15);filter:brightness(var(--glow-intensity,1.15))}}.multiplier-display[data-danger=low]{--glow-intensity:1.1}.multiplier-display[data-danger=medium]{--glow-intensity:1.15}.multiplier-display[data-danger=high]{--glow-intensity:1.25}.multiplier-display[data-danger=high] .multiplier-value{animation:danger-shake .15s ease-in-out infinite}.multiplier-display[data-danger=extreme]{--glow-intensity:1.35}.multiplier-display[data-danger=extreme] .multiplier-value{animation:danger-shake .1s ease-in-out infinite;font-size:68px}@keyframes danger-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (max-width:400px){.multiplier-value{font-size:52px}.multiplier-x{font-size:28px}.multiplier-display[data-danger=extreme] .multiplier-value{font-size:56px}}@media (min-width:768px){.multiplier-value{font-size:72px}.multiplier-x{font-size:40px}.multiplier-display[data-danger=extreme] .multiplier-value{font-size:76px}.cashed-badge{font-size:11px;padding:5px 16px}}@media (min-width:1024px){.multiplier-value{font-size:84px;letter-spacing:-3px}.multiplier-x{font-size:48px;margin-left:6px}.multiplier-display[data-danger=extreme] .multiplier-value{font-size:88px}.cashed-badge{font-size:12px;padding:6px 18px;top:-28px}}@media (min-width:1400px){.multiplier-value{font-size:110px}.multiplier-x{font-size:62px}.multiplier-display[data-danger=extreme] .multiplier-value{font-size:116px}.cashed-badge{font-size:14px;padding:8px 24px;top:-36px}}@media (min-width:1800px){.multiplier-value{font-size:140px}.multiplier-x{font-size:76px}.multiplier-display[data-danger=extreme] .multiplier-value{font-size:148px}.cashed-badge{font-size:16px;padding:10px 28px;top:-44px}}.potential-win-display{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:8px 16px}.potential-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.potential-value{align-items:baseline;color:#fff;display:flex;font-family:var(--font-mono);font-size:18px;font-weight:700;gap:6px}.potential-profit{color:#22c55e;font-size:12px;font-weight:600}.play-page{align-items:center;min-height:100%;width:100%}.attack-page,.play-page{display:flex;flex-direction:column}.attack-page{gap:16px;padding:16px 16px 100px}.page-header{align-items:center;display:flex;gap:10px;justify-content:center;padding:12px}.page-icon{font-size:24px}.page-title{color:#fff;font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:3px}.active-attacks-banner{align-items:center;animation:alert-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ef444433,#ef44441a);border:1px solid #ef444466;border-left:3px solid #ef4444;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 16px}@keyframes alert-pulse{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 20px #ef444433}}.banner-icon{font-size:24px}.banner-content{display:flex;flex:1 1;flex-direction:column}.banner-title{color:#ef4444;font-family:var(--font-sans);font-size:14px;font-weight:700}.banner-detail{color:var(--color-text-secondary)}.banner-detail,.buy-shield-btn{font-family:var(--font-sans);font-size:12px}.buy-shield-btn{background:#0000;border:2px solid #3b82f6;border-radius:var(--radius-sm);color:#3b82f6;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.buy-shield-btn:hover{background:#3b82f6;box-shadow:0 0 20px #3b82f666;color:#fff}.attack-section{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h2{font-family:var(--font-sans);font-size:16px;font-weight:700;margin:0}.charge-count,.rival-count,.shield-count{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:14px}.charges-display{gap:16px;margin-bottom:8px}.charge-orb,.charges-display{display:flex;justify-content:center}.charge-orb{align-items:center;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;font-size:24px;height:52px;opacity:.3;transition:all .3s;width:52px}.charge-orb.filled{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf24;box-shadow:0 0 25px #fbbf2466;opacity:1}.charges-hint{color:var(--color-text-muted);font-family:var(--font-sans);font-size:12px;margin:0;text-align:center}.sabotage-button{align-items:center;background:linear-gradient(90deg,#ef444426,#ef444414);border:2px solid #ef444466;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .3s;width:100%}.sabotage-button:hover:not(:disabled){background:linear-gradient(90deg,#ef444440,#ef444426);border-color:#ef4444;box-shadow:0 8px 24px #ef44444d;transform:translateY(-2px)}.sabotage-button:disabled{cursor:not-allowed;opacity:.5}.sabotage-icon{font-size:32px}.sabotage-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.sabotage-text{color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:700}.sabotage-effect{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px}.sabotage-cost-display{align-items:center;background:var(--glass-bg);border-radius:var(--radius-sm);display:flex;flex-direction:column;padding:8px 12px}.cost-value{color:#fbbf24;font-family:var(--font-mono);font-size:18px;font-weight:700}.cost-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:10px}.attack-separator{align-items:center;display:flex;gap:14px;padding:8px 0}.attack-separator .separator-line{background:linear-gradient(90deg,#0000,var(--glass-border),#0000);flex:1 1;height:1px}.attack-separator .separator-text{color:var(--color-text-muted);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.rivals-list{display:flex;flex-direction:column;gap:8px}.rival-card{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:12px;transition:border-color .2s}.rival-card:hover{border-color:#ffffff26}.rival-info{align-items:center;display:flex;gap:12px}.rival-rank{color:#fbbf24;font-family:var(--font-mono);font-size:15px;font-weight:700;min-width:45px}.rival-details{display:flex;flex-direction:column;gap:2px}.rival-name{color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:600}.rival-score{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px}.target-btn{align-items:center;background:#0000;border:2px solid #f97316;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 14px;transition:all .2s}.target-btn:hover:not(:disabled){background:#f97316;box-shadow:0 0 20px #f9731666}.target-btn:hover:not(:disabled) .target-cost,.target-btn:hover:not(:disabled) .target-icon{color:#fff}.target-btn:disabled{cursor:not-allowed;opacity:.5}.target-icon{font-size:16px}.target-cost{color:#f97316;font-family:var(--font-mono);font-size:10px;font-weight:600}.defense-options{display:flex;flex-direction:column;gap:8px}.defense-btn{align-items:center;background:var(--glass-bg);border:2px solid #3b82f64d;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .3s}.defense-btn:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.defense-icon{font-size:28px}.defense-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.defense-name{color:#fff;font-size:14px;font-weight:600}.defense-desc,.defense-name{font-family:var(--font-sans)}.defense-desc{color:var(--color-text-secondary);font-size:11px}.defense-cost{color:#fbbf24;font-family:var(--font-mono);font-size:13px;font-weight:600}.attack-footer{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px}.footer-text{font-size:11px;line-height:1.5;margin:0;text-align:center}.empty-state,.footer-text,.loading-state{color:var(--color-text-muted);font-family:var(--font-sans)}.empty-state{gap:4px}.purchase-preview-backdrop{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.purchase-preview-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.preview-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.preview-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.preview-header .close-btn{background:none;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;padding:4px;transition:all .2s}.preview-header .close-btn:hover{background:#ffffff1a;color:#fff}.preview-content{padding:20px 24px}.preview-section{margin-bottom:20px}.preview-section:last-child{margin-bottom:0}.preview-section h3{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.value-breakdown{display:flex;flex-direction:column;gap:12px}.value-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:12px;padding:12px}.value-item.bonus{background:linear-gradient(135deg,#4ade801a,#22c55e1a);border:1px solid #4ade8033}.value-icon{background:#ffffff1a;border-radius:10px;color:#fbbf24;height:40px;padding:8px;width:40px}.value-item.bonus .value-icon{color:#4ade80}.value-details{display:flex;flex-direction:column}.value-amount{color:#fff;font-size:1.25rem;font-weight:700}.value-label{color:#ffffff80;font-size:.8rem}.balance-preview{background:#ffffff0d;border-radius:10px;padding:16px}.balance-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.balance-row .balance-label{color:#fff9;font-size:.9rem}.balance-row .balance-value{color:#fff;font-size:.95rem;font-weight:500}.balance-row.addition .balance-value{color:#4ade80}.balance-divider{background:#ffffff1a;height:1px;margin:8px 0}.balance-row.total{padding-top:12px}.balance-row.total .balance-label{color:#fff;font-weight:600}.balance-row.total .balance-value{color:#fbbf24;font-size:1.25rem;font-weight:700}.vip-preview{background:#ffffff0d;border-radius:10px;padding:16px}.vip-current{align-items:center;display:flex;gap:12px;margin-bottom:12px}.vip-tier{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.vip-tier.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.vip-tier.silver{background:linear-gradient(135deg,silver,grey);color:#000}.vip-tier.gold{background:linear-gradient(135deg,gold,#ffb700);color:#000}.vip-tier.platinum{background:linear-gradient(135deg,#e5e4e2,#a0a0a0);color:#000}.vip-tier.obsidian{background:linear-gradient(135deg,#3d3d3d,#1a1a1a);color:#fff}.vip-bonus{color:#fff9;font-size:.85rem}.vip-progress-info{align-items:center;color:#4ade80;display:flex;font-size:.85rem;gap:8px}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.benefits-list li svg{color:#4ade80;flex-shrink:0}.preview-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:.875rem;margin-top:16px;padding:12px;text-align:center}.preview-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.preview-footer .cancel-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s}.preview-footer .cancel-btn:hover{background:#ffffff1a}.preview-footer .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.preview-footer .purchase-btn{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;flex:2 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.preview-footer .purchase-btn:hover{box-shadow:0 4px 12px #4ade8066;transform:translateY(-1px)}.preview-footer .purchase-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.preview-footer .purchase-btn .spinner{animation:spin 1s linear infinite}@media (max-width:480px){.purchase-preview-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:100vh;max-width:100%;position:fixed;right:0}.preview-footer{flex-direction:column-reverse}.preview-footer .cancel-btn,.preview-footer .purchase-btn{flex:none;width:100%}}.vip-progress-card{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:20px;position:relative}.vip-progress-card:before{background:linear-gradient(90deg,gold,#ffb700);background:linear-gradient(90deg,var(--tier-primary,gold),var(--tier-secondary,#ffb700));content:"";height:3px;left:0;position:absolute;right:0;top:0}.vip-progress-card.loading{min-height:200px}.loading-skeleton{border-radius:8px}.vip-header{justify-content:space-between;margin-bottom:16px}.tier-badge-wrapper,.vip-header{align-items:center;display:flex}.tier-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000004d;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:6px 14px}.current-bonus{align-items:flex-end;display:flex;flex-direction:column}.bonus-label{color:#ffffff80;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.bonus-value{color:#4ade80;font-size:1.25rem;font-weight:700}.current-benefits{background:#ffffff08;border-radius:10px;margin-bottom:16px;padding:14px}.current-benefits h4{color:#ffffff80;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.current-benefits ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.current-benefits li{align-items:center;color:#fffc;display:flex;font-size:.85rem;gap:8px}.current-benefits li svg{color:gold;color:var(--tier-primary,gold);flex-shrink:0}.next-tier-section{border-top:1px solid #ffffff1a;padding-top:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-label{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:6px}.progress-label svg{color:#4ade80}.progress-percent{color:#fff;font-size:.9rem;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:14px;overflow:hidden}.progress-fill{border-radius:4px;box-shadow:0 0 10px #ffd7004d;height:100%}.next-tier-preview{align-items:center;display:flex;gap:10px;margin-bottom:10px}.next-tier-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px}.next-tier-bonus{color:#ffffffb3;font-size:.85rem}.remaining-info{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.remaining-label{color:#ffffff80;font-size:.8rem}.remaining-value{color:#fff;font-size:.95rem;font-weight:600}.max-tier-message{align-items:center;background:#ffd7001a;border-radius:10px;color:gold;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:center;padding:16px}.vip-progress-card.compact{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.vip-progress-card.compact:hover{background:#ffffff0d}.vip-progress-card.compact:before{display:none}.vip-compact-content{align-items:center;display:flex;gap:10px}.vip-compact-content .vip-icon{color:gold;color:var(--tier-primary,gold)}.vip-compact-content .tier-name{font-size:.8rem;font-weight:700;letter-spacing:.05em}.tier-name.bronze{color:#cd7f32}.tier-name.silver{color:silver}.tier-name.gold{color:gold}.tier-name.platinum{color:#e5e4e2}.tier-name.obsidian{color:#a0a0a0}.progress-mini{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:60px}.progress-mini-fill{background:linear-gradient(90deg,gold,#ffb700);background:linear-gradient(90deg,var(--tier-primary,gold),var(--tier-secondary,#ffb700));border-radius:2px;height:100%}.vip-progress-card.compact .chevron{color:#fff6}@media (max-width:480px){.vip-progress-card{padding:16px}.vip-header{flex-direction:column;gap:12px}.current-bonus,.vip-header{align-items:flex-start}}.shop-page{display:flex;flex-direction:column;gap:20px;padding:16px 16px 100px}.shop-page .page-header{align-items:center;display:flex;gap:10px;justify-content:center;padding:12px}.shop-page .page-icon{font-size:24px}.shop-page .page-title{color:#fff;font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:3px}.balance-overview{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:20px;justify-content:center;padding:16px 20px}.balance-item{align-items:center;display:flex;flex-direction:column;gap:4px}.balance-label{color:var(--color-text-muted);font-family:var(--font-sans)}.balance-amount{font-family:var(--font-mono);font-size:22px;font-weight:700}.balance-amount.chips{color:#fbbf24}.balance-amount.coins{color:#22d3ee}.balance-overview .balance-divider{background:var(--glass-border);height:40px;width:1px}.shop-section{display:flex;flex-direction:column;gap:12px}.shop-section .section-header h2{color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:700;margin:0}.shop-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.shop-card{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:16px 12px;position:relative;transition:all .2s}.shop-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.shop-card.popular{border-color:#22c55e66;box-shadow:0 0 20px #22c55e26}.popular-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:9px;font-weight:700;left:50%;letter-spacing:.5px;padding:3px 10px;position:absolute;top:-8px;transform:translateX(-50%)}.bonus-badge{background:#fbbf2433;border:1px solid #fbbf2466;border-radius:var(--radius-sm);color:#fbbf24;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:8px;top:8px}.card-name{color:#fff;font-size:15px;font-weight:700;margin-top:8px}.card-description,.card-name{font-family:var(--font-sans);text-align:center}.card-description{color:var(--color-text-secondary);font-size:11px}.purchase-btn{background:#0000;border:2px solid #22c55e;border-radius:var(--radius-sm);color:#22c55e;cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:700;margin-top:auto;padding:10px 16px;transition:all .2s;width:100%}.purchase-btn:hover{background:#22c55e;box-shadow:0 0 20px #22c55e66;color:#fff}.purchase-btn.small{font-size:12px;padding:8px 14px;width:auto}.purchase-btn.coins{border-color:#22d3ee;color:#22d3ee}.purchase-btn.coins:hover{background:#22d3ee;box-shadow:0 0 20px #22d3ee66;color:#000}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-list-item{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 14px;transition:border-color .2s}.shop-list-item:hover{border-color:#ffffff26}.item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.item-name{color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:600}.item-description{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:11px}.save-badge{background:#22c55e26;border:1px solid #22c55e4d;border-radius:var(--radius-sm);color:#22c55e;font-family:var(--font-sans);font-size:10px;font-weight:600;padding:3px 8px}.shop-footer{padding:12px;text-align:center}.shop-footer p{color:var(--color-text-dim);font-family:var(--font-sans);font-size:10px;line-height:1.4;margin:0}.vip-section{margin-bottom:8px}.shop-section .section-header{align-items:center;display:flex;gap:8px}.shop-section .section-header svg{color:var(--color-text-muted)}.first-purchase-banner{align-items:center;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:1px solid #fbbf244d;border-radius:var(--radius-md);color:#fbbf24;display:flex;gap:12px;padding:14px 18px}.first-purchase-banner svg:first-child{flex-shrink:0}.first-purchase-banner .banner-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.first-purchase-banner .banner-title{color:#fbbf24;font-family:var(--font-sans);font-size:14px;font-weight:700}.first-purchase-banner .banner-text{color:#fbbf24cc;font-family:var(--font-sans);font-size:12px}.first-purchase-banner .sparkle{animation:sparkle-pulse 1.5s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.featured-section{margin-bottom:8px}.featured-card{background:linear-gradient(135deg,#4ade801a,#22c55e0d);border:2px solid #4ade804d;border-radius:var(--radius-md);cursor:pointer;padding:24px 20px;position:relative;transition:all .2s}.featured-card:hover{border-color:#4ade8080;box-shadow:0 0 30px #4ade8033}.featured-badge{background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:var(--radius-full);color:#000;font-family:var(--font-sans);font-size:10px;font-weight:700;left:20px;letter-spacing:.5px;padding:4px 12px;position:absolute;top:-10px}.featured-card .bonus-badge{background:#4ade8033;border-color:#4ade8066;color:#4ade80;right:12px;top:12px}.featured-content{gap:8px}.featured-chips,.featured-content{align-items:center;display:flex;flex-direction:column}.featured-chips .chip-amount{color:#fff;font-family:var(--font-mono);font-size:32px;font-weight:700;line-height:1}.featured-chips .chip-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:12px;letter-spacing:1px;text-transform:uppercase}.featured-bonus{color:#4ade80;font-family:var(--font-mono);font-size:14px;font-weight:600}.featured-price{background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:var(--radius-sm);color:#000;font-size:18px;font-weight:700;margin-top:8px;padding:10px 28px}.card-bonus,.featured-price{font-family:var(--font-mono)}.card-bonus{color:#4ade80;font-size:11px;font-weight:600}.loading-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.shop-card.loading{min-height:140px;padding:0}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:var(--radius-md);height:100%;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:500px){.shop-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:380px){.shop-grid{grid-template-columns:1fr}.balance-overview{flex-direction:row;gap:16px}.balance-amount{font-size:18px}}.top-page{display:flex;flex-direction:column;gap:16px;padding:16px 16px 100px}.season-header{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);justify-content:space-between;padding:14px 16px}.season-header,.season-title{align-items:center;display:flex}.season-title{color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:600;gap:8px}.season-icon{font-size:20px}.season-countdown{align-items:flex-end;display:flex;flex-direction:column}.season-countdown .countdown-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.season-countdown .countdown-value{color:#fbbf24;font-family:var(--font-mono);font-size:18px;font-weight:700;text-shadow:0 0 15px #fbbf2466}.tab-selector{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:12px;transition:all .3s}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.user-position{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b14);border:1px solid #fbbf244d;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px}.position-label{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:14px}.position-rank{color:#fbbf24;font-family:var(--font-mono);font-size:28px;font-weight:700;text-shadow:0 0 20px #fbbf2480}.leaderboard{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.top-three-section{background:linear-gradient(180deg,#fbbf2414,#0000);display:flex;gap:8px;padding:16px}.top-three-card{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 8px;transition:transform .2s,box-shadow .2s}.top-three-card.position-1{border-color:#fbbf2466;box-shadow:0 0 20px #fbbf2433}.top-three-card.position-2{border-color:#c0c0c066}.top-three-card.position-3{border-color:#cd7f3266}.top-three-card.is-user{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.top-badge{font-size:28px}.top-username{align-items:center;color:#fff;display:flex;font-family:var(--font-sans);font-size:12px;font-weight:600;gap:2px;justify-content:center;max-width:100%;min-width:0;text-align:center}.top-username .bot-badge{flex-shrink:0}.top-score{color:#22c55e;font-family:var(--font-mono);font-size:16px;font-weight:700}.top-games{color:var(--color-text-muted);font-family:var(--font-sans);font-size:10px}.context-separator,.leaderboard-separator{align-items:center;display:flex;gap:12px;padding:12px 16px}.separator-line{background:var(--glass-border);flex:1 1;height:1px}.separator-text{color:var(--color-text-muted);font-family:var(--font-sans);font-size:10px;letter-spacing:1px;text-transform:uppercase}.context-list,.leaderboard-list{max-height:300px;overflow-y:auto}.context-list::-webkit-scrollbar,.leaderboard-list::-webkit-scrollbar{width:4px}.context-list::-webkit-scrollbar-track,.leaderboard-list::-webkit-scrollbar-track{background:#0000}.context-list::-webkit-scrollbar-thumb,.leaderboard-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.leaderboard-row{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;padding:12px 16px;transition:background-color .2s}.leaderboard-row:hover{background:var(--glass-bg-hover)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-user{background:linear-gradient(90deg,#3b82f626,#0000);border-left:3px solid #3b82f6}.row-rank{color:#fbbf24;font-family:var(--font-mono);font-size:14px;font-weight:700;text-align:center;width:50px}.row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-left:8px}.row-username{align-items:center;color:#fff;display:flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:2px;min-width:0}.row-username .bot-badge{flex-shrink:0}.row-games{color:var(--color-text-muted);font-family:var(--font-sans);font-size:11px}.row-score{color:#22c55e;font-family:var(--font-mono);font-size:16px;font-weight:700;text-align:right}.chips-to-next{align-items:baseline;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:8px;justify-content:center;padding:14px}.chips-amount{color:#22c55e;font-family:var(--font-mono);font-size:20px;font-weight:700}.chips-label{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:13px}.season-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:12px}.info-item{align-items:center;display:flex;gap:8px}.info-icon{font-size:16px}.info-text{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px}.empty-state,.loading-state{color:var(--color-text-muted);font-family:var(--font-sans);padding:48px 24px}.empty-icon{margin-bottom:8px}.empty-hint{color:var(--color-text-dim);font-size:12px}@media (max-width:479px){.top-page{gap:10px;padding:10px 10px 80px}.season-header{padding:10px 12px}.season-title{font-size:14px;gap:6px}.season-icon{font-size:16px}.season-countdown .countdown-value{font-size:15px}.tab-btn{font-size:13px;min-height:44px;padding:10px}.top-three-section{gap:6px;padding:10px}.top-three-card{padding:8px 6px}.top-badge{font-size:22px}.top-username{font-size:10px}.top-score{font-size:13px}.top-games{font-size:9px}.leaderboard-row{padding:10px 12px}.row-rank{font-size:12px;width:40px}.row-username{font-size:13px;max-width:120px}.row-score{font-size:14px}.user-position{padding:12px}.position-rank{font-size:22px}}@media (min-width:768px){.top-three-section{gap:16px}.top-three-card{padding:16px}.top-badge{font-size:36px}.top-score{font-size:20px}}.me-page{display:flex;flex-direction:column;gap:20px;padding:16px}.profile-header{align-items:center;background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:20px}.avatar-container{position:relative}.avatar-image,.avatar-placeholder{border-radius:50%;height:72px;object-fit:cover;width:72px}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:28px;font-weight:700}.avatar-placeholder,.vip-badge{align-items:center;display:flex;justify-content:center}.vip-badge{border:2px solid #1e1e2d;border-radius:50%;bottom:-4px;font-size:14px;height:28px;position:absolute;right:-4px;width:28px}.profile-info{flex:1 1}.username-display{align-items:center;display:flex;gap:8px}.username{color:#fff;font-size:20px;font-weight:700;margin:0}.username-edit-btn{background:#0000;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s}.username-edit-btn:hover{opacity:1}.username-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.username-input{background:#28283ccc;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;font-weight:600;max-width:200px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.username-input:focus{border-color:#3b82f699}.username-input:disabled{opacity:.6}.username-edit-actions{display:flex;gap:8px}.username-cancel-btn,.username-save-btn{border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.username-save-btn{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.username-save-btn:hover:not(:disabled){background:#22c55e4d}.username-save-btn:disabled{cursor:not-allowed;opacity:.5}.username-cancel-btn{background:#6b728033;border:1px solid #6b728066;color:#9ca3af}.username-cancel-btn:hover:not(:disabled){background:#6b72804d}.username-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.username-error{color:#ef4444;font-size:11px}.email{color:#ffffff80;display:block;font-size:12px;margin-bottom:8px}.tier-display{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.balance-section{display:flex;gap:12px}.balance-card{align-items:center;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px}.balance-card.chips{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf244d}.balance-card.coins{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-color:#22c55e4d}.balance-icon{font-size:24px}.balance-icon.chip-svg,.balance-icon.flex-svg{height:32px;object-fit:contain;width:32px}.balance-label{color:#ffffff80;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.balance-value{color:#fff;font-size:20px;font-weight:700}.balance-card.chips .balance-value{color:#fbbf24}.balance-card.coins .balance-value{color:#22c55e}.achievements-section,.stats-section{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:16px;padding:16px}.achievements-section h2,.stats-section h2{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background:#28283c80;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 8px}.stat-value{font-size:18px}.stat-label{color:#ffffff80;font-size:10px;letter-spacing:.5px;text-align:center}.achievements-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.achievement-item{align-items:center;background:#28283c80;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:transform .2s}.achievement-item.unlocked{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf244d}.achievement-item.locked{filter:grayscale(1);opacity:.4}.achievement-icon{font-size:24px}.achievement-name{color:#ffffffb3;font-size:10px;line-height:1.2;text-align:center}.actions-section{display:flex;flex-direction:column;gap:8px}.action-btn{background:#28283c80;border-radius:12px;color:#fff;font-size:14px;gap:8px;padding:14px}.action-btn:hover{background:#32324699}.action-btn.admin{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.action-btn.admin:hover{background:#8b5cf633}.action-btn.logout{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-btn.logout:hover{background:#ef444433}.empty-state,.loading-state{font-size:14px;padding:24px}.admin-layout{background:#0f0f1a;display:flex;min-height:100vh}.admin-sidebar{background:#141423f2;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;position:fixed;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.sidebar-header h1{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.admin-badge{align-items:center;background:#22c55e1a;border-radius:12px;color:#22c55e;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#3b82f626;color:#60a5fa}.nav-icon{font-size:18px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.logout-btn:hover{background:#ef444433}.logout-icon{font-size:16px}.admin-main{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);flex:1 1;margin-left:260px;min-height:100vh;padding:24px}@media (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0}.admin-layout{flex-direction:column}}.config-editor{max-width:800px}.editor-header{margin-bottom:24px}.editor-header h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.editor-header p{color:#fff9;font-size:14px;margin:0}.category-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.category-tab{background:#28283c80;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;text-transform:capitalize;transition:all .2s}.category-tab:hover{background:#32324699;color:#fff}.category-tab.active{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.configs-list{display:flex;flex-direction:column;gap:16px}.config-item{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.config-key{color:#fff;font-family:monospace;font-size:14px;font-weight:600}.config-type{background:#ffffff1a;border-radius:4px;color:#fff6;font-size:11px;padding:2px 8px;text-transform:uppercase}.config-description{color:#fff9;font-size:13px;margin:0 0 12px}.config-input-group{display:flex;gap:8px}.config-input,.config-select{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-family:monospace;font-size:14px;padding:10px 12px}.config-input:focus,.config-select:focus{border-color:#3b82f6;outline:none}.config-textarea{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-family:monospace;font-size:13px;min-height:80px;padding:10px 12px;resize:vertical}.config-textarea:focus{border-color:#3b82f6;outline:none}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;font-size:13px;padding:10px 20px;transition:transform .2s;white-space:nowrap}.save-btn:hover:not(:disabled){transform:scale(1.02)}.save-btn:disabled{opacity:.5}.config-bounds{color:#fff6;display:block;font-size:11px;margin-top:8px}.config-recommended{color:#60a5fab3;display:block;font-size:11px;margin-top:4px}.config-warning{align-items:center;background:#f59e0b33;border:1px solid #f59e0b80;border-radius:50%;color:#f59e0b;cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;margin-left:8px;width:18px}.user-list{max-width:1000px}.list-header{margin-bottom:24px}.list-header h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.list-header p{color:#fff9;font-size:14px;margin:0}.search-bar{align-items:center;display:flex;gap:16px;margin-bottom:20px}.search-input{background:#1e1e2d99;border:1px solid #fff3;border-radius:10px;color:#fff;flex:1 1;font-size:14px;padding:12px 16px}.search-input:focus{border-color:#3b82f6;outline:none}.search-input::placeholder{color:#fff6}.user-count{color:#ffffff80;font-size:13px;white-space:nowrap}.users-table{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#0003;border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #ffffff0d;padding:12px 16px;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr.banned{background:#ef44440d}.user-cell{min-width:250px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar,.user-avatar-placeholder{border-radius:50%;flex-shrink:0;height:36px;width:36px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:14px;font-weight:600}.user-email{color:#ffffff80;font-size:12px}.status-badge{border-radius:6px;font-weight:600;padding:4px 10px}.status-badge.active{background:#22c55e26}.status-badge.banned{background:#ef444426;color:#ef4444}.date-cell{color:#fff9;font-size:13px;white-space:nowrap}.actions-cell{display:flex;gap:8px}.action-btn{font-size:12px;font-weight:600;padding:6px 12px}.action-btn.ban{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.action-btn.ban:hover:not(:disabled){background:#ef444440}.action-btn.unban{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.action-btn.unban:hover:not(:disabled){background:#22c55e40}.action-btn.view{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.action-btn.view:hover{background:#3b82f640}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#1e1e2dfa;border:1px solid #ffffff1a;border-radius:16px;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.close-btn{background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:16px;height:32px;transition:background-color .2s;width:32px}.close-btn:hover{background:#fff3}.modal-body{padding:20px}.detail-row{border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#ffffff80;font-size:13px}.detail-value{color:#fff;font-size:14px;text-align:right}.detail-value.mono{font-family:monospace;font-size:12px}.detail-value.active{color:#22c55e}.detail-value.banned{color:#ef4444}.vip-badge{background:#ffd70026;border-radius:6px;color:gold;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.action-btn.edit{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.action-btn.edit:hover:not(:disabled){background:#f59e0b40}.edit-modal-content{background:#1e1e2dfa;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.edit-modal-body{flex:1 1;overflow-y:auto;padding:20px}.edit-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:14px;justify-content:space-between;margin:0 20px;padding:12px 16px}.edit-error button{background:#0000;border:1px solid #ef444480;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:4px 12px}.edit-error button:hover{background:#ef44441a}.form-section{border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{color:#f59e0b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-row{margin-bottom:12px}.form-row input[type=datetime-local],.form-row input[type=email],.form-row input[type=number],.form-row input[type=text],.form-row input[type=url],.form-row select{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px}.form-row input:focus,.form-row select:focus{border-color:#f59e0b80;outline:none}.form-row input::placeholder{color:#ffffff4d}.form-row select{cursor:pointer}.form-row select option{background:#1e1e2d;color:#fff}.form-row-group{display:flex;gap:12px;margin-bottom:12px}.form-row.half,.form-row.third{flex:1 1;margin-bottom:0}.checkbox-row{margin-bottom:12px}.checkbox-label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;height:18px;width:18px}.readonly-fields{background:#0003;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.readonly-field{align-items:center;display:flex;justify-content:space-between}.readonly-label{color:#ffffff80;font-size:12px}.readonly-value{color:#ffffffb3;font-size:13px}.readonly-value.mono{font-family:monospace;font-size:11px}.readonly-section{background:#00000026;border-bottom:none;border-radius:8px;margin-bottom:0;padding:16px}.timestamp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.timestamp-item{display:flex;flex-direction:column;gap:4px}.timestamp-label{color:#ffffff80;font-size:12px}.timestamp-value{color:#ffffffb3;font-size:13px}.form-actions{background:#0003;border-top:1px solid #ffffff1a;padding:16px 20px}.cancel-btn{transition:background-color .2s}.cancel-btn:hover:not(:disabled){background:#ffffff26}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background:linear-gradient(135deg,#f59e0b,#d97706);transition:all .2s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d}.action-btn.delete{background:#dc262626;border:1px solid #dc26264d;color:#dc2626}.action-btn.delete:hover:not(:disabled){background:#dc262640}.delete-modal-content{background:#1e1e2dfa;border:1px solid #dc26264d;border-radius:16px;max-width:500px;overflow:hidden;width:90%}.delete-header{background:#dc26261a;border-bottom-color:#dc262633}.delete-header h3{color:#ef4444}.delete-modal-body{padding:20px}.delete-warning{align-items:flex-start;background:#dc26261a;border:1px solid #dc262633;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-icon{color:#ef4444;flex-shrink:0;font-size:24px}.delete-warning p{color:#fffc;font-size:14px;line-height:1.5;margin:0}.delete-warning strong{color:#ef4444}.delete-user-info{align-items:center;background:#0003;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.delete-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.delete-user-details{display:flex;flex-direction:column}.delete-user-name{color:#fff;font-size:16px;font-weight:600}.delete-user-email{color:#ffffff80;font-size:13px}.delete-data-list{margin-bottom:20px}.delete-data-list p{color:#fff9;font-size:13px;margin:0 0 8px}.delete-data-list ul{margin:0;padding-left:20px}.delete-data-list li{color:#ffffffb3;font-size:13px;margin-bottom:4px}.delete-confirmation-input{margin-bottom:16px}.delete-confirmation-input label{color:#fffc;display:flex;flex-direction:column;font-size:14px;gap:8px}.delete-confirmation-input label strong{color:#ef4444}.delete-confirmation-input input{background:#0000004d;border:2px solid #dc26264d;border-radius:8px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;padding:12px 16px;text-align:center;text-transform:uppercase}.delete-confirmation-input input:focus{border-color:#dc262699;outline:none}.delete-confirmation-input input::placeholder{color:#ffffff4d;letter-spacing:normal;text-transform:none}.delete-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.delete-actions{background:#dc26260d}.delete-confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.delete-confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #dc262666}.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.bot-config-editor{background:#111827;border:1px solid #374151;border-radius:8px;margin:.5rem 0;overflow:hidden}.editor-header{align-items:center;background:#1f2937;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem}.editor-header h3{color:#fff;font-size:1rem;margin:0}.firebase-uid{color:#6b7280;font-family:monospace;font-size:.75rem}.editor-loading{color:#9ca3af;padding:2rem;text-align:center}.editor-error{align-items:center;background:#ef44441a;border-bottom:1px solid #ef44444d;color:#fca5a5;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem}.editor-error button{background:#0000;border:none;color:#fca5a5;cursor:pointer;text-decoration:underline}.section-tabs{background:#1f2937;border-bottom:1px solid #374151;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem 1rem}.section-tab{background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.section-tab:hover{background:#ffffff0d;color:#fff}.section-tab.active{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.section-content{max-height:400px;overflow-y:auto;padding:1rem}.section-description{color:#6b7280;font-size:.75rem;margin:0 0 1rem}.params-grid{display:flex;flex-direction:column;gap:1rem}.param-row{background:#ffffff05;border:1px solid #374151;border-radius:6px;padding:.75rem}.param-header{margin-bottom:.5rem}.param-name{align-items:center;color:#e5e7eb;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;text-transform:capitalize}.override-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;width:8px}.param-description{color:#6b7280;font-size:.75rem;margin-top:.25rem}.param-controls{gap:.5rem}.param-controls,.slider-input{align-items:center;display:flex}.slider-input{flex:1 1;gap:.75rem}.config-slider{-webkit-appearance:none;background:#374151;border-radius:3px;flex:1 1;height:6px;outline:none}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .2s;transition:background .2s;width:16px}.config-slider::-webkit-slider-thumb:hover{background:#2563eb}.config-slider.changed::-webkit-slider-thumb{background:#f59e0b}.config-number{background:#1f2937;border:1px solid #374151;border-radius:4px;color:#e5e7eb;font-size:.875rem;padding:.375rem .5rem;text-align:right;width:80px}.config-number.changed{border-color:#f59e0b}.config-input{background:#1f2937;border:1px solid #374151;border-radius:4px;color:#e5e7eb;flex:1 1;font-size:.875rem;padding:.5rem}.config-input.changed{border-color:#f59e0b}.array-input{flex:1 1}.array-input .config-input{width:100%}.bool-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.bool-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.bool-toggle input[type=checkbox].changed{accent-color:#f59e0b}.bool-label{color:#d1d5db;font-size:.8rem}.param-actions{flex-shrink:0}.reset-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:.75rem;padding:.375rem .625rem;transition:all .2s}.reset-btn:hover:not(:disabled){background:#ef444433}.reset-btn:disabled{cursor:not-allowed;opacity:.5}.param-meta{color:#6b7280;display:flex;font-size:.675rem;gap:1rem;margin-top:.5rem}.default-value,.range{font-family:monospace}.editor-footer{align-items:center;background:#1f2937;border-top:1px solid #374151;display:flex;justify-content:space-between;padding:1rem}.pending-indicator{color:#f59e0b;font-size:.75rem}.footer-actions{display:flex;gap:.5rem}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.cancel-btn{background:#0000;border:1px solid #374151;color:#9ca3af}.cancel-btn:hover:not(:disabled){background:#ffffff0d;color:#fff}.save-btn{background:#3b82f6;color:#fff}.save-btn:hover:not(:disabled){background:#2563eb}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5}.bot-manager{max-width:1200px;padding:1.5rem}.manager-header{margin-bottom:1.5rem}.manager-header h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.manager-header p{color:#9ca3af;font-size:.875rem;margin:0}.error-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.stat-card{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:1rem;text-align:center}.stat-card.active{background:#22c55e1a;border-color:#22c55e80}.stat-card.sleeping{background:#eab3081a;border-color:#eab30880}.stat-card.rage{background:#ef44441a;border-color:#ef444480}.stat-card.players{background:#3b82f61a;border-color:#3b82f680}.stat-card.inactive{background:#9ca3af1a;border-color:#9ca3af80}.stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#9ca3af;font-size:.75rem;margin-top:.5rem;text-transform:uppercase}.actions-panel{background:#1f2937;border:1px solid #374151;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.actions-panel h3{color:#fff;font-size:1rem;margin:0 0 1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{border:none;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.success{background:#22c55e;color:#fff}.action-btn.success:hover:not(:disabled){background:#16a34a}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover:not(:disabled){background:#dc2626}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover:not(:disabled){background:#2563eb}.action-btn.warning{background:#f59e0b;color:#000}.action-btn.warning:hover:not(:disabled){background:#d97706}.bot-list-panel{background:#1f2937;border:1px solid #374151;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.bot-list-panel h3{color:#fff;font-size:1rem;margin:0 0 1rem}.empty-state{color:#6b7280;padding:2rem;text-align:center}.bot-table-wrapper{overflow-x:auto}.bot-table{border-collapse:collapse;font-size:.875rem;width:100%}.bot-table td,.bot-table th{border-bottom:1px solid #374151;padding:.75rem .5rem;text-align:left}.bot-table th{color:#9ca3af;font-size:.75rem;font-weight:500;text-transform:uppercase}.bot-table td{color:#e5e7eb}.bot-table tbody tr:hover{background:#ffffff05}.username-cell{color:#fff;font-weight:500}.personality-cell{color:#9ca3af}.personality-cell,.status-badge{font-size:.75rem;text-transform:capitalize}.status-badge{color:#fff;display:inline-block;padding:.25rem .5rem}.wl-cell{font-family:monospace}.wl-cell .wins{color:#22c55e}.wl-cell .separator{color:#6b7280;margin:0 .25rem}.wl-cell .losses{color:#ef4444}.balance-cell{color:#fbbf24;font-family:monospace}.actions-cell{text-align:center}.mini-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.mini-btn:disabled{cursor:not-allowed;opacity:.5}.mini-btn.retire{background:#ef444433;color:#fca5a5}.mini-btn.retire:hover:not(:disabled){background:#ef44444d}.mini-btn.wake{background:#22c55e33;color:#86efac}.mini-btn.wake:hover:not(:disabled){background:#22c55e4d}.mini-btn.enable{background:#22c55e33;color:#86efac}.mini-btn.enable:hover:not(:disabled){background:#22c55e4d}.no-action{color:#6b7280}.expand-cell{text-align:center;width:40px}.expand-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:4px;color:#93c5fd;cursor:pointer;font-size:.625rem;height:24px;padding:0;transition:all .2s;width:24px}.expand-btn:hover{background:#3b82f633}.expand-btn.expanded{background:#3b82f633;color:#3b82f6}.mini-btn.configure{background:#3b82f633;color:#93c5fd;margin-right:.25rem}.mini-btn.configure:hover:not(:disabled){background:#3b82f64d}.bot-table tbody tr.expanded{background:#3b82f60d}.bot-table tbody tr.expanded td{border-bottom-color:#0000}.config-row td{background:#0000;padding:0!important}.config-row:hover{background:#0000!important}.service-status{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:1rem}.service-status h3{color:#fff;font-size:1rem;margin:0 0 1rem}.status-info{flex-direction:column;margin-bottom:1rem}.info-row,.status-info{display:flex;gap:.5rem}.info-label{color:#9ca3af;font-size:.875rem}.info-value{font-size:.875rem;font-weight:500}.info-value.online{color:#22c55e}.info-value.offline{color:#ef4444}.info-value.enabled{color:#22c55e}.info-value.disabled{color:#f59e0b}.info-value.url{color:#9ca3af;font-family:monospace;font-size:.75rem}.service-hint{background:#3b82f61a;border-radius:6px;color:#93c5fd;font-size:.75rem;margin:0;padding:.75rem}.label-cell{text-align:center}.label-toggle{border:none;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:600;min-width:36px;padding:.2rem .5rem;transition:all .2s}.label-toggle.off{background:#6b728033;color:#6b7280}.label-toggle.on{background:#22c55e33;color:#86efac}.label-toggle:hover:not(:disabled){opacity:.8}.label-toggle:disabled{cursor:not-allowed;opacity:.5}.loading-state{color:#9ca3af;padding:3rem;text-align:center}.radio-editor{max-width:900px;padding:20px}.radio-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-title{align-items:baseline;display:flex;gap:12px}.header-title h2{color:#fff;font-size:20px;margin:0}.station-count{color:#ffffff80;font-size:14px}.add-station-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-station-btn:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.radio-editor-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffd70033;border-top-color:gold;height:32px;width:32px}.radio-editor-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.radio-editor-error button{background:#0000;border:1px solid #ef444480;border-radius:4px;color:#ef4444;cursor:pointer;padding:4px 12px}.station-form-container{background:#0000004d;border:1px solid #ffd70033;border-radius:12px;margin-bottom:20px;padding:20px}.station-form h3{color:gold;font-size:16px;margin:0 0 16px}.form-row{margin-bottom:16px}.form-row label{color:#ffffffb3;display:flex;flex-direction:column;font-size:13px;gap:6px}.form-row input[type=text],.form-row input[type=url]{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px}.form-row input:focus{border-color:#ffd70080;outline:none}.color-row .color-input-group{display:flex;gap:8px}.color-row input[type=color]{background:#0000;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;height:38px;padding:2px;width:44px}.color-row input[type=text]{flex:1 1;font-family:monospace}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-btn:hover{background:#ffffff26}.save-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffd7004d}.save-btn:disabled{cursor:not-allowed;opacity:.6}.stations-list{display:flex;flex-direction:column;gap:8px}.stations-empty{color:#ffffff80;padding:40px;text-align:center}.stations-empty span{display:block;font-size:16px;margin-bottom:8px}.stations-empty p{font-size:14px;margin:0;opacity:.7}.station-item{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.station-item:hover{background:#0000004d;border-color:#ffffff1a}.station-item.inactive{opacity:.5}.station-item.dragging{opacity:.5;transform:scale(.98)}.station-drag-handle{align-items:center;color:#fff6;cursor:grab;display:flex;height:20px;justify-content:center;width:20px}.station-drag-handle:hover{color:#fff9}.station-drag-handle:active{cursor:grabbing}.station-drag-handle svg{fill:currentColor;height:20px;width:20px}.station-color-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.station-info{flex:1 1;min-width:0}.station-name{color:#fff;font-size:14px;font-weight:500}.station-desc,.station-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-desc{color:#ffffff80;font-size:12px}.station-playlist-id{color:#ffffff4d;display:block;font-family:monospace;font-size:11px}.station-status{flex-shrink:0}.status-badge{border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e}.status-badge.inactive{background:#ffffff1a;color:#ffffff80}.station-actions{display:flex;flex-shrink:0;gap:6px}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn svg{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.action-btn.preview-btn svg{fill:currentColor;stroke:none}.action-btn:hover{background:#ffffff1a;color:#fff}.action-btn.preview-btn:hover{border-color:#1db9544d;color:#1db954}.action-btn.toggle-btn:hover{border-color:#ffd7004d;color:gold}.action-btn.edit-btn:hover{border-color:#3b82f64d;color:#3b82f6}.action-btn.delete-btn:hover{border-color:#ef44444d;color:#ef4444}.radio-editor-help{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:8px;margin-top:24px;padding:16px}.radio-editor-help h4{color:gold;font-size:13px;margin:0 0 12px}.radio-editor-help ul{margin:0;padding-left:20px}.radio-editor-help li{color:#fff9;font-size:13px;margin-bottom:6px}.radio-editor-help li:last-child{margin-bottom:0}.audit-log{max-width:800px}.log-header{margin-bottom:24px}.log-header h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.log-header p{color:#fff9;font-size:14px;margin:0}.filter-bar{display:flex;gap:8px;margin-bottom:20px}.filter-btn{background:#28283c80;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#32324699;color:#fff}.filter-btn.active{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.log-list{display:flex;flex-direction:column;gap:8px}.log-entry{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px}.entry-icon{flex-shrink:0;font-size:20px}.entry-content{flex:1 1;min-width:0}.entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.entry-action{font-size:14px;font-weight:600;text-transform:capitalize}.entry-time{color:#fff6;font-size:12px}.entry-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.entry-admin{color:#ffffffb3;font-size:13px}.entry-separator{color:#ffffff4d}.entry-target{background:#ffffff0d;border-radius:4px;padding:2px 8px}.entry-extra,.entry-target{color:#ffffff80;font-family:monospace;font-size:12px}.entry-extra{background:#0003;border-radius:6px;margin-top:8px;padding:8px 12px;word-break:break-all}.empty-state,.loading-state{background:#1e1e2d66;border-radius:12px;color:#ffffff80;padding:48px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:8px}.empty-icon{font-size:48px}.system-actions{max-width:800px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.section-header p{color:#9ca3af;font-size:.875rem;margin:0}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-banner .error-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.error-banner button{background:#0000;border:none;color:#fca5a5;cursor:pointer;margin-left:auto;text-decoration:underline}.result-banner{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.result-banner.success{background:#22c55e1a;border:1px solid #22c55e4d}.result-banner.error{background:#ef44441a;border:1px solid #ef44444d}.result-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.result-icon{font-size:1.25rem}.result-banner.success .result-icon{color:#22c55e}.result-banner.error .result-icon{color:#ef4444}.result-title{color:#fff;font-weight:600}.result-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:.75rem}.result-item{background:#0003;border-radius:4px;display:flex;font-size:.75rem;justify-content:space-between;padding:.25rem .5rem}.result-label{color:#9ca3af;text-transform:capitalize}.result-value{color:#fff;font-family:monospace}.dismiss-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:.375rem .75rem}.dismiss-btn:hover{background:#ffffff0d;color:#fff}.danger-zone{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.zone-header{gap:.5rem;margin-bottom:.5rem}.zone-header,.zone-icon{align-items:center;display:flex}.zone-icon{background:#ef4444;border-radius:4px;color:#fff;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.zone-header h3{color:#fca5a5;font-size:1rem;margin:0}.zone-description{color:#9ca3af;font-size:.875rem;margin:0 0 1.5rem}.danger-actions{display:flex;flex-direction:column;gap:1rem}.danger-action{align-items:flex-start;background:#0003;border-radius:6px;display:flex;gap:1.5rem;justify-content:space-between;padding:1rem}.action-info{flex:1 1}.action-info h4{color:#fff;font-size:.875rem;margin:0 0 .5rem}.action-info p{color:#9ca3af;font-size:.75rem;line-height:1.5;margin:0 0 .75rem}.affected-list{color:#6b7280;font-size:.75rem;margin:0;padding-left:1rem}.affected-list li{margin-bottom:.25rem}.danger-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.danger-btn:hover:not(:disabled){background:#dc2626}.danger-btn:disabled{cursor:not-allowed;opacity:.5}.info-section{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:1.5rem}.info-section h3{color:#fff;font-size:1rem;margin:0 0 1rem}.preserved-list{list-style:none;margin:0;padding:0}.preserved-list li{align-items:center;border-bottom:1px solid #374151;color:#e5e7eb;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0}.preserved-list li:last-child{border-bottom:none}.check-icon{color:#22c55e;font-size:1rem}.admin-loading{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh}.loading-content{align-items:center;background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:48px}.loading-content .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.loading-content p{color:#fff9;font-size:14px;margin:0}.admin-unauthorized{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh}.unauthorized-content{background:#1e1e2d99;border:1px solid #ef44444d;border-radius:20px;padding:48px;text-align:center}.unauthorized-icon{display:block;font-size:64px;margin-bottom:16px}.unauthorized-content h1{color:#ef4444;font-size:24px;font-weight:700;margin:0 0 8px}.unauthorized-content p{color:#fff9;font-size:14px;margin:0}.admin-google-signin-btn{background:linear-gradient(135deg,#4285f4,#3367d6);border:none;border-radius:12px;box-shadow:0 4px 12px #4285f44d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:14px 32px;transition:all .2s ease}.admin-google-signin-btn:hover:not(:disabled){box-shadow:0 6px 16px #4285f466;transform:translateY(-2px)}.admin-google-signin-btn:disabled{cursor:not-allowed;opacity:.7}.admin-signin-error{color:#ef4444;font-size:14px;margin-top:16px}.admin-signed-in-as{color:#ffffff80;font-size:13px;margin-top:12px}.admin-signout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:12px 24px;transition:all .2s ease}.admin-signout-btn:hover{background:#ffffff26;border-color:#ffffff4d}.admin-mfa-input{background:#0000004d;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:24px;font-weight:600;letter-spacing:8px;margin-top:16px;outline:none;padding:16px 24px;text-align:center;transition:all .2s ease;width:200px}.admin-mfa-input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f433}.admin-mfa-input::placeholder{color:#ffffff4d;letter-spacing:8px}.chart-empty,.chart-loading,.crash-history-chart{display:flex;flex-direction:column;gap:12px}.chart-empty,.chart-loading{align-items:center;color:#ffffff80;font-size:14px;justify-content:center;padding:40px 20px}.chart-loading .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6cc;height:24px;width:24px}.chart-stats{display:flex;gap:8px}.chart-stat{align-items:center;background:#28283c80;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px}.chart-stat .stat-value{color:#fff;font-size:14px;font-weight:700}.chart-stat .stat-value.red{color:#ef4444}.chart-stat .stat-value.green{color:#22c55e}.chart-stat .stat-label{color:#ffffff80;font-size:10px;text-transform:uppercase}.chart-container{-webkit-overflow-scrolling:touch;height:180px;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.chart-container::-webkit-scrollbar{height:6px}.chart-container::-webkit-scrollbar-track{background:#0000}.chart-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chart-bars{align-items:flex-end;display:flex;gap:4px;height:100%;min-width:-webkit-min-content;min-width:min-content;padding:10px 0}.chart-bar{border-radius:3px 3px 0 0;cursor:pointer;min-width:16px;position:relative;transition:opacity .2s,transform .2s;width:16px}.chart-bar:hover{opacity:.8;transform:scaleY(1.02)}.chart-bar.new{animation:barPulse .5s ease-out}@keyframes barPulse{0%{opacity:0;transform:scaleY(0)}50%{transform:scaleY(1.1)}to{opacity:1;transform:scaleY(1)}}.bar-label{bottom:100%;color:#ffffffb3;font-size:8px;font-weight:600;left:50%;opacity:0;padding-bottom:2px;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.chart-bar:hover .bar-label{opacity:1}.chart-reference-lines{bottom:10px;left:0;pointer-events:none;position:absolute;right:0}.reference-line{border-top:1px dashed #ffffff1a;left:0;position:absolute;right:0}.reference-line span{color:#ffffff4d;font-size:9px;position:absolute;right:0;top:-8px}.chart-legend{display:flex;gap:16px;justify-content:center;padding-top:4px}.legend-item{align-items:center;color:#fff9;display:flex;font-size:11px;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.red{background:#ef4444}.legend-color.orange{background:#f59e0b}.legend-color.yellow{background:#eab308}.legend-color.green{background:#22c55e}@media (max-width:480px){.chart-container{height:150px}.chart-bar{min-width:12px;width:12px}.chart-stats{flex-wrap:wrap}.chart-stat{min-width:calc(50% - 4px)}.chart-legend{flex-wrap:wrap;gap:12px}}@media (min-width:768px){.chart-container{height:200px}.chart-bar{min-width:20px;width:20px}.bar-label{font-size:9px}}.seed-history-table{display:flex;flex-direction:column;gap:0}.seed-table-empty,.seed-table-loading{align-items:center;color:#ffffff80;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:40px 20px}.seed-table-loading .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6cc;height:24px;width:24px}.seed-table-header{background:#28283c80;border-radius:6px 6px 0 0;color:#fff9;display:none;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.seed-table-body{-webkit-overflow-scrolling:touch;max-height:400px;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.seed-table-body::-webkit-scrollbar{width:6px}.seed-table-body::-webkit-scrollbar-track{background:#0000}.seed-table-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.seed-table-row-wrapper{border-bottom:1px solid #ffffff0d}.seed-table-row-wrapper:last-child{border-bottom:none}.seed-table-row{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.seed-table-row:hover{background:#ffffff08}.seed-table-row.expanded{background:#3b82f60d}.col-round{color:#ffffffe6;font-size:13px;font-weight:600;min-width:60px}.col-crash{color:#fff;font-size:14px;font-weight:700;min-width:50px}.col-crash.low{color:#ef4444}.col-crash.high{color:#22c55e}.col-hash{flex:1 1;font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis}.col-hash,.col-time{color:#ffffff80;font-size:11px}.col-time{min-width:80px;text-align:right}.expand-icon{color:#fff6;font-size:16px;text-align:center;width:20px}.seed-details{animation:slideDown .2s ease-out;background:#1e1e3280;padding:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.seed-detail-item{margin-bottom:12px}.seed-detail-item label{color:#fff9;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.seed-value-row{align-items:flex-start;display:flex;gap:8px}.seed-value{background:#141428cc;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;flex:1 1;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;padding:8px 10px;word-break:break-all}.copy-btn{background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:11px;font-weight:600;padding:8px 12px;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#3b82f64d}.copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.seed-detail-stats{display:flex;gap:12px;margin-top:12px}.detail-stat{background:#28283c66;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 12px}.detail-stat .stat-label{color:#ffffff80;font-size:10px;text-transform:uppercase}.detail-stat .stat-value{color:#fff;font-size:13px;font-weight:600}.verification-tip{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;margin-top:12px;padding:10px 12px}.verification-tip p{color:#ffffffb3;font-family:SF Mono,Fira Code,monospace;font-size:11px;margin:0}.load-more-btn{background:#28283c80;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:12px;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#32324699}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.seed-table-header{display:flex;gap:12px}.seed-table-header .col-round{min-width:80px}.seed-table-header .col-crash{min-width:60px}.seed-table-header .col-hash{flex:1 1}.seed-table-header .col-time{min-width:120px}.seed-table-row{padding:14px 12px}.col-round{min-width:80px}.col-crash{min-width:60px}.col-time{min-width:120px}.seed-value-row{flex-direction:row}}.fairness-proof{display:flex;flex-direction:column;gap:20px}.fairness-proof h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 12px}.algorithm-section{flex-direction:column}.algorithm-section,.algorithm-step{display:flex;gap:12px}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:1px solid #3b82f680;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.step-content{flex:1 1}.step-content h5{color:#fff;font-size:13px;font-weight:700;margin:0 0 6px}.step-content p{margin:0 0 8px}.step-content ol,.step-content p{color:#ffffffb3;font-size:13px;line-height:1.6}.step-content ol{margin:0;padding-left:20px}.step-content li{margin-bottom:4px}.code-block{background:#141428cc;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;display:block;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.6;overflow-x:auto;padding:10px 12px}.worked-example{margin-top:8px}.example-box{background:#28283c66;border-radius:8px;overflow:hidden}.example-header{background:#3b82f633;border-bottom:1px solid #3b82f64d;color:#fff;font-size:14px;font-weight:700;padding:10px 14px}.example-content{padding:14px}.example-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.example-row .label{color:#fff9;font-size:11px;font-weight:600;text-transform:uppercase}.example-row code{color:#fffc;font-family:SF Mono,Fira Code,monospace;font-size:12px}.example-calculation{background:#14142899;border-radius:6px;margin-top:12px;padding:12px}.example-calculation p{color:#ffffffe6;font-size:12px;font-weight:600;margin:0 0 8px}.example-calculation code{color:#ffffffb3;display:block;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.7}.example-calculation strong{color:#22c55e}.reasons-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.reasons-list li{align-items:flex-start;display:flex;gap:12px}.reason-icon{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:50%;color:#22c55e;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;width:24px}.reasons-list li div{color:#fffc;font-size:13px;line-height:1.6}.reasons-list li strong{color:#fff}.verification-tool{border-top:1px solid #ffffff1a;padding-top:8px}.tool-description{color:#fff9;font-size:13px;line-height:1.6;margin:0 0 12px}.verify-toggle-btn{background:#3b82f633;border:1px solid #3b82f666;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:12px;transition:all .2s;width:100%}.verify-toggle-btn:hover{background:#3b82f64d}.verify-form{background:#28283c66;border-radius:8px;gap:12px;padding:14px}.verify-form,.verify-input-group{display:flex;flex-direction:column}.verify-input-group{gap:6px}.verify-input-group label{color:#fff9;font-size:11px;font-weight:600;text-transform:uppercase}.verify-input-group input{background:#141428cc;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:10px 12px;transition:border-color .2s}.verify-input-group input:focus{border-color:#3b82f680}.verify-input-group input::placeholder{color:#ffffff4d}.verify-actions{display:flex;gap:8px;margin-top:4px}.verify-btn{background:linear-gradient(135deg,#3b82f666,#2563eb66);border:1px solid #3b82f680;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.verify-btn:hover{background:linear-gradient(135deg,#3b82f680,#2563eb80)}.verify-cancel-btn{background:#6b728033;border:1px solid #6b728066;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.verify-cancel-btn:hover{background:#6b72804d}.verify-result{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;margin-top:8px;padding:12px}.verify-result pre{color:#fffc;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:480px){.algorithm-step{flex-direction:column;gap:8px}.step-number{font-size:12px;height:24px;min-width:24px;width:24px}.example-row,.verify-actions{flex-direction:column}}@media (min-width:768px){.example-row{align-items:center;flex-direction:row;gap:12px}.example-row .label{min-width:100px}}.info-page{display:flex;flex-direction:column;height:100%;min-height:0}.info-tabs{background:#141423cc;border-bottom:1px solid #ffffff1a;display:flex;gap:4px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.info-tab{background:#28283c80;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.info-tab:hover{background:#32324699}.info-tab.active{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border-color:#3b82f680;color:#fff}.info-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.info-card{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:16px}.info-card h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px}.info-card p{color:#fffc;font-size:14px;line-height:1.7;margin:0 0 12px}.info-card p:last-child{margin-bottom:0}.info-card ul{color:#fffc;font-size:14px;line-height:1.8;margin:0;padding-left:20px}.info-card li{margin-bottom:4px}.faq-section h2,.how-to-play-section h2,.odds-section h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.click-options{display:flex;gap:12px;margin-top:12px}.click-option{align-items:center;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 8px;text-align:center}.click-option.safe{background:#22c55e1a;border:1px solid #22c55e4d}.click-option.balanced{background:#fbbf241a;border:1px solid #fbbf244d}.click-option.risky{background:#ef44441a;border:1px solid #ef44444d}.click-value{color:#fff;font-size:18px;font-weight:700}.click-option.safe .click-value{color:#22c55e}.click-option.balanced .click-value{color:#fbbf24}.click-option.risky .click-value{color:#ef4444}.click-label{color:#fff9;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.important-note{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ffffffe6!important;padding:12px}.vip-list{list-style:none;padding:0}.vip-list li{align-items:center;display:flex;gap:8px}.tier{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.tier.bronze{background:#cd7f3233;color:#cd7f32}.tier.silver{background:#c0c0c033;color:silver}.tier.gold{background:#ffd70033;color:gold}.tier.platinum{background:#e5e4e233;color:#e5e4e2}.tier.obsidian{background:#80008033;color:#a855f7}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.faq-question{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px;text-align:left;transition:background .2s;width:100%}.faq-question:hover{background:#ffffff0d}.faq-toggle{color:#ffffff80;font-size:20px;font-weight:300}.faq-answer{animation:fadeIn .2s ease-out;padding:0 16px 16px}.faq-answer p{color:#ffffffb3;font-size:14px;line-height:1.7;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.odds-intro{color:#fffc;font-size:14px;line-height:1.7;margin-bottom:16px}.odds-table{border-collapse:collapse;font-size:13px;width:100%}.odds-table td,.odds-table th{border-bottom:1px solid #ffffff1a;padding:10px 12px;text-align:left}.odds-table th{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.odds-table td{color:#ffffffe6}.odds-table tr:last-child td{border-bottom:none}.key-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.key-stats .stat{align-items:center;background:#28283c80;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.key-stats .stat-value{color:#3b82f6;font-size:18px;font-weight:700}.key-stats .stat-label{color:#fff9;font-size:11px;text-align:center}.chart-description,.table-description{color:#fff9;font-size:13px;margin-bottom:12px}.info-footer{align-items:center;background:#141423cc;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:center;padding:16px}.legal-link{color:#fff9;font-size:12px;text-decoration:none;transition:color .2s}.legal-link:hover{color:#ffffffe6}.footer-divider{color:#ffffff4d}@media (max-width:480px){.info-tabs{padding:10px 12px}.info-tab{font-size:12px;padding:8px 12px}.info-content{padding:12px}.info-card{padding:14px}.key-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.click-options{flex-direction:column;gap:8px}.click-option{flex-direction:row;gap:12px;justify-content:center}}@media (min-width:768px){.info-content{margin:0 auto;max-width:720px;padding:24px}.key-stats{grid-template-columns:repeat(4,1fr)}}.legal-page{background:linear-gradient(180deg,#0f0f1a,#1a1a2e);color:#ffffffe6;min-height:100vh}.legal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1af2;border-bottom:1px solid #ffffff1a;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{align-items:center;background:#28283c80;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.back-button:hover{background:#32324699;border-color:#ffffff40}.back-arrow{font-size:18px;line-height:1}.legal-content{margin:0 auto;max-width:800px;padding:24px 16px 48px}.legal-content h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.last-updated{color:#ffffff80;font-size:13px;margin:0 0 32px}.legal-content section{margin-bottom:32px}.legal-content h2{border-bottom:1px solid #ffffff1a;color:#fff;font-size:18px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.legal-content h3{color:#fffffff2;font-size:15px;font-weight:600;margin:16px 0 8px}.legal-content p{color:#fffc;font-size:14px;line-height:1.7;margin:0 0 12px}.legal-content ul{margin:0 0 16px;padding-left:24px}.legal-content li{color:#fffc;font-size:14px;line-height:1.7;margin-bottom:8px}.legal-content li strong{color:#fffffff2}.legal-content strong{color:#fff;font-weight:600}.legal-content section:has(h2:contains("No Cash Value")),.legal-content section:has(h2:contains("Virtual Currency")){background:#ef44440d;border:1px solid #ef444433;border-radius:12px;margin-left:-16px;margin-right:-16px;padding:16px}@media (min-width:768px){.legal-header{padding:20px 24px}.legal-content{padding:32px 24px 64px}.legal-content h1{font-size:32px}.legal-content h2{font-size:20px}.legal-content li,.legal-content p{font-size:15px}}@media (min-width:1024px){.legal-content{padding:40px 32px 80px}}@supports (padding-top:env(safe-area-inset-top)){.legal-header{padding-top:calc(16px + env(safe-area-inset-top))}.legal-content{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}.tutorial-barrier{inset:0;pointer-events:auto;position:fixed;z-index:1199}.tutorial-overlay{inset:0;pointer-events:none;position:fixed;z-index:1200}.tutorial-spotlight{animation:tutorial-spotlight-pulse 2s ease-in-out infinite;border:2px solid #fbbf2499;border-radius:8px;box-shadow:0 0 0 9999px #000000bf;pointer-events:none;position:absolute;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease;z-index:1200}@keyframes tutorial-spotlight-pulse{0%,to{border-color:#fbbf2499;box-shadow:0 0 0 9999px #000000bf,0 0 20px #fbbf2433}50%{border-color:#fbbf24;box-shadow:0 0 0 9999px #000000bf,0 0 30px #fbbf2466}}.tutorial-center-backdrop{background:#000c;inset:0;pointer-events:none;position:fixed;z-index:1200}.tutorial-message{animation:tutorial-message-in .3s ease-out;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #fbbf244d;border-radius:12px;color:#fff;max-width:340px;padding:20px;pointer-events:auto;position:absolute;width:calc(100vw - 32px);z-index:1201}.tutorial-message.center{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.tutorial-message.top-banner{background:linear-gradient(180deg,#1a1a2ef2,#16213ef2);border:1px solid #fbbf2466;left:50%;max-width:400px;padding:12px 20px;position:fixed;top:16px;transform:translateX(-50%)}@keyframes tutorial-message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tutorial-message.center{animation:tutorial-message-center-in .3s ease-out}@keyframes tutorial-message-center-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tutorial-message-title{color:#fbbf24;font-size:18px;font-weight:700;margin:0 0 8px}.tutorial-message-body{color:#ffffffd9;font-size:14px;line-height:1.5;margin:0 0 16px}.tutorial-message-body:last-child{margin-bottom:0}.tutorial-step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.tutorial-step-dot{background:#fff3;border-radius:50%;height:6px;transition:background .2s;width:6px}.tutorial-step-dot.active{background:#fbbf24}.tutorial-step-dot.completed{background:#fbbf2480}.tutorial-next-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;display:block;font-size:15px;font-weight:700;padding:10px 20px;transition:transform .15s,box-shadow .15s;width:100%}.tutorial-next-btn:hover{box-shadow:0 4px 16px #fbbf2466;transform:scale(1.02)}.tutorial-next-btn:active{transform:scale(.98)}.tutorial-pointer{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.6));height:24px;pointer-events:none;position:absolute;width:24px;z-index:1201}.tutorial-pointer.point-down{animation:tutorial-bounce-down 1s ease-in-out infinite}.tutorial-pointer.point-up{animation:tutorial-bounce-up 1s ease-in-out infinite}@keyframes tutorial-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes tutorial-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tutorial-missed-message{color:#fbbf24e6;font-size:13px;font-style:italic;margin-top:8px}@media (max-width:480px){.tutorial-message{max-width:calc(100vw - 24px);padding:16px}.tutorial-message-title{font-size:16px}.tutorial-message-body{font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{background:#0f0f1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#fff9;font-size:14px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--font-mono:"JetBrains Mono","Fira Code",monospace;--font-sans:"Space Grotesk","Inter",system-ui,sans-serif;--color-bg-primary:#0a0a0f;--color-bg-surface:#12121a;--color-bg-surface-hover:#1a1a24;--color-bg-elevated:#16161f;--color-text-primary:#fff;--color-text-secondary:#888;--color-text-muted:#444;--color-text-dim:#333;--color-green:#22c55e;--color-yellow:#eab308;--color-orange:#f97316;--color-red:#ef4444;--color-blue:#3b82f6;--color-purple:#8b5cf6;--color-gold:#fbbf24;--color-cyan:#22d3ee;--color-border:hsla(0,0%,100%,.063);--color-border-light:#ffffff1a;--color-border-medium:#ffffff26;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0d;--glass-border:#ffffff12;--glass-blur:blur(10px);--glow-green:0 0 30px #22c55e66;--glow-yellow:0 0 30px #eab30866;--glow-orange:0 0 30px #f9731666;--glow-red:0 0 30px #ef444466;--glow-blue:0 0 30px #3b82f666;--glow-gold:0 0 30px #fbbf2466;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--touch-target-min:44px;--touch-target-comfortable:48px;--mobile-padding:8px;--mobile-gap:6px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--color-bg-primary);color:#fff;color:var(--color-text-primary);font-family:Space Grotesk,Inter,system-ui,sans-serif;font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}#root{min-height:100vh}button{background:none;border:none;cursor:pointer}button,input{font-family:inherit;font-size:inherit}ol,ul{list-style:none}a{color:inherit;text-decoration:none}.no-select{user-select:none;-webkit-user-select:none}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-blue);outline-offset:2px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-card{backdrop-filter:blur(10px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff12;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md)}.glass-card:hover{background:#ffffff0d;background:var(--glass-bg-hover)}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.glow-green{text-shadow:0 0 20px #22c55e80}.glow-yellow{text-shadow:0 0 20px #eab30880}.glow-orange{text-shadow:0 0 20px #f9731680}.glow-red{text-shadow:0 0 20px #ef444480}
/*# sourceMappingURL=main.8ca9ee84.css.map*/