:root{color-scheme:dark;--bg:#09111e;--panel:#0d1827;--line:#263645;--soft:#8397a8;--bright:#f0f3f0;--accent:#dfaf70;--hover:#172a3b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--bright)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f3c983;outline-offset:3px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 30px;background:#0b1724}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:12px;letter-spacing:.13em}.brand-symbol{width:36px;height:36px;border:1px solid #735f47;color:var(--accent);display:grid;place-items:center;border-radius:10px;background:#4d39262b}.muted{font-weight:500;color:var(--soft)}.top-meta{display:flex;gap:14px;align-items:center;color:#a2b6c0}.small-mono,.tiny-label,.eyebrow,.section-number,.field-label,.control-row,.selected-kicker,.side-tabs button,.under-stage,.camera-controls,.gesture-help,.stage-operations,.readouts span,.info-card h3,.quiz-progress,.side-footer{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.11em}.small-mono{font-size:12px}.top-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.layout{height:calc(100vh - 64px);height:calc(100dvh - 64px);display:grid;grid-template-columns:minmax(0,1fr) 356px}.experience{min-width:0;display:flex;flex-direction:column;overflow:hidden}.stage{position:relative;flex:1;min-height:350px;overflow:hidden;background:radial-gradient(ellipse at 65% 38%,#273b4d 0,#0e2131 42%,#0b1524 78%)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.stage-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,22,.55),transparent 55%),linear-gradient(0deg,rgba(4,12,22,.55),transparent 22%);pointer-events:none}.stage-top{position:absolute;left:5%;top:6%;pointer-events:none}.eyebrow{font-size:12px;color:#dec29b;display:flex;align-items:center;gap:10px}.eyebrow-rule{width:22px;height:1px;background:#a88e64}.stage-top h1{font-size:clamp(43px,5.3vw,82px);letter-spacing:-.052em;line-height:.96;font-weight:650;margin:17px 0 16px;text-shadow:0 4px 25px #03091277}.stage-top h1 em,.panel-heading h2 em{font-weight:300;color:var(--accent);font-family:Georgia,serif}.stage-top p{font-size:12px;color:#bec9ca;letter-spacing:.055em;max-width:300px;line-height:1.6}.stage-operations{position:absolute;top:25px;right:24px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:40%;font-size:12px}.chip,.renderer-chip{padding:8px 10px;border:1px solid #69819a55;border-radius:3px;color:#bcd0d3;background:#0e2030a8;backdrop-filter:blur(8px)}.renderer-chip{color:#eed19c;border-color:#95774766}.stage-tools{position:absolute;top:45%;right:19px;display:flex;flex-direction:column;gap:7px}.tool-icon{width:38px;height:38px;border-radius:5px;background:#112639dd;border:1px solid #435b6e;color:#e6ece8;display:grid;place-items:center;font-weight:700;font-size:14px;transition:.25s}.tool-icon:hover,.camera-controls button:hover{border-color:var(--accent);color:var(--accent)}.tool-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.stage-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.camera-controls{display:flex;align-items:center;gap:4px;padding:5px;background:#071320d9;backdrop-filter:blur(10px);border:1px solid #50647a77;border-radius:5px}.tiny-label{font-size:12px;color:#b39c7b}.camera-controls .tiny-label{margin:0 12px 0 10px}.camera-controls button{background:transparent;border:1px solid transparent;border-radius:3px;color:#a6b8c2;padding:9px 12px;font-size:12px;letter-spacing:.08em}.camera-controls button.active{background:#d7ad79;color:#101924}.gesture-help{font-size:12px;color:#b5c7d0;padding-bottom:13px}.gesture-help span{color:var(--accent)}.modes{height:78px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #354558;border-bottom:1px solid var(--line);background:#0c1928}.modes button{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-right:1px solid var(--line);background:transparent;color:#a6b8c4;font-size:13px;transition:.25s}.modes button:hover{background:#172a3c}.modes button.active{color:#f8e5bd;background:linear-gradient(0deg,#48392555,#182839)}.modes button.active:after{content:'';position:absolute;bottom:0;left:20%;width:60%;height:2px;background:var(--accent)}.mode-number{font:12px ui-monospace,monospace;color:#927950}.under-stage{height:47px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8fa1ad}.under-stage b{color:#e6d0ab;font-weight:700}.under-highlight{color:#f0c688}.live-pulse{display:inline-block;background:#d9b879;width:6px;height:6px;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #e3b465}.side{min-width:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(180deg,#101e2c,#0c1724);overflow:hidden}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);min-height:64px}.side-tabs button{border:0;border-right:1px solid #273a48;background:transparent;color:#8b9daa;font-size:12px}.side-tabs button.active{color:#f4d2a2;border-bottom:2px solid var(--accent);background:#182839}.panel{display:none;overflow-y:auto;overscroll-behavior:contain;flex:1;padding:25px 25px 18px;scrollbar-width:thin;scrollbar-color:#344b5b transparent}.panel.active{display:block}.section-number{font-size:12px;color:#d5af77}.panel-heading{margin-bottom:24px}.panel-heading h2{font-size:34px;line-height:1.02;letter-spacing:-.04em;font-weight:650;margin:14px 0}.panel-heading p{color:#a7b9c4;font-size:12px;line-height:1.75;max-width:300px}.selected-panel{padding:17px 17px 14px;background:#192a39;border:1px solid #3d4c57;margin-bottom:24px;border-left:2px solid var(--accent);border-radius:4px}.selected-kicker{font-size:12px;color:#bcaf9d;display:flex;justify-content:space-between}.selected-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.selected-title{font-size:14px;font-weight:650;margin:12px 0 4px}.selected-detail{color:#a5b8c2;line-height:1.6;font-size:12px}.field-label{font-size:12px;display:block;color:#ccae80;margin-bottom:10px}.search{border:1px solid #405367;width:100%;background:#0b1827;color:#e4eae8;padding:12px 14px;border-radius:4px;outline:0;font-size:12px}.search:focus{border-color:var(--accent)}.parts-scroll{max-height:190px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#456174 transparent;margin-top:8px}.part-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:#b6c5c9;text-align:left;border:0;border-bottom:1px solid #273745;padding:10px 4px;font-size:12px;line-height:1.4}.part-row:hover,.part-row.active{color:#f8d3a0;background:#152b39}.part-index{font:12px ui-monospace,monospace;color:#9f8a68;flex:0 0 25px}.part-row .part-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-block{border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.control-row{display:flex;justify-content:space-between;font-size:12px;color:#b6c4c6}.control-row output{color:#f2c987}.control-block input[type=range],.sliders input[type=range]{display:block;width:100%;accent-color:#dfaf70;margin:16px 0 13px}.fine-note{font-size:12px;line-height:1.65;color:#849baa}.assembly-buttons{display:flex;gap:8px;margin:16px 0}.assembly-buttons button,.quiz-next{border:1px solid #64727b;color:#e7e4dd;background:#152839;border-radius:3px;padding:10px 16px;font-size:12px;flex:1}.assembly-buttons button:hover,.quiz-next:hover:not(:disabled){background:#3a4a55;border-color:var(--accent)}.assembly-buttons button:disabled,.quiz-next:disabled{opacity:.4;cursor:not-allowed}.side-footer{min-height:45px;border-top:1px solid #30414f;display:flex;gap:11px;align-items:center;padding:0 19px;font-size:12px;color:#8ca2b2}.footer-rule{height:1px;background:#607585;flex:1}.principle{padding:18px;border-left:2px solid #d9b077;background:#1b2c3b;margin-bottom:21px}.principle p{font-size:12px;line-height:1.7;margin:9px 0 0;color:#d1dce0}.sliders label{display:block;font:12px ui-monospace,monospace;color:#adbec5;margin:18px 0}.sliders output{float:right;color:#efce99}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.readouts>div{padding:13px 11px;background:#142739;border:1px solid #304656;min-height:100px}.readouts>div:first-child{grid-column:span 2}.readouts span{font-size:12px;color:#90a7b6;display:block}.readouts strong{display:block;font-weight:600;color:#f8dab1;font-size:23px;letter-spacing:-.03em;margin:8px 0}.readouts small{font-size:12px;color:#93a9b2}.check{border:1px solid #52614b;background:#22352955;display:flex;gap:10px;margin-top:14px;padding:14px}.check-symbol{color:#c2de9f}.check strong{font-size:12px;letter-spacing:.08em}.check p{font-size:12px;line-height:1.7;color:#b4c5ba}.notes{font-size:12px;color:#aabec9;line-height:1.7;border-top:1px solid #334858;margin-top:20px;padding-top:16px}.notes summary{cursor:pointer;color:#edd2aa;font-weight:700}.info-card{padding:17px 0;border-bottom:1px solid var(--line)}.info-card h3{font-size:13px;letter-spacing:.02em;line-height:1.5;color:#e4d4b7;margin:13px 0}.info-card p{font-size:12px;line-height:1.78;color:#aebec8}.quiz{margin:27px 0}.quiz-progress{font-size:12px;color:#b3c5d0;margin:17px 0}.quiz h3{font-size:18px;line-height:1.48;font-weight:600}.quiz-options{display:flex;flex-direction:column;gap:8px;margin:18px 0}.quiz-options button{text-align:left;padding:11px 14px;border:1px solid #536577;background:#122636;border-radius:4px;color:#e4eae7;font-size:12px;line-height:1.5}.quiz-options button:hover{border-color:#deb778}.quiz-options button.correct{border-color:#8cb59e;background:#1f3a34}.quiz-options button.wrong{border-color:#dc8c7e;background:#442f31}.quiz-feedback{min-height:32px;font-size:12px;color:#b8c7c0;line-height:1.65}.quiz-next{width:100%;margin-top:10px}.annotation-layer{position:absolute;inset:0;pointer-events:none}.annotation{position:absolute;transform:translate(0,-50%);display:flex;align-items:center;gap:8px;font:12px ui-monospace,monospace;letter-spacing:.08em;color:#e8d4b4;text-shadow:0 2px 6px #000}.annotation .dot{display:block;height:6px;width:6px;border:1px solid #e3c69a;background:#c9a06b;border-radius:50%;box-shadow:0 0 8px #e8c083}.annotation .line{width:25px;height:1px;background:#a89572}.annotation .txt{padding:7px 9px;background:#122336cf;border:1px solid #927b566e;white-space:nowrap}.mobile-only{display:none}.top-button{border:1px solid #4a6172;border-radius:4px;background:#142638;color:#ead0aa;padding:9px 11px;font-size:12px}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 315px}.panel{padding:20px}.under-stage span:last-child,.gesture-help{display:none}.stage-top h1{font-size:54px}.modes button{gap:5px}.stage-operations .chip{display:none}}
@media(max-width:750px){.topbar{height:55px;padding:0 13px}.top-meta{display:none}.mobile-only{display:block}.brand{font-size:12px}.brand-symbol{height:32px;width:32px}.layout{height:calc(100dvh - 55px);display:flex;flex-direction:column;overflow:hidden}.experience{flex:1;min-height:0;overflow:visible}.stage{min-height:0;flex:1}.stage-top{top:17px;left:17px}.stage-top h1{font-size:clamp(34px,9vw,57px);margin:11px 0 9px}.stage-top p{font-size:12px;max-width:185px}.eyebrow{font-size:12px}.stage-operations{top:auto;bottom:63px;left:17px;right:auto;max-width:initial}.stage-operations .chip{display:none}.stage-tools{top:24%;right:13px}.stage-bottom{left:12px;right:12px;bottom:10px}.camera-controls{gap:0}.camera-controls .tiny-label{display:none}.camera-controls button{padding:9px 7px;font-size:12px}.modes{order:2;height:58px}.modes button{font-size:12px;flex-direction:column;gap:3px}.mode-number{font-size:12px}.under-stage{order:3;height:38px;padding:0 12px;font-size:12px}.under-stage>span:last-child,.under-stage>span:nth-child(2){display:none}.brand .muted{display:none}.side{display:none;position:absolute;top:55px;bottom:0;left:0;right:0;z-index:20;box-shadow:0 0 65px #000d}.side.open{display:flex}.side-tabs{min-height:52px}.side-footer{min-height:37px}.stage-top h1{pointer-events:none}.stage-tools .tool-icon{width:34px;height:34px}.annotation{display:none}.panel{padding:18px 18px 26px}.parts-scroll{max-height:130px}}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .topbar,body.embed-mode .side,body.embed-mode .under-stage{display:none}body.embed-mode .layout{height:100vh;height:100dvh;display:block}body.embed-mode .experience{height:100%;width:100%}body.embed-mode .stage{min-height:0}body.embed-mode .stage-top{top:19px}body.embed-mode .modes{height:57px}body.embed-mode .stage-top h1{font-size:clamp(30px,4vw,54px)}body.embed-mode .stage-top p{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}