:root{color:#f2f6ff;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-synthesis:none;--orange: #ff7040;--cyan: #54e2d9;--panel: rgba(10, 16, 29, .78);--line: rgba(179, 203, 235, .16);--objective-progress: 0%;--side-view-height: clamp(205px, 24vh, 250px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#090d18}button{font:inherit}#scene{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.topbar{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,15,.75),transparent)}.topbar-left{display:flex;align-items:center;gap:16px;pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#0a101c;background:var(--orange);clip-path:polygon(8% 0,100% 0,88% 100%,0 100%);font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:24px;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:.08em}.brand div>span{margin-top:2px;color:#8e9bb1;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.lesson-menu-button{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid rgba(84,226,217,.3);color:#c4d4e7;background:#070e18c7;font-size:10px;letter-spacing:.07em;cursor:pointer;pointer-events:auto}.lesson-menu-button i{width:7px;height:7px;border:1px solid var(--cyan);transform:rotate(45deg)}.lesson-menu-button:hover,.lesson-menu-button:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.map-menu-button{border-color:#ff704047}.map-menu-button i{border-color:var(--orange)}.map-menu-button b{color:#fff0e9;font-weight:600}.panel{position:fixed;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,27,44,.87),var(--panel));box-shadow:0 18px 40px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.telemetry{top:92px;left:30px;width:180px;padding:14px}.panel-heading{display:flex;justify-content:space-between;color:#9eabc0;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.metric-main{margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.metric{display:flex;flex-direction:column;gap:5px}.metric span{color:#7f8ca3;font-size:10px;letter-spacing:.06em}.metric strong{font-family:Bahnschrift Condensed,Arial Narrow,Microsoft YaHei UI,sans-serif;font-size:16px;font-weight:600}.metric-main strong{display:flex;align-items:baseline;gap:6px;color:var(--cyan);font-size:16px}.metric-main b{font-size:34px;line-height:1}.metric-grid{display:grid;grid-template-columns:1fr;gap:10px}.velocity-bar{height:3px;margin-top:17px;background:#ffffff14;overflow:hidden}.velocity-bar i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width 90ms linear}.calibration-panel{z-index:2;top:354px;left:30px;width:246px;padding:13px 14px;pointer-events:auto}.calibration-status{display:flex;align-items:center;gap:5px;color:#748198}.calibration-status i{width:6px;height:6px;border-radius:50%;background:#596579}.calibration-panel.recording .calibration-status{color:#ffb397}.calibration-panel.recording .calibration-status i{background:var(--orange);box-shadow:0 0 10px var(--orange);animation:record-pulse 1s ease-in-out infinite}@keyframes record-pulse{50%{opacity:.35}}.calibration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.calibration-stats span{display:flex;flex-direction:column;gap:3px;color:#77859a;font-size:8px;letter-spacing:.05em}.calibration-stats strong{color:#d6e1f0;font:600 12px Bahnschrift Condensed,Arial Narrow,sans-serif;letter-spacing:0}.calibration-panel>p{min-height:16px;margin:9px 0;color:#78869a;font-size:8px;line-height:1.45}.calibration-actions{display:grid;grid-template-columns:1.35fr 1fr .65fr;gap:5px}.calibration-actions button{min-width:0;height:29px;padding:0 7px;border:1px solid rgba(192,211,238,.18);color:#aebbd0;background:#060a1294;font-size:8px;cursor:pointer}.calibration-actions button:hover:not(:disabled),.calibration-actions button:focus-visible{border-color:#54e2d99e;color:#eef7ff;outline:none}.calibration-actions button:disabled{opacity:.36;cursor:default}.calibration-actions .record-button{display:flex;align-items:center;justify-content:space-between;border-color:#ff704057;color:#ffd2c2;background:#ff704017}.calibration-actions .record-button kbd{min-width:auto;min-height:auto;padding:1px 3px;font-size:7px}.calibration-panel.recording .record-button{color:#0a101c;background:var(--orange);border-color:var(--orange)}.calibration-panel.recording .record-button kbd{color:#0a101c;border-color:#0a101c40;background:#0a101c14}.objective{right:14px;top:calc(30px + clamp(205px,24vh,250px));width:250px;padding:18px}body:not(.training-lesson-mode) .objective{display:none}body.training-lesson-mode .objective{z-index:3;top:92px;right:auto;left:calc(50vw + 138px - min(300px,21vw,calc(50vw - 14px)));width:min(760px,calc(100vw - min(600px,42vw,calc(100vw - 28px)) - 318px));padding:13px 15px;transform:translate(-50%)}body.training-lesson-mode .objective>strong{display:inline-block;margin-right:9px}body.training-lesson-mode .objective>p{display:inline;margin:0}body.training-lesson-mode .objective .lesson-live{margin:10px 0 8px}body.relationship-mode .relationship-lab{display:grid;grid-template-columns:180px minmax(0,1fr);gap:7px 12px;margin:9px 0 8px}body.relationship-mode .relationship-stage{grid-row:1 / 3;padding:0 12px 0 0;border-right:1px solid rgba(179,203,235,.1);border-bottom:0}body.relationship-mode .relationship-prompt{margin:0}body.relationship-mode .relationship-options{grid-template-columns:repeat(5,minmax(0,1fr))}body.relationship-mode .relationship-lab>small{grid-column:2;margin-top:0}.eyebrow{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.14em}.objective strong{display:block;margin-top:6px;font-size:15px}.objective p{margin:7px 0 10px;color:#93a0b5;font-size:11px;line-height:1.65}.lesson-live{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px}.lesson-live[hidden]{display:none}.lesson-live span{display:flex;flex-direction:column;gap:3px;padding:6px 7px;border:1px solid rgba(179,203,235,.12);color:#718097;background:#03080f4d;font-size:8px}.lesson-live b{color:#dbe7f5;font:600 12px Bahnschrift Condensed,Arial Narrow,sans-serif}.lesson-live[data-tone=good]{--lesson-tone: var(--cyan)}.lesson-live[data-tone=warn]{--lesson-tone: #ffd166}.lesson-live[data-tone=bad]{--lesson-tone: #ff6f72}.lesson-live[data-tone]:not([data-tone=idle]) span{border-color:color-mix(in srgb,var(--lesson-tone) 38%,transparent)}.lesson-live[data-tone]:not([data-tone=idle]) b{color:var(--lesson-tone)}.relationship-lab[hidden]{display:none}.relationship-lab{margin-bottom:12px;padding:9px;border:1px solid rgba(84,226,217,.18);background:#03091066}.relationship-stage{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid rgba(179,203,235,.1)}.relationship-stage span{color:var(--cyan);font-size:8px;letter-spacing:.09em}.relationship-stage strong{margin:0;color:#edf6ff;font-size:11px;line-height:1.45}.relationship-prompt{display:block;margin:8px 0 6px;color:#718098;font-size:8px}.relationship-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.relationship-options>span{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 5px;border:1px solid rgba(190,211,238,.11);color:#8795aa;background:#ffffff05;font-size:8px}.relationship-options kbd{min-width:17px;min-height:17px;padding:1px 3px;font-size:7px}.relationship-options>span.selected{border-color:#ff7040a6;color:#ffd4c4;background:#ff704014}.relationship-options>span.expected{border-color:#54e2d9b3;color:var(--cyan);background:#54e2d914}.relationship-options>span.correct{box-shadow:inset 2px 0 var(--cyan)}.relationship-options>span.wrong{border-color:#ff5b67bf;color:#ff9ba3;background:#ff4c5c14}.relationship-lab>small{display:block;margin-top:8px;color:#7e8ca1;font-size:8px;line-height:1.55}.objective-progress{position:relative;height:24px;padding-top:9px;border-top:2px solid rgba(255,255,255,.08);color:#8996aa;font-size:9px}.objective-progress:before{content:"";position:absolute;left:0;top:-2px;width:var(--objective-progress);height:2px;background:var(--orange);box-shadow:0 0 8px var(--orange)}.satchel-panel{left:30px;bottom:74px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;width:246px;padding:13px 14px;gap:7px 11px}.satchel-icon{position:relative;grid-row:1 / 3;align-self:center;width:42px;height:42px;transform:rotate(45deg);border:2px solid var(--orange);background:#ff70401c;box-shadow:inset 0 0 15px #ff70401f}.satchel-icon:before,.satchel-icon:after{content:"";position:absolute;background:var(--orange)}.satchel-icon:before{inset:8px 18px}.satchel-icon:after{inset:18px 8px}.satchel-icon i{position:absolute;inset:13px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 9px #54e2d9bf}.satchel-copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.satchel-copy span{color:#76849a;font-size:9px;letter-spacing:.09em}.satchel-copy strong{color:var(--cyan);font-size:12px}.satchel-metrics{display:flex;gap:13px;padding-top:6px;border-top:1px solid var(--line);color:#76849a;font-size:9px}.satchel-metrics b{margin-left:3px;color:#c8d3e3;font-weight:600}.observer-panel,.top-view-panel,.side-view-panel{position:fixed;right:30px;overflow:hidden;border:1px solid rgba(179,203,235,.22);background:transparent;box-shadow:0 20px 46px #00000047,inset 0 0 0 1px #ffffff06;pointer-events:none}.observer-panel{top:auto;right:30px;bottom:74px;width:min(300px,calc(100vw - 60px));height:204px}.top-view-panel{top:auto;right:30px;bottom:290px;width:min(300px,calc(100vw - 60px));height:170px;border-color:#ff704052}.side-view-panel{z-index:2;right:14px;top:16px;bottom:auto;width:min(600px,42vw,calc(100vw - 28px));height:auto;border-color:#54e2d96b;background:transparent}.observer-heading,.observer-caption{position:absolute;z-index:1;left:0;right:0;display:flex;align-items:center;background:#070c16e0}.observer-heading{top:0;height:31px;justify-content:space-between;padding:0 11px;color:#aebbd0;font-size:9px;font-weight:700;letter-spacing:.12em}.observer-heading span:last-child{color:var(--cyan);font-size:8px;font-weight:600}.observer-heading i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.observer-viewport{position:absolute;inset:31px 0 25px}.observer-caption{bottom:0;height:25px;justify-content:center;color:#78869b;font-size:8px;letter-spacing:.08em}.observer-caption{gap:5px;font-size:10px;letter-spacing:0}.legend-person{color:var(--cyan)}.legend-satchel{color:var(--orange)}.legend-origin{color:#ffd166}.side-view-panel>.observer-heading,.side-view-panel>.observer-caption{position:relative}.side-view-panel>.observer-viewport{position:relative;inset:auto;height:calc(var(--side-view-height) - 56px)}.side-feedback{position:relative;min-height:50px;padding:10px 12px;border-top:1px solid var(--line);background:#070e18f0}.blast-snapshots[hidden]{display:none}.blast-snapshots{background:#09131f;border-top:1px solid #315059;padding:9px}.blast-snapshot-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px;font-size:11px;color:#e5f2f4}.blast-snapshot-heading span{color:#8dabb7;font-size:10px}.blast-snapshot-cards{display:flex;gap:8px}.blast-snapshot-card{flex:1;min-width:0;border:1px solid #24404a;background:#0c1b26;padding:7px 9px;border-radius:5px}.blast-snapshot-card header{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#cce7eb}.blast-snapshot-card header span{font-size:10px;color:#54e2d9}.blast-snapshot-card[data-warning=true]{border-color:#ed6570;background:#24151d;box-shadow:inset 0 0 0 1px #ed657022}.blast-snapshot-card[data-warning=true] header span{color:#ff8993}.blast-snapshot-card[data-hit=false] header span{color:#ff9a76}.blast-snapshot-card svg{display:block;width:100%;height:110px}.snapshot-measure{fill:none;stroke:#758895;stroke-dasharray:3 4;stroke-width:1}.snapshot-link{fill:none;stroke:#ff9f68;stroke-width:1.5;opacity:.75}.snapshot-pack{fill:#ff824c;stroke:#ffd5aa;stroke-width:1}.snapshot-pack-ring{fill:#ff824c15;stroke:#ff824c77}.snapshot-person{fill:#54e2d9;stroke:#54e2d9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.snapshot-person path{fill:none}.snapshot-center{fill:#f5fcff}.blast-snapshot-card svg text{fill:#8fa8b6;font-size:9px}.blast-snapshot-distances{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#9eb3bf}.blast-snapshot-distances b{display:block;font-size:14px;line-height:1.6;color:#eff9fb;font-variant-numeric:tabular-nums}@media(max-height:850px)and (min-width:900px){.blast-snapshots{position:fixed;top:16px;right:calc(min(600px,42vw) + 26px);width:min(430px,calc(58vw - 46px));border:1px solid #315059;border-radius:5px}}.crosshair{position:fixed;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s}.playing .crosshair{opacity:.9}.crosshair i{position:absolute;background:#f4fafff2;box-shadow:0 0 3px #000000b3}.crosshair i:nth-child(1),.crosshair i:nth-child(2){left:13px;width:2px;height:6px}.crosshair i:nth-child(1){top:2px}.crosshair i:nth-child(2){bottom:2px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){top:13px;width:6px;height:2px}.crosshair i:nth-child(3){left:2px}.crosshair i:nth-child(4){right:2px}.relationship-sandbox[hidden]{display:none}.relationship-sandbox{position:fixed;z-index:18;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 38%,#112737f5,#03080ffb)}.relationship-sandbox-shell{width:min(1080px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:22px;overflow-y:auto;border:1px solid rgba(84,226,217,.26);background:#070e18eb;box-shadow:0 28px 90px #00000080}.sandbox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:14px;border-bottom:1px solid rgba(185,207,235,.14)}.sandbox-heading span{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.15em}.sandbox-heading h2{margin:6px 0 4px;font:700 27px Bahnschrift Condensed,Arial Narrow,Microsoft YaHei UI,sans-serif;letter-spacing:.04em}.sandbox-heading p{margin:0;color:#8492a8;font-size:10px;line-height:1.55}.sandbox-heading button,.sandbox-presets button,.sandbox-actions button{border:1px solid rgba(190,211,238,.18);color:#b7c5d7;background:#ffffff09;cursor:pointer}.sandbox-heading button{min-width:102px;height:32px;padding:0 10px;font-size:9px}.sandbox-heading button:hover,.sandbox-heading button:focus-visible,.sandbox-presets button:hover,.sandbox-presets button:focus-visible,.sandbox-actions button:hover,.sandbox-actions button:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.sandbox-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0 10px}.sandbox-presets button{height:34px;font-size:9px}.sandbox-presets button.active{border-color:var(--orange);color:#ffd2c2;background:#ff70401a;box-shadow:inset 0 -2px var(--orange)}.sandbox-views{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sandbox-view-card{min-width:0;border:1px solid rgba(190,211,238,.15);background:#07111d}.sandbox-view-card>header{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 11px;border-bottom:1px solid rgba(190,211,238,.12)}.sandbox-view-card>header strong{color:#dfeaf7;font-size:10px}.sandbox-view-card>header span{color:#69798f;font-size:8px}.sandbox-view{position:relative;height:min(34vh,300px);min-height:230px;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#07111d;background-image:linear-gradient(rgba(84,226,217,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(84,226,217,.075) 1px,transparent 1px);background-size:32px 32px}.sandbox-view:before,.sandbox-view:after{content:"";position:absolute;background:#54e2d938;pointer-events:none}.sandbox-top-view:before{left:50%;top:0;bottom:0;width:1px}.sandbox-top-view:after{left:0;right:0;top:50%;height:1px}.sandbox-side-view:before{left:50%;top:0;bottom:0;width:1px}.sandbox-side-view:after{left:0;right:0;bottom:18%;height:2px;background:#c0d3ee57}.sandbox-axis{position:absolute;z-index:2;color:#53647b;font-size:8px;font-weight:700;pointer-events:none}.sandbox-axis.forward{top:7px;left:calc(50% + 7px);color:var(--cyan)}.sandbox-axis.back{bottom:7px;left:calc(50% + 7px)}.sandbox-axis.left{left:8px;top:calc(50% + 7px)}.sandbox-axis.right{right:8px;top:calc(50% + 7px)}.sandbox-axis.high{left:calc(50% + 7px);top:7px;color:var(--cyan)}.sandbox-axis.floor{left:8px;bottom:calc(18% + 7px)}.sandbox-view svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sandbox-view svg path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:7 5;opacity:0;filter:drop-shadow(0 0 4px rgba(84,226,217,.65));transition:opacity .18s}.sandbox-view.simulated svg path{opacity:.9}.sandbox-person{position:absolute;z-index:3;display:block;pointer-events:none;background:var(--cyan);box-shadow:0 0 14px #54e2d975}.sandbox-person-top{left:50%;top:50%;width:32px;height:42px;transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 34%,82% 34%,82% 100%,18% 100%,18% 34%,0 34%)}.sandbox-person-side{left:50%;bottom:18%;width:24px;height:72px;transform:translate(-50%);border-radius:12px 12px 4px 4px}.sandbox-person-side:before{content:"";position:absolute;left:50%;top:-17px;width:25px;height:25px;transform:translate(-50%);border-radius:50%;background:#b9fff9;box-shadow:0 0 12px #54e2d98c}.sandbox-pack{position:absolute;z-index:5;width:27px;height:27px;padding:0;transform:translate(-50%,-50%) rotate(45deg);border:2px solid #ffd0be;outline:none;background:var(--orange);box-shadow:0 0 0 5px #ff70401f,0 0 16px #ff7040b8;cursor:grab}.sandbox-pack:active{cursor:grabbing}.sandbox-pack:after{content:"";position:absolute;inset:7px;border:1px solid #40120a;border-radius:50%}.sandbox-analysis{display:grid;grid-template-columns:1fr 1.25fr auto;align-items:stretch;gap:10px;margin-top:10px}.sandbox-force-bars,.sandbox-conclusion,.sandbox-actions{border:1px solid rgba(190,211,238,.13);background:#ffffff05}.sandbox-force-bars{display:grid;align-content:center;gap:11px;padding:12px}.sandbox-force-bars label{display:grid;grid-template-columns:1fr auto;gap:5px 10px;color:#7e8da3;font-size:8px}.sandbox-force-bars label>span{color:#d8e5f3;font:600 10px Bahnschrift Condensed,Arial Narrow,sans-serif}.sandbox-force-bars label>i{grid-column:1 / 3;height:4px;overflow:hidden;background:#ffffff14}.sandbox-force-bars b{display:block;width:0;height:100%;background:var(--orange);box-shadow:0 0 8px #ff70408c;transition:width .2s}.sandbox-force-bars label:last-child b{background:var(--cyan);box-shadow:0 0 8px #54e2d98c}.sandbox-conclusion{padding:10px 12px}.sandbox-conclusion>span{color:#66758a;font-size:8px;letter-spacing:.11em}.sandbox-conclusion strong{display:block;margin-top:4px;color:#eff7ff;font-size:12px}.sandbox-conclusion p{margin:5px 0 0;color:#8391a6;font-size:9px;line-height:1.5}.sandbox-actions{display:grid;grid-template-columns:1fr;gap:6px;padding:7px}.sandbox-actions button{min-width:150px;padding:0 12px;font-size:9px}.sandbox-actions .sandbox-simulate{border-color:#ff70408c;color:#fff;background:var(--orange)}@media(max-width:820px){.relationship-sandbox{padding:8px}.relationship-sandbox-shell{width:100%;max-height:calc(100vh - 16px);padding:14px}.sandbox-heading p{display:none}.sandbox-presets{grid-template-columns:repeat(3,1fr)}.sandbox-views{grid-template-columns:1fr}.sandbox-view{height:230px}.sandbox-analysis{grid-template-columns:1fr}.sandbox-actions{grid-template-columns:1fr 1fr}}.lesson-menu[hidden]{display:none}.lesson-menu{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px}.lesson-menu-backdrop{position:absolute;inset:0;border:0;background:#03070dd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default}.lesson-menu-dialog{position:relative;width:min(780px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));padding:24px;overflow-y:auto;border:1px solid rgba(189,211,239,.22);background:linear-gradient(145deg,#101929fa,#070c16fa);box-shadow:0 32px 100px #00000094}.lesson-menu-dialog:before{content:"";position:absolute;left:0;top:0;width:90px;height:2px;background:var(--orange);box-shadow:0 0 14px #ff704094}.lesson-menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lesson-menu-heading span{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.16em}.lesson-menu-heading h2{margin:7px 0 0;color:#f3f7ff;font:700 27px Bahnschrift Condensed,Arial Narrow,Microsoft YaHei UI,sans-serif;letter-spacing:.04em}.lesson-menu-close{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(192,211,238,.18);color:#9cabc0;background:#ffffff09;font-size:20px;line-height:1;cursor:pointer}.lesson-menu-close:hover,.lesson-menu-close:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.lesson-menu-dialog>p{margin:10px 0 19px;color:#8290a5;font-size:10px;line-height:1.65}.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lesson-card{display:flex;min-height:144px;flex-direction:column;align-items:stretch;padding:14px;border:1px solid rgba(190,211,238,.14);color:#dce7f5;background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.lesson-card:hover:not(:disabled),.lesson-card:focus-visible{transform:translateY(-2px);border-color:#54e2d994;background:#54e2d90b;outline:none}.lesson-card.current{border-color:#ff704085;background:#ff70400f}.lesson-card:disabled{opacity:.48;cursor:default}.lesson-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lesson-card-meta b{color:var(--orange);font-size:9px;letter-spacing:.11em}.lesson-card-meta em{color:#6f7f96;font-size:8px;font-style:normal;letter-spacing:.06em}.lesson-card.current .lesson-card-meta em,.lesson-card:not(:disabled):not(.current) .lesson-card-meta em{color:var(--cyan)}.lesson-card>strong{font:700 17px Bahnschrift Condensed,Arial Narrow,Microsoft YaHei UI,sans-serif}.lesson-card-description{margin-top:7px;color:#8a98ac;font-size:10px;line-height:1.55}.lesson-card small{margin-top:auto;padding-top:12px;color:#637187;font-size:8px;letter-spacing:.04em}.map-menu-dialog{width:min(680px,calc(100vw - 32px))}.map-list{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card{min-height:164px}.map-card:after{content:"";width:42px;height:3px;margin-top:12px;background:linear-gradient(90deg,var(--orange),transparent)}.map-card.current:after{width:82px;background:linear-gradient(90deg,var(--cyan),transparent)}.start-overlay{position:fixed;z-index:8;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#0c14222e,#04070dd1);transition:opacity .25s,visibility .25s}.start-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-card{width:min(720px,calc(100vw - 36px));max-height:94vh;padding:30px 40px 26px;overflow-y:auto;border:1px solid rgba(203,220,245,.2);background:#090e19eb;box-shadow:0 30px 90px #00000073;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.step{color:var(--orange);font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.start-card h1{margin:13px 0 7px;font-family:Bahnschrift Condensed,Arial Narrow,Microsoft YaHei UI,sans-serif;font-size:clamp(38px,6vw,58px);line-height:1;letter-spacing:.04em}.start-card>p{max-width:390px;margin:0 auto 25px;color:#91a0b6;font-size:13px;line-height:1.75}.aim-settings{margin:0 0 9px;padding:12px 14px 10px;border:1px solid var(--line);background:#ffffff06;text-align:left}.setting-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#a8b6cb;font-size:9px;font-weight:700;letter-spacing:.1em}.setting-heading span:last-child{color:var(--cyan)}.aim-settings .setting-heading span:only-child{color:#a8b6cb}.setting-row{display:grid;grid-template-columns:108px 1fr;align-items:end;gap:12px}.setting-row label{display:flex;flex-direction:column;gap:5px;color:#7f8da3;font-size:9px}.setting-row input[type=number]{width:100%;height:30px;padding:0 8px;border:1px solid rgba(192,211,238,.2);outline:none;color:#f0f6ff;background:#060a12b8;font:600 13px Bahnschrift Condensed,Arial Narrow,sans-serif}.setting-row input[type=number]:focus{border-color:var(--cyan);box-shadow:0 0 0 1px #54e2d91f}.setting-row input[type=range]{width:100%;height:30px;margin:0;accent-color:var(--orange);cursor:pointer}.aim-settings small{display:block;margin-top:7px;color:#69768b;font-size:8px;line-height:1.5}.audio-settings{margin:0 0 9px;padding:11px 14px;border:1px solid var(--line);background:#ffffff06;text-align:left}.audio-settings .setting-heading{margin-bottom:8px}.audio-volume-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audio-volume-grid label{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:7px;color:#7f8da3;font-size:9px}.audio-volume-grid input{min-width:0;width:100%;accent-color:var(--orange);cursor:pointer}.audio-volume-grid output{color:#dce8f7;font:600 10px Bahnschrift Condensed,Arial Narrow,sans-serif;text-align:right}.audio-settings .toggle-row{margin-top:7px}.bind-settings{margin-bottom:12px;padding:11px 14px;border:1px solid var(--line);background:#ffffff06;text-align:left}.bind-settings .setting-heading{margin-bottom:8px}.bind-settings .setting-heading span:last-child{color:#748198;font-weight:500;letter-spacing:.02em}.binding-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bind-button{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:7px 10px;border:1px solid rgba(192,211,238,.18);outline:none;color:#7f8da3;background:#060a129e;cursor:pointer}.bind-button span{font-size:8px}.bind-button strong{color:#eef6ff;font-size:10px;font-weight:600}.bind-button:hover,.bind-button:focus-visible{border-color:#54e2d99e}.bind-button.listening{border-color:var(--orange);background:#ff704014;box-shadow:inset 0 0 14px #ff704014}.bind-button.listening strong{color:var(--orange)}.bind-settings small{display:block;margin-top:7px;color:#69768b;font-size:8px}.tuning-settings{margin:0 0 12px;border:1px solid rgba(84,226,217,.2);background:#040c147a;text-align:left}.tuning-settings>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;color:#dce8f7;font-size:10px;font-weight:700;letter-spacing:.09em;cursor:pointer;list-style:none}.tuning-settings>summary::-webkit-details-marker{display:none}.tuning-settings>summary:before{content:"+";width:18px;margin-right:7px;color:var(--orange);font-size:15px;line-height:1}.tuning-settings[open]>summary:before{content:"−"}.tuning-settings>summary span{margin-right:auto}.tuning-settings>summary small{color:var(--cyan);font-size:8px;font-weight:500;letter-spacing:.02em}.tuning-settings>p{margin:0 14px 12px;color:#74839a;font-size:9px;line-height:1.6}.tuning-group{margin:0 12px 10px;padding:10px;border:1px solid rgba(192,211,238,.1);background:#ffffff05}.tuning-group h2{margin:0 0 9px;color:#9cabc0;font-size:9px;letter-spacing:.12em}.tuning-group .tuning-help{margin:-2px 0 9px;color:#65738a;font-size:8px;line-height:1.55}.tuning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tuning-field{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 6px;min-width:0;color:#7f8da3;font-size:8px}.tuning-field span{grid-column:1 / 3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuning-field input{min-width:0;width:100%;height:29px;padding:0 7px;border:1px solid rgba(192,211,238,.18);outline:none;color:#eff7ff;background:#050a12c2;font:600 12px Bahnschrift Condensed,Arial Narrow,sans-serif}.tuning-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px #54e2d91a}.tuning-field b{min-width:23px;padding-bottom:8px;color:#5f6d81;font-size:7px;font-weight:500}.tuning-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px 12px;color:#5f6d81;font-size:8px}.tuning-actions>span{margin-right:auto}.tuning-actions button:disabled{opacity:.4;cursor:default}.tuning-actions button{height:28px;padding:0 10px;border:1px solid rgba(255,112,64,.4);color:#ffd1c1;background:#ff704014;font-size:8px;cursor:pointer}.tuning-actions button:hover,.tuning-actions button:focus-visible{border-color:var(--orange)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 10px;border:1px solid rgba(192,211,238,.13);color:#eef6ff;background:#060a1273;cursor:pointer}.toggle-row>span{display:flex;flex-direction:column;gap:2px}.toggle-row strong{font-size:9px;font-weight:600}.toggle-row small{margin:0;color:#69768b;font-size:8px}.toggle-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-row i{position:relative;width:31px;height:17px;flex:0 0 auto;border:1px solid rgba(180,200,226,.25);border-radius:10px;background:#ffffff0f;transition:border-color .18s,background .18s}.toggle-row i:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#8996aa;transition:transform .18s,background .18s}.toggle-row input:checked+i{border-color:#54e2d9b3;background:#54e2d929}.toggle-row input:checked+i:after{transform:translate(14px);background:var(--cyan);box-shadow:0 0 8px #54e2d9a6}.toggle-row input:focus-visible+i{outline:2px solid var(--orange);outline-offset:2px}#start-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;border:0;color:#fff;background:var(--orange);cursor:pointer;font-weight:700;letter-spacing:.05em;transition:transform .15s,filter .15s}#start-button:hover{transform:translateY(-2px);filter:brightness(1.08)}kbd{display:inline-grid;place-items:center;min-width:24px;min-height:22px;padding:2px 6px;border:1px solid rgba(210,225,246,.23);border-bottom-color:#d2e1f666;color:#bec9da;background:#ffffff0f;font-family:inherit;font-size:9px;font-weight:600;box-shadow:inset 0 -2px #0000002e}#start-button kbd{color:#fff;border-color:#ffffff59;background:#0000001f}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.controls>div{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#ffffff05}.controls b{color:#8e9bb0;font-size:10px;font-weight:500}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:2px}.key-cluster>span{display:flex;gap:2px}.space-key{min-width:70px}.action-keys{display:flex;gap:3px}.mouse-icon{position:relative;width:22px;height:31px;border:1px solid #8190a7;border-radius:12px}.mouse-icon:before{content:"";position:absolute;left:50%;top:5px;width:2px;height:7px;background:var(--orange);transform:translate(-50%)}.helpbar{position:fixed;left:50%;bottom:22px;display:flex;align-items:center;gap:12px;padding:9px 13px;transform:translate(-50%);border:1px solid rgba(184,203,230,.11);color:#7f8da1;background:#070b139e;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.helpbar span{display:flex;align-items:center;gap:6px;white-space:nowrap}.helpbar [hidden]{display:none}.helpbar kbd{min-width:auto;min-height:auto;padding:2px 4px;color:#b7c2d2;background:transparent;box-shadow:none}.controls-help-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border:1px solid var(--line);color:#bec9da;background:#ffffff08;font-size:10px;cursor:pointer;pointer-events:auto}.controls-help-button:hover,.controls-help-button:focus-visible{border-color:var(--cyan);color:#fff}.start-card>.controls-help-button{margin-top:12px}.creator-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 11px;margin-top:15px;font-size:9px}.creator-links a{color:#8b99ad;text-decoration:none;border-bottom:1px solid transparent}.creator-links a b{margin-right:4px;color:var(--cyan);font-weight:700}.creator-links a:hover,.creator-links a:focus-visible{color:#eaf6ff;border-bottom-color:#54e2d98c;outline:none}.creator-links i{width:1px;height:10px;background:#bed3ee2e}.controls-help{width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:24px;overflow-y:auto;border:1px solid rgba(84,226,217,.4);color:#b9c8da;background:#0b1521;box-shadow:0 24px 80px #0008}.controls-help::backdrop{background:#03080fcc}.controls-help h2{margin:0;font-size:20px;color:#f0f6ff}.controls-help h3{margin:20px 0 8px;font-size:13px;color:var(--cyan)}.controls-help p{font-size:12px;line-height:1.8}.controls-help-keys{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;font-size:11px}.controls-help-keys span{display:flex;align-items:center;gap:8px}.toast{position:fixed;left:50%;top:19%;padding:9px 16px;transform:translate(-50%,-12px);border-left:2px solid var(--cyan);color:#dce7f7;background:#080d17cc;font-size:11px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.landing-pulse{position:fixed;inset:20%;border:1px solid rgba(84,226,217,0);pointer-events:none}.landing-pulse.active{animation:landing .3s ease-out}@keyframes landing{0%{inset:12%;border-color:#54e2d940}to{inset:2%;border-color:transparent}}.blast-flash{position:fixed;inset:0;background:radial-gradient(circle,rgba(255,214,164,.38),rgba(255,93,45,.08) 42%,transparent 72%);opacity:0;pointer-events:none}.blast-flash.active{animation:blast-flash .34s ease-out}@keyframes blast-flash{0%{opacity:1}to{opacity:0}}.impulse-readout{position:fixed;left:50%;top:30%;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,8px);opacity:0;pointer-events:none;text-shadow:0 2px 7px rgba(0,0,0,.75)}.impulse-readout span{color:#ffd2bb;font-size:9px;font-weight:700;letter-spacing:.16em}.impulse-readout strong{color:#fff;font:700 26px Bahnschrift Condensed,Arial Narrow,sans-serif}.impulse-readout.active{animation:impulse-pop 1.2s ease-out}@keyframes impulse-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.92)}14%,64%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.98)}}.replay-ready[hidden],.replay-panel[hidden]{display:none}.replay-ready{position:absolute;top:8px;right:12px;display:flex;justify-content:flex-end;pointer-events:auto}.replay-ready button,.replay-panel button{border:1px solid rgba(190,211,238,.2);color:#dce8f6;background:#ffffff0e;cursor:pointer}.replay-ready button{display:flex;align-items:center;gap:7px;height:29px;padding:0 10px;border-color:#ff70407a;color:#ffd4c4;background:#ff70401c;font-size:9px}.replay-ready button:hover,.replay-panel button:hover{border-color:var(--cyan)}.replay-ready kbd{min-width:auto;min-height:auto;padding:1px 4px}.action-result[hidden]{display:none}.action-result{color:#9eacc0;pointer-events:none}.action-result-heading{display:flex;align-items:center;gap:10px;min-height:30px;padding:0 100px 8px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.06em}.action-result-heading strong{color:var(--orange);font-size:9px}.action-result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:9px}.action-result-metrics span{display:flex;flex-direction:column;gap:4px;color:#8d9bb0;font-size:10px}.action-result-metrics strong{color:#e8f3ff;font:600 15px Bahnschrift Condensed,Arial Narrow,sans-serif}.lesson-result{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-top:10px;padding:9px 10px 8px;border-left:2px solid #ffd166;background:#ffd1660b}.lesson-result[hidden]{display:none}.lesson-result[data-tone=success]{border-left-color:var(--cyan);background:#54e2d90d}.lesson-result>strong{color:#f0f6ff;font-size:11px}.lesson-result>span{color:#ffd166;font:700 13px Bahnschrift Condensed,Arial Narrow,sans-serif}.lesson-result[data-tone=success]>span{color:var(--cyan)}.lesson-result p{grid-column:1 / 3;margin:2px 0 0;color:#8d9bb0;font-size:9px;line-height:1.55}.cooldown-warning[hidden]{display:none}.cooldown-warning{position:fixed;z-index:6;left:50%;bottom:210px;display:flex;align-items:center;gap:14px;min-width:300px;padding:10px 14px;transform:translate(-50%);border:1px solid rgba(255,76,92,.72);color:#ffd6d9;background:#37070ff0;box-shadow:0 0 0 1px #ff4c5c14,0 14px 38px #19000575;font-size:9px;letter-spacing:.05em;pointer-events:none}.cooldown-warning:before{content:"!";display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border:1px solid #ff4c5c;border-radius:50%;color:#ff7582;font-weight:800}.cooldown-warning strong{margin-left:auto;color:#ff7582;font-size:10px;white-space:nowrap}.replay-panel{position:fixed;z-index:4;left:50%;bottom:68px;width:min(720px,calc(100vw - 36px));padding:12px 14px;transform:translate(-50%);border:1px solid rgba(84,226,217,.3);background:#070e18f0;box-shadow:0 20px 54px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.replay-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#aab8ca;font-size:9px;font-weight:700;letter-spacing:.11em}.replay-heading strong{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.03em}.replay-timeline{display:grid;grid-template-columns:54px 1fr 82px;align-items:center;gap:10px}.replay-timeline>button{height:30px;font-size:9px}.replay-track{position:relative;height:31px;display:flex;align-items:center}.replay-track input{position:relative;z-index:2;width:100%;margin:0;accent-color:var(--orange);cursor:pointer}.replay-markers{position:absolute;z-index:1;inset:2px 7px;pointer-events:none}.replay-markers i{position:absolute;top:1px;width:2px;height:8px;transform:translate(-1px);background:var(--cyan);box-shadow:0 0 5px #54e2d98c}.replay-markers i.blast{height:11px;background:var(--orange);box-shadow:0 0 6px #ff7040b8}#replay-time{color:#8e9caf;font:600 10px Bahnschrift Condensed,Arial Narrow,sans-serif;text-align:right}.replay-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:9px}.replay-actions>button,.replay-speeds button{height:28px;padding:0 10px;font-size:8px}.replay-speeds{display:flex;gap:3px;margin-right:auto}.replay-speeds button.active{border-color:var(--orange);color:#ffd3c2;background:#ff704021}#replay-free-camera kbd{margin-left:4px;min-width:auto;min-height:auto;padding:1px 4px}#replay-free-camera.active{border-color:var(--cyan);color:#c8fffa;background:#54e2d921;box-shadow:0 0 12px #54e2d91f}body.replay-free-camera #replay-event-label:before{content:"自由视角 · ";color:#c8fffa}body.replaying .crosshair,body.replaying .replay-ready{display:none}body.replaying.replay-free-camera .crosshair{display:block}.replay-free-camera-help{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(190,211,238,.13);color:#93a6b8;font-size:8px}.replay-free-camera-help span{display:inline-flex;align-items:center;gap:5px}.replay-free-camera-help kbd{min-width:auto;min-height:auto;padding:1px 4px;color:#c8fffa;border-color:#54e2d94d}body.replay-free-camera .replay-free-camera-help{display:flex}@media(min-width:761px)and (max-width:1200px){body.relationship-mode .relationship-lab{grid-template-columns:minmax(0,1fr)}body.relationship-mode .relationship-stage{grid-row:auto;padding:0 0 6px;border-right:0;border-bottom:1px solid var(--line)}body.relationship-mode .relationship-lab>small{grid-column:1}}@media(max-width:760px){.topbar{padding:16px}.topbar-left{gap:8px}.brand div{display:none}.lesson-menu-button{padding:0 9px}.map-menu-button span{display:none}.lesson-menu{padding:10px}.lesson-menu-dialog{width:100%;max-height:calc(100vh - 20px);padding:18px}.lesson-menu-heading h2{font-size:23px}.lesson-list,.map-list{grid-template-columns:1fr}.lesson-card{min-height:126px}.telemetry{left:14px;top:75px;width:190px}.calibration-panel{left:14px;top:330px;width:190px;padding:11px}.calibration-actions{grid-template-columns:1fr 1fr}.calibration-actions #calibration-clear{grid-column:1 / 3}.satchel-panel{left:14px;bottom:58px;width:210px}.objective{display:none}.observer-panel,.top-view-panel,.side-view-panel{right:14px;width:min(210px,42vw);height:clamp(112px,26vw,142px);opacity:.9}.observer-panel{top:auto;bottom:58px}.top-view-panel{top:auto;bottom:calc(68px + clamp(112px,26vw,142px))}.side-view-panel{--side-view-height: clamp(150px, 30vw, 185px);top:10px;right:10px;bottom:auto;width:min(340px,calc(100vw - 20px));height:auto}.side-view-panel>.observer-viewport{height:calc(var(--side-view-height) - 31px)}.observer-panel .observer-caption,.top-view-panel .observer-caption,.side-view-panel .observer-caption{display:none}.observer-panel .observer-viewport,.top-view-panel .observer-viewport,.side-view-panel .observer-viewport{bottom:0}.helpbar{gap:8px;bottom:10px}.start-card{padding:28px 20px 22px}.setting-row{grid-template-columns:92px 1fr;gap:8px}.audio-volume-grid{grid-template-columns:1fr;gap:7px}.tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:repeat(2,1fr)}.cooldown-warning{bottom:188px;min-width:min(300px,calc(100vw - 28px))}.replay-panel{bottom:50px;padding:10px}.replay-timeline{grid-template-columns:45px 1fr}#replay-time{grid-column:2;margin-top:-5px}.replay-actions{flex-wrap:wrap}}@media(max-width:420px){.tuning-grid{grid-template-columns:1fr}.tuning-actions{align-items:flex-start;flex-direction:column}}@media(max-height:850px)and (min-width:761px){.objective{top:calc(28px + clamp(190px,25vh,220px))}.observer-panel{top:auto;bottom:58px;height:154px}.top-view-panel{top:auto;bottom:224px;height:140px}.side-view-panel{--side-view-height: clamp(190px, 25vh, 220px);top:16px;bottom:auto}}@media(max-height:680px){.objective{display:none}}