@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#f5f3e9;background:#0a141e;font-synthesis:none;font-weight:500;--gold: #eaca78;--muted: #a4b0b5}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#game,#game canvas,#vignette,#flash{position:fixed;inset:0;width:100%;height:100%}#vignette{pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 35%,#02091299 100%)}#flash{pointer-events:none;background:#c4ecff;opacity:0;z-index:5}header{position:fixed;left:42px;right:42px;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:27px;letter-spacing:1px;text-decoration:none;color:inherit}.brand>span{color:var(--gold);padding:0 4px}.brand small{display:block;font:500 9px Barlow,sans-serif;letter-spacing:4.5px;margin-top:2px}.location{font-size:10px;letter-spacing:2px;color:#d2dce0}.live-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin:0 10px 2px 0;box-shadow:0 0 10px #eaca7866}.divider{opacity:.4;margin:0 14px}.quiet{border:1px solid #ffffff30;background:#0a152938;padding:11px 17px;font-size:10px;letter-spacing:1.6px}.quiet:hover{background:#ffffff18}.hidden{display:none!important}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#06121de8 0%,#0816239c 32%,transparent 70%);padding:145px 0 0 7.5vw}.menu-content{max-width:500px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:12px}.gold-line{width:28px;height:1px;background:var(--gold)}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(55px,6.2vw,100px);line-height:.91;letter-spacing:-1px;margin:25px 0;font-weight:800}h1 em{font-style:normal;color:var(--gold)}.menu-content p{font-size:14px;color:#bcc7cc;line-height:1.7;margin-bottom:29px}.primary{display:flex;justify-content:space-between;align-items:center;min-width:265px;border:0;background:var(--gold);color:#172029;padding:19px 24px;font-size:11px;font-weight:700;letter-spacing:2px;box-shadow:0 4px 32px #0002;transition:background .2s}.primary:hover{background:#ffe3a0}.primary:disabled{opacity:.6;cursor:wait}.primary>span:last-child{font-size:21px}.menu-details{display:flex;gap:18px;margin-top:22px;font-size:8px;letter-spacing:1px;color:#a4b0b5}.menu-details span+span:before{content:"·";padding-right:18px;color:var(--gold)}.scene-caption{position:absolute;right:42px;bottom:36px;text-align:right}.scene-caption span{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;margin-bottom:11px}.scene-caption strong{font-size:10px;letter-spacing:2px}.scene-caption small{display:block;color:#9cabb7;font-size:10px;margin-top:8px}#hud{position:fixed;inset:0;pointer-events:none}.stats{position:absolute;left:42px;top:130px}#score{font-family:Barlow Condensed,Impact,sans-serif;font-size:54px;font-weight:600;letter-spacing:2px;line-height:1.1;margin-top:9px}.statline{font-size:8px;letter-spacing:1.5px;color:#acbcc4;margin-top:9px}.statline span{color:#fff}.statline i{margin:0 9px}#combo{color:var(--gold);font-family:Barlow Condensed,sans-serif;font-size:25px;margin-top:14px}.mission{position:absolute;right:42px;top:136px;width:190px;border-left:1px solid #eaca7855;padding-left:18px;background:linear-gradient(90deg,#07132166,transparent)}.mission .eyebrow{font-size:8px;letter-spacing:1.5px}.mission p{font-size:14px;margin:10px 0}.mission small{font-size:9px;color:#aebbc2}.objective-track{height:2px;background:#ffffff25;margin:12px 0}.objective-track div{height:100%;width:0;background:var(--gold);transition:width .2s}.flight-info{position:absolute;left:42px;bottom:168px;display:flex;align-items:center;gap:12px}.flight-info>span{font-family:Barlow Condensed,sans-serif;font-size:30px}.flight-info small{font-size:8px;line-height:1.6;letter-spacing:1.6px;color:#b9c7ce}#target{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid #f4f9ff66;border-radius:50%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px #000)}#target i{width:3px;height:3px;background:#fff;border-radius:50%}#target span{position:absolute;width:8px;height:1px;background:#fff;left:-5px}#target span:last-child{left:auto;right:-5px}#target-name{position:absolute;top:calc(50% + 29px);left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;color:#f0dfba;text-shadow:0 1px 3px #000}footer{position:absolute;bottom:23px;left:50%;transform:translate(-50%);width:650px;text-align:center}.movement{display:flex;justify-content:center;gap:17px;font-size:8px;letter-spacing:1px;color:#b0bcc5;margin-bottom:15px}kbd{font:inherit;color:#e8eff5}.movement kbd{padding:3px 4px;border:1px solid #ffffff26;border-radius:2px;margin-right:4px}.attacks{display:flex;gap:6px;pointer-events:auto}.attack{display:flex;align-items:center;gap:14px;position:relative;width:33.33%;text-align:left;padding:17px 17px 17px 29px;border:1px solid #ffffff22;background:#07131dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.attack>kbd{position:absolute;top:7px;left:8px;font-size:9px;color:#8798a7}.attack.active{border-color:var(--gold);background:#282b29e6}.attack.active>kbd{color:var(--gold)}.attack-icon{font-size:28px;color:var(--gold)}.beam-icon{font-size:37px;line-height:30px}.attack strong{display:block;font:600 17px Barlow Condensed,sans-serif;letter-spacing:.8px}.attack small{display:block;font-size:7px;letter-spacing:1.3px;color:#a9b5ba;margin-top:5px}#fire-hint{font-size:8px;letter-spacing:1.4px;color:#b3c1cb;margin-top:13px}#fire-hint b{color:#fff;font-weight:600}#fire-hint span{padding:0 10px;color:var(--gold)}#cooldown{height:2px;margin-top:8px;background:#ffffff10}#cooldown div{height:100%;width:100%;background:var(--gold)}#charge{position:absolute;left:50%;top:66%;width:340px;transform:translate(-50%);padding:17px 22px;background:#07131bd9;border:1px solid #ffffff25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.charge-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;margin-bottom:13px}.charge-label b{color:var(--gold);font-weight:500}.timing{height:12px;position:relative;background:linear-gradient(90deg,#648d9c22,#6b9cbd66,#648d9c22);border:1px solid #a1c2d344}.good-zone{position:absolute;left:35%;width:30%;height:100%;background:#dcb96544}.perfect-zone{position:absolute;left:46%;width:8%;height:100%;background:var(--gold);box-shadow:0 0 15px #eaca7855}#marker{position:absolute;left:0;top:-5px;height:20px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 9px #fff}.charge-help{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8ea1ae;margin-top:10px}.charge-help span:nth-child(2){color:var(--gold)}#hit{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .2s}#hit strong{display:block;font:700 35px Barlow Condensed,sans-serif;letter-spacing:3px;color:var(--gold);text-shadow:0 2px 20px #000}#hit small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#06111dbb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.pause-card{width:500px;padding:44px;border:1px solid #ffffff26;background:#0b1928}.pause-card h2{font:600 48px Barlow Condensed,sans-serif;margin:15px 0}.pause-card p{font-size:12px;line-height:2;color:#aabbc7;margin-bottom:28px}.pause-card .quiet{margin-top:15px}#error{position:fixed;inset:30%;background:#162533;padding:30px;z-index:100;font-size:14px;line-height:1.6}@media(max-height:800px){#menu{padding-top:115px}h1{font-size:clamp(52px,5.7vw,78px);margin:20px 0}.menu-content p{margin-bottom:20px}.menu-details{margin-top:17px}}@media(max-width:800px){header{left:22px;right:22px;top:22px}.location{display:none}#menu{padding-left:7vw}.scene-caption{right:22px;bottom:20px}.scene-caption strong{display:none}.menu-details{gap:8px;font-size:7px}.menu-details span+span:before{padding-right:8px}.mission{display:none}.stats{left:22px;top:106px}footer{width:94%;bottom:15px}.attack{gap:8px;padding-left:21px;padding-right:7px}.attack strong{font-size:14px}.movement{gap:7px;font-size:7px}.flight-info{left:22px}.brand{font-size:23px}}.mode-picker{display:flex;gap:5px;margin:0 0 16px}.mode-picker button{background:#06111d80;border:1px solid #ffffff25;padding:10px 15px;font-size:9px;letter-spacing:1.5px;color:#c0cbd0}.mode-picker .selected{border-color:var(--gold);color:var(--gold);background:#dcc17d12}.compass{position:absolute;top:106px;left:50%;transform:translate(-50%);display:flex;gap:48px;color:#99abb6;font-size:9px;letter-spacing:2px}.compass div{color:#e5e8e5;width:80px;text-align:center}.compass:after{content:"";position:absolute;left:50%;top:20px;border:3px solid transparent;border-top-color:var(--gold)}.map-panel{position:absolute;bottom:30px;right:35px;width:160px;border:1px solid #e3e9ed22;background:#091725b8;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-panel .eyebrow{font-size:7px;letter-spacing:1.3px;justify-content:space-between}.map-panel canvas{width:138px;height:138px;display:block;margin:8px 0}.map-panel small{display:block;color:#b9c6ca;font-size:6px;letter-spacing:.6px}.map-panel .eyebrow span{color:#eee1bc}.best-score{font-size:8px;letter-spacing:1.4px;color:#95a7b0;margin-top:15px}.best-score span{color:#d5dfdf;margin-left:7px}#target-info{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);font-size:8px;letter-spacing:1px;color:#becbd3;text-shadow:0 1px 3px #000}#target.damaged{border-color:#eebd6b}#target.damaged i{background:#ffcf6c}#target-info .weak{color:#edc378}#target-name{white-space:nowrap}#impact-counter{position:absolute;left:42px;top:300px;color:#ddc18c;font-size:8px;letter-spacing:1.2px}#round-clock{position:absolute;top:142px;left:50%;transform:translate(-50%);font:600 34px Barlow Condensed,sans-serif;letter-spacing:3px}#round-clock small{display:block;text-align:center;font:500 8px Barlow,sans-serif;letter-spacing:2px;color:var(--gold)}#round-clock.urgent{color:#f19772}.settings{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:12px 0;margin-bottom:24px;display:grid;gap:13px}.settings label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#b1c1cb}.settings input{accent-color:var(--gold)}.settings input[type=range]{width:145px}.settings select{color:#e0e4e5;background:#102332;border:1px solid #ffffff30;padding:6px;font:inherit;width:170px}#result-score{font:600 70px Barlow Condensed,sans-serif;color:var(--gold)}.pause-card{max-height:90vh;overflow:auto}.attack{overflow:hidden}.attack:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--gold);width:var(--ready, 100%);transition:width .07s}.attack:not(.active):after{opacity:.3}.attack:nth-child(2) .attack-icon{color:#8fdcf1}.attack:nth-child(3) .attack-icon{color:#b8a3fa}#speed-lines{position:fixed;inset:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 4deg at 50% 50%,transparent 0deg 13deg,#bbdff021 13.1deg 13.3deg,transparent 13.5deg 22deg);-webkit-mask-image:radial-gradient(ellipse,transparent 38%,black 95%);mask-image:radial-gradient(ellipse,transparent 38%,black 95%)}#charge{top:61.5%;width:360px;border-top:2px solid var(--gold)}.timing{height:14px}.good-zone{background:#dcb96533}.perfect-zone{box-shadow:0 0 18px #efcc6e88}#marker{top:-6px;height:24px;width:5px;transform:translate(-50%)}#charge.in-zone{box-shadow:0 0 25px #eaca7833}.charge-label b{font-variant-numeric:tabular-nums}@media(max-width:1150px){.map-panel{width:120px;right:20px}.map-panel canvas{width:98px;height:98px}.map-panel small{font-size:5px}.map-panel .eyebrow{font-size:6px}.compass{top:100px}}@media(max-width:900px){.map-panel{display:none}.compass{top:90px}.settings{margin-bottom:15px}}@media(max-height:800px){.menu-content p{margin-top:15px;margin-bottom:16px}#menu{padding-top:105px}h1{font-size:clamp(48px,5.1vw,71px)}.mode-picker button{padding:8px 12px}.menu-details{font-size:7px}}#pursuit{position:absolute;right:42px;top:267px;width:190px;padding:14px 16px;background:linear-gradient(120deg,#101e28b3,#101e2833);border-left:2px solid #77939b70;pointer-events:none}#pursuit .eyebrow{font-size:8px;letter-spacing:1.6px;color:#a7c3cb}#wanted-level{font-size:23px;letter-spacing:5px;color:#7997a0;margin:7px 0 13px}#pursuit.hostile{border-color:#ed9970}#pursuit.hostile #wanted-level{color:#ffb278;text-shadow:0 0 15px #ee8d4466}.shield-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#d1e6ed;margin-bottom:7px}.shield-heading b{font-weight:500;color:#f4dfa0}.shield-track{height:3px;background:#bdd7df2b}#shield-fill{height:100%;width:100%;background:#a9ddeb;transition:width .12s linear}#pursuit small{display:block;margin-top:11px;color:#91a8b1;font-size:6px;letter-spacing:1.1px}#damage-vignette{position:fixed;inset:0;pointer-events:none;z-index:11;box-shadow:inset 0 0 130px 45px #b02d35;opacity:0}@media(max-height:780px){#pursuit{top:240px;padding:10px 12px}#pursuit small{display:none}}@media(max-width:900px){#pursuit{right:20px;top:240px;width:145px}.location{display:none}}