*{box-sizing:border-box}body{margin:0;background:#0a1731;color:#f0f2e9;font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;isolation:isolate}.landscape{position:fixed;inset:0;background:linear-gradient(90deg,#0a173160,#0a17316b),url('campaign.webp') center/cover;z-index:-2}.landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#08142b)}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}button:focus-visible{outline:3px solid #ffac6b;outline-offset:4px}button:disabled{cursor:default}header,main,footer{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:29px 0;border-bottom:1px solid #c6daf044}.brand{font:bold 17px monospace;letter-spacing:1px;display:flex;align-items:center;gap:15px}.brand b{font:italic 37px/1 Georgia;color:#ff9351}.edition{text-align:right;font:9px/1.6 monospace;letter-spacing:2px}main{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 0 60px}.intro{padding-top:28px}.eyebrow{font:10px monospace;letter-spacing:1.5px;display:flex;gap:11px;align-items:center;margin:0 0 35px}.eyebrow>span{width:6px;height:6px;background:#ff9351;border-radius:50%}h1{font-size:66px;line-height:1.13;letter-spacing:-3px;margin:0 0 28px;font-weight:700}h1 em{font-weight:400;font-style:normal;color:#ff9b5e}.intro>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#cad5e8}.coordinates{font:9px monospace;letter-spacing:1px;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #c6daf044;padding-top:18px;margin-top:46px;color:#afbed6}.camp-mark{margin-top:60px;display:flex;align-items:center;gap:20px;color:#fda467;font-size:95px;line-height:1}.camp-mark>span{font:10px/1.7 monospace;letter-spacing:2px}.console{background:#0d1d39eb;border:1px solid #778ba666;padding:27px 30px 24px;box-shadow:0 22px 90px #0003;border-radius:12px}.console-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #afc5e333;padding-bottom:21px}.live-dot{height:6px;width:6px;background:#ff9351;border-radius:50%}h2{font-size:15px;margin:0;letter-spacing:1px;font-weight:400}.console-top>span:last-child{margin-left:auto;font:11px monospace;color:#9aaecb}.checkpoints{list-style:none;padding:0;display:flex;gap:8px;margin:23px 0 32px}.checkpoints li{display:flex;flex:1;align-items:flex-start;flex-direction:column;border:1px solid #afc5e333;border-radius:5px;padding:11px 14px;position:relative}.checkpoints li>span{font:10px monospace;color:#9aaecb}.checkpoints b{font-size:16px;margin:7px 0 4px;font-weight:500}.checkpoints small{font:8px monospace;color:#9aaecb;letter-spacing:1px}.checkpoints li.current{border-color:#ff9351}.checkpoints li.hit{background:#ef884321;border-color:#ff9351}.checkpoints li.hit:after{content:'✓';position:absolute;right:10px;top:9px;color:#ff9351}.checkpoints li.miss{opacity:.6}.checkpoints li.miss:after{content:'×';position:absolute;right:10px;top:9px;color:#bdcbe2}.readout>span{font:9px monospace;letter-spacing:1.3px;color:#ffab74}.readout h3{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.3;margin:16px 0 13px}.readout p{font-size:13px;color:#bac9e0;line-height:1.8;min-height:46px;margin-bottom:33px}.target-label{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1px;color:#a6b7d1}.target-label b{color:#ffab74;font-size:8px;font-weight:400}.track{height:87px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#b6cdec19 calc(10% - 1px) 10%),#142846;border:1px solid #a6b7d144;position:relative;margin-top:12px;overflow:hidden;border-radius:5px}.zone{position:absolute;left:36%;width:28%;inset-block:0;background:#f28a3d2b;border-inline:1px dashed #ff9351}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:26px monospace;color:#ff9351}.marker{position:absolute;left:50%;top:5px;bottom:5px;width:4px;transform:translateX(-50%);background:#e5f7ff;box-shadow:0 0 17px #b8e6ff;z-index:2}.marker i{position:absolute;left:-5px;top:-5px;border:7px solid transparent;border-top-color:#fff}.scale{display:flex;justify-content:space-between;font:9px monospace;color:#8ea3c3;margin:10px 0 28px}.primary{display:flex;justify-content:space-between;align-items:center;background:#fa934f;color:#121e32;border:0;border-radius:5px;width:100%;padding:16px 20px;font-weight:700;min-height:58px}.primary b{font-size:24px;font-weight:400}.primary:disabled{opacity:.65}.subcontrols{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:6px 0 0;font-size:9px;color:#97aac7}.subcontrols button{background:none;border:0;color:#cad5e8;font-size:10px;text-decoration:underline}.subcontrols button:disabled{opacity:.4}.status{font-size:12px;min-height:37px;margin:7px 0 11px;line-height:1.6;color:#e3e7ef}.console-bottom{border-top:1px solid #afc5e333;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.console-bottom span{font-size:9px;color:#a9bad3}.console-bottom strong{font:9px monospace;white-space:nowrap;color:#ffab74}footer{display:flex;justify-content:space-between;border-top:1px solid #c6daf044;padding:24px 0 30px;color:#9aabc5;font-size:10px}@media(max-width:760px){header{margin:0 22px;padding:23px 0}.brand{font-size:14px;gap:10px}.brand b{font-size:30px}.edition{font-size:8px;letter-spacing:1px}main{display:block;padding:30px 0 28px}.intro{padding:0 24px}.eyebrow{font-size:8px;margin-bottom:19px;letter-spacing:1px}h1{font-size:43px;letter-spacing:-2px;margin-bottom:16px}.intro>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:0}.coordinates,.camp-mark{display:none}.landscape{background-position:64% center}.console{margin:29px 16px 0;padding:23px 22px 20px}.console-top{padding-bottom:19px}h2{font-size:14px}.checkpoints{margin:20px 0 26px}.checkpoints li{padding:9px 12px}.checkpoints b{font-size:15px}.checkpoints small{font-size:7px}.readout h3{font-size:25px;margin:13px 0 11px}.readout p{font-size:12px;margin-bottom:24px}.readout>span{font-size:8px;letter-spacing:1px}.track{height:77px}.scale{margin-bottom:23px}.primary{min-height:55px;font-size:15px}.subcontrols{font-size:8px}.subcontrols button{font-size:10px}.status{font-size:11px}.console-bottom{flex-wrap:wrap;gap:8px}.console-bottom span{font-size:9px}footer{margin:0 24px;padding:20px 0 25px;flex-wrap:wrap;gap:10px}}
/* BRAND-QA-20261029 */
@media(max-width:600px){.subcontrols button,footer,.subcontrols button,.status{font-size:13px;line-height:1.6}}