:root{color-scheme:dark;--bg:#09131b;--panel:#101e28;--line:#263941;--text:#e4ede8;--muted:#82969c;--lime:#d5ed8a;--cyan:#64c7c0;--purple:#bba5f0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 30%,#15262e 0, var(--bg) 65%);color:var(--text);font-size:14px}button,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#162730;color:var(--text);border-radius:5px;padding:9px 13px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#253a40;border-color:#638079}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--lime);color:#15211b;border-color:var(--lime);font-weight:650;padding:12px 20px}button.primary:hover{background:#e5f8b3}button.primary:disabled{background:#75835f}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:84px;border-bottom:1px solid #24333b;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#0b161eda}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;letter-spacing:2px}.brand-mark{font-size:42px;line-height:1;color:var(--lime)}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#9bacad;margin-top:3px}.mission-heading{display:flex;flex-direction:column;gap:5px;letter-spacing:3px;font-weight:500}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#8caaa8;font-weight:600}nav{display:flex;gap:14px;align-items:center}.local-status{color:#90a9a4;font-size:11px}.local-status i,.world-top i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:7px}.icon-button{background:transparent;border-color:transparent;font-size:17px}.icon-button span{font-size:12px;margin-left:6px}main{max-width:1500px;margin:auto;padding:32px 4.5% 0}.chapter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{font-size:28px;font-weight:500;letter-spacing:2px;margin:9px 0 0}h1 span{font-size:12px;letter-spacing:1px;color:#82959b;margin-left:24px}.chapter-progress{text-align:right;font-size:11px;color:#a2b5af;letter-spacing:1px}#progressBlocks{display:flex;gap:6px;margin-top:11px}#progressBlocks i{display:block;width:42px;height:4px;background:#2e4044}#progressBlocks i.on{background:var(--lime)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px}.world-panel{border:1px solid #35464a;background:#0c1821;border-radius:7px;overflow:hidden;box-shadow:0 20px 60px #0003}.world-top,.world-footer{height:40px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#8ca39f;font-size:9px;letter-spacing:1px}.world-top{background:#14252b;border-bottom:1px solid #314348}.world-top>span:last-child{color:#c6cbac}.scene-wrap{position:relative;aspect-ratio:16/9;background:#0b1520;overflow:hidden}#world{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}.scene-label{position:absolute;top:5%;left:4%;display:flex;flex-direction:column;gap:6px;pointer-events:none}.scene-label .coordinate{color:#a6be81;font:8px monospace;letter-spacing:2px}.scene-label strong{font-size:17px;letter-spacing:2px;font-weight:500}.scene-label>span:last-child{font:7px monospace;color:#849da7;letter-spacing:2px}.scene-vignette{position:absolute;inset:0;box-shadow:inset 0 0 70px #020a1450;pointer-events:none}.world-footer{height:43px;font-size:10px;letter-spacing:0}.world-footer b{margin:0 9px;color:#496369}kbd{display:inline-flex;justify-content:center;align-items:center;min-width:19px;height:19px;font:10px monospace;border:1px solid #3a5056;border-radius:3px;margin-right:3px;background:#182b32;color:#a6bab8}.live-dot{color:var(--lime);margin-left:10px}.interact-button{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:#0b181eee;border-color:#a9c775;color:#d5ed8a;white-space:nowrap}.mission-panel{border:1px solid #293c42;border-radius:7px;background:linear-gradient(160deg,#14242c,#0e1b23);padding:20px 15px;display:flex;flex-direction:column}.panel-label{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px;color:#b2c1bd}.panel-label>span:last-child{color:var(--lime);font:11px monospace}.level-card{width:100%;text-align:left;margin-bottom:10px;display:flex;align-items:center;gap:12px;background:#15252d;padding:16px 12px;border:1px solid #2b3e44;min-height:75px}.level-card.current{border-color:#7f9560;background:#25352d;box-shadow:inset 3px 0 var(--lime)}.level-number{font:18px monospace;color:#7f969a}.current .level-number{color:var(--lime)}.level-copy{flex:1}.level-copy strong{font-size:13px;font-weight:500;display:block;margin-bottom:7px}.level-copy small{font-size:10px;color:#829a9c}.level-check{font:13px monospace;color:var(--lime)}.next-chapter{margin-top:auto;padding:17px 7px 0;display:flex;gap:14px;align-items:center;color:#586d75;font-size:12px}.next-chapter>span:first-child{font:17px monospace}.next-chapter div{flex:1}.next-chapter small{display:block;font-size:9px;margin-top:5px}.dialogue{display:flex;gap:20px;align-items:center;border:1px solid #2b3e44;background:linear-gradient(100deg,#182b30,#102028);border-radius:7px;margin-top:20px;padding:20px 24px;min-height:116px}#qatPortrait{width:64px;height:64px;image-rendering:pixelated;border:1px solid #405352;background:#1d3035;flex-shrink:0}.dialogue>div{flex:1}.speaker{font:700 12px monospace;letter-spacing:2px;color:var(--lime)}.speaker span{font:10px "Microsoft YaHei",sans-serif;color:#7f9a9e;margin-left:10px;letter-spacing:0}.dialogue p{font-size:12px;line-height:1.9;color:#b7c7c6;margin:10px 0 0;max-width:740px}.dialogue .primary{font-size:12px;white-space:nowrap}.dialogue .primary span{margin-left:18px}.page-footer{display:flex;justify-content:space-between;color:#536d76;font-size:10px;padding:22px 0;letter-spacing:1px}.tiny-cube{color:#8a9e69;font-size:18px;margin-left:12px}dialog{padding:0;border:1px solid #4b6367;border-radius:10px;background:#10212b;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020b12ce;backdrop-filter:blur(5px)}#workbench{width:min(1200px,96vw);max-height:94vh}.workbench-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:#162b32;border-bottom:1px solid var(--line)}h2{font-size:22px;font-weight:500;margin:6px 0 0;letter-spacing:1px}.toolbar{display:flex;gap:18px;align-items:center}.engine-label{font-size:10px;color:#8da6a6}.bench-content{display:grid;grid-template-columns:250px 1fr}.brief{background:#0e1e27;padding:26px 22px;border-right:1px solid var(--line)}h3{font-size:16px;font-weight:500;margin:10px 0 14px}.brief p{font-size:12px;color:#aabfbe;line-height:1.9}.target-card{padding:16px;border:1px solid #38504a;background:#1b302f;margin:20px 0}.target-card span{display:block;font-size:10px;color:#8fa6a2;margin-bottom:10px}.target-card strong{font:18px monospace;color:var(--lime)}h4{font-size:12px;font-weight:500;margin:22px 0 8px}#predictionOptions,.review-panel>div{display:flex;flex-wrap:wrap;gap:7px}#predictionOptions button,.review-panel button{font-size:11px;padding:9px 12px;min-height:40px}button.selected{border-color:var(--lime);color:var(--lime);background:#2b3e32}.hint-box{margin-top:25px;padding-top:16px;border-top:1px solid var(--line)}.hint-box button{width:100%;font-size:11px;display:flex;justify-content:space-between}.hint-box p{font-size:11px}.experiment{padding:24px 28px}.circuit-heading{display:flex;justify-content:space-between;align-items:center}.circuit-heading button{font-size:11px;padding:8px}.circuit-heading h3{margin-bottom:0}.gate-palette{margin-top:20px;display:flex;gap:12px;align-items:center;font-size:11px;color:#8fa5aa}.gate-tile{width:44px;height:44px;font:18px monospace;color:var(--lime);border-color:#6a8458;background:#263d30}.gate-tile[draggable=true]{cursor:grab}.circuit{margin:24px 0 15px;display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(transparent 49%,#4b6f6c 49%,#4b6f6c 51%,transparent 51%);padding:20px 10px}.circuit .ket{font:22px monospace;background:#10212b;padding:8px}.slot{position:relative;width:58px;height:58px;flex-shrink:0;border:1px dashed #55716c;border-radius:4px;background:#142a32;color:#75948e;font:20px monospace}.slot.filled{border-style:solid;border-color:#a7c47c;background:#2c4136;color:#d5ed8a}.slot.locked{border-style:solid;border-color:#556e89;background:#203849;color:#a8c6d7;opacity:1}.slot small{position:absolute;bottom:-19px;left:0;width:100%;font:9px sans-serif;color:#6e8792}.slot.phase{border-color:var(--purple);color:var(--purple);background:#302e49}.measure-symbol{font:20px monospace;color:#a4b6ba;background:#10212b;padding:10px}.run-row{display:flex;justify-content:space-between;align-items:center;margin:28px 0 23px;gap:15px}.run-row>span{font-size:11px;color:#78969a;line-height:1.7}.run-row button{white-space:nowrap;font-size:12px}.results{border-top:1px solid #30454c;padding-top:20px}.result-heading{display:flex;justify-content:space-between;align-items:center}.result-heading h3{margin:0}.result-heading span{font-size:10px;color:#8da3a4}.result-message{font-size:12px;color:#9eb5b6;line-height:1.8;min-height:38px;margin:12px 0}.result-message.good{color:var(--lime)}.result-message.bad{color:#efb58c}.results-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.chart-label{font-size:10px;color:#a7bbba;display:flex;justify-content:space-between;align-items:center}.chart-label label{font-size:9px;color:#7c959b}select{background:#152d34;color:#b8c9bd;border:1px solid #39554e;padding:4px}.prob-row{margin-top:18px}.prob-label{display:flex;justify-content:space-between;font:11px monospace;margin-bottom:8px}.prob-label>span:last-child{color:#8ea5a7}.track{height:12px;background:#243840;position:relative}.track .fill{height:100%;background:#719c91;transition:width .4s}.track .theory{position:absolute;top:-4px;height:20px;border-left:2px dotted #d5ed8a;max-width:100%}.chart-legend{display:flex;gap:6px;align-items:center;font-size:9px;color:#79959b;margin-top:16px}.chart-legend i{width:8px;height:8px;background:#719c91}.chart-legend span{margin-left:12px;color:#b0c77e}.state-panel{padding-left:22px;border-left:1px solid #2b4249}.state-vector{font:19px monospace;color:#d1dfda;min-height:42px;margin-top:15px}.amplitude{display:flex;justify-content:space-between;font:11px monospace;color:#a2c3bb;padding:6px 0}.amplitude.negative{color:var(--purple)}.state-panel p{font-size:9px;line-height:1.7;color:#7f969b}.snapshots{display:flex;gap:7px;margin-top:15px}.snapshots button{font:11px monospace;flex:1;min-height:44px}.review-panel{padding-top:4px;margin-top:14px;border-top:1px solid var(--line)}.review-panel h4{margin-top:12px}.review-panel p{font-size:11px;color:#a1b9b7}.success-panel{display:flex;justify-content:space-between;align-items:center;background:#253b30;border:1px solid #56724b;padding:14px;margin-top:18px;gap:10px}.success-panel strong{display:block;color:var(--lime);letter-spacing:3px;font-size:20px}.success-panel span{font-size:10px;color:#b2c4ae;display:block;margin-top:4px}.success-panel button{font-size:11px}#anglePanel{max-width:430px;margin:28px auto 0}#anglePanel label{font-size:11px;color:#93ada8;display:flex;justify-content:space-between}#anglePanel output{font:18px monospace;color:var(--lime)}.angle-controls{display:flex;gap:12px;align-items:center;margin-top:9px}.angle-controls input{flex:1;min-width:0;accent-color:var(--lime)}.angle-controls button{width:44px;height:44px}.angle-ticks{display:flex;justify-content:space-between;padding:7px 55px;color:#6f8c92;font:10px monospace}#infoDialog{width:min(560px,94vw);max-height:86vh}.info-shell{padding:25px}.info-shell header{display:flex;justify-content:space-between;align-items:center}.info-shell h2{font-size:20px}.journal-card{padding:20px 0;border-bottom:1px solid #2c444a}.journal-card h3{color:var(--lime);font-size:14px}.journal-card p,#infoContent>p{font-size:12px;line-height:1.9;color:#a7bbbd}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0;font-size:13px}.setting-row input{accent-color:var(--lime);width:20px;height:20px}.danger{color:#e0a291;margin-top:20px}.settings-note{font-size:11px;color:#7f969e;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#233d37;border:1px solid #81975c;color:#d9edc0;padding:12px 24px;border-radius:5px;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s;font-size:12px}#toast.visible{opacity:1}body.reduced *{transition:none!important;scroll-behavior:auto!important}@media(min-width:1500px){main{padding-top:46px}.level-card{padding-top:22px;padding-bottom:22px}.dialogue{margin-top:25px}}@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 225px;gap:15px}.mission-panel{padding:15px 10px}.level-card{padding:12px 9px;min-height:66px;gap:9px}.level-copy small{font-size:9px}main{padding:25px 3% 0}.world-footer{font-size:8px;padding:0 10px}.bench-content{grid-template-columns:220px 1fr}.experiment{padding:22px 20px}.circuit{gap:12px}.dialogue{padding:16px}.topbar{padding:0 3%}}@media(max-width:800px){.mission-heading{display:none}h1 span{display:none}.game-layout{grid-template-columns:1fr}.mission-panel{padding:15px}.level-card{width:calc(50% - 5px);display:inline-flex;vertical-align:top;margin-right:5px}.next-chapter{display:none}.dialogue{flex-wrap:wrap}.dialogue .primary{margin-left:84px}.page-footer{gap:20px;font-size:8px}.bench-content{display:flex;flex-direction:column}.brief{border-right:0;border-bottom:1px solid var(--line)}.brief .target-card{margin:12px 0}.hint-box{margin-top:15px}.workbench-head{padding:18px}.engine-label{display:none}.local-status{display:none}.results-grid{gap:15px}.circuit{gap:10px}.slot{width:48px;height:48px}.chapter-heading{gap:15px}.chapter-progress{font-size:9px}#progressBlocks i{width:25px}.world-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
