:root{--ink:#ece8dc;--muted:#a69f91;--low:#6f786e;--panel:#0f1110c7;--panel-heavy:#090a0ae6;--line:#ece8dc29;--line-strong:#ece8dc4d;--blood:#b51f29;--blood-hot:#f24a31;--amber:#d49b3b;--sick:#9fbd76;--cyan:#6bb0a8;--shadow:#000000ad;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DIN Condensed,Avenir Next Condensed,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;color:var(--ink);background:#050606;margin:0;overflow:hidden}body{letter-spacing:0}button,select{font:inherit}button{cursor:pointer;border:0}#gameCanvas{background:#050606;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette,.film-grain,.damage-flash{pointer-events:none;position:fixed;inset:0}.vignette{z-index:4;background:radial-gradient(circle at 50% 46%,#0000 0 43%,#0000006b 72%,#000000db 100%),linear-gradient(#00000024,#0000 22%,#0000003d)}.film-grain{z-index:5;opacity:.12;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 17% 29%,#ffffff2e 0 1px,#0000 1px 6px),repeating-linear-gradient(92deg,#ffffff0d 0 1px,#0000 1px 9px);animation:.52s steps(4,end) infinite grain-jitter}.damage-flash{z-index:6;opacity:0;background:radial-gradient(circle,#0000 0 34%,#b51f296b 70%,#b51f29bd 100%);transition:opacity .16s}.damage-flash.is-active{opacity:1}.crosshair{--x:50vw;--y:50vh;left:var(--x);top:var(--y);z-index:8;pointer-events:none;filter:drop-shadow(0 0 10px #b51f2985);width:58px;height:58px;position:fixed;transform:translate(-50%,-50%)}.crosshair span,.crosshair i{display:block;position:absolute}.crosshair span:first-child{background:linear-gradient(180deg, var(--blood-hot), transparent 32% 68%, var(--blood-hot));width:2px;top:5px;bottom:5px;left:50%;transform:translate(-50%)}.crosshair span:nth-child(2){background:linear-gradient(90deg, var(--blood-hot), transparent 32% 68%, var(--blood-hot));height:2px;top:50%;left:5px;right:5px;transform:translateY(-50%)}.crosshair i{border:1px solid #f24a31b8;border-radius:50%;inset:17px;box-shadow:inset 0 0 18px #f24a3126,0 0 18px #f24a3133}.camera-preview{z-index:11;aspect-ratio:4/3;object-fit:cover;opacity:0;pointer-events:none;background:#080909;border:1px solid #ece8dc3d;border-radius:8px;width:180px;transition:opacity .2s;position:fixed;bottom:18px;right:18px;transform:scaleX(-1);box-shadow:0 18px 42px #0000007a}.camera-preview.is-visible{opacity:.72}.hud{z-index:9;pointer-events:none;grid-template-columns:minmax(150px,.9fr) 116px 132px minmax(150px,.9fr);gap:10px;display:grid;position:fixed;top:14px;left:18px;right:18px}.control-coach{z-index:9;pointer-events:none;grid-template-columns:repeat(4,minmax(112px,1fr));gap:8px;width:min(720px,100vw - 36px);display:grid;position:fixed;top:86px;left:18px}.coach-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#d59b3b17,#ece8dc06),#090a0aa8;border:1px solid #ece8dc21;border-radius:8px;min-height:70px;padding:10px 12px;box-shadow:0 12px 36px #00000042}.coach-card span{color:var(--amber);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;line-height:1;display:block}.coach-card strong,.coach-card small{display:block}.coach-card strong{margin-top:7px;font-size:17px;line-height:1.1}.coach-card small{color:#bdb4a6;margin-top:4px;font-size:12px;line-height:1.25}.reload-card.is-urgent{background:linear-gradient(135deg,#b51f296b,#d59b3b1f),#0c0707db;border-color:#f24a31a6;box-shadow:0 0 26px #b51f2957}.reload-cue{z-index:10;color:#ffd9c8;text-align:center;opacity:0;pointer-events:none;background:#120808e0;border:1px solid #f24a3194;border-radius:8px;max-width:min(520px,100vw - 36px);padding:12px 16px;font-size:18px;font-weight:900;transition:opacity .16s,transform .16s;position:fixed;bottom:112px;left:50%;transform:translate(-50%,14px);box-shadow:0 0 38px #b51f2961}.reload-cue.is-visible{opacity:1;transform:translate(-50%)}.hud-block,.status-strip,.debug-panel,.mission-panel{border:1px solid var(--line);background:linear-gradient(135deg, #ece8dc14, #ece8dc05), var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000057}.hud-block{border-radius:8px;min-height:58px;padding:10px 12px}.hud-block span,.status-strip span,.info-tile span,.hud-block b{font-weight:700}.hud-block span,.status-strip span,.info-tile span,.result-stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1;display:block}.hud-block strong{margin-top:7px;font-size:26px;font-weight:800;line-height:1;display:block}.hud-block.ammo strong{color:var(--amber)}.meter{background:#ece8dc1f;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--blood), var(--amber), var(--sick));transform-origin:0;width:100%;height:100%;display:block}.status-strip{z-index:9;pointer-events:none;border-radius:8px;gap:10px;max-width:min(760px,100vw - 240px);padding:10px;display:flex;position:fixed;bottom:18px;left:18px}.status-strip div{background:#0000003d;border:1px solid #ece8dc1a;border-radius:6px;min-width:128px;padding:8px 10px}.status-strip strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;display:block;overflow:hidden}.overlay{z-index:20;background:linear-gradient(90deg,#050606fa,#0506066b 45%,#050606eb),radial-gradient(circle at 80%,#9fbd7624,#0000 34%);place-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.is-visible{display:grid}.mission-panel{background:linear-gradient(135deg,#d59b3b17,#0000 34%),linear-gradient(#0f1110f0,#060707f0);border-radius:8px;width:min(760px,100%);padding:clamp(22px,4vw,42px)}.kicker{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.mission-panel h1,.mission-panel h2{letter-spacing:0;text-shadow:0 8px 42px #b51f2947;margin:0;font-family:Songti SC,STSong,Times New Roman,serif;font-size:clamp(54px,10vw,112px);font-weight:800;line-height:.9}.mission-panel h2{font-size:clamp(42px,8vw,72px)}.mission-copy{color:#c9c2b4;max-width:620px;margin:22px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.8}.panel-grid,.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.info-tile,.result-stats div{background:#ece8dc0e;border:1px solid #ece8dc1f;border-radius:8px;min-height:78px;padding:14px}.info-tile strong,.result-stats dd{color:var(--ink);margin:9px 0 0;font-size:22px;line-height:1.05;display:block}.settings-row,.action-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.settings-row label{color:var(--muted);font-size:13px;font-weight:700}select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#151716;border-radius:8px;padding:0 38px 0 12px}.debug-toggle{border:1px solid var(--line);background:#ece8dc0f;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:inline-flex}.primary-action,.secondary-action{border-radius:8px;min-height:48px;padding:0 18px;transition:transform .16s,filter .16s,border-color .16s,background .16s}.primary-action{background:linear-gradient(135deg, var(--blood), var(--blood-hot) 48%, var(--amber));color:#130808;font-weight:900}.primary-action:disabled{cursor:not-allowed;filter:grayscale(.6)brightness(.62)}.secondary-action{border:1px solid var(--line-strong);color:var(--ink);background:#ece8dc14}.primary-action:not(:disabled):hover,.secondary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.calibration-panel{width:min(980px,100%)}.calibration-layout{grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:18px;margin-top:24px;display:grid}.video-frame{background:#070808;border:1px solid #ece8dc29;border-radius:8px;min-height:280px;position:relative;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;min-height:280px;display:block;transform:scaleX(-1)}.video-mask{pointer-events:none;border:1px dashed #9fbd7675;border-radius:8px;position:absolute;inset:16px;box-shadow:inset 0 0 0 999px #00000014}.calibration-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.calibration-steps li{background:#ece8dc0d;border:1px solid #ece8dc1f;border-radius:8px;grid-template-columns:36px 1fr;align-content:center;gap:2px 12px;min-height:82px;padding:12px;display:grid}.calibration-steps li>span{background:#b51f2947;border:1px solid #ece8dc3d;border-radius:50%;grid-row:span 2;width:28px;height:28px;margin-top:2px}.calibration-steps li.is-done{background:#9fbd761c;border-color:#9fbd7680}.calibration-steps li.is-done>span{background:radial-gradient(circle, var(--sick) 0 42%, #9fbd762e 45% 100%);box-shadow:0 0 16px #9fbd7661}.calibration-steps strong,.calibration-steps small{display:block}.calibration-steps strong{font-size:18px}.calibration-steps small{color:var(--muted);font-size:13px;line-height:1.45}.tip-line{border-left:3px solid var(--amber);color:#d8d0c0;background:#d59b3b14;min-height:42px;margin-top:14px;padding:12px 14px;line-height:1.55}.result-panel{width:min(720px,100%)}.result-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.result-stats dl,.result-stats dd{margin:0}.debug-panel{z-index:12;border-radius:8px;width:min(360px,100vw - 36px);max-height:calc(100vh - 138px);padding:12px;display:none;position:fixed;top:88px;right:18px;overflow:auto}.debug-panel.is-visible{display:block}.debug-panel pre{color:#d6e7c2;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.48}@keyframes grain-jitter{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}@media (width<=820px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.control-coach{grid-template-columns:1fr;width:min(260px,100vw - 36px);top:auto;bottom:82px}.status-strip{max-width:none;right:18px;overflow:hidden}.camera-preview{width:132px}.panel-grid,.calibration-layout,.result-stats{grid-template-columns:1fr}.mission-panel{max-height:calc(100vh - 32px);overflow:auto}}