:root{color-scheme:dark;--bg:#0c151b;--panel:#101c23;--panel2:#14232a;--line:#30434b;--ink:#edf2ed;--muted:#a0b3b7;--subtle:#7d949d;--a:#d4b17c;--good:#a9d4b7;--radius:11px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--a);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}button,select{transition:background .25s ease,border-color .25s ease,color .25s ease}#app{min-height:100dvh;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;height:78px;min-height:78px;padding:0 25px 0 29px;background:#0d171d;border-bottom:1px solid #2c3a41;gap:18px}.identity{display:flex;align-items:center;gap:13px;min-width:0}.identity .mark{color:var(--a);width:39px;height:39px;border:1px solid #725f4b;border-radius:10px;display:flex;align-items:center;justify-content:center}.identity .eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--a);margin-bottom:6px}.identity strong{font-size:13px;font-weight:690;letter-spacing:1.55px;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:10px}.edition{letter-spacing:1.1px;font-size:10px;font-weight:650;color:#839aa1;margin-right:16px}.smallbtn{display:inline-flex;align-items:center;gap:9px;border:1px solid #40535a;background:transparent;color:#d1dcda;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:690}.smallbtn:hover,.glass-btn:hover,.secondary-btn:hover{background:#294049}.smallbtn svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.content{display:grid;grid-template-columns:minmax(270px,22%) minmax(350px,1fr) minmax(310px,24%);flex:1;min-height:0;max-height:calc(100dvh - 78px)}.info-panel,.science-panel{overflow:hidden;background:#122027;min-height:0}.info-panel{border-right:1px solid var(--line)}.info-scroll,.science-scroll{height:100%;overflow-y:auto;scrollbar-color:#40555f transparent;scrollbar-width:thin}.info-scroll{padding:31px 29px 26px}.overline,.panel-kicker,.micro-head,.story-label,.story-box strong,.scale>span{font-size:10px;letter-spacing:1.5px;font-weight:740;color:var(--a)}.green-dot{display:inline-block;width:7px;height:7px;background:#80cbaa;border-radius:50%;box-shadow:0 0 12px #79cba85c;margin-right:8px}.info-panel h1{font-size:clamp(28px,2.5vw,44px);line-height:1.08;letter-spacing:-1.75px;font-weight:760;margin:28px 0 19px}.info-panel h1 em{color:var(--a);font-weight:450;font-style:normal}.lead{font-size:13.5px;line-height:1.8;color:#bccbd0;margin:0}.summary-rule{height:1px;background:#3c5054;margin:29px 0 27px}.micro-head{color:#e1c399}.principle{font-size:15px;line-height:1.65;font-weight:500;margin:10px 0 24px}.story-box{border:1px solid #394c51;border-radius:9px;padding:20px 17px 18px;background:linear-gradient(155deg,#1b2e34,#14242a);margin-bottom:12px}.story-label{font-size:10px;margin-bottom:15px;color:#cfaf81}.story-box strong{display:block;color:#e9e8df;font-size:13px;letter-spacing:.2px;margin-bottom:8px}.story-box span{display:block;font-size:12px;color:#d4c1a0;margin-bottom:8px}.story-box p{font-size:12px;line-height:1.75;color:#a6bdc2;margin:0}.story-box.second{background:#14232a}.scale{margin-top:27px}.scale-line{display:flex;align-items:center;gap:13px;font-size:11px;margin-top:13px;color:#b9cac9}.ruler{height:10px;flex:1;background:repeating-linear-gradient(90deg,#c8b088 0 1px,transparent 1px 13px);border-bottom:2px solid #c8b088}.scale small{display:block;margin-top:11px;font-size:11px;color:#839ca0;line-height:1.6}.disclaimer{font-size:10px;color:#768f94;letter-spacing:.8px;line-height:1.5;margin-top:30px}.scene-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#121e25;position:relative}.stage{position:relative;flex:1;min-height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#28434a,#0f1b22 73%)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-5px}#scene:active{cursor:grabbing}.stage-overlay{pointer-events:none;position:absolute;inset:14px}.corner{width:15px;height:15px;position:absolute;border-color:#9eb5b1;opacity:.65}.corner-tl{top:0;left:0;border-left:1px solid;border-top:1px solid}.corner-tr{top:0;right:0;border-right:1px solid;border-top:1px solid}.corner-bl{bottom:0;left:0;border-left:1px solid;border-bottom:1px solid}.corner-br{bottom:0;right:0;border-right:1px solid;border-bottom:1px solid}.scene-top{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.view-badge{font-size:10px;letter-spacing:1.2px;font-weight:730;color:#e2e9e4;padding:10px 12px;background:#0e1b20bf;backdrop-filter:blur(10px);border:1px solid #6072757f;border-radius:5px;white-space:nowrap}.view-badge .separate{margin:0 7px;color:#819798}.status-glow{display:inline-block;background:var(--a);width:6px;height:6px;border-radius:50%;margin-right:9px}.glass-btn{font-size:10px;letter-spacing:.9px;font-weight:750;padding:11px 12px;color:#dde7e5;background:#0e1b20cc;border:1px solid #5a6c70;border-radius:5px}.scene-labels{position:absolute;inset:0;pointer-events:none}.leader{position:absolute;font-size:9px;color:#dfebdf;letter-spacing:1px;font-weight:750;text-shadow:0 1px 3px #000;white-space:nowrap;background:#12262fce;border-left:2px solid var(--a);padding:7px 10px}.leader::before{content:"";position:absolute;left:-36px;top:12px;width:35px;height:1px;background:var(--a)}#lead-a{top:37%;left:42%}#lead-b{top:54%;left:64%}#lead-c{top:66%;left:32%}.scene-bottom{position:absolute;bottom:21px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;align-items:end}.cam-presets{display:flex;gap:4px;background:#112127e0;border:1px solid #4f686b;padding:5px;border-radius:7px;backdrop-filter:blur(7px)}.cam{border:0;background:transparent;border-radius:4px;color:#a9bbbc;font-size:10px;font-weight:750;padding:9px 10px;white-space:nowrap;letter-spacing:.4px}.cam:hover{color:white;background:#31464c}.cam.active{color:#1b252b;background:#d4b17c}.interaction-hint{font-size:9px;font-weight:660;letter-spacing:.7px;white-space:nowrap;color:#c2d0cb;text-shadow:0 1px 5px black;padding-bottom:12px}.interaction-hint i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--a);margin:2px 5px}.selected-card{position:absolute;top:80px;left:22px;width:min(285px,calc(100% - 44px));padding:13px 37px 13px 16px;background:#0c1f27e8;border:1px solid #8eacb2;border-left:3px solid #d4b17c;backdrop-filter:blur(10px);border-radius:6px;box-shadow:0 8px 30px #050b0e6e}.selected-card span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--a);margin-bottom:5px}.selected-card strong{display:block;font-size:12px;line-height:1.35}.selected-card small{display:block;color:#b4ccd0;margin-top:6px}.selected-card button{position:absolute;top:10px;right:10px;background:transparent;color:#dee9ea;border:0;font-size:19px}.modes{display:flex;min-height:65px;height:65px;border-top:1px solid #2f4248;background:#15262c;padding:8px;gap:4px}.mode{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;color:#99b2b6;font-size:10px;letter-spacing:1px;font-weight:770;border-radius:5px}.mode .num{color:#68858a}.mode.active{background:#283c42;border-color:#5d7474;color:#f2e4c7}.mode.active .num{color:var(--a)}.mode:hover{background:#304248;color:#e8eeeb}.mobile-actions{display:none}.science-panel{border-left:1px solid var(--line)}.science-scroll{display:flex;flex-direction:column;padding:0 23px 20px}.panel-tabs{display:flex;position:sticky;top:0;z-index:5;background:#122027;border-bottom:1px solid #40535b;height:61px;min-height:61px;gap:4px}.panel-tab{padding:0 10px;margin-right:6px;background:none;color:#81989e;border:0;border-bottom:2px solid transparent;font-size:10px;font-weight:770;letter-spacing:.8px}.panel-tab.active{border-bottom-color:var(--a);color:#eddfc7}.panel-tab:hover{color:#e8e6df}.tab-content{display:none;padding-top:26px}.tab-content.active{display:block}.panel-kicker{color:#c6ae85;font-size:9px}.tab-content h2{font-size:24px;line-height:1.15;letter-spacing:-.6px;margin:14px 0 10px;font-weight:650}.small-note{font-size:12px;line-height:1.6;color:#a1b7bb;margin:0 0 27px}.control{margin-bottom:25px}.control-head{display:flex;justify-content:space-between;gap:6px;margin:0 0 12px}.control label,.control-head label,.split label{font-size:10px;font-weight:750;letter-spacing:1px;color:#c2d2ce}.control output{font-size:12px;font-weight:750;color:var(--a)}input[type=range]{width:100%;height:4px;accent-color:#d4b17c;cursor:pointer;display:block}.range-labels{display:flex;justify-content:space-between;gap:6px;color:#8ca4a8;letter-spacing:.45px;font-size:9px;margin-top:13px}.hydro-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}.metric{min-width:0;min-height:111px;border:1px solid #375058;background:#172931;border-radius:8px;padding:13px 12px}.metric.main-metric{background:#263a3f;border-color:#6f7770}.metric span{display:block;font-size:9px;line-height:1.4;letter-spacing:.75px;font-weight:770;color:#a8b9b7}.metric strong{display:block;color:#eee8de;font-weight:680;letter-spacing:-.7px;font-size:28px;white-space:nowrap;margin:6px 0 7px}.metric.main-metric strong{color:var(--a)}.metric strong small{font-size:12px;font-weight:580;letter-spacing:0;color:#c1cdc9}.metric div{font-size:10px;line-height:1.4;color:#90a9ad}.verification{border:1px solid #537569;background:#1b332f;padding:12px 14px;border-radius:7px;margin:10px 0 25px}.verification>div{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.6px;color:#d3e6da}.check-symbol{background:#709f85;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#10231d;width:18px;height:18px}.verification>span{font-size:11px;color:#bed5c9;display:block;margin:8px 0 0 26px}.control.split{display:flex;gap:9px;align-items:end}.control.split>div{flex:1;min-width:0}.control select{width:100%;margin-top:11px;background:#20333b;color:#e5f0ed;border:1px solid #566a6f;border-radius:6px;padding:10px;font-size:12px}.primary-btn,.secondary-btn{border-radius:5px;padding:12px 13px;border:1px solid #c5a478;background:#ceb181;color:#152126;font-size:11px;font-weight:770;white-space:nowrap;letter-spacing:.4px}.primary-btn:hover{background:#e7cb9b}.secondary-btn{border-color:#5c7074;background:#1a2e36;color:#d6e4e2}.lab-footer{margin-top:auto;border-top:1px solid #40545c;display:flex;gap:10px;justify-content:space-between;padding-top:20px;font-size:8.5px;line-height:1.4;letter-spacing:.6px;color:#799297}.lab-footer .green-dot{width:5px;height:5px}.steps{display:flex;flex-direction:column;gap:8px;margin:24px 0}.step-item{padding:12px 12px;background:#192d35;border:1px solid #3a535b;border-radius:6px;display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;color:#bed0cf}.step-item strong{display:block;font-size:11.5px;margin-bottom:5px;color:#dce5e1}.step-item span{font-size:10px;color:#91aaaf;line-height:1.4}.step-item .step-num{font-size:12px;color:#ccb087;flex:0 0 21px}.step-item.current{border-color:var(--a);background:#293b3f}.step-item.done{border-color:#5b7e6f}.step-buttons{display:flex;gap:8px}.step-buttons button{flex:1}.assembly-progress{height:4px;background:#344d54;margin:16px 0 13px;border-radius:4px;overflow:hidden}.assembly-progress div{height:100%;width:0;background:var(--a);transition:width .3s ease}.science-details{border:1px solid #47636b;border-radius:7px;padding:12px 14px;margin:20px 0}.science-details summary{font-size:11px;font-weight:760;letter-spacing:.6px;cursor:pointer;color:var(--a)}.science-details p{font-size:12px;line-height:1.75;color:#bbcecb}.science-details .official{color:#eddbb8}.quiz-title{display:flex;justify-content:space-between;color:var(--a);font-size:11px;font-weight:750;letter-spacing:.9px;border-bottom:1px solid #405960;padding-bottom:15px;margin-bottom:21px}.question{margin-bottom:24px}.question strong{font-size:12px;display:block;line-height:1.55;margin-bottom:12px}.question label{font-size:11.5px;display:flex;gap:8px;margin:10px 0;color:#b9cecc;cursor:pointer}.question input{accent-color:#d4b17c}.feedback{display:block;font-size:11px;margin-top:9px;color:#cbdcae;min-height:14px}.feedback.incorrect{color:#e3a7a0}
@media(max-width:1190px){.content{grid-template-columns:minmax(240px,24%) minmax(350px,1fr) minmax(270px,26%)}.info-scroll{padding:26px 19px}.science-scroll{padding-left:16px;padding-right:16px}.interaction-hint{display:none}.hydro-metrics{gap:7px}.metric{padding:10px}.metric strong{font-size:23px}.mode{font-size:9px;gap:4px}.mode .num{display:none}.edition{display:none}}
@media(max-width:900px){.masthead{height:62px;min-height:62px;padding:0 13px}.identity .eyebrow{font-size:8px;letter-spacing:1.25px}.identity strong{font-size:11px;letter-spacing:.7px}.smallbtn{font-size:0;padding:9px}.smallbtn svg{height:18px;width:18px}.content{display:flex;flex-direction:column;max-height:none;min-height:calc(100dvh - 62px)}.info-panel{display:none}.scene-panel{height:calc(100dvh - 62px);min-height:450px;flex:0 0 auto}.science-panel{display:none;border-left:0;border-top:1px solid var(--line);min-height:0;overflow:visible}.science-panel.open{display:block}.science-scroll{height:auto;overflow:visible;padding:0 18px 22px}.stage{min-height:0}.modes{height:65px;min-height:65px;order:1}.mobile-actions{display:block;order:2}.mobile-actions button{width:100%;padding:13px;background:#233740;color:#e9e4d6;border:0;border-top:1px solid #3e525a;text-align:center;font-size:11px;font-weight:760;letter-spacing:1.2px}.mobile-actions span{padding-left:8px;color:var(--a)}.scene-bottom{bottom:20px}.scene-labels{display:none}.tab-content{padding-top:18px}.lab-footer{margin-top:26px}.panel-tabs{position:static}.science-panel.open~*{display:none}}
@media(max-width:450px){.identity .mark{height:32px;width:32px}.identity strong{font-size:9px;letter-spacing:.1px}.identity .eyebrow{font-size:7px;letter-spacing:.5px}.header-actions{gap:5px}.stage-overlay{inset:10px}.scene-top{left:14px;right:14px;top:14px}.view-badge{font-size:8px;padding:9px;letter-spacing:.4px}.glass-btn{font-size:8px;padding:10px 8px}.scene-bottom{left:12px;right:12px;bottom:12px}.cam-presets{width:100%;justify-content:space-around}.cam{font-size:10px;padding:9px 7px}.modes{gap:0;padding:6px 3px}.mode{font-size:8px;letter-spacing:0;padding:6px 1px}.selected-card{top:65px;left:12px}.panel-tab{font-size:10px}.stage{background:#182830}}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode #app{height:100dvh;min-height:0}body.embed-mode .masthead,body.embed-mode .info-panel,body.embed-mode .science-panel{display:none!important}body.embed-mode .content{display:block;max-height:none;min-height:0;height:100dvh}body.embed-mode .scene-panel{height:100dvh;min-height:0}body.embed-mode .modes{height:55px;min-height:55px}body.embed-mode .mobile-actions{display:none}body.embed-mode .stage{height:calc(100dvh - 55px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto!important}}
@media(min-width:901px){.content{height:calc(100dvh - 78px)}.content>.scene-panel,.content>.info-panel,.content>.science-panel{height:100%;min-height:0}.scene-panel .stage{height:calc(100% - 65px);flex:1 1 0;min-height:0}}