@supports (padding-top:env(safe-area-inset-top)){.safe-area-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}:root{--bg-primary:#080c0a;--bg-panel:#0c1410;--bg-card:#122a20;--bg-card-active:#1a3d2d;--accent:#5dbe5d;--accent-dim:#4a9b4a;--gold:#d4a528;--gold-dim:#b8912a;--text-primary:#fff;--text-muted:#ffffff80;--text-secondary:#ffffffb3;--border:#5dbe5d40;--danger:#ff6b6b;--bonus:#ff9f43;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.mobile-frame{background:var(--bg-primary);border:10px solid #1a1a1a;border-radius:44px;flex-direction:column;width:390px;height:844px;max-height:100vh;display:flex;position:relative;overflow:hidden}.mobile-notch{z-index:100;background:#000;border-radius:0 0 24px 24px;width:160px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-home-indicator{background:var(--text-primary);opacity:.2;border-radius:3px;width:140px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.logo-svg .dot-1{animation:2.5s ease-out .5s both dot-anim-1}.logo-svg .dot-2{animation:2.7s ease-out .5s both dot-anim-2}.logo-svg .dot-3{animation:2.9s ease-out .5s both dot-anim-3}.logo-svg .dot-4{animation:3.1s ease-out .5s both dot-anim-4}.logo-svg .dot-5{animation:3.3s ease-out .5s both dot-anim-5}.logo-svg .dot-6{animation:3.5s ease-out .5s both dot-anim-6}.logo-svg .dot-gold{animation:5.5s ease-out .5s both dot-anim-gold}@keyframes dot-anim-1{0%{opacity:1}12%{opacity:1}24%{opacity:0}40%{opacity:0}50%{opacity:1;filter:brightness(2)}60%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-2{0%{opacity:1}11%{opacity:1}22%{opacity:0}44%{opacity:0}52%{opacity:1;filter:brightness(2)}60%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-3{0%{opacity:1}10%{opacity:1}21%{opacity:0}48%{opacity:0}55%{opacity:1;filter:brightness(2)}62%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-4{0%{opacity:1}10%{opacity:1}19%{opacity:0}52%{opacity:0}58%{opacity:1;filter:brightness(2)}65%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-5{0%{opacity:1}9%{opacity:1}18%{opacity:0}55%{opacity:0}61%{opacity:1;filter:brightness(2)}67%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-6{0%{opacity:1}9%{opacity:1}17%{opacity:0}57%{opacity:0}63%{opacity:1;filter:brightness(2)}69%{opacity:1;filter:brightness()}to{opacity:1}}@keyframes dot-anim-gold{0%{opacity:1}5%{opacity:1}11%{opacity:0}40%{opacity:0}45%{opacity:1;filter:brightness(2.5)drop-shadow(0 0 10px #d4a528)}50%{opacity:1;filter:brightness()}58%{filter:brightness(1.6)drop-shadow(0 0 14px #d4a528)}64%{filter:none}72%{filter:brightness(1.5)drop-shadow(0 0 12px #d4a528)}78%{filter:none}86%{filter:brightness(1.4)drop-shadow(0 0 10px #d4a528)}92%{filter:none}to{opacity:1;filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 8px #ffd7004d,0 0 #ffd70066}50%{transform:scale(1.04);box-shadow:0 0 20px #ffd70080,0 0 40px #ffd70033}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{transform:scale(1.05)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%);width:100%;color:var(--bg-primary);cursor:pointer;border:none;padding:16px;font-size:15px;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5dbe5d4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-card-active);border-color:var(--accent)}.btn-bonus{background:linear-gradient(135deg, var(--bonus), var(--gold));color:var(--bg-primary)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px}.card-active{border-color:var(--accent);background:var(--bg-card-active)}.number-ball{border:2px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.number-ball:hover:not(.number-selected){border-color:var(--accent);background:var(--bg-card-active)}.number-ball.number-selected{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%);border-color:var(--accent);color:var(--bg-primary)}.number-ball.number-match{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dim) 100%);border-color:var(--gold);color:var(--bg-primary)}.tier-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;flex:1;padding:10px 4px;transition:all .2s}.tier-btn:hover:not(.tier-active){border-color:var(--accent);background:var(--bg-card-active)}.tier-btn.tier-active{border:2px solid var(--accent);background:#5dbe5d26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}