:root{color-scheme:dark;--cyan:#82ded9;--red:#ff8399;--muted:#92aabd;--line:#78b7c933}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#050c16;color:#e5eff6;font:14px/1.5 "Segoe UI","Malgun Gothic",sans-serif}canvas{display:block;width:100vw;height:100vh;touch-action:none}button,select{font:inherit;font-size:12px;background:#0c2133d9;color:#c4d9e6;border:1px solid #547286;border-radius:4px;padding:7px 12px;cursor:pointer}button:hover,button:focus-visible{border-color:var(--cyan);color:white}button:disabled{opacity:.45;cursor:wait}button.active{background:#8bd9ce;color:#112c35;border-color:#a3eadc}a{color:#bddce6;text-decoration:none}button[hidden],[hidden]{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud select{pointer-events:auto}header{display:grid;grid-template-columns:1fr 180px 1fr;gap:24px;max-width:1020px;margin:24px auto 0;padding:0 24px}.carrier{background:linear-gradient(110deg,#07131eef,transparent);padding:12px 16px;border-top:2px solid var(--cyan)}.carrier.enemy{border-color:var(--red);background:linear-gradient(-110deg,#07131eef,transparent)}.carrier>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em}.carrier strong{font-size:17px}.bar{height:5px;background:#36516766;overflow:hidden;margin-top:7px}.bar i{display:block;width:100%;height:100%;background:var(--cyan);transition:width .1s linear}.enemy .bar i{background:var(--red)}.carrier small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.approach{text-align:center;padding-top:7px}.approach span{display:block;color:#b4cedb;font-size:11px}.approach strong{display:block;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.approach small{display:block;color:#86a5b9;font-size:10px}.toolbar{position:absolute;right:24px;top:143px;display:flex;gap:7px;align-items:center}.toolbar #clock{font-size:12px;margin-right:8px;color:#afc5d3;font-variant-numeric:tabular-nums}#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid #ade6eb66;border-radius:50%}#crosshair i,#crosshair b{position:absolute;background:#d7ffffcc;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair i{width:2px;height:5px}#crosshair b{width:5px;height:2px}#threat{position:absolute;top:190px;left:50%;transform:translateX(-50%);color:#ffab87;font-weight:650;text-shadow:0 2px 10px #000}#notice{position:absolute;left:50%;top:64%;transform:translateX(-50%);font-size:14px;text-align:center;color:#d5e7ee;text-shadow:0 1px 8px #000}footer{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:28px;align-items:end}.pilot{min-width:225px;background:linear-gradient(90deg,#07131edb,transparent);padding:13px 16px;border-left:2px solid var(--cyan)}.pilot>small{font-size:9px;letter-spacing:.13em;color:#b0cfdd}.armor-line{display:flex;justify-content:space-between;margin-top:6px}.armor-line strong{font-size:20px}.boost-line{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:10px;color:#a9bdca}.boost-line .bar{width:95px;height:3px;margin:0}.boost-line .bar i{background:#76a3f0}.boost-line b{font-weight:400}.weapons{text-align:center}.weapons>div{display:flex;gap:6px}.weapons strong{display:block;margin-top:12px;font-size:12px;font-weight:500;color:#cae5ec}.weapons small{display:block;font-size:10px;color:#89a9bc;margin-top:5px}.controls{font-size:10px;line-height:1.9;color:#9cb8cc;text-shadow:0 1px 6px #000}#feed{position:absolute;left:24px;top:150px;font-size:11px;line-height:1.9;color:#b1d3df}.marker{position:absolute;transform:translate(-50%,-50%);font-size:10px;text-align:center;color:var(--red);white-space:nowrap;text-shadow:0 1px 5px #000}.marker.ally{color:var(--cyan)}.marker .diamond{display:block;width:10px;height:10px;border:1px solid currentColor;transform:rotate(45deg);margin:0 auto 6px}.marker.carrier-mark .diamond{width:18px;height:18px;border-width:2px}.marker.missile{color:#ffad65;font-size:9px}.marker.missile .diamond{width:7px;height:7px}.marker.locked .diamond{width:27px;height:27px;box-shadow:0 0 12px #e7aa7344;border:2px solid #fff5b5}.marker span{display:block}.marker .mini-bar{width:42px;height:2px;background:#647c8566;margin:4px auto}.marker .mini-bar i{display:block;height:100%;background:currentColor}#damage-flash{position:absolute;inset:0;opacity:0;box-shadow:inset 0 0 150px #ed4e68;transition:opacity .13s;pointer-events:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#04101ae8,#071425bd 55%,#07142544);backdrop-filter:blur(3px);padding:28px}.briefing{width:min(560px,95vw);padding:35px 38px;border-left:2px solid #9adbc9;background:linear-gradient(90deg,#0b1e2bd9,#11223044)}.eyebrow{font-size:10px;letter-spacing:.23em;color:#91c9c4}h1{font-size:39px;font-weight:550;letter-spacing:-.06em;margin:11px 0 16px}.briefing>p{color:#acc4d3;line-height:1.9;font-size:14px}#briefing-rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:22px 0}#briefing-rules div+div{margin-top:15px}#briefing-rules b{font-weight:500;font-size:13px}#briefing-rules span{display:block;color:#8daabc;font-size:11px;margin-top:3px}#loading-state{font-size:12px;min-height:22px;color:#a9d8ce}.actions{display:flex;align-items:center;gap:19px;margin:19px 0}.actions button{padding:11px 28px;font-size:14px;background:#abd9ca;color:#122d34;border:0;font-weight:600}.actions a{font-size:12px}#mouse-help{display:block;color:#748f9f;font-size:10px;line-height:1.8}#respawn{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;padding:20px 45px;background:#07111ac4;border-top:1px solid #ff879999;border-bottom:1px solid #ff879944}#respawn small{color:#ffb3c0;font-size:14px;letter-spacing:.14em}#respawn strong{display:block;font-size:65px;font-weight:300;line-height:1.3;font-variant-numeric:tabular-nums}#respawn span{font-size:12px;color:#bbced8}#cockpit{position:absolute;inset:0;overflow:hidden;pointer-events:none}#cockpit i{position:absolute;top:-5%;height:110%;width:2.3%;background:#07111aed;border:1px solid #2d4559}.left{left:7%;transform:rotate(-17deg)}.right{right:7%;transform:rotate(17deg)}#cockpit i.top{left:0;top:8%;height:2%;width:100%;border-width:1px 0}#cockpit>span{position:absolute;left:12%;bottom:21%;font-size:9px;letter-spacing:.16em;color:#6f97a9}@media(max-width:950px){header{gap:10px;grid-template-columns:1fr 135px 1fr;margin-top:12px;padding:0 12px}.carrier{padding:8px}.carrier>div:first-child{font-size:10px}.approach strong{font-size:19px}.toolbar{right:12px;top:127px}footer{left:12px;right:12px;bottom:12px;gap:14px}.controls{display:none}.pilot{min-width:185px}.weapons button{padding:6px 8px}.briefing{padding:25px}#feed{left:12px;top:139px}}
#crosshair.aiming{width:58px;height:58px;border-color:#9effefcc;box-shadow:0 0 22px #76e7d21a}#aim-charge{position:absolute;top:calc(50% + 47px);left:50%;transform:translateX(-50%);width:134px;text-align:center;color:#b6ffed;font-size:10px;letter-spacing:.06em}#aim-charge>div{height:3px;background:#385c6866;margin-bottom:7px}#aim-charge-fill{display:block;width:0;height:100%;background:#a2ffdd;box-shadow:0 0 10px #a2ffdd77}.credits{display:block;margin-top:20px;color:#62828f;font-size:9px}
#hud{isolation:isolate}#cockpit{z-index:-1}
#scope-ui{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 42vh,#02060adb 43vh);color:#9dd3d4}.scope-ring{position:absolute;left:50%;top:50%;width:84vh;height:84vh;transform:translate(-50%,-50%);border:1px solid #9dd3d452;border-radius:50%}.scope-horizontal,.scope-vertical{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6}.scope-horizontal{width:72vh;height:1px;background:linear-gradient(90deg,#9dd3d4 0 37%,transparent 37% 63%,#9dd3d4 63%)}.scope-vertical{height:72vh;width:1px;background:linear-gradient(#9dd3d4 0 37%,transparent 37% 63%,#9dd3d4 63%)}.scope-title,#scope-range{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;text-shadow:0 1px 5px #000}.scope-title{top:17%}#scope-range{bottom:22%}.scoped #cockpit,.scoped header,.scoped footer,.scoped .toolbar,.scoped #feed{display:none}.scoped #crosshair.aiming{width:22px;height:22px;border-color:transparent;box-shadow:none}.scoped #threat{top:23%}.scoped #notice{top:72%}
#lock-reticle{position:absolute;left:50%;top:50%;width:var(--lock-size,14vh);height:var(--lock-size,14vh);transform:translate(-50%,-50%);color:#b5d8e35c}#lock-reticle svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}#lock-reticle circle{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.lock-boundary{stroke-dasharray:3 5}#lock-progress{stroke-width:2!important;stroke-dasharray:100;stroke-dashoffset:100}#lock-label{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.09em;text-shadow:0 1px 5px #000}#lock-reticle.acquiring{color:#ffe6a5}#lock-reticle.locked{color:#a2ffe3}#lock-reticle.locked .lock-boundary{stroke-dasharray:none}.marker.acquiring .diamond{border-color:#ffe6a5}.marker.locked .diamond{border-color:#a2ffe3;box-shadow:0 0 12px #a2ffe333}#aim-charge{top:calc(50% + 7vh + 20px)}

.scoped #lock-label{left:calc(100% + 12px);top:0;bottom:auto;transform:none}
#target-motion{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);width:max-content;max-width:160px;pointer-events:none;white-space:nowrap;text-align:left;color:#8bffb1b8;opacity:.82;line-height:1.2;font-family:Consolas,"Malgun Gothic",monospace;font-variant-numeric:tabular-nums;text-shadow:none}
#target-motion .target-motion-label{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:3px;opacity:.85}
#target-motion .target-motion-number{display:flex;align-items:baseline;gap:5px}
#target-motion-value{font-size:clamp(21px,2.8vh,30px);font-weight:500;letter-spacing:.025em;color:#8bffb1b8;-webkit-text-fill-color:transparent;-webkit-text-stroke:.75px #8bffb1}
#target-motion .target-motion-number small{font-size:10px;opacity:.75}
#target-motion-trend{display:block;margin-top:4px;font-size:10px;letter-spacing:.015em;opacity:.75}
#contact-directions{position:absolute;inset:0;z-index:3;pointer-events:none}
.contact-direction{position:absolute;color:var(--red);text-shadow:0 1px 4px #020a0f,0 0 5px #020a0f;pointer-events:none}
.contact-direction.ally{color:var(--cyan)}
.contact-arrow{position:absolute;left:0;top:0;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-50%,-50%) rotate(calc(var(--bearing) + 45deg));filter:drop-shadow(0 0 3px #020a0f)}
.carrier-direction .contact-arrow{width:16px;height:16px;border-width:3px}
.carrier-direction .contact-arrow:after{content:'';position:absolute;inset:4px -7px -7px 4px;border-top:1px solid currentColor;border-right:1px solid currentColor}
.contact-label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;line-height:1.3;font-size:clamp(9px,.72vw,12px)}
.contact-label b,.contact-label small{display:block;font-weight:400}.contact-label small{font-size:.85em;opacity:.8}
#threat{text-align:center;min-width:260px;max-width:80vw;font-size:12px;letter-spacing:.06em;line-height:1.8}#threat>div{padding:5px 16px;background:#120e0bd9;border:1px solid currentColor;margin-bottom:5px}#enemy-lock-warning{color:#ffd47f}#missile-warning{color:#ff8c9e;font-weight:700}#missile-warning.urgent{animation:missile-pulse .5s ease-in-out infinite}@keyframes missile-pulse{50%{background:#62202cdd;box-shadow:0 0 14px #ff587744}}@media(prefers-reduced-motion:reduce){#missile-warning.urgent{animation:none}}

#hit-feedback{position:absolute;inset:0;pointer-events:none;z-index:3}.target-hit{position:absolute;transform:translate(-50%,-100%);font-size:20px;font-weight:800;letter-spacing:.12em;color:#fff0ac;text-shadow:0 0 5px #ffd56f,0 2px 5px #000;white-space:nowrap}#stun-status{position:absolute;top:61%;left:50%;transform:translateX(-50%);padding:8px 18px;border:1px solid #ff9fab;background:#31101bcc;color:#ffbec9;font-weight:700;letter-spacing:.07em}

/* Victory flight stays clear of the sight; records appear only on the results screen. */
#victory-flight{position:absolute;top:16vh;left:50%;transform:translateX(-50%);width:min(310px,86vw);padding:12px 18px;text-align:center;color:#c5f3e5;background:#071920d9;border-top:1px solid #9edcc7;pointer-events:none}
#victory-flight strong{display:block;font-size:22px;letter-spacing:.08em}#victory-flight>span{display:block;font-size:13px;margin:3px 0}#victory-flight small{color:#a9c8c5;font-size:11px}.victory-hold{height:3px;background:#365754;margin-top:9px}.victory-hold i{display:block;height:100%;width:0;background:#bcf0df}
#battle-results table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;font-size:13px}#battle-results caption{text-align:left;color:#a8c8cf;font-size:12px;padding:10px 0}#battle-results th,#battle-results td{padding:9px 5px;text-align:center;border-bottom:1px solid #7aafbd26}#battle-results th:first-child,#battle-results td:first-child{width:51%;text-align:left;overflow-wrap:anywhere}#battle-results th{font-size:11px;color:#88a9b4;font-weight:500}#battle-results .ally td:first-child{color:#a7ded3}#battle-results .enemy td:first-child{color:#edabb6}#battle-results .self{background:#69b9a41c;font-weight:700}#result-wait{font-size:12px;color:#b2cacf;margin:12px 0 0}
.overlay.results .briefing{width:min(600px,95vw);max-height:calc(100vh - 40px);overflow-y:auto}.overlay.results #room-slots,.overlay.results #room-code-row,.overlay.results #room-start-note,.overlay.results #loading-state{display:none}.overlay.results h1{margin-top:0;margin-bottom:8px}.overlay.results .actions{margin:14px 0}
@media(max-height:600px){.overlay.results{padding:12px}.overlay.results .briefing{padding:16px 24px;max-height:calc(100vh - 24px)}.overlay.results h1{font-size:28px}#battle-results td{padding:5px}#victory-flight{top:12vh}}