:root{--bg:#101a20;--panel:#17242a;--stage:#132129;--ink:#edf1ec;--muted:#a0b0ae;--subtle:#778a89;--accent:#d7a76a;--accent2:#f4c889;--line:#32444a;--card:#1b2a2f;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}button[disabled]{opacity:.38;cursor:not-allowed}h1,h2,h3,p{margin-top:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}main{max-width:1760px;margin:auto;padding:0 38px}.brand{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #2a393f;background:#0e171d;letter-spacing:.12em}.brand-logo{font-size:13px;font-weight:850;white-space:nowrap}.brand-glyph{font-size:25px;color:var(--accent);vertical-align:-2px;margin-right:7px}.brand-slash{color:#667a7a;padding:0 10px}.country{color:#b3c0be;font-size:12px;letter-spacing:.18em}.country-dot{display:inline-block;margin:0 10px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.header-link{font-size:12px;color:#dfbe91;text-decoration:none;display:flex;align-items:center;gap:8px}.header-link svg{height:14px;width:14px}.intro{padding:35px 0 30px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.eyebrow,.overline{font-size:12px;font-weight:700;letter-spacing:.20em;color:var(--accent)}.tiny-rule{display:inline-block;width:23px;height:1px;margin-right:8px;background:var(--accent);vertical-align:3px}.sep{padding:0 12px;color:#67797a}.intro h1{font-size:clamp(42px,4.8vw,77px);font-weight:800;line-height:.99;letter-spacing:-.069em;margin:14px 0 18px}.intro h1 em,.story-header h2 em,.quiz-intro h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:var(--accent);font-style:italic}.dek{font-size:14px;color:#b6c5c0;line-height:1.7;max-width:655px;margin:0}.intro-tag{display:flex;flex-direction:column;min-width:180px;align-items:flex-start;color:#c1ccca;font-size:12px;letter-spacing:.14em;line-height:1.7;border-left:1px solid var(--line);padding-left:22px}.top-num{font-size:38px;font-weight:250;letter-spacing:-.06em;line-height:1;color:var(--ink)}.top-num span{font-size:20px;color:#8b998d}.top-label{color:var(--accent);font-size:12px;padding:9px 0 16px}.exhibit{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:621px;border:1px solid var(--line);background:var(--panel)}.stage{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:radial-gradient(ellipse at 50% 35%,#2a3b42 0%,#15242c 54%,#101c23 100%)}#scene{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab;z-index:0}#scene:active{cursor:grabbing}.stage-noise{position:absolute;pointer-events:none;inset:0;background:linear-gradient(90deg,transparent 49.94%,#d7a76a09 50%,transparent 50.06%),linear-gradient(0deg,transparent 49.94%,#d7a76a08 50%,transparent 50.06%);background-size:80px 80px;opacity:.52}.stage:after{content:'';position:absolute;pointer-events:none;inset:0;border:12px solid transparent;box-shadow:inset 0 0 160px #0711178c;z-index:1}.stage-top{display:flex;align-items:center;gap:9px;position:absolute;top:25px;left:27px;right:25px;font-size:12px;font-weight:700;letter-spacing:.16em;color:#d7e0da;z-index:2}.live-pulse,.status-indicator{width:7px;height:7px;border-radius:50%;background:#d5ac73;box-shadow:0 0 0 3px #d5ac7330}.mode-legend{margin-left:auto;color:#8ea2a2;font-size:12px}.axis-label{position:absolute;color:#a8b9b6;font-size:12px;letter-spacing:.18em;z-index:1;pointer-events:none}.axis-label-a{left:28px;top:96px;writing-mode:vertical-rl}.axis-label-b{right:30px;top:80px}.stage-hint{position:absolute;left:30px;bottom:143px;font-size:12px;color:#b3c5bf;z-index:2}.stage-hint i{color:#d6a96b;font-style:normal;padding:0 5px}.stage-actions{position:absolute;right:24px;top:65px;display:flex;flex-direction:column;gap:7px;z-index:4}.tool-btn{border:1px solid #52626880;background:#15232ad8;color:#d8e1da;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:5px;font-size:12px;letter-spacing:.06em;transition:background .25s ease,border-color .25s ease;min-width:87px}.tool-btn:hover{border-color:var(--accent);background:#354348}.tool-btn svg{width:14px;height:14px}.tool-btn.quality{color:var(--accent);font-weight:800;font-size:12px}.camera-dock{position:absolute;left:27px;bottom:79px;display:flex;gap:1px;padding:4px;background:#102128b9;border:1px solid #55707560;border-radius:5px;z-index:4}.camera-dock button{padding:10px 14px;background:transparent;border:0;color:#a2b5b1;border-radius:3px;font-size:12px;letter-spacing:.09em}.camera-dock button:hover,.camera-dock button.active{background:#37505a;color:#fff}.mode-tabs{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:65px;border-top:1px solid #4b626a70;backdrop-filter:blur(18px);background:#101e26ee;z-index:4}.mode-tabs button{background:transparent;color:#a3b7b1;border:0;border-right:1px solid #33484b;display:flex;align-items:center;justify-content:center;gap:9px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;transition:color .25s,background .25s}.mode-tabs button span{color:#677d7a;font-family:Georgia,serif;font-size:13px}.mode-tabs button.active{background:#293b3e;color:#f7d7a6;box-shadow:inset 0 2px 0 var(--accent)}.mode-tabs button.active span{color:var(--accent)}.mode-tabs button:hover{color:#fff}.part-label{position:absolute;left:50%;top:40%;z-index:3;padding:8px 12px;color:#fbecd5;background:#162a32f0;border-left:2px solid var(--accent);box-shadow:0 8px 25px #0007;pointer-events:none;font-size:12px;font-weight:700;max-width:230px}.part-label small{display:block;font-size:12px;color:#a3bbbd;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-weight:400}.controls{border-left:1px solid #3d5157;background:linear-gradient(160deg,#1c2a2f,#152329);padding:24px;min-width:0;max-height:800px;overflow:auto;scrollbar-width:thin;scrollbar-color:#47616a transparent}.controls-header h2{font-size:17px;letter-spacing:-.03em;font-weight:800;margin:8px 0 20px}.controls-header h2 span{color:#a8b1aa;font-weight:300}.overline{font-size:12px}.drawer-toggle{display:none}.status-row{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.1em;color:#c1cdc3;padding:10px 0 18px;border-bottom:1px solid var(--line)}#partCount{margin-left:auto;color:var(--subtle);font-size:12px}.control-section{padding:21px 0}.field-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.field-head label{color:#b4c5bf;font-size:12px;letter-spacing:.09em;font-weight:700}.field-head output{font-size:22px;font-weight:650;color:var(--accent);letter-spacing:-.06em;font-variant-numeric:tabular-nums}.field-head output span{font-size:12px;letter-spacing:normal;color:#bec9c4}input[type=range]{width:100%;height:18px;appearance:none;background:transparent;cursor:pointer;margin:13px 0 0}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#d1a46c,#566d70);border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-5px;background:#e6c696;border-radius:50%;border:3px solid #283e45;box-shadow:0 0 0 1px #b98d56}input[type=range]::-moz-range-track{height:4px;background:#647b7d}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border:3px solid #263841;border-radius:50%}.range-ends{display:flex;justify-content:space-between;color:#748b89;font-size:12px;letter-spacing:.07em;margin-top:7px}.heading-gap{margin-top:24px}.readout-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 14px;letter-spacing:.11em;font-size:12px;font-weight:700;color:#ecf1e8}.small-tag{font-size:12px;color:#9babaa;letter-spacing:.05em;font-weight:500}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#45565a;border:1px solid #42555a}.metric{min-width:0;background:#1c2d33;padding:15px 13px 12px}.metric-label{font-size:12px;color:#aec0bc;letter-spacing:.09em;white-space:nowrap}.metric strong{display:block;font-size:30px;letter-spacing:-.06em;color:#f1e6d3;margin:6px 0 1px;font-weight:580;font-variant-numeric:tabular-nums}.metric small{display:block;color:#879d9a;font-size:12px}.energy-bar{margin:17px 0}.energy-label{display:flex;justify-content:space-between;font-size:12px;color:#9eb4b2;letter-spacing:.09em}.energy-label span{color:var(--accent2)}.bar-track{height:4px;background:#354a4e;margin-top:10px;overflow:hidden}.bar-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#a07a4d,#ecbf7f);transition:width .3s}.crosscheck{display:flex;align-items:center;gap:7px;background:#233932;padding:11px 9px;color:#a9d1b1;font-size:12px;letter-spacing:.045em}.crosscheck svg{height:14px;width:14px;flex-shrink:0}.crosscheck strong{margin-left:auto;font-size:12px;color:#d9edda;white-space:nowrap}.subsystem-box{padding-top:18px;margin-top:19px;border-top:1px solid var(--line)}#subsystem{appearance:none;background:#253a40;color:#e5ece8;border:1px solid #4d6669;border-radius:4px;width:100%;padding:11px 30px 11px 11px;margin-top:13px;font-size:12px;background-image:linear-gradient(45deg,transparent 50%,#d8bb88 50%),linear-gradient(135deg,#d8bb88 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}#subsystemText{color:#9bb1b0;font-size:12px;line-height:1.6;margin:11px 0 14px;min-height:48px}.guide-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:5px}.guide-actions button{border:1px solid #657375;background:#243940;color:#dbe5de;border-radius:3px;padding:9px 3px;font-size:12px;letter-spacing:.04em}.guide-actions button:first-child{background:var(--accent);color:#18272a;font-weight:800;border-color:var(--accent)}.control-foot{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#718987;margin-top:22px}.hidden{display:none}.bottom-information{padding:92px 0 0}.story-header{display:flex;align-items:end;justify-content:space-between;gap:40px}.story-header h2,.quiz-intro h2{font-size:clamp(30px,4vw,56px);line-height:1.1;letter-spacing:-.055em;margin:15px 0 26px}.story-header>p{max-width:375px;color:#a5b9b5;font-size:14px;line-height:1.75}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.story-card{border:1px solid #334c4f;background:#17272c;min-height:275px;padding:26px;display:flex;flex-direction:column}.card-index{color:var(--accent);font-size:12px;letter-spacing:.17em}.story-card h3{font-size:27px;letter-spacing:-.04em;margin:32px 0 14px}.story-card p{color:#b3c2bc;line-height:1.8;font-size:13px}.card-foot{margin-top:auto;font-size:12px!important;letter-spacing:.08em;color:#9baba7!important}.text-button{margin-top:auto;text-align:left;background:none;border:0;border-top:1px solid #4b5d5f;padding:16px 0 0;color:var(--accent2);font-size:12px;letter-spacing:.13em;width:100%}.text-button span{float:right;font-size:18px}.science-body{margin-top:12px;background:#1b2d32;border:1px solid #496063;padding:30px}.science-body h3{font-size:13px;letter-spacing:.13em}.science-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.science-cols p{font-size:12px;line-height:1.85;color:#b9c7c2}.science-cols strong{color:#f3d2a1}.disclaimer{padding-top:18px;border-top:1px solid #42585a;color:#d0b18b;font-size:12px}.quiz{border-top:1px solid var(--line);padding:90px 0;display:grid;grid-template-columns:1fr 1.45fr;gap:55px;margin-top:90px}.quiz-intro p{max-width:350px;color:#a9b9b6;line-height:1.8}.quiz-intro #quizScore{display:inline-block;margin-top:20px;color:var(--accent);font-size:12px;letter-spacing:.13em;border:1px solid #79644a;padding:12px 16px}.quiz-questions fieldset{border:none;border-bottom:1px solid #344c50;padding:0 0 23px;margin:0 0 25px}.quiz-questions legend{font-weight:690;font-size:15px;line-height:1.5;margin-bottom:14px}.quiz-questions legend span{font-weight:400;font-family:Georgia,serif;color:var(--accent);margin-right:18px}.quiz-questions label{display:block;padding:8px 0;color:#a8bbb7;font-size:13px;cursor:pointer}.quiz-questions input{accent-color:#cfaa74;margin-right:10px}.feedback{color:#dec495;font-size:12px;margin-top:7px;min-height:0}.submit-quiz{padding:16px 22px;background:var(--accent);border:0;color:#15232b;font-size:12px;letter-spacing:.12em;font-weight:800}.submit-quiz span{padding-left:26px;font-size:18px}footer{display:flex;justify-content:space-between;gap:20px;color:#738985;font-size:12px;letter-spacing:.13em;border-top:1px solid var(--line);padding:27px 0 38px}.embed-mode{height:100vh;height:100dvh;overflow:hidden}.embed-mode .brand,.embed-mode .intro,.embed-mode .bottom-information,.embed-mode .quiz,.embed-mode footer{display:none}.embed-mode main{height:100%;max-width:none;padding:0}.embed-mode .exhibit{height:100%;min-height:0}.embed-mode .stage{min-height:0}.embed-mode .controls{max-height:100dvh}@media(max-width:1100px){main{padding:0 20px}.brand{padding:0 20px}.exhibit{grid-template-columns:minmax(0,1fr) 310px}.controls{padding:18px}.stage-hint{bottom:144px}}@media(max-width:760px){main{padding:0 13px}.brand{height:55px;padding:0 13px}.brand-logo{font-size:12px}.brand-slash{padding:0 6px}.country{display:none}.intro{padding:28px 0 21px;display:block}.intro h1{font-size:clamp(41px,10vw,60px)}.intro-tag{display:none}.dek{font-size:12px}.exhibit{display:flex;flex-direction:column;min-height:0}.stage{height:min(65vh,565px);height:min(65dvh,565px);min-height:440px}.controls{border-left:0;border-top:1px solid var(--line);padding:15px;max-height:none;overflow:visible}.controls-header{display:flex;align-items:center;justify-content:space-between}.controls-header h2{margin-bottom:8px;font-size:15px}.drawer-toggle{display:block;background:#2a4046;border:1px solid #617075;color:#d9e2df;border-radius:4px;padding:8px 11px;font-size:12px}.drawer-toggle span{margin-left:12px;color:var(--accent)}.controls #controlsBody{display:none}.controls.open #controlsBody{display:block}.stage-top{left:14px;top:15px;right:14px;font-size:12px}.mode-legend{display:none}.stage-actions{right:11px;top:44px}.tool-btn{padding:9px;min-width:32px}.tool-btn span{display:none}.stage-hint{left:14px;bottom:137px;font-size:12px}.camera-dock{left:12px;bottom:72px;padding:2px;gap:0}.camera-dock button{padding:9px;font-size:12px}.mode-tabs{height:60px}.mode-tabs button{display:flex;flex-direction:column;gap:3px;font-size:12px;text-transform:none;letter-spacing:-.025em}.mode-tabs button span{font-size:12px}.axis-label-a{left:13px;top:77px}.axis-label-b{right:13px;top:36px}.story-header{display:block}.bottom-information{padding:60px 0 0}.story-grid{grid-template-columns:1fr}.story-card{min-height:220px}.story-card h3{margin:17px 0}.science-cols{grid-template-columns:1fr;gap:0}.quiz{grid-template-columns:1fr;gap:15px;padding:50px 0;margin-top:45px}.quiz-intro h2{margin-bottom:13px}footer{display:block;font-size:12px}footer span{display:block;padding:3px 0}.embed-mode .stage{flex:1;height:auto;min-height:0}.embed-mode .controls{flex:none;padding:8px 14px}.embed-mode .controls-header h2{font-size:12px;margin:4px 0}.embed-mode .controls-header .overline{font-size:8px}.embed-mode .controls.open{max-height:55dvh;overflow:auto}.embed-mode .controls.open #controlsBody{display:block}.embed-mode .exhibit{height:100%;border:0}.embed-mode .controls:not(.open) #controlsBody{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
