:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#f3f1e8;background:#111716;font-synthesis:none;--accent:#e4b673;--muted:#b4b7b0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}#hd-canvas{width:100vw;height:100dvh;display:block}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #0005}.menu{position:fixed;inset:0;padding:30px 5vw 24px;background:linear-gradient(90deg,#0c1514f5,#101917ed 28%,#1019178c 53%,#10191715 85%),linear-gradient(0deg,#0c1514dd,transparent 22%),url(/models/hd-arena/preview-v1.jpg) center/cover;display:flex;flex-direction:column;overflow:auto}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-size:25px;letter-spacing:.15em;color:#f6f3e9;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:16px}.brand span{font:9px/1.4 sans-serif;letter-spacing:.22em;color:#a5b5b0;border-left:1px solid #64716c;padding-left:16px}.back{color:#e0e5df;font-size:12px;text-decoration:none;border:1px solid #b1bcb24d;padding:10px 16px;background:#10181645}.back:hover{border-color:var(--accent);color:var(--accent)}.briefing{width:min(470px,100%);margin:auto 0;padding:35px 0}.eyebrow{font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--accent);display:block}.status-dot{display:inline-block;background:var(--accent);width:5px;height:5px;margin-right:10px;box-shadow:0 0 10px #e4b67355}.serial{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:.18em;color:#8a9a93;margin:30px 0 12px}h1{font-size:clamp(44px,5.8vw,80px);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:0;position:relative}h1 em{font-style:normal;color:var(--accent)}.title-rule{display:inline-block;width:72px;height:3px;background:var(--accent);vertical-align:middle;margin-left:22px}.intro{color:#bcc6be;font-size:14px;line-height:1.9;margin:24px 0 26px}.mission{border-top:1px solid #a0b0a52e;border-bottom:1px solid #a0b0a52e;display:grid;grid-template-columns:70px 1fr;gap:7px 15px;padding:15px 0;font-size:11px;color:#a8b5aa}.mission strong{font-size:14px;color:#f5eee0;font-weight:500}.mission span:last-child{grid-column:2}.loading{margin:22px 0 12px;font-size:11px;color:#a5b3a9}.loading>div:first-child{display:flex;justify-content:space-between}.loading-track{height:2px;background:#9aafa22e;margin-top:10px}.loading-track i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}.deploy{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#1a211d;border:0;border-left:3px solid #fbe0b6;padding:16px 22px;width:100%;text-align:left;font-weight:700;font-size:16px;letter-spacing:.08em;transition:background .2s}.deploy span{font-size:23px;font-weight:400}.deploy:hover:enabled{background:#f2cc94}.deploy:disabled{background:#5b6253;color:#afb3a2;border-color:#8d937e}.reset{color:#dfd1b9;background:none;border:0;border-bottom:1px solid #9aafa244;padding:10px 0;font-size:12px;margin-top:10px}.error{color:#ffc1a6;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.equipment{color:#7d8c81;font-size:10px;letter-spacing:.12em;margin:14px 0 0}.map-caption{position:absolute;bottom:142px;right:5vw;border-left:2px solid #e4b673;padding-left:20px;text-shadow:0 2px 9px #000}.map-caption strong{display:block;font-size:20px;letter-spacing:.05em;font-weight:500;margin:13px 0}.map-caption p{font-size:11px;color:#d2d6cc;letter-spacing:.14em}.menu-footer{display:flex;justify-content:space-between;gap:20px;color:#8f9b92;font-size:10px;border-top:1px solid #a0b0a526;padding-top:20px;line-height:2}.menu-footer kbd{font-family:inherit;font-size:9px;color:#c1c8be;border:1px solid #7d907050;padding:3px 5px;margin:0 4px 0 10px}.menu-footer kbd:first-child{margin-left:0}.hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 8px #000b}.location{position:absolute;left:32px;top:30px;display:grid;gap:9px}.location strong{font-size:18px;letter-spacing:.15em;font-weight:600}.location>span:last-child{font-size:11px;color:#e0e5dc}.round{position:absolute;left:50%;top:26px;transform:translate(-50%);display:flex;align-items:center;gap:24px;border-top:2px solid #e4b673a8;background:linear-gradient(0deg,#0a171900,#0a1719c0);padding:10px 24px 20px;white-space:nowrap}.round>span{font-size:12px;color:#d1dacf}.round strong{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:500;letter-spacing:.08em}.round b{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:500;padding-left:7px}.compass{position:absolute;right:32px;top:32px;display:flex;gap:15px;font-size:11px;color:#dae0d5}.compass>span:first-child{color:var(--accent)}.vitals{position:absolute;left:32px;bottom:32px}.vitals>div:nth-child(2){display:flex;align-items:baseline;gap:12px;margin:5px 0}.vitals strong{font-family:Barlow Condensed,sans-serif;font-size:48px;font-weight:500;line-height:1}.health-icon{color:var(--accent);font-size:26px}.health-label{font-size:11px;color:#c1cfc5}.health-bar{height:3px;width:160px;background:#cedace33;margin:12px 0 8px}.health-bar i{display:block;width:100%;height:100%;background:#d3dfc1}.vitals small{font-size:10px;color:#c3cabc}.weapon{position:absolute;right:32px;bottom:30px;text-align:right;min-width:180px}.weapon>strong{font-family:Barlow Condensed,sans-serif;font-size:22px;display:block;font-weight:500;margin-top:7px;letter-spacing:.05em}.ammo{display:flex;justify-content:flex-end;gap:14px;align-items:baseline}.ammo>b{font-family:Barlow Condensed,sans-serif;font-size:62px;line-height:1.1;font-weight:500}.ammo>span{font-family:Barlow Condensed,sans-serif;font-size:25px;color:#c9d1c8}.weapon small{font-size:10px;color:#d7ddcc;display:block;margin-top:6px}.reload-track{height:2px;background:#d1d7c640;margin-top:9px}.reload-track i{display:block;background:var(--accent);height:100%;width:0}.weapon.empty .ammo>b{color:#f59978}.movement{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:grid;gap:6px;justify-items:center;white-space:nowrap}.movement>span:first-child{font-size:10px;letter-spacing:.16em;color:#d2ddcf}.movement strong{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:500}.movement strong small{font-size:10px;color:#c1cec0}.movement>span:last-child{font-size:9px;color:#c0cbb8;margin-top:7px}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#dff6d1;box-shadow:0 0 2px #111}.crosshair i:nth-child(1){width:6px;height:2px;left:0;top:10px}.crosshair i:nth-child(2){width:6px;height:2px;right:0;top:10px}.crosshair i:nth-child(3){width:2px;height:6px;left:10px;top:0}.crosshair i:nth-child(4){width:2px;height:6px;left:10px;bottom:0}.crosshair.reloading{opacity:.25}.hitmarker{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;background:linear-gradient(#fff,#fff) center/2px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 2px no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,35% 35%,35% 65%,65% 65%,65% 35%,35% 35%)}.hitmarker.active{opacity:1}.score{position:absolute;top:57%;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.1em;color:#f4cd8b;min-height:18px}@media(max-width:900px){.map-caption{display:none}.menu-footer{flex-direction:column;gap:8px}.movement>span:last-child{display:none}.compass{right:20px}.location,.vitals{left:20px}.weapon{right:20px}.menu{padding:22px 6vw}.round{gap:14px;padding-left:15px;padding-right:15px}.round>span{font-size:10px}.location .eyebrow{font-size:9px}}@media(max-height:760px){.briefing{padding:22px 0}.serial{margin-top:16px}h1{font-size:52px}.intro{margin:15px 0;font-size:12px}.mission{padding:10px 0}.loading{margin-top:14px}.menu-footer{padding-top:12px}.map-caption{bottom:115px}}@media(max-width:600px){.menu{background:#0c1514e8}.brand{font-size:21px}.brand span{display:none}.back{font-size:11px}.round{top:84px}.compass{top:35px}.menu-footer kbd{margin-left:5px}.movement{bottom:130px}.vitals .eyebrow,.weapon .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}