:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hud-cyan:#b8e6f5;--hud-cyan-dim:#b8e6f58c;--hud-edge:#b8e6f547;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#04060a;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}#loading{color:var(--hud-cyan);z-index:30;background:radial-gradient(at 50% 40%,#0a1018 0%,#04060a 70%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .9s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading-emblem{color:#10161f;filter:drop-shadow(0 0 18px #78b4d240);width:190px;animation:2.6s ease-in-out infinite emblem-pulse}@keyframes emblem-pulse{0%,to{color:#0e141d}50%{color:#1d2836}}#loading-bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#b8e6f51f;width:260px;height:3px}#loading-fill{background:var(--hud-cyan);width:0%;height:100%;transition:width .25s}#loading-status{letter-spacing:.42em;color:var(--hud-cyan-dim);font-size:11px}#loading-status.error{color:#e07a6a;letter-spacing:.18em;text-align:center;max-width:480px;line-height:1.5}#hud{pointer-events:none;color:var(--hud-cyan);z-index:20;opacity:1;transition:opacity .7s;position:absolute;inset:0}#hud.hud-hidden{opacity:0}#compass{width:min(560px,60vw);position:absolute;top:26px;left:50%;transform:translate(-50%)}#compass-window{border-top:1px solid var(--hud-edge);height:30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}#compass-strip{will-change:transform;height:100%;position:relative}.compass-tick{background:var(--hud-cyan-dim);width:1px;height:7px;position:absolute;top:4px}.compass-tick.major{background:var(--hud-cyan);height:10px}.compass-label{letter-spacing:.2em;color:var(--hud-cyan);text-shadow:0 0 6px #b8e6f580;font-size:12px;position:absolute;top:13px;transform:translate(-50%)}#compass-caret{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--hud-cyan);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}#objective-marker{flex-direction:column;align-items:center;gap:6px;transition:opacity .3s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.obj-diamond{border:2px solid var(--hud-cyan);width:13px;height:13px;animation:1.8s ease-in-out infinite obj-pulse;transform:rotate(45deg);box-shadow:0 0 12px #b8e6f58c}@keyframes obj-pulse{0%,to{box-shadow:0 0 8px #b8e6f559}50%{box-shadow:0 0 16px #b8e6f5bf}}#objective-distance{letter-spacing:.12em;border:1px solid var(--hud-edge);text-shadow:0 0 8px #b8e6f573;background:#080e148c;padding:2px 10px;font-size:14px}#surveillance-tag{text-align:right;opacity:0;transition:opacity .5s;position:absolute;top:17%;right:5.5%}#surveillance-tag.active{opacity:1}.tag-title{letter-spacing:.22em;color:#0a1016;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#b8e6f5eb;padding:4px 12px;font-size:13px;font-weight:600}.tag-sub{letter-spacing:.14em;color:var(--hud-cyan);text-shadow:0 0 8px #b8e6f566;margin-top:6px;font-size:15px}#center-prompt{letter-spacing:.38em;text-indent:.38em;color:var(--hud-cyan);text-shadow:0 0 14px #b8e6f599;opacity:0;white-space:nowrap;font-size:17px;transition:opacity .6s;position:absolute;top:75%;left:50%;transform:translate(-50%)}#center-prompt.visible{opacity:1}#control-hint{letter-spacing:.26em;color:#b8e6f566;opacity:0;font-size:11px;transition:opacity 1.2s;position:absolute;bottom:3.6%;left:50%;transform:translate(-50%)}#control-hint.visible{opacity:1}#screen-fade{z-index:38;opacity:0;pointer-events:none;background:#04060a;transition:opacity .5s;position:absolute;inset:0}#screen-fade.opaque{opacity:1}#title-screen{z-index:22;pointer-events:none;color:var(--hud-cyan);opacity:1;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:9vh;transition:opacity .8s;display:flex;position:absolute;inset:0}#title-screen[hidden]{display:none}#title-screen.leaving{opacity:0}#title-word{letter-spacing:.02em;text-shadow:0 0 26px #96c8e673;margin:0;font-size:clamp(34px,6.4vw,82px);font-weight:300;line-height:1;display:flex}#title-word span{opacity:0;padding:0 .08em;animation:.9s cubic-bezier(.16,.9,.3,1) forwards title-letter;display:inline-block;transform:translateY(.38em)}#title-word span:first-child{animation-delay:50ms}#title-word span:nth-child(2){animation-delay:.11s}#title-word span:nth-child(3){animation-delay:.17s}#title-word span:nth-child(4){animation-delay:.23s}#title-word span:nth-child(5){animation-delay:.29s}#title-word span:nth-child(6){animation-delay:.35s}#title-word span:nth-child(7){animation-delay:.41s}#title-word span:nth-child(8){animation-delay:.47s}#title-word span:nth-child(9){animation-delay:.53s}#title-word span:nth-child(10){animation-delay:.59s}@keyframes title-letter{to{opacity:1;transform:translateY(0)}}#title-rule{background:linear-gradient(90deg, transparent, var(--hud-edge) 22%, var(--hud-cyan) 50%, var(--hud-edge) 78%, transparent);transform-origin:50%;width:min(460px,56vw);height:1px;margin-top:20px;animation:1.1s cubic-bezier(.16,.9,.3,1) .62s forwards title-rule;transform:scaleX(0)}@keyframes title-rule{to{transform:scaleX(1)}}#start-button{color:var(--hud-cyan);cursor:pointer;pointer-events:auto;opacity:0;background:0 0;border:none;margin-top:auto;margin-bottom:12vh;padding:0;transition:color .25s,transform .35s cubic-bezier(.16,.9,.3,1);animation:.9s .9s forwards title-letter}#start-button svg{filter:drop-shadow(0 0 16px #8cc8eb47);width:clamp(260px,30vw,420px);height:auto;display:block;overflow:visible}#start-button text{fill:currentColor;letter-spacing:.52em;font-family:inherit;font-size:25px;font-weight:500}#start-button:hover,#start-button:focus-visible{color:#eaf7ff;outline:none;transform:translateY(-3px)scale(1.03)}#start-button:active{transform:translateY(0)scale(.99)}#title-hint{letter-spacing:.34em;color:#b8e6f56b;opacity:0;margin:0 0 6vh;font-size:11px;animation:1s 1.25s forwards title-letter}#mission-complete{z-index:24;pointer-events:auto;cursor:pointer;color:var(--hud-cyan);opacity:0;background:radial-gradient(#04070c80 0%,#04070cd1 70%);flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;padding-top:9vh;transition:opacity 1.1s;display:flex;position:absolute;inset:0}#mission-complete[hidden]{display:none}#mission-complete.visible{opacity:1}#mc-title{letter-spacing:.42em;text-indent:.42em;text-shadow:0 0 30px #96c8e680;margin:0;font-size:clamp(26px,4.2vw,54px);font-weight:300}.mc-rule{background:linear-gradient(90deg, transparent, var(--hud-edge) 22%, var(--hud-cyan) 50%, var(--hud-edge) 78%, transparent);width:min(460px,56vw);height:1px}#mc-hint{letter-spacing:.34em;color:#b8e6f56b;margin:18px 0 0;font-size:11px}#settings-button{z-index:25;width:42px;height:42px;color:var(--hud-cyan);border:1px solid var(--hud-edge);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);cursor:pointer;opacity:0;pointer-events:none;background:#080e148c;place-items:center;padding:0;transition:opacity .4s,background .2s,color .2s;display:grid;position:absolute;top:22px;right:24px}#settings-button.visible{opacity:.75;pointer-events:auto}#settings-button.visible:hover,#settings-button.visible:focus-visible{opacity:1;background:#b8e6f529;outline:none}#settings-button svg{width:22px;height:22px}#pause-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04070cb8;place-items:center;display:grid;position:absolute;inset:0}#pause-overlay[hidden]{display:none}#pause-panel{text-align:center;min-width:min(420px,84vw);color:var(--hud-cyan);border:1px solid var(--hud-edge);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:#080e15e6;padding:34px 40px 30px}#pause-title{letter-spacing:.44em;text-indent:.44em;text-shadow:0 0 16px #b8e6f580;margin:0 0 26px;font-size:26px;font-weight:600}.pause-action{letter-spacing:.22em;width:100%;color:var(--hud-cyan);border:1px solid var(--hud-edge);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;background:#b8e6f514;margin-bottom:12px;padding:13px 18px;font-family:inherit;font-size:13px;transition:background .18s,color .18s;display:block}.pause-action:hover,.pause-action:focus-visible{color:#08111a;background:#b8e6f5e6;outline:none}#pause-controls{letter-spacing:.14em;color:var(--hud-cyan-dim);border-top:1px solid #b8e6f529;margin:24px 0 0;padding-top:18px;font-size:11px}#pause-controls>div{justify-content:space-between;gap:20px;padding:4px 0;display:flex}#pause-controls dt,#pause-controls dd{margin:0}#pause-controls dd{color:#b8e6f580}