@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#dce8ed;background:#080c13;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1800px;margin:auto;padding:0 40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:#e6f0f3;font-size:17px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:13px}.sigil{display:inline-grid;place-items:center;width:32px;height:36px;background:#b9f482;color:#0c1714;clip-path:polygon(0 0,100% 0,85% 75%,50% 100%,15% 75%);font-size:24px}.brand small{font-size:9px;color:#73828d;border-left:1px solid #2a3440;padding-left:16px;letter-spacing:1.6px}.status{font-size:10px;letter-spacing:1.5px;color:#8b9ca6}.status i{display:inline-block;width:6px;height:6px;background:#b9f482;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #a2e571}button{font:inherit;cursor:pointer}#pause{background:transparent;border:1px solid #35414a;color:#aab9c1;padding:10px 14px;font-size:11px;letter-spacing:1px}#arena{height:calc(100dvh - 182px);min-height:460px;max-height:960px;position:relative;overflow:hidden;border:1px solid #26333f;background:#080e1b}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}small{font-size:9px;letter-spacing:1.5px;color:#91a0ac}#hud b{font-size:10px;font-weight:400}.health{width:130px;height:4px;background:#28323a;display:inline-block;margin:12px 9px 0 0;vertical-align:middle}.health span{display:block;width:100%;height:100%;background:#b9f482;transition:width .2s}#hud>div>small{display:block}.score{text-align:center}.score strong{font-size:28px;font-weight:400;display:block;margin-top:5px;letter-spacing:3px}.weapon{text-align:right}.weapon b{display:block;margin-top:12px;color:#b9f482}.sector{position:absolute;right:28px;top:117px;width:180px;border-top:1px solid #364451;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#91a0ac}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:7%;background:linear-gradient(90deg,#080e1be8 0%,#080e1bb0 35%,transparent 75%)}.eyebrow{color:#b9f482;font-size:10px;letter-spacing:2px;margin-bottom:23px}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(62px,7.5vw,120px);font-weight:700;line-height:.93;letter-spacing:-1px;margin:0}h1 em{font-style:normal;color:#b9f482}#description{font-size:12px;line-height:1.9;max-width:380px;color:#93a5b4;margin:24px 0}#start{background:#b9f482;border:0;color:#13201a;padding:17px 26px;min-width:200px;font-size:12px;font-weight:600;letter-spacing:1px}#start:hover{background:#d1ffac}#start:disabled{opacity:.5}.brief{display:flex;gap:22px;margin-top:34px;color:#7d8c99;font-size:8px;letter-spacing:.5px}.brief b{color:#b9f482;margin-right:5px;font-weight:400}.coordinates{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;color:#566e80;font-size:9px;letter-spacing:1px}footer{height:82px;display:flex;align-items:center;gap:35px;color:#758590;font-size:9px;letter-spacing:.7px}footer>div{display:flex;gap:5px;align-items:center}footer span{margin:0 7px}kbd{border:1px solid #34414b;border-bottom-width:2px;border-radius:3px;padding:5px;min-width:23px;text-align:center;font:inherit;color:#adbdc6}.footer-note{margin-left:auto}#notice{position:absolute;left:50%;top:110px;transform:translate(-50%);color:#b9f482;text-align:center;letter-spacing:2px;font-size:12px;pointer-events:none}.hidden{display:none!important}button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:800px){main{padding:0 14px}header{height:75px}.brand small,.status,.footer-note,.brief{display:none}#arena{height:calc(100dvh - 150px)}footer{height:75px;gap:10px;flex-wrap:wrap;font-size:8px}#hud{left:14px;right:14px;top:20px}.health{width:65px}.weapon{max-width:100px}#overlay{padding:7%}.sector{right:14px;top:100px;width:130px}#description{max-width:290px;font-size:11px}.coordinates{font-size:7px;left:14px;right:14px}.brand{font-size:14px}}#arena:has(#overlay:not(.hidden)) #notice{visibility:hidden}#blueprint{display:none}.home{border-color:#2b5368!important}.home #hud,.home .sector,.home .coordinates{display:none}.home #pause{visibility:hidden}.home #overlay{background:linear-gradient(90deg,#081422f5,#081422c9 32%,transparent 58%);padding:6%;width:45%;z-index:2;pointer-events:none}.home #overlay button{pointer-events:auto}.home h1{font-size:clamp(60px,6.3vw,98px)}.home h1 em{color:#8cddff}.home #description{max-width:310px}.home .eyebrow{color:#80bed9;font-size:9px;line-height:1.8}.home #start{background:#91e2ff;color:#092030}.home .brief{display:block;line-height:2.5}.home .brief span{display:block}.home .brief b{color:#8cddff}.home #blueprint{display:block;position:absolute;inset:26px 26px 26px 43%;pointer-events:none;background:linear-gradient(#4d9fc511 1px,transparent 1px),linear-gradient(90deg,#4d9fc511 1px,transparent 1px);background-size:24px 24px;border:1px solid #39718c55;box-shadow:inset 0 0 70px #07101c44}.drawing-heading{position:absolute;top:20px;left:22px;right:22px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #71b7d744;padding-bottom:17px}.drawing-heading>span{font-size:28px;letter-spacing:-2px;color:#beebff}.drawing-heading small{font-size:8px;line-height:1.7;max-width:140px;color:#79a9bf}.drawing-heading>b{margin-left:auto;font-size:8px;font-weight:400;color:#8ce5e6;white-space:nowrap}.annotation{position:absolute;font-size:8px;letter-spacing:.6px;line-height:1.8;max-width:180px}.annotation b,.annotation span{display:block}.annotation b{color:#b3e6ff;font-weight:500}.annotation span{font-size:7px;color:#678fa6}.gun-label{right:18px;top:25%}.engine-label{left:18px;bottom:29%}.datum{position:absolute;font-size:7px;letter-spacing:1.6px;color:#507a91}.datum-top{top:92px;left:22px}.datum-side{right:20px;bottom:26%}#leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#leaders path{fill:none;stroke:#79c5ea;stroke-width:.75;opacity:.65}#leaders circle{fill:#9de5ff;stroke:#0b2940;stroke-width:2}.spec-strip{position:absolute;bottom:45px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #77bfe044;padding-top:18px}.spec-strip small{font-size:7px;color:#729ab1}.spec-strip b{display:block;color:#baeaff;font-size:18px;font-weight:400;margin-top:8px;white-space:nowrap}.spec-strip em{font-style:normal;font-size:9px;color:#638ea5}.drawing-footer{position:absolute;left:22px;right:22px;bottom:16px;display:flex;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:.7px;color:#557e94}@media(max-width:1000px)and (min-width:801px){.drawing-heading{gap:8px}.drawing-heading>b{display:none}.home #overlay{padding:4%}.home h1{font-size:66px}.spec-strip b{font-size:14px}}@media(max-width:800px){#arena.home{min-height:650px}.home #overlay{inset:0;width:100%;padding:25px;background:none;justify-content:flex-start}.home .eyebrow{margin-bottom:12px;font-size:8px}.home h1{font-size:40px;line-height:.95}.home h1 br{display:none}.home h1 em{display:block}.home #description,.home .brief{display:none}.home #start{position:absolute;bottom:25px;left:25px;right:25px;padding:16px}.home #blueprint{inset:150px 16px 95px}.drawing-heading{top:15px;left:16px;right:16px;padding-bottom:12px}.drawing-heading>span{font-size:24px}.drawing-heading small{font-size:7px;max-width:110px}.drawing-heading>b{font-size:6px}.datum-top{top:76px;left:16px;font-size:6px}.annotation{font-size:7px}.annotation span{font-size:6px}.gun-label{top:27%;right:12px}.engine-label{left:12px;bottom:31%}.spec-strip{left:16px;right:16px;bottom:37px;padding-top:12px;gap:8px}.spec-strip b{font-size:15px}.spec-strip small{font-size:6px}.drawing-footer{left:16px;right:16px;bottom:13px;font-size:5px}.datum-side{font-size:6px;bottom:28%;right:12px}}body:has(.home) #pause{visibility:hidden}@media(max-width:800px){#arena.home{min-height:460px}.home h1{font-size:32px;white-space:nowrap}.home h1 em{display:inline;margin-left:8px}.home .eyebrow{font-size:7px;margin-bottom:9px}.home #blueprint{top:108px;bottom:78px}.home #start{bottom:17px;left:16px;right:16px;padding:14px}.drawing-heading{top:10px;padding-bottom:9px}.drawing-heading>span{font-size:21px}.datum-top{top:58px}.datum-side{bottom:29%}.spec-strip{padding-top:8px;bottom:29px}.spec-strip b{margin-top:5px;font-size:13px}.drawing-footer{bottom:10px}}#leaders .reference-ring{fill:none;stroke:#6ebde3;stroke-width:.7;stroke-dasharray:3 8;opacity:.32}#leaders .reference-axis{stroke:#6ebde3;stroke-width:.6;stroke-dasharray:10 6 2 6;opacity:.2}#boss-hud{position:absolute;bottom:55px;left:20%;right:20%;pointer-events:none;background:#080e1ba8;padding:12px 16px;border:1px solid #976d7b55}#boss-hud>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#e4b5c8}#boss-hud>div>span{font-size:7px;color:#a490a1}.boss-health-track{height:4px;background:#332b38;margin:10px 0}.boss-health-track>span{display:block;height:100%;width:100%;background:#d599b7;transition:width .15s}#eye-status{font-size:7px;letter-spacing:0;color:#c0aaba}@media(max-width:800px){#boss-hud{left:14px;right:14px;bottom:40px;padding:8px}#boss-hud>div>span{font-size:6px}#eye-status{font-size:6px}}@media(max-width:800px){#arena:not(.home){min-height:360px}}.audio-controls{display:flex;align-items:center;gap:9px;margin-left:auto;position:relative}.audio-controls button{font-size:9px;letter-spacing:.6px;color:#a7c5d5;background:transparent;border:1px solid #35414a;padding:9px 10px;white-space:nowrap}.audio-controls label{font-size:7px;color:#6d8899;white-space:nowrap}.audio-controls input{width:65px;height:12px;accent-color:#99d6ee;cursor:pointer}.audio-controls input:focus-visible{outline:2px solid #b9e6ff;outline-offset:4px}#music-status{position:absolute;top:36px;right:0;font-size:8px;white-space:nowrap;color:#decba4}header>.status{margin-left:auto}#music{display:none}@media(max-width:1100px){header>.status{display:none}.audio-controls{gap:5px}.audio-controls label{display:none}.audio-controls input{width:52px}}@media(max-width:600px){header{gap:8px}.audio-controls button{font-size:7px;padding:8px 6px}.audio-controls input{width:45px}.brand{gap:7px;letter-spacing:1px;font-size:11px}.sigil{width:26px;height:30px;font-size:20px}#pause{padding:8px;font-size:9px}#pause span{display:none}}#media-lab{position:absolute;top:105px;left:14px;max-width:190px;padding:10px;background:#06101be8;border:1px solid #3e657c;color:#9fc8dc;font-size:8px;z-index:4}#media-lab>b{display:block;letter-spacing:1.3px;margin-bottom:8px}#media-lab>div{display:grid;gap:5px}#media-lab button{background:#142b3d;border:1px solid #466075;color:#b6dae9;text-align:left;font-size:8px;padding:7px}#media-lab output{display:block;white-space:pre-wrap;line-height:1.6;margin-top:8px;max-width:170px;overflow-wrap:anywhere}.home #media-lab{display:none}body:has(#arena:not(.home)) header .brand small,body:has(#arena:not(.home)) header .status,body:has(#arena:not(.home)) footer,#arena:not(.home) .sector,#arena:not(.home) .coordinates,#arena:not(.home) .brief{display:none}#arena:not(.home){height:calc(100dvh - 128px)}#overlay #description:empty,#overlay .eyebrow:empty{display:none}#arena:not(.home) #overlay{background:linear-gradient(90deg,#080e1bd9,transparent 85%)}#arena:not(.home) #overlay h1{font-size:clamp(48px,6vw,90px)}#arena:not(.home) #overlay #start{margin-top:24px}#boss-hud{bottom:24px;left:30%;right:30%;padding:0;border:0;background:none}#boss-hud .boss-health-track{height:3px;margin:0;background:#3b2838b3}@media(max-width:800px){#arena:not(.home){height:calc(100dvh - 92px)}#boss-hud{left:24%;right:24%;bottom:20px;padding:0}}