@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-deep:#0b1220;--bg-surface:#131c2e;--bg-elevated:#1e293b;--border:#2d3b52;--border-strong:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-1:#06b6d4;--accent-2:#ec4899;--accent-3:#fbbf24;--accent-4:#84cc16;--accent-cyan:var(--accent-1);--accent-magenta:var(--accent-2);--accent-gold:var(--accent-3);--accent-lime:var(--accent-4);--info:#7dd3fc;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--display-letter-spacing:.04em;--skeleton-bg:var(--bg-deep);--skeleton-shimmer-1:#06b6d414;--skeleton-shimmer-2:#ec48991a;--skeleton-shimmer-3:#fbbf2414}body.theme-casino{--bg-deep:#0a0706;--bg-surface:#15100d;--bg-elevated:#211913;--border:#3a2c20;--text-primary:#f5efe0;--text-secondary:#b8a684;--text-muted:#7a6a52;--accent-1:#c9a227;--accent-2:#8b1538;--accent-3:#e8d5a0;--accent-4:#4a3520;--display-letter-spacing:.05em}*{box-sizing:border-box}html,body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;margin:0;padding:0;font-size:16px;line-height:1.5}@keyframes pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lightFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15vw,10vh)scale(1.2)}}@keyframes lightFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10vw,15vh)scale(1.3)}}@keyframes lightFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8vw,-15vh)scale(1.2)}}@keyframes brand-shimmer{0%{background-position:0%}to{background-position:200%}}.stage-shimmer-text{font-family:var(--font-display);letter-spacing:var(--display-letter-spacing);background:linear-gradient(120deg, var(--accent-1) 0%, var(--accent-2) 50%, var(--accent-3) 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #06b6d480);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite brand-shimmer}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background-color:var(--skeleton-bg);background-image:linear-gradient(110deg, transparent 0%, var(--skeleton-shimmer-1) 25%, var(--skeleton-shimmer-2) 50%, var(--skeleton-shimmer-3) 75%, transparent 100%);background-repeat:no-repeat;background-size:200% 100%;animation:2.4s linear infinite skeleton-shimmer}.lottery-member{animation:.5s cubic-bezier(.34,1.56,.64,1) lotteryMemberIn}@keyframes lotteryMemberIn{0%{opacity:0;transform:translateY(-16px)scale(.7)}60%{opacity:1;transform:translateY(3px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.cockpit-top-grid{grid-template-columns:1fr!important}.cockpit-right-col{position:static!important}}.stage-sparkle{opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;animation:4s linear infinite stageSparkleRise;position:absolute;bottom:0;box-shadow:0 0 12px,0 0 24px}@keyframes stageSparkleRise{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:1;transform:translateY(-50px)scale(1)}to{opacity:0;transform:translateY(-100vh)scale(.3)}}.winner-spark{fill:currentColor;filter:drop-shadow(0 0 8px)drop-shadow(0 0 16px)drop-shadow(0 0 28px);transform-box:fill-box;transform-origin:50%;opacity:0;animation:3.5s linear infinite winnerSparkRise}@keyframes winnerSparkRise{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:1;transform:translateY(-50px)scale(1)}to{opacity:0;transform:translateY(-800px)scale(.3)}}@media (prefers-reduced-motion:reduce){.winner-spark{opacity:.4;animation:none}}@media (width<=900px){.cockpit-top-grid{grid-template-columns:1fr!important}.cockpit-right-col{position:static!important}}@media (width<=1100px){.cockpit-three-col{grid-template-columns:1fr!important}.cockpit-three-col>.cockpit-right-col{order:-1;grid-column:1/-1;position:static!important}}.cockpit-right-col{height:calc(100vh - 110px);min-height:280px;max-height:calc(100vh - 110px);overflow:visible}@media (width<=1100px){.cockpit-right-col{height:auto;max-height:none;overflow:visible}}.bottomsheet-close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.bottomsheet-close-btn:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mediaOverlayIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes mediaOverlayFade{0%{opacity:0}to{opacity:1}}.media-overlay-in{animation:.7s ease-out both mediaOverlayIn}@media (prefers-reduced-motion:reduce){.media-overlay-in{animation:.22s ease-out both mediaOverlayFade}}@keyframes roundShuffleIn{0%{opacity:0}to{opacity:1}}@keyframes roundShuffleRowIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.round-shuffle-in{animation:.3s ease-out both roundShuffleIn}.round-shuffle-row-in{animation:.32s ease-out both roundShuffleRowIn}@media (prefers-reduced-motion:reduce){.round-shuffle-row-in{animation:none}}
