@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Inter:wght@400;600;700&display=swap');
:root{--bg:#070913;--panel:rgba(13,18,34,.94);--text:#f5f7ff;--muted:#aeb7d2;--cyan:#56efff;--pink:#ff5fd2;--violet:#a878ff;--yellow:#ffe268;--green:#75ff9b;--danger:#ff647c}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}
#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
.scanlines{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.035;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#fff 4px)}
.top-bar{position:fixed;z-index:15;top:0;left:50%;width:min(calc(100% - 28px),1400px);min-height:66px;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.arcade-link,.top-button{color:var(--muted);font:700 .78rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase}.arcade-link{justify-self:start;text-decoration:none}.arcade-link:hover{color:var(--cyan)}
.game-title{font:700 .95rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase}.game-title span{color:var(--cyan)}
.top-button{justify-self:end;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:rgba(255,255,255,.035);cursor:pointer}
.hud{position:fixed;z-index:14;top:78px;left:50%;width:min(calc(100% - 28px),1200px);transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;pointer-events:none}
.hud-block{padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:4px;background:rgba(5,8,17,.7);backdrop-filter:blur(5px)}.hud-block span{display:block;color:var(--muted);font:700 .58rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase}.hud-block strong{display:block;color:var(--cyan);font:700 1.04rem "Chakra Petch",monospace}
.panel-screen{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:92px 20px 26px;background:rgba(3,5,12,.72);backdrop-filter:blur(8px)}.panel-screen[hidden]{display:none}
.panel-card{width:min(100%,720px);max-height:calc(100vh - 120px);overflow:auto;padding:clamp(26px,5vw,48px);border:1px solid rgba(86,239,255,.36);border-radius:10px;background:var(--panel);box-shadow:0 30px 120px rgba(0,0,0,.7),0 0 50px rgba(86,239,255,.08);text-align:center}.compact-card{width:min(100%,430px)}
.eyebrow{margin:0 0 12px;color:var(--cyan);font:700 .75rem "Chakra Petch",sans-serif;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;font-family:"Chakra Petch",sans-serif;text-transform:uppercase;line-height:.92}h1{font-size:clamp(3.2rem,10vw,6.5rem)}h2{font-size:clamp(2.6rem,8vw,5.2rem)}
.panel-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.control-grid{margin:28px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left}.control-grid div{padding:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}.control-grid strong,.control-grid span{display:block}.control-grid strong{color:var(--pink);font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase}.control-grid span{margin-top:5px;color:var(--muted);font-size:.88rem}
.primary-button{min-height:50px;padding:0 24px;color:#071015;border:1px solid var(--cyan);border-radius:4px;background:var(--cyan);box-shadow:0 0 26px rgba(86,239,255,.26);font:700 .84rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.secondary-link{margin-top:18px;display:inline-block;color:var(--muted);text-decoration:none}
.victory-screen{cursor:pointer}.victory-card h2{color:var(--yellow);text-shadow:0 0 30px rgba(255,226,104,.45)}.continue-note{margin-top:24px;color:var(--cyan)!important;font:700 .78rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase}.fireworks{position:fixed;inset:0;pointer-events:none}.firework-dot{position:absolute;width:7px;height:7px;border-radius:50%;animation:burst 900ms ease-out forwards}@keyframes burst{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
.upgrade-card{width:min(100%,960px)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.upgrade-option{min-height:230px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;color:var(--text);border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.035);text-align:left;cursor:pointer}.upgrade-option:hover{border-color:var(--cyan);transform:translateY(-4px)}.upgrade-number{color:var(--pink);font:700 .72rem "Chakra Petch",sans-serif}.upgrade-option strong{margin:16px 0 10px;font:700 1.3rem "Chakra Petch",sans-serif;text-transform:uppercase}.upgrade-option span:last-child{color:var(--muted);line-height:1.55}
.mobile-controls{position:fixed;z-index:16;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:none;gap:12px}.mobile-controls button{width:68px;height:54px;color:var(--text);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(11,15,29,.82);backdrop-filter:blur(8px);font:700 1.05rem "Chakra Petch",sans-serif;touch-action:none}.mobile-controls .fire-control{width:88px;color:#071015;border-color:var(--pink);background:var(--pink)}
@media(pointer:coarse),(max-width:820px){.mobile-controls{display:flex}}@media(max-width:720px){.game-title{display:none}.top-bar{grid-template-columns:1fr 1fr}.hud{top:70px;grid-template-columns:repeat(3,1fr)}.hud-block:nth-child(4),.hud-block:nth-child(5){display:none}.control-grid,.upgrade-grid{grid-template-columns:1fr}.upgrade-option{min-height:0}}

.score-submit{margin:24px auto 20px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.035);text-align:left}
.score-submit-title{margin:0 0 12px!important;color:var(--cyan)!important;font:700 .82rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.score-submit label{display:block;margin-bottom:8px;color:var(--muted);font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.score-entry-row{display:grid;grid-template-columns:minmax(90px,140px) 1fr;gap:10px}
.score-entry-row input{min-width:0;height:50px;padding:0 12px;color:var(--yellow);border:1px solid rgba(86,239,255,.45);border-radius:4px;outline:none;background:#080c18;font:700 1.45rem "Chakra Petch",monospace;letter-spacing:.28em;text-align:center;text-transform:uppercase}
.score-entry-row input:focus{border-color:var(--cyan);box-shadow:0 0 20px rgba(86,239,255,.18)}
.score-submit-button:disabled{opacity:.55;cursor:not-allowed}
.score-submit-status{min-height:1.4em;margin:10px 0 0!important;color:var(--muted)!important;font-size:.86rem;text-align:center}
.score-submit-status.is-success{color:var(--green)!important}.score-submit-status.is-error{color:var(--danger)!important}
.game-over-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.game-over-actions .secondary-link{margin-top:0}
@media(max-width:520px){.score-entry-row{grid-template-columns:1fr}.score-entry-row input{width:100%}}