:root{--bg:#0a1119;--panel:#101b26;--border:#293642;--text:#e9e8e0;--muted:#a2adba;--gold:#dbb879;--cyan:#86bdc2;--secondary:#142332}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse at 85% 0%,#193042 0,transparent 36%),#0a1119}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topbar{height:72px;border-bottom:1px solid #2a3742;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,60px);background:#0b151f}.identity{display:flex;align-items:center;gap:13px}.brand-emblem{font:900 32px Georgia,serif;color:#f2f4ef;letter-spacing:-.13em}.accent{color:var(--gold)}.brand-top,.brand-bottom{display:block;font-size:10px;letter-spacing:.19em;font-weight:700}.brand-bottom{color:var(--gold);font-size:9px;letter-spacing:.15em}.brand-bottom b{color:#83939f;font-weight:400}.top-right{display:flex;align-items:center;gap:22px}.live-indicator{color:#a2d5ca;letter-spacing:.11em;font-size:10px;font-weight:700}.pill{border:1px solid #455261;padding:4px 10px;border-radius:4px;color:#dbe6ef;font-size:11px}.dashboard{max-width:1570px;margin:auto;padding:0 clamp(14px,2.5vw,46px)}.intro{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:35px 0 29px}.eyebrow,.view-overline{letter-spacing:.19em;color:var(--gold);font:700 10px/1.4 system-ui}.intro h1{font:400 clamp(36px,4.2vw,61px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:9px 0 10px}.intro h1 i{color:var(--gold)}.deck{color:#aab9c4;max-width:690px;font-size:14px;line-height:1.75;margin:0}.factual{display:grid;grid-template-columns:auto;gap:4px 0;min-width:230px;border-left:1px solid #465260;padding-left:25px;margin-bottom:2px}.factual span{font-size:9px;letter-spacing:.18em;color:#a3aeb7}.factual strong{font-size:10px;letter-spacing:.09em;color:#ede5d6;margin-bottom:8px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:19px;align-items:stretch}.view-panel,.sidebar,.card{border:1px solid #2a3a48;background:rgba(16,27,38,.95);box-shadow:0 11px 45px #0003}.view-panel{min-width:0}.view-header{display:flex;justify-content:space-between;align-items:center;padding:19px 23px}.view-header h2{font:400 21px Georgia,serif;margin:5px 0 0}.view-overline{font-size:9px}.viewtools{display:flex;gap:8px}.small-btn{color:#d7dde2;background:#192936;border:1px solid #374753;border-radius:3px;padding:7px 11px;font-size:11px}.small-btn:hover{border-color:var(--gold)}.viewer{height:clamp(350px,42vw,620px);min-height:300px;background:radial-gradient(ellipse at 50% 70%,#1d3946 0,#0e202d 41%,#101c29 78%);position:relative;overflow:hidden;touch-action:none}#sceneCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#sceneCanvas:active{cursor:grabbing}.scene-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;color:#b9c7cf;letter-spacing:.12em;font-size:9px}.scene-state{color:#a9d9d7;display:inline-flex;align-items:center;gap:7px}.scene-state:before{content:'';background:#a9d9d7;border-radius:50%;width:5px;height:5px}.scene-brand{position:absolute;pointer-events:none;left:26px;bottom:37px;color:#c8ae7a;font:italic 38px Georgia,serif;opacity:.9}.scene-brand span{font:700 10px system-ui;letter-spacing:.22em;color:#98abb8}.drag-help{position:absolute;bottom:18px;right:18px;font-size:9px;letter-spacing:.12em;color:#adbbc4;pointer-events:none}.scene-lod{color:#97a8b7}.view-error{position:absolute;top:47%;left:10%;right:10%;background:#3b1b1b;border:1px solid #d57a68;padding:20px;text-align:center}.modes{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #34424f;border-bottom:1px solid #34424f}.mode{background:transparent;border:0;border-right:1px solid #2e3d49;padding:16px 5px;color:#a4b3bf;display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px}.mode:last-child{border-right:0}.mode:hover{background:#182a36}.mode.active{background:#253440;color:#f7e6c2;box-shadow:inset 0 3px var(--gold)}.mode-icon{font-size:17px}.mode-options{padding:16px 22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;min-height:72px}.view-quality{display:flex;align-items:center;gap:12px;margin-left:auto}.view-quality span,.range-option label,.assembly-option>span,.tiny-label{font-size:10px;letter-spacing:.1em;color:#afbfcb;font-weight:700}.range-option{min-width:190px}.range-option label{display:flex;justify-content:space-between}.range-option input{width:100%;margin-top:9px}.view-quality select,select{background:#152633;color:#d9e1e8;border:1px solid #405461;border-radius:2px;padding:9px}.assembly-option{flex:1}.assembly-option>div{display:flex;align-items:center;gap:14px}.assembly-option strong{font:400 14px Georgia,serif;color:#e6c99b}.sidebar{padding:23px;display:flex;flex-direction:column;gap:15px}.side-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--gold);font-weight:700}.side-head .index{color:#6e8998}.sidebar>h2,.card h2{font:400 28px Georgia,serif;line-height:1.15;margin:0}.muted,.sidebar>p,.card>p{margin:0;color:#a8b6c0;line-height:1.75;font-size:12px}.selected-box{border:1px solid #40525f;background:#172835;padding:17px 14px}.selection-kicker{color:var(--gold);font-size:10px;letter-spacing:.16em;font-weight:700}.selected-box h3{font:400 18px Georgia,serif;margin:8px 0}.selected-box p{color:#bac6cb;font-size:12px;line-height:1.65;margin:0}.details{margin-top:14px;border-top:1px solid #354858;padding-top:12px}.details>div{display:grid;gap:3px;margin-bottom:9px}.details small{font-size:9px;letter-spacing:.08em;color:#96a8b6}.details span{font-size:11px;color:#e1dfd1}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px}.action-row button{border:1px solid #485e68;background:#233645;padding:8px 3px;color:#e4ddd0;font-size:11px}.action-row button:hover{border-color:#e4c48b}.action-row button:disabled{opacity:.35;cursor:not-allowed}.sidebar>select{width:100%;margin-top:-9px}.assembly-list{display:flex;flex-wrap:wrap;gap:5px}.sys-item{border:1px solid #3d5361;background:#152633;padding:5px 8px;color:#b6c6cf;font-size:10px}.sys-item.active{color:#f7dfaa;border-color:var(--gold)}.source-note{border-left:2px solid #d9bc8c;padding:11px 12px;background:#26323a;margin-top:auto}.source-note strong{color:#e3c89c;font-size:10px;letter-spacing:.12em}.source-note p{font-size:11px;color:#b9c4c8;line-height:1.7;margin:7px 0 0}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:19px}.card{padding:27px}.section-hdr{display:flex;justify-content:space-between;margin-bottom:15px}.section-hdr h2{margin-top:8px}.number{font:italic 40px Georgia,serif;color:#4b6574}.physical-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:22px 0}.physical-controls label{font-size:10px;letter-spacing:.09em;color:#b7c2c8;font-weight:600}.physical-controls output{float:right;color:#ebd6ab;text-align:right}.physical-controls input{width:100%;display:block;margin-top:12px;accent-color:#cfac6a}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3c4b54}.metric-grid>div{padding:14px;border-right:1px solid #3c4b54;border-bottom:1px solid #3c4b54}.metric-grid>div:nth-child(3n){border-right:0}.metric-grid>div:nth-last-child(-n+3){border-bottom:0}.metric-grid small{font-size:9px;color:#a5b5c0;letter-spacing:.09em;display:block}.metric-grid strong{display:block;font:400 28px Georgia,serif;color:#e4c78e;margin:5px 0}.metric-grid span{font-size:10px;color:#9cafb7}.physics details{font-size:11px;color:#a9bbc6;margin-top:18px}.physics summary{cursor:pointer;color:#e8cb9c}.physics details p{line-height:1.65}.quiz-question{border-top:1px solid #374855;padding-top:20px}.quiz-question>span{font-size:10px;color:var(--gold);letter-spacing:.1em;font-weight:700}.quiz-question h3{font:400 18px/1.45 Georgia,serif}.quiz-options{display:grid;gap:8px}.quiz-options button{background:#152631;text-align:left;color:#c4d0d6;border:1px solid #41525f;padding:12px;font-size:12px}.quiz-options button:hover{border-color:#c4a56e}.quiz-options button.correct{background:#29443b;border-color:#92cbb2}.quiz-options button.wrong{background:#493434;border-color:#dca49b}.quiz-next{background:#c9ac7b;color:#101820;border:0;padding:11px 17px;font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:8px}.quiz-next:disabled{opacity:.4;cursor:not-allowed}#quizFeedback{font-size:11px;min-height:24px;color:#d4c4a7}.sources{border-top:1px solid #384750;margin-top:27px;padding-top:20px}.sources h3{margin:0 0 10px;font:400 16px Georgia,serif;color:#e5d4ba}.sources a{display:block;color:#9bbfcc;font-size:11px;text-decoration:none;margin:10px 0}.sources a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;padding:32px 0;color:#8394a3;font-size:10px;letter-spacing:.06em;gap:20px}input[type=range]{accent-color:#d8b983}[hidden]{display:none!important}@media(max-width:1100px){.main-grid{grid-template-columns:minmax(0,1fr) 290px}.sidebar{padding:17px}.intro{align-items:flex-start}.factual{min-width:195px}.mode{gap:3px;font-size:10px}}@media(max-width:820px){.main-grid,.lower-grid{grid-template-columns:1fr}.intro{padding:25px 0 23px}.factual{display:none}.viewer{height:min(67vh,560px)}.sidebar{min-height:0}.source-note{margin-top:0}}@media(max-width:540px){.topbar{height:58px;padding:0 13px}.brand-top{font-size:8px}.brand-bottom{font-size:7px}.live-indicator{display:none}.brand-emblem{font-size:26px}.intro h1{font-size:38px}.deck{font-size:12px}.view-header{padding:12px}.view-header h2{font-size:19px}.viewer{height:390px}.scene-top{top:14px;left:12px;right:12px;font-size:8px}.scene-brand{left:12px;bottom:33px;font-size:26px}.scene-brand span{font-size:8px}.drag-help{right:10px;bottom:13px;font-size:8px;max-width:210px;text-align:right}.modes{grid-template-columns:repeat(5,minmax(0,1fr))}.mode{padding:11px 1px;flex-direction:column;font-size:9px;gap:2px}.mode-icon{font-size:18px}.mode-options{padding:12px;gap:10px}.view-quality{margin-left:0}.view-quality span{font-size:9px}.physical-controls{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(3n){border-right:1px solid #3c4b54}.metric-grid>div:nth-child(2n){border-right:0}.metric-grid>div:nth-last-child(-n+3){border-bottom:1px solid #3c4b54}.metric-grid>div:nth-last-child(-n+2){border-bottom:0}.metric-grid strong{font-size:24px}.card{padding:20px}footer{flex-direction:column}.section-hdr h2{font-size:25px}}
