:root{--bg: rgba(8, 12, 18, .72);--bg-solid: #0a0f16;--line: rgba(160, 190, 220, .18);--text: #e6ecf2;--dim: #8fa0b2;--accent: #5cc8ff;--ok: #58e08a;--warn: #ffc24a;--fault: #ff6a5a;--gold: #d7ad55;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, "Microsoft YaHei", monospace;--sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--ui-scale: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--text);font-family:var(--sans);overflow:hidden;user-select:none}canvas#view{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none}.hidden{display:none!important}kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid rgba(200,220,240,.35);border-bottom-width:2px;border-radius:4px;color:#dfe9f3;background:#ffffff0f;margin:0 1px}button{font-family:var(--sans);font-size:15px;color:#08121c;background:var(--accent);border:0;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;letter-spacing:.5px}button:hover{filter:brightness(1.12)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.4;cursor:default}#hud{position:fixed;inset:0;pointer-events:none;font-size:calc(13px * var(--ui-scale))}.panel{background:var(--bg);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(6px);padding:12px 14px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}#mission{position:absolute;top:16px;left:16px;width:calc(360px * var(--ui-scale))}.m-title{font-size:1.35em;font-weight:700;margin:2px 0 8px}#m-steps{margin:0;padding-left:0;list-style:none}#m-steps li{padding:4px 0 4px 22px;position:relative;color:var(--dim);line-height:1.4}#m-steps li:before{content:"";position:absolute;left:2px;top:9px;width:10px;height:10px;border:1.5px solid var(--dim);border-radius:2px}#m-steps li.done{color:#6f8295;text-decoration:line-through;text-decoration-color:#788ca080}#m-steps li.done:before{background:var(--ok);border-color:var(--ok)}#m-steps li.cur{color:var(--text);font-weight:600}#m-steps li.cur:before{border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.hint{margin-top:8px;padding:8px 10px;border-left:2px solid var(--accent);background:#5cc8ff0f;color:#bcd3e6;line-height:1.5;font-size:.95em}.hint:empty{display:none}#status{position:absolute;top:16px;right:16px;width:calc(250px * var(--ui-scale));font-family:var(--mono)}#status .row{display:flex;justify-content:space-between;padding:2px 0;gap:8px}#status .row span{color:var(--dim);font-family:var(--sans)}#status .row b{font-weight:600;text-align:right}#status .small{font-size:.9em}#joints{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0 18px;height:46px}#joints .j{position:relative;background:#ffffff0d;border-radius:2px}#joints .j i{position:absolute;left:0;right:0;height:3px;background:var(--accent)}#joints .j.warn i{background:var(--warn)}#joints .j.sel{outline:1px solid var(--accent)}#joints .j em{position:absolute;bottom:-14px;width:100%;text-align:center;font-size:9px;color:var(--dim);font-style:normal}#pip{position:absolute;left:16px;bottom:44px;width:calc(360px * var(--ui-scale));height:calc(270px * var(--ui-scale));border:1px solid rgba(160,200,240,.4);border-radius:6px;box-shadow:0 0 0 1px #0009}.pip-label,.pip-age{position:absolute;font-family:var(--mono);font-size:11px;background:#0000008c;padding:2px 6px}.pip-label{top:6px;left:6px;color:#cfe6ff}.pip-age{bottom:6px;right:6px;color:var(--dim)}.pip-cross{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;border:1px solid rgba(120,255,180,.6);border-radius:50%}.pip-cross:before,.pip-cross:after{content:"";position:absolute;background:#78ffb499}.pip-cross:before{left:50%;top:-10px;bottom:-10px;width:1px}.pip-cross:after{top:50%;left:-10px;right:-10px;height:1px}#target{position:absolute;left:50%;bottom:44px;transform:translate(-50%);width:calc(440px * var(--ui-scale))}.t-name{font-weight:700;margin-bottom:6px}.t-meters{display:flex;gap:18px;font-family:var(--mono)}.t-meters div{display:flex;flex-direction:column}.t-meters span{font-size:10px;color:var(--dim);font-family:var(--sans)}.t-meters b{font-size:1.25em}.t-meters b.good{color:var(--ok)}.t-meters b.near{color:var(--warn)}.t-bar{height:4px;background:#ffffff14;border-radius:2px;margin:8px 0;overflow:hidden}.t-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s}#t-actions{display:flex;flex-wrap:wrap;gap:10px;font-size:.95em}#t-actions span{color:#cfe0ef}#t-actions span.off{color:#64748a}#busy{position:absolute;left:50%;top:58%;transform:translate(-50%);width:260px;text-align:center;font-family:var(--mono);text-shadow:0 1px 3px #000}#busy .t-bar i{background:var(--warn)}#comm{position:absolute;right:16px;bottom:44px;width:calc(430px * var(--ui-scale));display:flex;gap:12px;align-items:flex-start}#comm img{width:72px;height:72px;border-radius:6px;object-fit:cover;border:1px solid var(--line);background:#111;flex:none}.c-who{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.c-who span{color:var(--dim);font-size:.9em}#c-text{line-height:1.6;color:#e9f0f6}#toasts{position:absolute;right:16px;top:calc(16px + 280px * var(--ui-scale));width:calc(330px * var(--ui-scale));display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:8px 10px;line-height:1.45;animation:tin .25s ease-out;font-size:.95em}.toast.warn{border-left-color:var(--warn)}.toast.fault{border-left-color:var(--fault)}.toast.ok{border-left-color:var(--ok)}.toast b{display:block;margin-bottom:2px}.toast .ev{color:#b9c8d6}.toast .st{color:var(--dim)}.toast .nx{color:#a6e0ff}@keyframes tin{0%{opacity:0;transform:translate(16px)}}#evidence{position:absolute;left:calc(32px + 360px * var(--ui-scale));top:16px;width:360px;max-height:50vh;overflow:auto;pointer-events:auto}#ev-list{margin:6px 0 0;padding-left:16px;line-height:1.5}#ev-list li{margin-bottom:4px;color:#d5e2ee}#camtag{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:12px;background:#00000080;padding:3px 10px;border-radius:4px;color:#cfe6ff}#keyline{position:absolute;bottom:0;left:0;right:0;padding:6px 16px;display:flex;gap:14px;flex-wrap:wrap;color:#b3c1cf;font-size:12px;background:linear-gradient(0deg,#000000bf,#0000)}#tutorial{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);padding:20px 24px;pointer-events:auto;background:#060a10e6}.tut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.tut-grid div{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:6px}.tut-grid b{font-size:13px}.tut-grid em{font-style:normal;color:var(--dim);font-size:11px;line-height:1.4}.tut-foot{color:var(--dim);text-align:center;font-size:12px}@media (max-width: 900px){.tut-grid{grid-template-columns:repeat(2,1fr)}}#holdbadge{position:absolute;top:46px;left:50%;transform:translate(-50%);background:var(--warn);color:#111;padding:4px 12px;border-radius:4px;font-weight:700}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#020509b8;backdrop-filter:blur(4px);z-index:10}#title{background:#000}.title-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;animation:kb 40s ease-in-out infinite alternate}.title-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000d9,#00000073 45%,#0000 75%)}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.1) translate(-1%,1%)}}.title-inner{position:relative;margin-right:auto;padding-left:8vw;max-width:640px}.brand{font-family:var(--mono);letter-spacing:4px;color:var(--gold);font-size:13px}h1{font-size:64px;margin:8px 0 6px;letter-spacing:6px;font-weight:800}h1 small{display:block;font-size:16px;letter-spacing:10px;color:var(--dim);font-weight:500;margin-top:4px}.tagline{color:#c7d3de;font-size:17px;margin:0 0 32px}#title-menu{display:flex;flex-direction:column;gap:10px;width:260px}#title-menu button{text-align:left;background:#ffffff0f;color:var(--text);border:1px solid var(--line)}#title-menu button:first-child{background:var(--accent);color:#06121c}#title-menu button:hover{border-color:var(--accent)}.title-foot{margin-top:40px;color:#67788a;font-size:12px;font-family:var(--mono)}.sheet{background:var(--bg-solid);border:1px solid var(--line);border-radius:10px;padding:24px 28px;width:min(1100px,92vw);max-height:88vh;overflow:auto}.sheet.narrow{width:min(460px,92vw)}.sheet h2{margin:0 0 16px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet-head h2{margin:0}nav.col{display:flex;flex-direction:column;gap:10px}nav.col button{background:#ffffff0f;color:var(--text);border:1px solid var(--line);text-align:left}.sheet label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sheet select{background:#111a24;color:var(--text);border:1px solid var(--line);padding:4px 8px;border-radius:4px}.fine{color:var(--dim);font-size:12px;line-height:1.6}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;line-height:1.7;color:#cdd8e3}.help-grid h3{color:var(--text);margin:8px 0 4px;font-size:15px}.about-body{line-height:1.8;color:#cdd8e3;max-width:760px}#mission-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.mcard{background:#0e151e;border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.mcard:hover{transform:translateY(-3px);border-color:var(--accent)}.mcard img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#111}.mcard .mc-body{padding:10px 12px 14px}.mcard .mc-id{font-family:var(--mono);color:var(--gold);font-size:12px}.mcard .mc-t{font-weight:700;margin:2px 0 6px}.mcard .mc-s{font-size:12px;color:var(--dim)}.mcard.locked{opacity:.45;cursor:default}.mcard.locked:hover{transform:none;border-color:var(--line)}.mcard.done .mc-s:before{content:"✓ 已完成 · ";color:var(--ok)}.brief-card{display:grid;grid-template-columns:1.25fr 1fr;width:min(1180px,94vw);background:var(--bg-solid);border:1px solid var(--line);border-radius:12px;overflow:hidden}.brief-art img{width:100%;height:100%;object-fit:cover;display:block;min-height:420px;background:#111}.brief-body{padding:28px 30px;display:flex;flex-direction:column}.brief-body h2{font-size:30px;margin:6px 0 4px}.b-zone{color:var(--gold);font-family:var(--mono);font-size:13px}.brief-body p{line-height:1.8;color:#cdd8e3}#b-tags{display:flex;flex-wrap:wrap;gap:6px}#b-tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);border-radius:12px;color:#b7c6d4}.b-target{color:var(--dim);margin-top:12px;font-size:13px}.b-btns{margin-top:auto;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap}.d-world{color:#bfe6cf;line-height:1.7;margin:8px 0 14px}#d-stats{border-collapse:collapse;font-family:var(--mono);font-size:13px}#d-stats td{padding:4px 16px 4px 0;border-bottom:1px solid rgba(255,255,255,.05)}#d-stats td:first-child{color:var(--dim);font-family:var(--sans)}#loading{background:#000;z-index:20}.loader{width:320px;text-align:center;color:var(--dim);display:flex;flex-direction:column;gap:10px}@media (max-width: 900px){#mission-cards{grid-template-columns:repeat(2,1fr)}.brief-card{grid-template-columns:1fr}.brief-art img{min-height:200px;max-height:260px}.help-grid{grid-template-columns:1fr}h1{font-size:44px}#status,#toasts{display:none}}