@font-face{font-family:Orbitron;src:url('./fonts/orbitron-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Orbitron;src:url('./fonts/orbitron-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Orbitron;src:url('./fonts/orbitron-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Exo 2';src:url('./fonts/exo-2-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Exo 2';src:url('./fonts/exo-2-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  color-scheme:dark;
  --safe-top:max(14px,env(safe-area-inset-top));
  --safe-bottom:max(14px,env(safe-area-inset-bottom));
}

html,body{overscroll-behavior:none;background:#05050d}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button,input{font:inherit}
button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}

#menu{
  justify-content:flex-start;
  overflow-y:auto;
  padding:calc(var(--safe-top) + 18px) 18px calc(var(--safe-bottom) + 22px);
  scrollbar-width:none;
}
#menu::-webkit-scrollbar{display:none}
#menu::after{
  content:'';position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 22%,rgba(0,245,255,.08),transparent 33%),linear-gradient(180deg,transparent 65%,rgba(255,0,128,.035));
}
#menuBirdWrap{margin-top:auto}
#menu .mbtn{flex:0 0 auto;min-height:44px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));backdrop-filter:blur(12px)}
#menu .mbtn:last-child{margin-bottom:auto}
.menu-title{background:linear-gradient(120deg,#fff 15%,#a8fbff 50%,#ff9dce 95%);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.menu-title span{color:inherit}

.glass-panel,.go-panel{
  border-color:rgba(115,238,255,.27);
  background:linear-gradient(145deg,rgba(13,18,38,.94),rgba(7,6,19,.93));
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 40px rgba(0,245,255,.07),inset 0 1px rgba(255,255,255,.06);
}

#hudScore{top:calc(var(--safe-top) + 8px)}
#hudBestTag{top:calc(var(--safe-top) + 70px)}
#powerupTimers{top:calc(var(--safe-top) + 5px)}
#coinHud{top:calc(var(--safe-top) + 4px)!important;left:auto!important;right:max(12px,env(safe-area-inset-right))!important}
#shopScreen{background:radial-gradient(circle at 50% 0,rgba(0,245,255,.07),transparent 34%),#06060f!important;padding-top:calc(var(--safe-top) + 12px)!important;padding-bottom:calc(var(--safe-bottom) + 18px)!important}
body:has(#shopScreen.show) #coinHud{opacity:0}
#pauseOv,#tutorialOv{padding:var(--safe-top) 18px var(--safe-bottom)}

.store-section-title{font:900 11px Orbitron,sans-serif;letter-spacing:2px;color:#fff;text-align:center;margin:4px 0 10px}
.iap-note{font-size:9px;line-height:1.45;color:rgba(255,255,255,.5);text-align:center;margin:2px auto 12px;max-width:420px}
.iap-status{min-height:18px;font-size:10px;color:#7ff;text-align:center;letter-spacing:1px;margin:4px 0}
.shop-card.featured{border-color:#ffea00!important;background:linear-gradient(145deg,rgba(255,234,0,.08),rgba(255,0,128,.07))!important;box-shadow:0 0 24px rgba(255,234,0,.1)}
.shop-card .sc-price{font:900 13px Orbitron,sans-serif;color:#ffea00;margin-top:4px}
.shop-card .sc-bonus{font-size:9px;color:#00ff88;letter-spacing:1px;min-height:12px}
.shop-restore{width:100%;max-width:360px;margin:10px auto 0;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:rgba(255,255,255,.7);font:700 9px Orbitron;letter-spacing:1.5px}
.quality-btn{min-width:104px;padding:7px 9px;border:1px solid rgba(0,245,255,.35);border-radius:7px;background:rgba(0,245,255,.07);color:#7ff;font:700 8px Orbitron;letter-spacing:1px}

@media (min-width:700px){#menu{padding-top:calc(var(--safe-top) + 26px)}#menu .mbtn{width:300px}.glass-panel{width:min(390px,86vw)}}
@media (max-height:720px){#menuBirdWrap{transform:scale(.82);margin-bottom:-6px}.menu-title{font-size:24px}.menu-best{margin-bottom:10px}.mbtn{padding:9px 0!important;margin:3px 0!important}}
@media (prefers-reduced-motion:reduce){.screen,.mbtn,.spl-bar,.pu-timer-item{transition-duration:.01ms!important}.grid-bg{animation:none!important}}