*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0f0500;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,#3a1500,#1c0900 45%,#0a0300);z-index:0}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.spotlight{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;height:60%;background:conic-gradient(from 260deg at 30% 0%,transparent 0deg,rgba(255,160,60,.07) 15deg,transparent 30deg),conic-gradient(from 280deg at 70% 0%,transparent 0deg,rgba(255,160,60,.07) 15deg,transparent 30deg);z-index:1;pointer-events:none}.arc{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);width:700px;height:250px;border:1.5px solid rgba(255,255,255,.05);border-radius:50%;z-index:1}.bball-watermark{position:fixed;opacity:.05;z-index:1;pointer-events:none}.bball-watermark.bl{bottom:30px;left:30px;width:100px}.bball-watermark.br{bottom:20px;right:20px;width:130px}.container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:48px 32px 56px;max-width:640px;width:100%;text-align:center}.game-title{font-family:Luckiest Guy,cursive;font-size:clamp(26px,6vw,38px);letter-spacing:3px;color:#ffb833;text-transform:uppercase;margin-bottom:32px;animation:fadeDown .5s .1s ease both;text-shadow:0 2px 14px rgba(255,130,0,.4)}.game-title span{color:#fff}.logo-wrap{position:relative;margin-bottom:36px;animation:dropIn .7s .3s cubic-bezier(.34,1.56,.64,1) both}.logo-glow{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:radial-gradient(ellipse,rgba(255,130,0,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.logo-img{width:150px;height:150px;border-radius:34px;position:relative;z-index:2;filter:drop-shadow(0 12px 32px rgba(255,100,0,.6))}.headline{font-family:Luckiest Guy,cursive;font-size:clamp(58px,14vw,108px);line-height:.95;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;animation:fadeUp .5s .8s ease both}.headline .white{color:#fff}.headline .gold{color:#ffb833;display:inline-block;text-shadow:0 0 40px rgba(255,160,0,.5);animation:goldPop .4s 1.4s cubic-bezier(.34,1.56,.64,1) both}@keyframes goldPop{0%{transform:scale(.85)}to{transform:scale(1)}}.subheadline{font-family:Saira Extra Condensed,sans-serif;font-size:clamp(26px,6.5vw,46px);font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#fff;margin-bottom:32px;animation:fadeUp .5s 1s ease both;text-shadow:0 2px 8px rgba(0,0,0,.5)}.description{font-family:Saira Extra Condensed,sans-serif;font-size:clamp(17px,3.5vw,22px);font-weight:600;letter-spacing:1px;color:#fff9;line-height:1.5;margin-bottom:36px;animation:fadeUp .5s 1.1s ease both;display:flex;flex-direction:column;gap:12px}.description .free{color:#ffb833;font-weight:800;letter-spacing:2px;text-transform:uppercase}.particle{position:fixed;border-radius:50%;pointer-events:none;z-index:2;animation:floatUp linear infinite;opacity:0;will-change:transform,opacity}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.15}to{transform:translateY(-15vh) scale(1.2);opacity:0}}@keyframes fadeUp{0%{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:.01;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:.01;transform:translateY(-60px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.app-store-badge{animation:fadeUp .5s 1.1s ease both}.app-store-badge img{height:52px;display:block;margin:0 auto 16px;transition:opacity .2s}.app-store-badge:hover img{opacity:.8}.site-footer{text-align:center;padding:24px 0 16px;font-family:Saira Extra Condensed,sans-serif;font-size:.85rem;color:#ffffff59;position:relative;z-index:2}.site-footer a{color:#ffb83380;text-decoration:none}.site-footer a:hover{color:#ffb833}@media(prefers-reduced-motion:reduce){.logo-glow{animation:none;opacity:.7}.particle{animation:none;opacity:0}}