: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);text-decoration:none;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.endless{border-color:#ff2fd0;color:#ff9af0;background:#ff2fd01f;font-weight:700}.btn.endless:hover{background:#ff2fd047;box-shadow:0 0 22px #ff2fd08c}.btn.gauntlet{border-color:var(--yellow);color:var(--yellow);background:#ffe01f1f;font-weight:700}.btn.gauntlet:hover{background:#ffe01f42;box-shadow:0 0 22px #ffe01f80}.btn.daily{border-color:var(--blue);color:var(--blue);background:#3ec7ff1f;font-weight:700}.btn.daily:hover{background:#3ec7ff42;box-shadow:0 0 22px #3ec7ff80}.btn.setlist{border-color:#c8ff2a;color:#c8ff2a;background:#c8ff2a1f;font-weight:700}.btn.setlist:hover{background:#c8ff2a42;box-shadow:0 0 22px #c8ff2a80}.btn.dojo{border-color:var(--orange);color:var(--orange);background:#ff9a1f1f;font-weight:700}.btn.dojo:hover{background:#ff9a1f42;box-shadow:0 0 22px #ff9a1f80}.btn:disabled{opacity:.35;cursor:not-allowed}.band-link{color:var(--muted);font:600 13px Orbitron,sans-serif;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:color .15s,text-shadow .15s}.band-link:hover{color:var(--text);text-shadow:0 0 10px var(--accent)}.title-links{gap:22px}.izar-relay-badge{font:700 11px Orbitron,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--green);background:#5cff3a1a;border:1px solid rgba(92,255,58,.5);padding:6px 14px;box-shadow:0 0 16px #5cff3a40;text-shadow:0 0 8px rgba(92,255,58,.5)}.band-ticker{display:flex;align-items:center;gap:10px;max-width:min(520px,90vw);background:var(--panel);border:1px solid var(--line);padding:6px 14px;font-size:13px;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.band-ticker:hover{border-color:var(--accent);box-shadow:0 0 12px #b45cff4d}.band-ticker .ticker-tag{font:700 10px Orbitron,sans-serif;color:var(--yellow);letter-spacing:.15em;padding:2px 6px;border:1px solid rgba(255,224,31,.45);background:#ffe01f14;white-space:nowrap;flex-shrink:0}.band-ticker .ticker-text{flex:1;text-align:left;color:#dcd4ec;line-height:1.25}#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}.title-layout{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,72px);width:100%}.title-layout .title-content{flex:0 1 auto;min-width:0}.title-layout h1{font-size:clamp(34px,5.2vw,84px)}@media (max-width: 760px){.title-layout{flex-direction:column}}.callsign{display:flex;flex-direction:column;align-items:center;gap:6px}.callsign span{font:700 11px Orbitron,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.callsign input{width:260px;padding:10px 14px;background:#0a0612cc;border:1px solid var(--line);color:var(--text);font:700 16px Orbitron,sans-serif;letter-spacing:.12em;text-align:center;outline:none}.callsign input:focus{border-color:var(--accent);box-shadow:0 0 14px #b45cff73}.callsign input::placeholder{font:500 13px Rajdhani,sans-serif;letter-spacing:.05em;color:var(--muted);opacity:.7}.callsign.invalid input{border-color:var(--red);animation:shake .35s}.callsign .err{font:500 13px Rajdhani,sans-serif;letter-spacing:0;text-transform:none;color:var(--red)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.board{background:var(--panel);border:1px solid var(--line);padding:18px 20px;width:min(360px,100%);display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board h3{font:900 18px Orbitron,sans-serif;letter-spacing:.25em;text-transform:uppercase;text-align:center;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.board-tabs{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:2px 0}.board-tab{background:#ffffff0a;border:1px solid var(--line);color:var(--muted);font:700 10px Orbitron,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;cursor:pointer;transition:all .15s}.board-tab:hover{color:var(--text);border-color:var(--accent)}.board-tab.active{color:var(--yellow);border-color:var(--yellow);background:#ffe01f24;box-shadow:0 0 8px #ffe01f40}.board-sub{color:var(--muted);font-size:13px;text-align:center;margin-bottom:4px}.board ol{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow-y:auto}.board li{display:grid;grid-template-columns:26px 10px 1fr auto auto;align-items:center;gap:8px;padding:3px 6px;font-size:15px}.board li:nth-child(odd){background:#ffffff08}.board li.me{background:#b45cff33;outline:1px solid rgba(180,92,255,.5)}.board .pos{font:700 12px Orbitron,sans-serif;color:var(--muted);text-align:right}.board li:nth-child(1) .pos{color:var(--yellow)}.board li:nth-child(2) .pos{color:#d8d8e8}.board li:nth-child(3) .pos{color:var(--orange)}.board .dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}.board .who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .stg{color:var(--muted);font-size:12px}.board .pts{font:700 13px Orbitron,sans-serif;text-align:right;min-width:72px}.board-status{color:var(--muted);font-size:14px;text-align:center}.board-status:empty{display:none}.rank{color:var(--accent);font:700 14px Orbitron,sans-serif;letter-spacing:.12em;text-transform:uppercase;min-height:1em}.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)}.skin-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--panel);border:1px solid var(--line);padding:8px 16px}.skin-bar .skin-label,.skin-label{font:700 11px Orbitron,sans-serif;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-right:4px}.skin-bar .skin-pill,.skin-pill{border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:5px 12px;font:700 11px Orbitron,sans-serif;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;transition:all .15s}.skin-bar .skin-pill.active,.skin-pill.active{border-color:var(--yellow);color:var(--yellow);background:#ffe01f24;box-shadow:0 0 12px #ffe01f4d}.skin-bar .skin-pill.locked,.skin-pill.locked{opacity:.4;cursor:not-allowed}#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}.daily-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:780px;background:var(--panel);border:1px solid rgba(62,199,255,.4);padding:6px 14px;font:600 12px Rajdhani,sans-serif;color:var(--text);letter-spacing:.08em;cursor:pointer;transition:border-color .15s,box-shadow .15s}.daily-bar:hover{border-color:var(--blue);box-shadow:0 0 14px #3ec7ff59}.daily-bar .daily-head{font:700 10px Orbitron,sans-serif;color:var(--blue);letter-spacing:.15em;text-transform:uppercase}.daily-bar .daily-best{font:700 11px Orbitron,sans-serif;color:var(--yellow)}.career-bar{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font:600 13px Orbitron,sans-serif;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:8px 18px;letter-spacing:.12em;text-transform:uppercase}.milestone-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:780px;background:var(--panel);border:1px solid var(--line);padding:8px 14px}.milestone-bar .ms-head,.ms-head{font:700 11px Orbitron,sans-serif;color:var(--yellow);letter-spacing:.14em;margin-right:6px}.milestone-bar .ms-pill,.ms-pill{font:600 11px Rajdhani,sans-serif;padding:2px 8px;border:1px solid rgba(255,255,255,.14);color:var(--muted);opacity:.45}.milestone-bar .ms-pill.done,.ms-pill.done{border-color:var(--yellow);color:var(--yellow);opacity:1;background:#ffe01f1a;box-shadow:0 0 8px #ffe01f40}.telemetry-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:780px;background:var(--panel);border:1px solid var(--line);padding:6px 14px;font:600 12px Rajdhani,sans-serif;color:var(--muted);letter-spacing:.06em}.telemetry-bar:empty{display:none}.telemetry-bar .tel-head{font:700 10px Orbitron,sans-serif;color:var(--blue);letter-spacing:.14em;text-transform:uppercase}.telemetry-bar .tel-item{padding:1px 7px;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:12px}.telemetry-bar .tel-item.win{border-color:#5cff3a73;color:#b8ff9e}.telemetry-bar .tel-item.loss{border-color:#ff3b2f66;color:#ff9c94}.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)}.jukebox{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-family:Orbitron,sans-serif}.jukebox select{background:#0a0612e6;color:var(--text);border:1px solid var(--line);padding:6px 12px;font:600 14px Rajdhani,sans-serif;letter-spacing:.06em;outline:none;cursor:pointer}.jukebox select:focus{border-color:var(--accent);box-shadow:0 0 10px #b45cff66}.remix-box{width:100%;display:flex;flex-direction:column;gap:8px;background:#00000059;border:1px solid var(--line);padding:10px 14px;margin:2px 0}.remix-head{display:flex;justify-content:space-between;align-items:center;font:700 11px Orbitron,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}#remix-bonus{color:var(--yellow);text-shadow:0 0 8px var(--yellow);font-size:13px}.remix-mods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.remix-btn{background:#ffffff0a;border:1px solid var(--line);color:var(--text);padding:8px 10px;cursor:pointer;text-align:left;transition:all .15s;display:flex;flex-direction:column;gap:3px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.remix-btn:hover{background:#b45cff1f;border-color:var(--accent)}.remix-btn.on{border-color:var(--yellow);background:#ffe01f1f;box-shadow:0 0 12px #ffe01f4d}.remix-top{display:flex;justify-content:space-between;align-items:center;width:100%}.remix-name{font:700 12px Orbitron,sans-serif;letter-spacing:.06em}.remix-btn.on .remix-name{color:var(--yellow)}.remix-tag{font:700 11px Orbitron,sans-serif;color:var(--accent)}.remix-btn.on .remix-tag{color:var(--yellow)}.remix-desc{font-size:11px;color:var(--muted);line-height:1.25}.setlist-box{width:100%;display:flex;flex-direction:column;gap:8px;background:#0006;border:1px solid rgba(200,255,42,.35);padding:10px 14px;margin:2px 0}.setlist-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.setlist-slot{display:flex;flex-direction:column;gap:4px;text-align:left;background:#ffffff08;border:1px solid var(--line);padding:6px 8px}.setlist-slot span{font:700 10px Orbitron,sans-serif;color:#c8ff2a;letter-spacing:.12em;text-transform:uppercase}.setlist-slot select{background:#0a0612e6;color:var(--text);border:1px solid var(--line);padding:4px 6px;font:600 12px Rajdhani,sans-serif;outline:none;cursor:pointer}.settings{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px;text-align:left}.settings label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.settings input[type=range]{width:160px;accent-color:var(--accent)}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings select{background:#0a0612e6;color:var(--text);border:1px solid var(--line);padding:4px 10px;font:600 14px Rajdhani,sans-serif;outline:none;cursor:pointer}.keybinds{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.keybinds .kb-label{font:700 10px Orbitron,sans-serif;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.keybinds .kb-row{display:flex;gap:8px;flex-wrap:wrap}.kb-btn{flex:1;background:#ffffff0d;border:1px solid var(--line);color:var(--text);padding:5px 8px;font:600 12px Rajdhani,sans-serif;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.kb-btn b{font-family:Orbitron,sans-serif;font-size:11px;color:var(--yellow);margin-left:3px}.kb-btn:hover,.kb-btn.listening{border-color:var(--yellow);background:#ffe01f24}.card .char-tel{font:600 12px Rajdhani,sans-serif;color:var(--muted);letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.08);padding-top:6px;margin-top:2px}.mastery-box{display:flex;flex-direction:column;gap:4px;padding-top:6px;margin-top:2px;border-top:1px solid rgba(255,255,255,.08)}.mastery-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.mastery-badge{font:700 10px Orbitron,sans-serif;color:var(--c);letter-spacing:.08em;text-transform:uppercase}.mastery-badge.gold{color:var(--yellow);text-shadow:0 0 8px rgba(255,224,31,.45)}.mastery-xp{font:600 11px Rajdhani,sans-serif;color:var(--muted)}.mastery-bar{height:4px;background:#ffffff14;position:relative;overflow:hidden}.mastery-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--c),var(--yellow))}.mastery-perk{font:600 11px Rajdhani,sans-serif;color:var(--muted);opacity:.7;letter-spacing:.04em}.mastery-perk.unlocked{color:var(--yellow);opacity:1}.poster-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;background:#030108e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px;pointer-events:auto}.poster-panel{max-width:520px;padding:20px 24px;gap:12px}#poster-canvas{width:min(360px,78vw);height:auto;aspect-ratio:3 / 4;border:1px solid var(--line);box-shadow:0 0 28px #b45cff59;background:#05020a}.build-stamp{font:600 11px Orbitron,sans-serif;letter-spacing:.18em;color:var(--muted);opacity:.55;margin-top:2px}.badges{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-height:20px}.badge{font:700 10px Orbitron,sans-serif;padding:2px 5px;border:1px solid rgba(255,255,255,.16);color:var(--muted);opacity:.45}.badge.done{border-color:var(--c);color:var(--c);opacity:1;box-shadow:0 0 6px color-mix(in srgb,var(--c) 35%,transparent)}.badge.crown{border-color:var(--yellow);color:var(--yellow);opacity:1;text-shadow:0 0 6px var(--yellow)}.medal-pill{display:inline-block;font:700 12px Orbitron,sans-serif;letter-spacing:.14em;padding:2px 8px;border-radius:3px;text-transform:uppercase}.medal-pill.platinum{color:#10081c;background:var(--rainbow);box-shadow:0 0 12px #ff2fd0}.medal-pill.gold{color:#1a1200;background:linear-gradient(90deg,#ffe01f,#ff9a1f);box-shadow:0 0 10px #ffe01f}.medal-pill.silver{color:#10141c;background:linear-gradient(90deg,#e8eef8,#9aa8c0)}.medal-pill.bronze{color:#1c0c04;background:linear-gradient(90deg,#ff9a5c,#b85d28)}.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}#screen-codex{align-items:center;justify-content:center}.codex-layout{display:grid;grid-template-columns:240px 1fr 340px;gap:20px;width:min(1180px,96vw);height:min(640px,90vh);align-items:stretch}.codex-list{background:var(--panel);border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.codex-cat{font:700 10px Orbitron,sans-serif;letter-spacing:.2em;color:var(--muted);padding:8px 6px 4px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.codex-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid transparent;color:var(--text);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .12s;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.codex-item:hover{background:#ffffff14;border-color:#b48cff59}.codex-item.active{background:color-mix(in srgb,var(--c, var(--accent)) 22%,transparent);border-color:var(--c, var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--c, var(--accent)) 35%,transparent);color:#fff}.codex-dot{width:7px;height:7px;border-radius:50%;background:var(--c, var(--muted));box-shadow:0 0 6px var(--c, var(--muted));flex-shrink:0}.codex-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codex-kind{font:700 9px Orbitron,sans-serif;color:var(--muted);opacity:.7;letter-spacing:.1em}.codex-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:20px;pointer-events:auto;cursor:grab;min-height:300px;-webkit-user-select:none;user-select:none;touch-action:none}.codex-stage:active{cursor:grabbing}.codex-hint{font:700 11px Orbitron,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:#0000008c;border:1px solid var(--line);padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.codex-info{max-width:360px;height:100%;overflow-y:auto;text-align:left;align-items:stretch;justify-content:flex-start;padding:24px;gap:12px}#codex-name{font-size:24px;letter-spacing:.1em;text-align:left}#codex-sub{text-align:left;font-size:12px;color:var(--muted)}#codex-lore{text-align:left;font-size:15px;line-height:1.4;color:#d8d0e8}#codex-tip{text-align:left;font-size:13px;color:var(--muted)}#codex-tip b{color:var(--yellow)}.codex-stats{display:flex;gap:8px;width:100%;flex-wrap:wrap;margin:4px 0}.codex-stat{flex:1 1 70px;display:flex;flex-direction:column;background:#ffffff0a;border:1px solid var(--line);padding:6px 10px}.codex-stat span{font:700 10px Orbitron,sans-serif;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.codex-stat b{font:700 15px Orbitron,sans-serif;color:var(--yellow);margin-top:2px}.codex-jukebox{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.codex-jukebox span{font:700 10px Orbitron,sans-serif;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.codex-jukebox select{background:#0a0612eb;color:var(--text);border:1px solid var(--line);padding:6px 10px;font:600 13px Rajdhani,sans-serif;outline:none;cursor:pointer}#screen-codex.lightshow-active{background:radial-gradient(ellipse at center,#1408281f,#03010659)}#screen-codex.lightshow-active .codex-list,#screen-codex.lightshow-active .codex-info,#screen-codex.lightshow-active>h2,#screen-codex.lightshow-active>p.sub{opacity:0;pointer-events:none;transition:opacity .25s}.lightshow-exit{position:fixed;bottom:26px;right:28px;z-index:95;border-color:var(--yellow);color:var(--yellow);background:#0a0612e0;box-shadow:0 0 22px #ffe01f73}@media (max-width: 960px){.codex-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;max-height:85vh;overflow-y:auto}.codex-stage{min-height:180px}.codex-info{max-width:100%}.codex-list{max-height:180px}}#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}#dev-badge{position:fixed;top:10px;left:12px;z-index:50;pointer-events:none;padding:3px 8px;font:600 12px Rajdhani,sans-serif;letter-spacing:.12em;color:#000;background:#ffe01f;border-radius:3px;opacity:.85}.toast-achievement{position:fixed;top:20px;right:24px;z-index:90;background:var(--panel);border:1px solid var(--yellow);padding:10px 16px;box-shadow:0 0 24px #ffe01f73;display:flex;align-items:center;gap:12px;pointer-events:none;animation:msg-in .35s ease-out}.toast-achievement .toast-icon,.toast-icon{font-size:22px;color:var(--yellow)}.toast-achievement .toast-body b,.toast-body b{font:700 12px Orbitron,sans-serif;color:var(--yellow);display:block;letter-spacing:.14em}.toast-achievement .toast-body small,.toast-body small{color:var(--text);font-size:13px}#markers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#markers .mk{position:absolute;left:0;top:0;display:none;will-change:transform,opacity}#markers .arrow{width:18px;height:14px;margin:-7px 0 0 -9px;background:var(--c);clip-path:polygon(0 0,100% 50%,0 100%,30% 50%);filter:drop-shadow(0 0 4px var(--c))}#markers .arrow.big{width:28px;height:22px;margin:-11px 0 0 -14px}#markers .pin{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border:2px solid var(--c);box-shadow:0 0 6px var(--c)}#dmg-nums{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}#dmg-nums .dn{position:absolute;left:0;top:0;font:700 15px Orbitron,sans-serif;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none;will-change:transform,opacity}#dmg-nums .dn.crit{font-size:20px;color:var(--yellow);text-shadow:0 0 10px var(--yellow),0 0 4px #000}#dmg-nums .dn.crit.weakpoint{font-size:23px;color:#ffe01f;text-shadow:0 0 14px #ff2fd0,0 0 8px #ffe01f,0 0 4px #000;letter-spacing:.06em}#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}#crosshair[data-style=cross] .dot{width:14px;height:14px;left:-7px;top:-7px;border-radius:0;background:linear-gradient(0deg,transparent 43%,#fff 43%,#fff 57%,transparent 57%),linear-gradient(90deg,transparent 43%,#fff 43%,#fff 57%,transparent 57%)}#crosshair[data-style=diamond] .beat-ring{border-radius:3px}#crosshair[data-style=diamond] .dot{border-radius:0;transform:rotate(45deg);width:6px;height:6px;left:-3px;top:-3px}#crosshair[data-style=chevron] .dot{width:12px;height:8px;left:-6px;top:-2px;border-radius:0;background:#fff;clip-path:polygon(50% 0%,100% 100%,75% 100%,50% 45%,25% 100%,0% 100%)}#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)}#hitmarker.crit{width:30px;height:30px;left:-15px;top:-15px;background:linear-gradient(45deg,transparent 43%,var(--yellow) 43%,var(--yellow) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--yellow) 43%,var(--yellow) 57%,transparent 57%);filter:drop-shadow(0 0 8px var(--yellow))}#dmg-arc{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;border:5px solid transparent;border-top-color:var(--red);filter:drop-shadow(0 0 12px var(--red));opacity:0;pointer-events:none}#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}#sonar-radar{position:absolute;top:18px;left:24px;width:116px;height:116px;border-radius:50%;box-shadow:0 0 18px #b45cff40;pointer-events:none}#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}#boss .stagger{height:4px;margin-top:3px;background:#ffffff0f;border:1px solid rgba(62,199,255,.25)}#boss .stagger-fill{height:100%;width:0%;background:linear-gradient(90deg,#00f5ff,#ffe01f);transition:width .12s}#boss .stagger-fill.stunned{background:#ffe01f;box-shadow:0 0 12px #ffe01f,0 0 6px #00f5ff}#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)}#groove.encore{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px #ff2fd0);font-size:17px}#active-amps{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-top:4px;max-width:280px}.amp-pill{font:700 10px Orbitron,sans-serif;padding:2px 6px;border:1px solid var(--c);color:var(--c);background:#0000008c;letter-spacing:.1em;box-shadow:0 0 6px color-mix(in srgb,var(--c) 35%,transparent);text-transform:uppercase}#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 .guard{display:flex;gap:6px;margin-bottom:6px}#health-box .guard i{position:relative;width:26px;height:12px;background:#3ec7ff26;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);overflow:hidden}#health-box .guard i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue);transform:scaleX(var(--p, 0));transform-origin:left;opacity:.45}#health-box .guard i.on:after{transform:none;opacity:1}#health-box .guard.broke i{animation:guard-broke .3s}@keyframes guard-broke{0%{background:#fff}}#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)}#cd-encore{pointer-events:auto;cursor:pointer}#cd-encore .fill{background:linear-gradient(180deg,#ffe01fa6,#ff2fd08c)}#cd-encore.ready{border-color:var(--yellow);box-shadow:0 0 18px var(--yellow),0 0 8px #ff2fd0}#cd-encore.ready span,#cd-encore.ready b{color:var(--yellow);text-shadow:0 0 8px var(--yellow)}#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}.pod-bar{position:absolute;bottom:72px;left:50%;transform:translate(-50%);width:260px;background:var(--panel);border:1px solid var(--yellow);padding:6px 12px;text-align:center;box-shadow:0 0 18px #ffe01f59}.pod-bar .pod-label,.pod-label{font:700 10px Orbitron,sans-serif;color:var(--yellow);letter-spacing:.16em;margin-bottom:4px}.pod-bar .pod-track,.pod-track{height:6px;background:#ffffff1a}.pod-bar .pod-fill,.pod-fill{height:100%;width:0%;background:var(--rainbow);transition:width .08s}#amp-choice{position:absolute;top:18%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--accent);padding:12px 18px;pointer-events:auto;z-index:20;box-shadow:0 0 24px #b45cff66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.amp-title{font:900 12px Orbitron,sans-serif;letter-spacing:.25em;color:var(--yellow);text-transform:uppercase}.amp-options{display:flex;gap:12px}.amp-opt{border:1px solid var(--c);background:#ffffff0d;color:var(--text);padding:8px 12px;cursor:pointer;text-align:left;max-width:220px;transition:transform .12s,background .15s,box-shadow .15s}.amp-opt:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 0 16px color-mix(in srgb,var(--c) 40%,transparent)}.amp-opt .amp-key{font:700 11px Orbitron,sans-serif;color:var(--yellow);margin-right:4px}.amp-opt b{color:var(--c);font-family:Orbitron,sans-serif;font-size:12px;display:block;margin-bottom:3px}.amp-opt small{color:var(--muted);font-size:12px;line-height:1.3;display:block}#beat-bar{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:220px;height:28px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;pointer-events:none}#beat-bar .eq-bars{display:flex;gap:4px;align-items:flex-end;height:100%;opacity:.38}#beat-bar .eq-bars i{width:8px;height:4px;background:var(--char);transition:height .05s}#beat-bar .tick{position:absolute;bottom:2px;width:3px;height:16px;background:var(--yellow);box-shadow:0 0 8px var(--yellow)}#beat-bar .center-diamond{position:absolute;bottom:4px;width:10px;height:10px;border:2px solid var(--char);transform:rotate(45deg);transition:transform .08s,border-color .08s}#beat-bar.on-beat .center-diamond{border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 12px var(--yellow);transform:rotate(45deg) scale(1.3)}body:not(.touch) .touch-only,body.touch .desktop-only{display:none!important}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}#touch .zone{position:absolute;top:0;right:0;bottom:0;left:0}#touch .stick{position:absolute;left:0;top:0;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;opacity:0;pointer-events:none;transition:opacity .1s}#touch .stick.on{opacity:1}#touch .stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:color-mix(in srgb,var(--char) 70%,transparent);box-shadow:0 0 14px var(--char)}.tbtn{--size: 60px;--cd: 1;position:absolute;width:var(--size);height:var(--size);border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.3);color:var(--text);font:700 11px Orbitron,sans-serif;letter-spacing:.08em;background:conic-gradient(color-mix(in srgb,var(--char) 45%,transparent) calc(var(--cd) * 360deg),#00000059 0);touch-action:none;-webkit-tap-highlight-color:transparent}.tbtn.down{transform:scale(.92);border-color:#fff}.tbtn.ready{border-color:var(--char);box-shadow:0 0 12px var(--char)}.tbtn.fire{--size: 92px;right:calc(28px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));font-size:13px;background:color-mix(in srgb,var(--char) 30%,rgba(0,0,0,.35));border-color:var(--char)}.tbtn.alt{right:calc(136px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}.tbtn.ability{right:calc(126px + env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));font-size:16px}.tbtn.dash{right:calc(198px + env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom))}.tbtn.jump{right:calc(44px + env(safe-area-inset-right));bottom:calc(142px + env(safe-area-inset-bottom))}.tbtn.pause{--size: 42px;left:calc(14px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));background:#00000059;font-size:12px}body.touch #weapon-box{display:none}body.touch #beat-bar{bottom:auto;top:54px;transform:translate(-50%) scale(.8)}body.touch #health-box{width:190px;left:calc(16px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom))}body.touch #health-box .num{font-size:16px}body.touch #dev-badge{left:calc(66px + env(safe-area-inset-left));top:calc(20px + env(safe-area-inset-top))}body.touch #score-box{right:calc(16px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top))}body.touch #score{font-size:22px}body.touch #top{top:calc(10px + env(safe-area-inset-top))}#rotate{display:none}@media (orientation: portrait){body.touch #rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg);text-align:center;font:700 18px Orbitron,sans-serif;letter-spacing:.12em}}@media (max-height: 520px){.screen{gap:10px;padding:12px}.title-logo{width:min(160px,30vh)}.title-content{gap:8px}.callsign input{padding:6px 12px;font-size:14px}.board{padding:10px 14px;gap:3px;width:min(300px,100%)}.board-sub{display:none}.board li{font-size:13px;padding:1px 6px}.board ol{max-height:62vh}.tagline{font-size:15px}.panel{padding:16px 20px;gap:8px}.briefing-text{font-size:15px}.cards{grid-template-columns:repeat(4,minmax(150px,220px));gap:10px}.card{padding:12px;gap:6px}.card .icon{height:48px}.card h3{font-size:18px}.card ul{font-size:12px;gap:3px}.controls{grid-template-columns:repeat(2,auto)}}