@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#0a0a0a;max-width:100vw;overflow-x:hidden}:root{--bg:#0a0a0a;--surface:#1a1a1a;--surface2:#242424;--border:#ffffff1a;--text:#fff;--muted:#888;--gold:#f5c842;--green:#0f8;--cyan:#00d4ff;--red:#f44;--purple:#9d4edd}.app{max-width:600px;min-height:100vh;margin:0 auto;padding:20px 20px 100px}button{font-family:inherit}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:32px}.logo-text{letter-spacing:2px;color:var(--gold);font-family:Bebas Neue,sans-serif;font-size:24px}.logo-sub{color:var(--muted);letter-spacing:1px;font-family:monospace;font-size:12px}.balance-bar{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-around;align-items:center;margin-bottom:16px;padding:16px;display:flex}.balance-item{text-align:center;flex:1}.balance-label{color:#a0aec0;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-family:monospace;font-size:13px}.balance-value{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:18px}.balance-value.gold{color:var(--gold)}.balance-value.green{color:var(--green)}.balance-value.cyan{color:var(--cyan)}.balance-divider{background:var(--border);width:1px;height:40px}.feature-banner{background:linear-gradient(135deg,#f5c8420d,#f5c84205);border:1px solid #f5c84233;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.feature-item{color:var(--gold);align-items:center;gap:6px;font-family:monospace;font-size:13px;font-weight:700;display:flex}.feature-icon{font-size:16px}.feature-divider{color:#f5c8424d}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-cell{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px}.stat-value{letter-spacing:1px;margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:24px}.stat-value.text-gold{color:var(--gold)}.stat-value.text-green{color:var(--green)}.stat-value.text-cyan{color:var(--cyan)}.stat-label{color:#a0aec0;text-transform:uppercase;font-family:monospace;font-size:13px}.cta-btn{letter-spacing:2px;cursor:pointer;background:var(--surface);width:100%;color:var(--text);border:none;border:1px solid var(--border);border-radius:12px;padding:14px 20px;font-family:Bebas Neue,sans-serif;font-size:16px;transition:all .2s}.btn-gold{background:var(--gold);color:#000;border:none}.cta-btn:hover{opacity:.9;transform:translateY(-2px)}.cta-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes winPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes lossPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes coinRain{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 60px #0f8c,0 0 100px #0f86}}@keyframes numberCount{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(80px)rotate(720deg)}}.result-win{animation:.4s ease-out forwards winPulse,1.5s ease-in-out .4s infinite glowPulse}.result-loss{animation:.3s ease-out forwards lossPulse,.5s ease-in-out .1s shake}.result-prize{animation:.5s ease-out .2s both numberCount;display:inline-block}.coin{pointer-events:none;font-size:20px;animation:.8s ease-in forwards coinRain;position:absolute}.result-container{position:relative;overflow:hidden}.app{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.bottom-nav{padding-bottom:max(16px,env(safe-area-inset-bottom))}button,.cta-btn{min-height:44px}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-overflow-scrolling:touch}@media (max-width:360px){.logo-text{font-size:20px}.balance-value{font-size:15px}.stat-value{font-size:20px}.feature-item{font-size:12px}.feature-icon{font-size:13px}}@media (min-width:600px){.app{padding-left:24px;padding-right:24px}}button,[role=button]{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}@media (hover:none){.scratch-card:active{opacity:.85!important;transition:all .1s!important;transform:scale(.97)!important}}@media (max-width:480px){.logo-icon{font-size:24px}.logo-text{font-size:19px}.logo-sub{display:none}header{margin-bottom:10px}.balance-bar{margin-bottom:10px;padding:10px 8px}.balance-value{font-size:15px}.balance-label{font-size:11px}.feature-banner{gap:6px;margin-bottom:10px;padding:8px}.feature-item{gap:3px;font-size:11px}.feature-icon{font-size:12px}.feature-divider{display:none}.stats-row{gap:6px;margin-bottom:12px}.stat-cell{padding:10px 6px}.stat-value{font-size:18px}.stat-label{font-size:11px}.app{padding:12px;padding-bottom:max(90px,calc(70px + env(safe-area-inset-bottom)))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}