@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700;800&display=swap";:root{color:#e9fdff;font-synthesis:none;--cyan:#64f5ff;--violet:#a66bff;--orange:#ffae57;--red:#ff4f6f;--glass:#070c1bc7;background:#03040c;font-family:Chakra Petch,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#02030a}button{font:inherit;color:inherit;cursor:pointer}#app{isolation:isolate;position:relative}canvas{cursor:crosshair;background:#02030a;width:100%;height:100%;display:block;position:absolute}#vignette{pointer-events:none;mix-blend-mode:multiply;z-index:2;background:radial-gradient(circle,#0000 45%,#0000089e 100%);position:absolute;inset:0}.screen{z-index:10;display:none;position:absolute;inset:0}.screen.active{display:flex}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0d162be0,#040814e6);border:1px solid #74eaff3b;box-shadow:0 25px 70px #00000073,inset 0 1px #ffffff0d}#title{background:radial-gradient(circle at 50% 45%,#263d691f,#02030a47 45%,#02030abf);justify-content:center;align-items:center}.title-wrap{width:min(1080px,92vw);animation:.7s ease-out fadeup}.eyebrow{letter-spacing:.35em;color:var(--cyan);text-transform:uppercase;font:600 11px Oxanium}.title-wrap>h1{letter-spacing:-.075em;text-shadow:0 0 40px #5defff38;margin:12px 0 8px;font:800 clamp(56px,8vw,108px)/.83 Oxanium}h1 span,.brand span{color:var(--cyan);font-weight:300}.tagline{letter-spacing:.58em;color:#8497ac;margin:0 0 32px 5px;font:500 13px Oxanium}.title-grid{grid-template-columns:1.1fr 1fr;gap:12px;display:grid}.briefing,.loadout{min-height:198px;padding:23px 27px}.micro{color:#6e839a;letter-spacing:.28em;font:600 9px Oxanium}.briefing h2{margin:9px 0 5px;font:600 20px Oxanium}.briefing p{color:#91a5b7;max-width:560px;margin:0;font-size:13px;line-height:1.5}.controls{color:#71849b;letter-spacing:.05em;border-top:1px solid #ffffff14;flex-wrap:wrap;gap:7px 15px;margin-top:17px;padding-top:12px;font:600 10px Oxanium;display:flex}.controls b{color:var(--cyan);font-weight:600}.frames{gap:7px;margin-top:10px;display:flex}.frame{text-align:left;background:#0003;border:1px solid #ffffff1a;flex:1;min-height:100px;padding:10px 8px;transition:all .2s;position:relative}.frame:hover:not(.locked),.frame.selected{border-color:var(--frame);background:color-mix(in srgb,var(--frame) 11%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--frame) 7%,transparent)}.frame.selected:after{content:"ACTIVE";color:var(--frame);font:600 7px Oxanium;position:absolute;top:4px;right:5px}.frame.locked{opacity:.38;cursor:not-allowed}.frame-name{text-transform:uppercase;font:700 12px Oxanium}.frame-role{color:#73879b;letter-spacing:.1em;margin:2px 0 7px;font-size:7px}.ship-glyph{height:25px;position:relative}.ship-glyph:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:23px solid var(--frame);width:0;height:0;filter:drop-shadow(0 0 6px var(--frame));position:absolute;top:2px;left:12px;transform:rotate(90deg)}.frame-lock{color:#f3b773;font:600 8px Oxanium}.records{color:#71849b;letter-spacing:.09em;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:10px;padding-top:9px;font:500 8px Oxanium;display:flex}.records strong{color:#d7f8ff;margin-top:2px;font-size:12px;display:block}.start-row{gap:9px;margin-top:14px;display:flex}.primary,.quiet{letter-spacing:.16em;border:0;padding:15px 25px;font:700 11px Oxanium;transition:all .18s}.primary{background:var(--cyan);color:#041015;box-shadow:0 0 30px #64f5ff2e}.primary:hover{transform:translateY(-2px);box-shadow:0 0 45px #64f5ff52}.primary small{opacity:.6;font-size:8px}.quiet{color:#91a8b9;background:#030711b3;border:1px solid #ffffff26}.quiet:hover{border-color:var(--cyan);color:#fff}.icon-button{color:#72869a;letter-spacing:.1em;background:0 0;border:0;margin-left:auto;font:600 9px Oxanium}.footer-line{color:#52657a;letter-spacing:.2em;align-items:center;gap:12px;margin-top:17px;font:500 8px Oxanium;display:flex}.footer-line i{background:#233449;flex:1;height:1px}#hud{z-index:5;pointer-events:none;padding:25px 32px;display:none;position:absolute;inset:0}body.playing #hud{display:block}.hud-left,.hud-center,.hud-right{position:absolute;top:25px}.hud-left{align-items:center;gap:30px;display:flex;left:31px}.brand{letter-spacing:-.06em;font:800 16px Oxanium}.wave-label{color:#7d92a4;letter-spacing:.15em;border-left:1px solid #314458;padding-left:16px;font:500 9px Oxanium}.wave-label strong{color:#e9fdff;margin-left:6px;font-size:20px}.wave-label small{color:var(--cyan);margin-top:2px;font-size:7px;display:block}.hud-center{text-align:center;left:50%;transform:translate(-50%)}.score-label{letter-spacing:.27em;color:#667b90;font:500 8px Oxanium}.score{letter-spacing:.06em;font:600 29px/1 Oxanium}.mult{color:var(--cyan);letter-spacing:.13em;border:1px solid #64f5ff47;margin-top:5px;padding:3px 9px;font:700 9px Oxanium;display:inline-block}.hud-right{width:205px;right:31px}.bar-block{margin-bottom:9px}.bar-block>div:first-child{color:#8ca0b2;letter-spacing:.12em;justify-content:space-between;font:600 8px Oxanium;display:flex}.bar-block b{color:#eafcff}.bar{background:#182536;height:4px;margin-top:4px;overflow:hidden}.bar i{background:var(--cyan);width:100%;height:100%;transition:width .15s;display:block;box-shadow:0 0 9px}.bar.heat i{background:var(--orange);width:0}.bar.heat.danger i{background:var(--red)}.dash-pips{justify-content:flex-end;gap:4px;display:flex}.dash-pips:before{content:"PHASE";letter-spacing:.15em;color:#64788d;margin-right:4px;font:600 7px Oxanium}.dash-pips i{background:var(--violet);width:18px;height:4px;box-shadow:0 0 7px var(--violet)}.dash-pips i.empty{box-shadow:none;background:#20263b}.xp-track{background:#ffffff0a;width:100%;height:3px;position:absolute;top:0;left:0}.xp-track i{background:linear-gradient(90deg,var(--violet),var(--cyan));width:0;height:100%;box-shadow:0 0 8px var(--cyan);display:block}.xp-track span{color:#647a91;letter-spacing:.16em;font:600 7px Oxanium;position:absolute;top:6px;left:50%;transform:translate(-50%)}.rift-readout{color:#638093;letter-spacing:.13em;font:600 8px Oxanium;position:absolute;bottom:25px;left:31px}.rift-readout b{color:var(--cyan);margin-left:8px;font-size:12px}.boss-bar{text-align:center;width:min(480px,55vw);display:none;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.boss-bar.active{display:block}.boss-bar span{letter-spacing:.25em;color:#f6a9ff;font:700 9px Oxanium}.boss-bar div{background:#281833;height:5px;margin-top:6px}.boss-bar i{background:linear-gradient(90deg,#963cff,#ff4f9a);width:100%;height:100%;display:block}.modal-screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010309b8;justify-content:center;align-items:center}.modal{text-align:center;width:min(480px,91vw);padding:38px}.modal.wide{width:min(940px,94vw)}.modal h2,.summary h2{letter-spacing:.04em;margin:9px 0;font:700 30px Oxanium}.modal>p{color:#7f94a8;margin:5px 0 24px}.modal .primary,.modal .quiet{width:100%;margin-top:8px}.danger{color:#a86775}.cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px;display:grid}.card{text-align:left;cursor:pointer;background:#040814bf;border:1px solid #ffffff21;min-height:200px;padding:23px 20px;transition:all .18s;position:relative}.card:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 12px 35px #0006,inset 0 0 30px #64f5ff0d}.card .num{color:#52677b;font:700 9px Oxanium;position:absolute;top:10px;right:13px}.card-icon{color:var(--cyan);height:43px;font:700 29px Oxanium}.card h3{color:#eafdff;margin:8px 0;font:700 14px Oxanium}.card p{color:#8296a9;margin:0;font-size:12px;line-height:1.45}.card small{color:var(--violet);letter-spacing:.08em;margin-top:15px;font:600 8px Oxanium;display:block}.key-hint{color:#53687b;letter-spacing:.2em;font:500 8px Oxanium}.summary{text-align:center;width:min(650px,92vw);padding:35px 48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-score{color:#fff;text-shadow:0 0 30px #64f5ff3d;margin:12px 0 20px;font:700 53px/1 Oxanium}.new-best{color:#071016;background:var(--cyan);letter-spacing:.14em;width:max-content;margin:8px auto;padding:4px 10px;font:700 9px Oxanium;display:none}.new-best.active{display:block}.stat-grid{border:1px solid #ffffff17;grid-template-columns:repeat(3,1fr);display:grid}.stat-grid>div{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;padding:14px}.stat-grid span{color:#667a8f;letter-spacing:.1em;font:500 7px Oxanium;display:block}.stat-grid b{margin-top:3px;font:600 16px Oxanium;display:block}.unlock{color:var(--orange);letter-spacing:.08em;min-height:18px;margin-top:12px;font:600 9px Oxanium}.summary .start-row button{flex:1}.instruction-modal{text-align:left;width:min(850px,94vw);position:relative}.close{color:#698094;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.manual-grid{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;display:grid}.manual-grid article{background:#00000038;border:1px solid #ffffff12;padding:17px;position:relative}.manual-grid article>b{color:#64f5ff17;font:700 23px Oxanium;position:absolute;top:6px;right:10px}.manual-grid h3{color:var(--cyan);margin:0 0 5px;font:700 11px Oxanium}.manual-grid p{color:#8094a7;margin:0;font-size:11px;line-height:1.45}.toast{z-index:20;opacity:0;pointer-events:none;letter-spacing:.2em;color:#fff;text-shadow:0 0 18px var(--cyan);text-align:center;font:700 13px Oxanium;transition:all .25s;position:absolute;top:23%;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes fadeup{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (width<=760px){.title-grid{grid-template-columns:1fr}.briefing{display:none}.title-wrap>h1{font-size:54px}.tagline{letter-spacing:.35em;font-size:9px}.title-wrap{width:94vw}.loadout{padding:17px}.start-row{flex-wrap:wrap}.primary{flex:1}.hud-left .brand{display:none}.hud-center{top:78px}.hud-right{width:145px}.cards{grid-template-columns:1fr}.card{min-height:115px}.modal.wide{height:94vh;overflow:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.summary{padding:28px 24px}.manual-grid{grid-template-columns:1fr}.manual-grid article{padding:12px}.instruction-modal{height:95vh;overflow:auto}}