@import url('../atlas-navigation.css');
:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;background:#08121d;color:#f0f5f5;--line:#304759;--muted:#adc2cd;--accent:#99e1d1}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button,select{border:1px solid var(--line);border-radius:8px;background:#132b3b;padding:10px 12px}button{cursor:pointer}button:hover{background:#234358}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5}[hidden]{display:none!important}.primary{background:var(--accent);border-color:var(--accent);color:#062522;font-weight:750}.primary:hover{background:#b7f6e7}#app{max-width:1480px;margin:auto;padding:22px 28px 48px}.nav{display:flex;gap:18px;align-items:center;font-size:12px}.nav span{color:var(--muted)}#page-language{margin-left:auto}header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0 22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent)}h1{font-size:clamp(32px,4vw,56px);line-height:1.04;letter-spacing:-.05em;margin:12px 0 0}header p{max-width:400px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.truth-strip{border-left:2px solid #e8bb77;background:#172a32;color:#e3d4b9;padding:12px 16px;font-size:12px;line-height:1.5;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:#0e2433;position:sticky;top:0;z-index:4;overflow:hidden}.metrics article{padding:15px 18px;border-right:1px solid var(--line);min-width:0}.metrics article:last-child{border:0}.metrics strong{display:block;color:#b4efde;font-size:clamp(19px,2.3vw,30px);line-height:1.15;margin-bottom:7px}.metrics span{color:var(--muted);font-size:11px;line-height:1.4;display:block}.modebar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.forms{display:flex;gap:6px}.forms [aria-pressed=true]{background:var(--accent);color:#062522}.modebar label,.actions label{font-size:11px;display:flex;gap:10px;align-items:center}.chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:14px 0}.chapters button{font-size:11px;display:flex;gap:8px;text-align:left;align-items:center;min-width:0}.chapters small,.process-steps small{color:#98d2c7;font:10px ui-monospace,monospace}.chapters [aria-current=step]{border-color:var(--accent);background:#25444a}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.stage{position:relative;height:560px;min-height:560px;border:1px solid var(--line);border-radius:14px;background:#d9e5ec;overflow:hidden;scroll-margin-top:calc(var(--metrics-height,90px) + 12px)}#viewport,#fab{width:100%;height:100%;touch-action:none}canvas{display:block}.scene-heading{position:absolute;left:16px;right:16px;top:14px;display:flex;gap:14px;justify-content:space-between;pointer-events:none}.scene-heading b{font-size:12px;color:#173246;background:#edf6f4e8;padding:6px 9px;border-radius:6px}.scene-heading span{max-width:260px;color:#244556;background:#edf6f4de;padding:6px 9px;border-radius:6px;font-size:10px;text-align:right}.view-controls{position:absolute;left:14px;bottom:75px;right:14px;display:flex;gap:5px;flex-wrap:wrap}.view-controls button,.camera-controls button{background:#092639ed;font-size:11px;padding:7px 9px}.view-controls [aria-pressed=true]{border-color:#9ae6d2;color:#b3ffe8}.camera-controls{position:absolute;left:14px;right:14px;bottom:37px;display:flex;gap:5px;flex-wrap:wrap}#camera-help{position:absolute;bottom:12px;left:16px;font-size:10px;color:#e7f9fa;background:#102a3ddd;padding:3px 7px;border-radius:4px}#loading{position:absolute;left:15%;right:15%;top:40%;padding:15px;border-radius:10px;background:#17364c;text-align:center}.layout>aside{background:#0f2432;border:1px solid var(--line);border-radius:14px;padding:22px;align-self:start}.layout>aside h2{font-size:25px;line-height:1.14;letter-spacing:-.035em;margin:12px 0}.layout>aside p{font-size:12px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions button{font-size:12px}.check{display:flex;gap:8px;align-items:center;font-size:11px;color:#bdd7df;margin-top:15px}input{accent-color:var(--accent)}.mechanism{border-left:2px solid #88dbcb;padding-left:12px;color:#d0eee9!important}.read-along,.area-info{border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:#b9d2df;margin-top:15px}.read-along summary,.area-info summary{cursor:pointer}.read-along p{max-height:250px;overflow-y:auto}.area-info select{width:100%;font-size:12px;margin-top:12px}.area-info h3{font-size:15px}.area-info a{font-size:11px}.lab{margin:20px 0;padding:20px;background:#102b3a;border:1px solid var(--line);border-radius:12px;scroll-margin-top:calc(var(--metrics-height,90px) + 12px)}.lab-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px}.lab-heading>span:last-child{font-size:11px;color:var(--muted)}.process-steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.process-steps button{font-size:11px;min-width:128px;text-align:left;display:flex;gap:8px;align-items:center}.process-steps [aria-current=step]{border-color:var(--accent);background:#28504f}.material-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 20px;font-size:11px;color:var(--muted)}.material-bar{display:flex;height:12px;border-radius:5px;overflow:hidden;background:#243f4e;margin:8px 0}.material-bar i{display:block;min-width:0}.material-ledger output{font-size:10px;line-height:1.5;display:block}.quality{display:flex;gap:6px;margin:0 0 16px;font:11px ui-monospace,monospace}.quality span{padding:6px 10px;background:#223746;border:1px solid #436173;border-radius:5px}.quality .pass{color:#acecd8;border-color:#71b29e}.quality .fail{color:#ffb6aa;border-color:#bc716a}.experiment-timeline{display:block;margin-top:16px;font-size:12px;color:#c6dbe2}.experiment-timeline input{display:block;width:100%;margin:12px 0}.experiment-note,#outcome{font-size:12px;color:var(--muted);line-height:1.7}.reference{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted);line-height:1.7}.reference summary{cursor:pointer;color:#e0eceb}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:18px}.reference figure{margin:0}.reference img{width:100%;height:auto;border-radius:12px}.reference figcaption{font-size:11px}.source-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}#position{position:absolute;top:58px;left:16px;color:#234354;font:10px ui-monospace,monospace;background:#e7f4f1dc;padding:5px;border-radius:4px}#inspect{position:absolute;left:15px;right:15px;bottom:120px;max-width:520px;color:#e9fffb;background:#0e293be8;padding:10px 14px;border-radius:8px;font-size:12px}.walk-pad{position:absolute;right:12px;bottom:55px;display:grid;grid-template-columns:repeat(3,33px);gap:3px}.walk-pad button{padding:6px;font-size:15px;background:#0d3045e8}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}#listen-here{position:absolute;left:15px;bottom:125px;background:#9ce8d8;color:#072e29;font-size:12px}.immersive .stage{height:640px}.immersive .view-controls{display:none}.immersive #camera-help{max-width:70%;line-height:1.5}.immersive .camera-controls{right:130px}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 270px}.layout>aside{padding:18px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-heading span{max-width:220px}}@media(max-width:850px){.layout{grid-template-columns:1fr}header{display:block}header p{max-width:100%;margin-top:16px}.stage{height:510px;min-height:510px}.read-along p{max-height:none}.reference-grid{grid-template-columns:1fr}.immersive .stage{height:560px}}
@media(max-width:600px){#app{padding:16px 12px 35px}.nav{gap:12px;font-size:10px}.nav>a:nth-last-child(2){display:none}h1{font-size:39px}.truth-strip{padding:10px 12px;font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:9px}.metrics article{padding:10px 12px;border-bottom:1px solid var(--line)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(n+3){border-bottom:0}.metrics strong{font-size:23px}.metrics span{font-size:10px}.modebar{gap:10px;margin:12px 0}.modebar button{font-size:11px;padding:10px}.modebar label{font-size:10px}.modebar select{padding:8px;font-size:11px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.chapters button{min-height:47px;font-size:11px}.stage{height:430px;min-height:430px}.scene-heading{left:11px;right:11px}.scene-heading b{font-size:10px;max-width:160px}.scene-heading span{font-size:9px;max-width:150px}.view-controls{left:10px;right:10px;bottom:72px;gap:4px}.view-controls button,.camera-controls button{font-size:10px;padding:6px}.camera-controls{left:10px;right:10px;bottom:39px;gap:4px}#camera-help{left:11px;font-size:9px;max-width:95%}.layout>aside{padding:20px}.material-ledger{grid-template-columns:1fr;gap:10px}.material-ledger output{font-size:11px}.quality{flex-wrap:wrap}.lab{padding:16px}.lab-heading{display:block}.lab-heading>span:last-child{display:block;margin-top:8px}.actions label{width:100%;margin-top:8px}.reference{font-size:12px}.immersive .stage{height:430px}.immersive .camera-controls{right:120px;bottom:70px}.immersive #camera-help{max-width:60%;bottom:12px}.immersive #listen-here{bottom:135px;font-size:11px;max-width:65%}.immersive .scene-heading span{display:none}.walk-pad{bottom:40px}#position{top:58px}}
.operation-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.operation-heading small{font-size:11px;line-height:1.4;color:#173246;background:#edf6f4ed;padding:4px 8px;border-radius:5px;max-width:240px}.immersive #position{top:106px}@media(max-width:600px){.operation-heading{max-width:58%}.operation-heading small{font-size:10px;max-width:100%}}

#probe-status{font-size:13px;line-height:1.4;max-width:280px}.probe-reading .operation-heading{flex:1}.probe-reading #position{display:none}#metrics[data-reading=probe] article:nth-child(3) strong{color:#ffb6aa}#metrics[data-reading=probe] article:nth-child(4) strong{color:#bacbd5}

#probe-status[data-relation=active]:before,#probe-status[data-relation=target]:before{content:'●';color:#c48d29;margin-right:5px}
.probe-reading .scene-heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:4px 12px}.probe-reading .operation-heading{display:contents}.probe-reading .operation-heading b,.probe-reading #operation-phase{grid-column:1}.probe-reading #probe-status{grid-column:1/-1;max-width:100%}.probe-reading #scene-scope{grid-column:2;grid-row:1/3}.immersive .probe-reading .scene-heading{grid-template-columns:1fr}


#inspect{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr);gap:10px;align-items:start;max-height:min(220px,36svh);font-size:13px;line-height:1.6}
#inspect-text{grid-column:1;grid-row:1;margin:0;min-height:0;overflow:auto;overscroll-behavior:contain}#inspect-text:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#inspect-close{grid-column:2;grid-row:1;min-width:44px;min-height:44px;padding:0;font-size:22px;line-height:1}

@media(max-width:600px) and (max-height:480px){.metrics{position:static}}