:root{--paper:#101b2b;--ink:#eaf3ff;--dark:#101b2b;--accent:#73b9ff;--hot:#ffca55;--surface:#182a42;--focus:#ffdc66;--line:#426180;--good:#8ee0af;--stop:#ff806e}
body{background:var(--paper);color:var(--ink);background-image:linear-gradient(rgba(115,185,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(115,185,255,.06) 1px,transparent 1px);background-size:32px 32px}.topbar{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.08em}.topbar a{color:inherit}.systems-page main{max-width:1180px;padding-top:30px}.systems-hero{min-height:340px;display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:center}.systems-hero h1{font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-.05em;margin:12px 0 24px;max-width:850px}.lead{font-size:19px;line-height:1.55;max-width:60ch;color:#bfd0e3}.limit-dial{width:240px;height:240px;display:grid;place-content:center;text-align:center;position:relative;border:18px solid var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--accent),inset 0 0 40px #08101d}.limit-dial span{font-size:11px;letter-spacing:.14em;font-weight:800}.limit-dial strong{font-size:76px;line-height:1}.limit-dial i{position:absolute;width:5px;height:52px;background:var(--hot);left:50%;top:0;transform-origin:bottom;transform:translateX(-50%) rotate(38deg)}.status-rail{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:34px}.status-rail>div{display:flex;align-items:center;gap:14px;padding:15px 20px;border-right:1px solid var(--line)}.status-rail>div:last-child{border:0}.status-rail>div>span{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:var(--dark);border-radius:4px;font-weight:800}.status-rail p{display:grid;margin:0}.status-rail small{color:#9eb3ca}.blueprint{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--accent);background:#10233b}.blueprint-copy{padding:44px}.blueprint h2,.control-room h2,.transfer-console h2{font-size:clamp(32px,4vw,46px);line-height:1.05;margin:8px 0 22px}.blueprint-copy>p:not(.kicker,.formula){font-size:18px;line-height:1.6}.formula{font-size:58px;font-weight:800;margin:24px 0}.formula mark{padding:0 .18em;background:var(--hot);color:var(--dark)}.block-diagram{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:12px;padding:44px;background-image:radial-gradient(#54779d 1px,transparent 1px);background-size:16px 16px;border-left:1px solid var(--line)}.block-diagram div{min-height:130px;display:grid;place-content:center;text-align:center;border:2px solid var(--ink);background:var(--surface);box-shadow:6px 6px 0 var(--accent)}.block-diagram b{font-size:46px}.block-diagram span{font-size:11px;text-transform:uppercase}.block-diagram>p{grid-column:1/-1;display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);background:var(--dark);font-weight:800}.review-flag{padding:18px 22px;margin:22px 0 54px;border-left:6px solid var(--hot);background:#26354a;color:#d5e1ef;font-size:14px;line-height:1.55}.control-room{border:2px solid var(--ink);background:#eaf3ff;color:var(--dark);box-shadow:12px 12px 0 var(--accent)}.control-room>header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;border-bottom:2px solid}.control-room>header h2{margin-bottom:0}.sim-state{display:flex;align-items:center;gap:10px;padding:11px 14px;border:2px solid;border-radius:4px;font-size:11px;font-weight:800}.sim-state i{width:12px;height:12px;border-radius:50%;background:var(--hot)}.sim-state[data-state=stopped]{background:var(--stop)}.sim-state[data-state=stopped] i{background:var(--dark)}.sim-state[data-state=ready]{background:var(--good)}.control-grid{display:grid;grid-template-columns:.85fr 1.15fr}.model-stage{min-height:430px;padding:32px;display:grid;place-content:center;text-align:center;border-right:2px solid;background:#cfe6ff}.stage-object{display:grid;grid-template-columns:repeat(2,72px);gap:9px;position:relative;margin:auto}.stage-object span{width:72px;height:72px;background:var(--accent);border:2px solid}.stage-object b{position:absolute;inset:24px;display:grid;place-items:center;border:2px solid;background:var(--hot);font-size:34px}.model-stage[data-state=stopped] .stage-object{filter:grayscale(1);opacity:.55}.model-stage p{margin-bottom:5px}.schemes{padding:34px}.schemes fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.schemes legend{width:100%;font-size:19px;font-weight:800;margin-bottom:18px}.schemes fieldset button{min-height:140px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;border:2px solid;border-radius:4px;background:white;color:var(--dark);font:inherit;text-align:left;cursor:pointer}.schemes fieldset button strong{font-size:21px}.schemes fieldset button small{color:#4c6077}.schemes button[data-result=correct]{background:var(--good)}.schemes button[data-result=wrong]{background:#ffaaa0}.schemes button:disabled:not([data-result]){opacity:.4}.feedback{min-height:48px;font-weight:800;line-height:1.45}.retry{border:2px solid;border-radius:4px;background:var(--hot);padding:12px 16px;color:var(--dark);font:800 14px Manrope,sans-serif;cursor:pointer}.safety{margin-top:22px;padding:14px;border:1px solid #71869d;background:#dce7f3;font-size:13px;line-height:1.5}.transfer-console{margin-top:68px;border:2px solid var(--accent);background:var(--surface);box-shadow:-10px 10px 0 #07101c}.console-label{padding:10px 16px;border-bottom:2px solid var(--accent);background:var(--accent);color:var(--dark);font-size:11px;font-weight:800;letter-spacing:.1em}.console-grid{display:grid;grid-template-columns:1fr 1fr}.console-grid>div,.handoff{padding:38px}.console-answers{display:grid;gap:10px}.console-answers button{display:grid;grid-template-columns:60px 1fr;align-items:center;border:1px solid var(--line);background:var(--dark);color:var(--ink);padding:14px;text-align:left;font:inherit;cursor:pointer}.console-answers button strong{font-size:22px}.console-answers button[data-result=correct]{border-color:var(--good);background:#17442e}.console-answers button[data-result=wrong]{border-color:var(--stop);background:#542821}.console-answers button:disabled:not([data-result]){opacity:.4}.handoff{border-left:1px solid var(--line);background:#1e3958}.handoff h3{font-size:30px;line-height:1.1;margin:8px 0 18px}.handoff p{line-height:1.58}.not-mastery{padding-top:15px;border-top:1px solid var(--accent);font-size:13px}.transfer-console:focus{outline:4px solid var(--focus);outline-offset:5px}button:focus-visible,a:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
@media(max-width:820px){.systems-hero{grid-template-columns:1fr}.limit-dial{width:180px;height:180px;border-width:13px}.limit-dial strong{font-size:56px}.status-rail,.blueprint,.control-grid,.console-grid{grid-template-columns:1fr}.status-rail>div{border-right:0;border-bottom:1px solid var(--line)}.block-diagram{border-left:0;border-top:1px solid var(--line);padding:28px}.control-room>header{align-items:flex-start;flex-direction:column}.model-stage{min-height:310px;border-right:0;border-bottom:2px solid}.handoff{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.topbar span{display:none}.systems-page main{width:min(100% - 22px,1180px)}.blueprint-copy,.schemes,.console-grid>div,.handoff{padding:25px}.block-diagram{grid-template-columns:1fr}.block-diagram>p{grid-column:auto}.schemes fieldset{grid-template-columns:1fr}.systems-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.limit-dial i{transform:translateX(-50%)}*{scroll-behavior:auto!important;transition:none!important}}