:root{--bg: #050308;--panel: rgba(10, 6, 18, .82);--line: rgba(180, 140, 255, .25);--text: #e8e2f4;--muted: #9a90b0;--accent: #b45cff;--red: #ff3b2f;--orange: #ff9a1f;--yellow: #ffe01f;--green: #5cff3a;--blue: #3ec7ff;--violet: #a35cff;--rainbow: linear-gradient(90deg, var(--red), var(--orange), var(--yellow), var(--green), var(--blue), var(--violet));--char: #b45cff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Rajdhani,system-ui,sans-serif}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}h1,h2,.btn,.stage-num,#score,#stage-label,#messages,kbd{font-family:Orbitron,sans-serif}#screens{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;padding:24px;pointer-events:auto;overflow-y:auto;background:radial-gradient(ellipse at center,#1408288c,#030106eb)}.screen h2{font-size:clamp(22px,3vw,34px);letter-spacing:.12em;text-transform:uppercase;text-align:center}.sub{color:var(--muted);text-align:center;font-size:18px}.row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.row.col{flex-direction:column;align-items:stretch}.btn{border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:12px 26px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .15s,transform .1s,box-shadow .15s}.btn:hover{background:#b45cff2e}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(90deg,#6a1fd0,#b45cff);border-color:transparent;font-weight:700}.btn.primary:hover{box-shadow:0 0 24px #b45cffb3}.btn:disabled{opacity:.35;cursor:not-allowed}#screen-title{background:radial-gradient(ellipse at center,#0a041433,#030106d9)}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../img/galaxy-silhouettes.webp) center/cover no-repeat;mix-blend-mode:darken;opacity:.9}.title-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.title-logo{width:min(300px,50vw);mix-blend-mode:screen;animation:logo-pulse 4s ease-in-out infinite}.title-logo.small{width:140px}@keyframes logo-pulse{50%{transform:scale(1.04);filter:brightness(1.25)}}.title-content h1{font-size:clamp(40px,7vw,84px);font-weight:900;letter-spacing:.25em;margin-right:-.25em;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,80,200,.35))}.tagline{font-size:20px;color:var(--muted);letter-spacing:.08em}.hint{color:var(--muted);font-size:14px;opacity:.7}.cards{display:grid;grid-template-columns:repeat(4,minmax(200px,260px));gap:16px}@media (max-width: 1100px){.cards{grid-template-columns:repeat(2,minmax(200px,300px))}}.card{--c: #fff;position:relative;background:var(--panel);border:1px solid var(--line);padding:20px 18px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:10px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.card:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 40%,transparent)}.card .icon{height:96px;display:flex;align-items:center;justify-content:center;color:var(--c);filter:drop-shadow(0 0 12px var(--c))}.card .icon svg{height:100%;width:auto}.card h3{font-family:Orbitron,sans-serif;font-size:26px;letter-spacing:.1em;color:var(--c)}.card .inst{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:13px;margin-top:-8px}.card .weapon{font-weight:700;font-size:17px}.card ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cfc7e0}.card ul b{color:var(--c);font-weight:700}.stat{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat .pips{height:6px;background:#ffffff14;position:relative}.stat .pips i{position:absolute;inset:0 auto 0 0;background:var(--c);box-shadow:0 0 8px var(--c)}#orbit-map{position:relative;width:min(560px,80vh,90vw);aspect-ratio:1}#orbit-map svg{width:100%;height:100%;overflow:visible}#orbit-map .node{cursor:pointer}#orbit-map .node.locked{cursor:not-allowed;opacity:.35}#orbit-map .node:not(.locked):hover circle.planet{filter:brightness(1.4)}#orbit-map text{font-family:Orbitron,sans-serif;fill:var(--text);font-size:13px;letter-spacing:.08em}#orbit-map text.small{font-family:Rajdhani,sans-serif;fill:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);padding:32px 36px;max-width:640px;width:100%;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.stage-num{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;font-size:13px}.stage-sub{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-top:-8px}.briefing-text{font-size:19px;line-height:1.4}.controls{display:grid;grid-template-columns:repeat(4,auto);gap:8px 20px;font-size:14px;color:var(--muted);margin:6px 0}kbd{display:inline-block;min-width:40px;padding:3px 6px;margin-right:6px;border:1px solid var(--line);font-size:10px;color:var(--text);text-align:center}.beat-tip{font-size:15px;color:var(--muted)}.beat-tip b{color:var(--yellow)}.settings{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;text-align:left}.settings label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.settings input{width:160px;accent-color:var(--accent)}.results{display:grid;grid-template-columns:auto auto;gap:6px 28px;font-size:17px;text-align:left}.results span:nth-child(2n){text-align:right;font-weight:700;font-family:Orbitron,sans-serif;font-size:15px}.danger{color:var(--red)}.victory{display:flex;flex-direction:column;gap:16px;align-items:center;max-width:1000px;text-align:center}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}@media (max-width: 800px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line)}.credits{color:var(--muted);letter-spacing:.1em}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px 40px #ff001ee6;opacity:0;transition:opacity .25s}#shieldfx{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 30px #a35cff99;opacity:0;transition:opacity .3s}#slowfx{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(62,199,255,.28));opacity:0;transition:opacity .3s}#flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair .dot{position:absolute;width:4px;height:4px;left:-2px;top:-2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff}#crosshair .beat-ring{position:absolute;width:40px;height:40px;left:-20px;top:-20px;border:2px solid var(--char);border-radius:50%;opacity:.6}#hitmarker{position:absolute;width:22px;height:22px;left:-11px;top:-11px;opacity:0;background:linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%);-webkit-mask:radial-gradient(circle,transparent 5px,#000 5px);mask:radial-gradient(circle,transparent 5px,#000 5px)}#top{position:absolute;top:18px;left:50%;transform:translate(-50%);text-align:center}#stage-label{font-size:13px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;white-space:nowrap}#wave-label{font-size:18px;font-weight:700;letter-spacing:.1em;margin-top:2px}#boss{position:absolute;top:84px;left:50%;transform:translate(-50%);width:min(600px,70vw);text-align:center}#boss .name{font-family:Orbitron,sans-serif;letter-spacing:.3em;font-size:14px;color:#ff6ae0;margin-bottom:6px;text-transform:uppercase}#boss .bar{height:10px;background:#ffffff14;border:1px solid rgba(255,106,224,.4)}#boss .fill{height:100%;background:var(--rainbow);box-shadow:0 0 14px #ff3cc8b3;transition:width .15s}#score-box{position:absolute;top:18px;right:24px;text-align:right}#score{font-size:28px;font-weight:700;letter-spacing:.05em}#groove{font-size:15px;font-weight:700;letter-spacing:.15em;color:var(--yellow);text-shadow:0 0 10px var(--yellow)}#health-box{position:absolute;left:24px;bottom:24px;width:300px}#health-box .label{font-family:Orbitron,sans-serif;font-size:13px;letter-spacing:.2em;color:var(--char);margin-bottom:6px}#health-box .bar{position:relative;height:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}#health-box .fill{height:100%;background:linear-gradient(90deg,var(--red),var(--char));box-shadow:0 0 12px var(--char);transition:width .12s}#health-box .shield{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--violet);box-shadow:0 0 12px var(--violet);opacity:0}#health-box .num{font-family:Orbitron,sans-serif;font-size:22px;margin-top:4px}#weapon-box{position:absolute;right:24px;bottom:24px;text-align:right}#weapon-box .name{font-family:Orbitron,sans-serif;font-size:16px;letter-spacing:.15em;color:var(--char);margin-bottom:8px;text-transform:uppercase}#weapon-box .cds{display:flex;gap:10px;justify-content:flex-end}.cd{position:relative;width:74px;height:46px;border:1px solid rgba(255,255,255,.2);background:#0006;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.cd .fill{position:absolute;inset:auto 0 0 0;background:color-mix(in srgb,var(--char) 45%,transparent)}.cd span{position:relative;font-family:Orbitron,sans-serif;font-size:12px}.cd b{position:relative;font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:600}.cd.ready{border-color:var(--char);box-shadow:0 0 12px var(--char)}#messages{position:absolute;top:28%;left:50%;transform:translate(-50%);text-align:center;width:90vw}#messages .msg{font-size:clamp(24px,4vw,46px);font-weight:900;letter-spacing:.2em;text-shadow:0 0 20px var(--char);animation:msg-in .4s ease-out}#messages .msg small{display:block;font-family:Rajdhani,sans-serif;font-size:18px;letter-spacing:.15em;font-weight:600;color:var(--muted);text-shadow:none;margin-top:6px}@keyframes msg-in{0%{transform:scale(1.4);opacity:0}}#beat-pop{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.25em;color:var(--yellow);text-shadow:0 0 8px var(--yellow);opacity:0}