:root{color-scheme:dark;--bg:#0a1018;--surface:#111b26;--panel:#121e29;--border:#263543;--text:#e5edf2;--muted:#8a9cad;--dim:#61788c;--accent:#e8a959;--teal:#67b6ba;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 28% -5%,#152432 0,transparent 45%),var(--bg);color:var(--text);font:14px/1.57 var(--sans);min-width:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #72d3d5;outline-offset:2px}button,input{-webkit-tap-highlight-color:transparent}button{transition:background .24s ease,color .24s ease,border-color .24s ease,transform .24s ease}button:active{transform:translateY(1px)}.site-header{height:70px;max-width:1640px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25313a}.brand,.header-right{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:#e5a352;color:#111821;border-radius:6px}.brand-mark svg{width:20px}.brand strong,footer strong{font-size:15px;letter-spacing:.075em;font-weight:800}.brand strong span,footer strong span{color:var(--accent)}.brand-slash{color:#607586;margin:0 4px}.brand-country,.header-right{font:600 10px/1.2 var(--mono);letter-spacing:.11em;color:#9fb0bd}.header-tag{color:#d7c6a7}.header-dot,.live-indicator,.chip-dot,.status-lamp{width:7px;height:7px;border-radius:50%;background:#68d0bd;box-shadow:0 0 0 4px #6ed1bc13}.intro{max-width:1640px;margin:auto;padding:38px 42px 36px;display:flex;justify-content:space-between;align-items:end;gap:32px}.eyebrow{font:700 10px/1.3 var(--mono);letter-spacing:.14em;color:var(--accent);margin:0 0 15px}.tiny-line{display:inline-block;width:23px;height:1px;background:var(--accent);vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3.3vw,53px);line-height:1.1;letter-spacing:-.05em;font-weight:630;margin:0 0 12px}h1 em{color:#e5a95b;font-style:normal}.lead{color:#97aabb;max-width:705px;font-size:13px;margin:0;line-height:1.8}.intro-index{min-width:104px;display:flex;flex-direction:column;text-align:right}.intro-index>span,.intro-index small{font:700 9px var(--mono);letter-spacing:.12em;color:#667f8e}.intro-index strong{font:500 39px/1.2 var(--mono);letter-spacing:-.1em}.intro-index strong span{font-size:13px;color:#697e8a;letter-spacing:0}.experience{max-width:1640px;margin:0 auto;padding:0 42px;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:15px}.scene-column{min-width:0}.scene-head{height:43px;border:1px solid var(--border);border-radius:8px 8px 0 0;background:#141e28;display:flex;align-items:center;gap:12px;padding:0 18px;font:700 10px var(--mono);letter-spacing:.08em}.scene-sub{color:#718697;margin-left:8px}.head-grow{flex:1}.scene-head>span:last-child{color:#8299a9;font:500 10px var(--mono)}.stage{height:clamp(380px,43vw,640px);background:radial-gradient(ellipse at 50% 32%,#243c4e 0%,#0a1421 74%);position:relative;overflow:hidden;border:1px solid var(--border);border-top:0}.stage canvas{height:100%;width:100%;display:block;touch-action:none;cursor:grab;position:relative;z-index:1}.stage canvas:active{cursor:grabbing}.stage-glow{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 74%,#0d1826cc 100%);z-index:2}.labels{pointer-events:none;position:absolute;inset:0;z-index:3}.leader{position:absolute;white-space:nowrap;transform:translate(10px,-16px);padding:5px 9px;border-radius:3px;font:700 10px var(--mono);background:#0a1825d9;border:1px solid #9cb9c750;box-shadow:0 8px 18px #0005;color:#d3e5e7}.leader:before{content:'';width:6px;height:6px;border-radius:50%;background:#e6aa5e;position:absolute;left:-12px;top:11px}.stage-top,.stage-bottom{position:absolute;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:12px;pointer-events:none}.stage-top{top:18px}.scene-chip{font:600 10px var(--mono);background:#0b1927e0;border:1px solid #4860708a;border-radius:5px;padding:9px 10px;color:#d8e4ed;display:flex;align-items:center;gap:10px}.scene-chip.subtle{color:#9db4bd}.chip-dot{width:5px;height:5px}.stage-bottom{bottom:20px;align-items:end}.camera-controls,.stage-actions{display:flex;align-items:center;gap:5px;pointer-events:auto}.camera-controls>span{font:700 9px var(--mono);letter-spacing:.1em;color:#90a7b5;margin-right:8px}.camera-controls button,.stage-actions button{background:#121f2de0;border:1px solid #395263;color:#b7c9d2;border-radius:5px;min-height:34px;padding:7px 10px;font:700 10px var(--mono)}.camera-controls button:hover,.stage-actions button:hover{border-color:var(--accent);color:#fff;background:#1d3242}.stage-actions button{display:flex;gap:8px;align-items:center}.stage-actions svg,.math-check svg,.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.stage-side{position:absolute;left:17px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;gap:35px;font:600 9px var(--mono);color:#728d9ca8;letter-spacing:.14em;z-index:3;pointer-events:none}.compass{position:absolute;right:20px;top:68px;z-index:4;display:flex;align-items:center;flex-direction:column;color:#829caa;font:700 9px var(--mono)}.compass b{color:#e3ad6a}.compass i{width:1px;height:25px;background:linear-gradient(#f5b66b,#425c69);transform:rotate(30deg);margin:6px}.compass span{font-size:8px;letter-spacing:.1em}.mode-bar{min-height:61px;border:1px solid var(--border);border-top:0;background:#111b26;display:flex;align-items:center;padding:0 17px;gap:18px}.mode-caption{font:700 9px var(--mono);color:#718a99;white-space:nowrap}.mode-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%}.mode-tabs button{height:39px;color:#7890a2;background:transparent;border:1px solid transparent;border-radius:4px;font:500 9px var(--mono);white-space:nowrap}.mode-tabs b{color:#b9c9d4;font:600 11px var(--sans);margin-left:5px}.mode-tabs button:hover{background:#1c2e3c}.mode-tabs button.active{background:#3a332b;border-color:#bc854c;color:#e1a45e}.mode-tabs button.active b{color:#fae1be}.mode-description{display:flex;align-items:center;gap:10px;background:#0d1924;border:1px solid var(--border);border-top:0;padding:11px 18px;border-radius:0 0 7px 7px;color:#99aebe;font-size:11px;min-height:43px}.tiny-square{width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.mode-desc-end{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.mode-desc-end span{font:500 9px var(--mono);color:#6a8594}.mode-desc-end b{font:700 10px var(--mono);color:var(--accent)}.panel-column{border:1px solid var(--border);background:linear-gradient(160deg,#15222e,#101a26);border-radius:8px;align-self:start;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 21px 13px}.panel-heading .eyebrow{font-size:9px;margin-bottom:6px}.panel-heading h2{font-size:21px;font-weight:650;letter-spacing:-.04em;margin:0}.icon-button{display:none;border:1px solid #425869;background:#192938;color:#cde0e8;border-radius:5px;width:32px;height:32px}.panel-body{padding:0 21px 22px}.control-fields{border-top:1px solid var(--border);margin-top:12px;padding-top:13px}.control-field{margin-bottom:20px}.field-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.field-top label{font-size:11px;color:#bacbd4}.field-top output{font:700 11px var(--mono);color:#f6bd76}.control-field input[type=range]{width:100%;height:5px;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#b37c43,#294450);border-radius:5px;cursor:pointer}.control-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:3px solid var(--accent);border-radius:50%;background:#0e1823;box-shadow:0 0 0 2px #0e1823}.control-field input[type=range]::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--accent);border-radius:50%;background:#0e1823}.range-end{display:flex;justify-content:space-between;margin-top:6px}.range-end small{font:500 8px var(--mono);letter-spacing:.07em;color:#668297}.section-div{display:flex;align-items:center;justify-content:space-between;margin:15px 0 13px;padding-top:18px;border-top:1px solid var(--border);font:700 9px var(--mono);letter-spacing:.07em;color:#91a5b5}.thin-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.readout{background:#0e1823;border:1px solid #2c4050;border-radius:5px;padding:10px;min-width:0;min-height:63px}.readout span{display:block;font:600 8px var(--mono);letter-spacing:.06em;color:#7e9aab;margin-bottom:9px}.readout strong{display:block;font:600 17px var(--mono);color:#e8e9e5;letter-spacing:-.07em;white-space:nowrap}.math-check{margin-top:10px;background:#12242a;border:1px solid #315157;border-radius:5px;padding:12px}.check-title{display:flex;align-items:center;gap:6px;font:600 9px var(--mono);color:#a0d6cd;letter-spacing:.04em}.check-title svg{color:#79d5bd;width:13px;height:13px}.math-check strong{display:block;font:600 15px var(--mono);margin:8px 0;color:#d1f2e7}.math-check small{display:block;color:#8daab0;font:500 9px/1.4 var(--mono)}.status-readout{display:flex;align-items:center;gap:9px;margin-top:14px;color:#bcd3d6;font-size:11px}.status-lamp{width:6px;height:6px}.estimate{font:500 9px/1.6 var(--mono);color:#7795a5;margin-top:6px}.note{font-size:11px;line-height:1.8;color:#92a8b6}.note b{color:#e9f0f0}.secondary-action,.primary-action{border-radius:5px;border:1px solid #7c633f;padding:11px 12px;width:100%;background:#392e22;color:#ffcb87;font-weight:650;font-size:11px}.secondary-action{display:flex;align-items:center;justify-content:space-between}.secondary-action:hover,.primary-action:hover{background:#554029}.primary-action{margin:-3px 0 3px;background:#8f5d27;border-color:#be8345;color:#fff}.assembly-guide,.selection-card{margin-top:13px;padding:12px;background:#142b35;border:1px solid #376775;border-radius:6px}.assembly-guide .eyebrow{display:flex;justify-content:space-between;font-size:9px}.assembly-guide strong,.selection-card strong{display:block;font-size:12px}.assembly-guide p,.selection-card p{color:#98b5be;font-size:10px;line-height:1.6;margin:6px 0}.guide-buttons{display:flex;gap:5px;margin-top:11px}.guide-buttons button{flex:1;border:1px solid #446879;background:#203c4a;color:#d6edef;border-radius:3px;font:600 10px var(--mono);padding:8px}.selection-top{display:flex;justify-content:space-between;align-items:center;font:600 9px var(--mono);color:#8dbabe;margin-bottom:9px}.selection-top button{background:transparent;border:0;color:#bde7e5;font-size:20px}.selection-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#759ba5;font:500 9px var(--mono)}.small-button{display:inline-block;margin-top:14px;color:#93a7b5;background:transparent;border:1px solid #3d5060;padding:7px 9px;border-radius:4px;font:600 9px var(--mono)}.content-zone{max-width:1640px;margin:43px auto 0;padding:0 42px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-block{background:linear-gradient(145deg,#141f29,#0f1922);border:1px solid #253642;padding:27px 26px 23px;min-height:230px;border-radius:6px}.info-block .eyebrow{font-size:9px}.info-block h2{font-size:22px;letter-spacing:-.035em;line-height:1.23;margin-bottom:13px}.info-block p{color:#9bb0bb;font-size:12px;line-height:1.8}.info-fine{font:500 10px/1.6 var(--mono);color:#7791a2}.learning,.quiz{margin-top:18px;background:#101b25;border:1px solid #283944;border-radius:6px;padding:27px 29px}.science-heading,.quiz-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.science-heading h2,.quiz h2{font-size:23px;letter-spacing:-.035em;margin:0}.science-heading .eyebrow{margin-bottom:7px}.science-heading button{border:1px solid #40515b;color:#d3dfde;background:#182630;border-radius:4px;font:600 10px var(--mono);padding:10px 13px}.science-heading button span{color:var(--accent);margin-left:7px}.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:27px;border-top:1px solid var(--border);padding-top:20px}.science-grid h3{font-size:14px}.science-grid p,.official-line{color:#9bb1b8;font-size:12px;line-height:1.85}.official-line{padding:10px 0 0;border-top:1px solid var(--border)}.quiz{margin-top:18px}.quiz .eyebrow{margin-bottom:7px}.quiz-heading span{font:600 9px var(--mono);color:#8299ab}.quiz-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.question{border:1px solid #2b4050;background:#0c1722;padding:18px;border-radius:5px}.question>b{color:var(--accent);font:600 10px var(--mono)}.question h3{font-size:13px;line-height:1.6;min-height:43px;margin:10px 0}.quiz-answer{display:block;width:100%;text-align:left;background:#172838;color:#b6c6d2;border:1px solid #344958;border-radius:4px;padding:9px;margin-top:7px;font-size:11px}.quiz-answer:hover{border-color:#b28952}.quiz-answer.correct{border-color:#60bcb0;background:#1d4143;color:#cdf4ea}.quiz-answer.incorrect{border-color:#ce6c6c;background:#472d34;color:#ffe0df}.quiz-feedback{font-size:11px;color:#a5c2c5;margin:10px 0 0;min-height:22px}footer{max-width:1640px;margin:40px auto 0;border-top:1px solid #22333e;padding:28px 42px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7a91a0;font:500 9px/1.6 var(--mono)}footer>div{display:flex;align-items:center;gap:18px}footer>div span{letter-spacing:.1em}footer p{margin:0}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .site-header,body.embed-mode .intro,body.embed-mode .content-zone,body.embed-mode footer{display:none}body.embed-mode main,body.embed-mode .experience{height:100%}body.embed-mode .experience{padding:6px;max-width:none}body.embed-mode .scene-column{display:flex;flex-direction:column;min-height:0}body.embed-mode .stage{height:auto;flex:1;min-height:0}body.embed-mode .panel-column{max-height:100%;overflow-y:auto}body.embed-mode .mode-description{flex-shrink:0}body.embed-mode .mode-bar{flex-shrink:0}
@media(max-width:1120px){.experience{grid-template-columns:minmax(0,1fr) 290px;gap:10px;padding:0 20px}.site-header,.intro,.content-zone,footer{padding-left:20px;padding-right:20px}.panel-heading{padding:17px}.panel-body{padding:0 17px 17px}.mode-caption{display:none}.stage-actions button span{display:none}}
@media(max-width:780px){.site-header{height:58px}.brand-country,.header-right{display:none}.intro{padding-top:24px;padding-bottom:23px}.intro-index{display:none}.experience{display:flex;flex-direction:column;padding:0 12px;gap:11px}.stage{height:min(70vh,530px);min-height:360px}.scene-head{height:39px}.scene-sub,.scene-chip.subtle{display:none}.scene-head>span:last-child{font-size:8px}.mode-bar{padding:7px 5px;overflow:hidden}.mode-tabs{gap:1px}.mode-tabs button{height:42px;font-size:8px;white-space:normal;line-height:1.25}.mode-tabs b{display:block;font-size:10px;margin:3px 0 0}.mode-description{padding:10px 12px}.panel-column{width:100%}.icon-button{display:grid;place-items:center}.panel-heading{padding:14px 17px}.panel-body{display:block}.panel-column.collapsed .panel-body{display:none}.panel-column.collapsed .icon-button svg{transform:rotate(-90deg)}.control-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0}.control-field{margin-bottom:4px}.field-top{flex-wrap:wrap;gap:4px}.field-top label{font-size:10px}.readout-grid{grid-template-columns:repeat(3,1fr)}.stage-bottom{bottom:14px;left:10px;right:10px}.camera-controls{gap:2px}.camera-controls button,.stage-actions button{padding:7px 6px;font-size:9px;min-height:30px}.camera-controls>span{display:none}.content-zone{padding:0 12px;margin-top:18px}.info-grid,.science-grid,.quiz-questions{grid-template-columns:1fr}.info-block{min-height:unset}.learning,.quiz{padding:19px}.quiz-heading{align-items:start}.quiz-heading span{display:none}.science-heading{flex-wrap:wrap}.science-grid{gap:10px}.question h3{min-height:unset}.stage-side,.compass{display:none}body.embed-mode .experience{padding:0;gap:0}body.embed-mode .panel-column{max-height:39vh;overflow:auto}body.embed-mode .panel-column.collapsed{max-height:62px}body.embed-mode .stage{min-height:0;height:auto}body.embed-mode .panel-heading{padding:10px}}
@media(max-width:420px){.intro h1{font-size:31px}.lead{font-size:12px}.scene-head{padding:0 11px}.stage{height:52vh;min-height:310px}.compass{right:9px;top:55px}.stage-top{left:8px;top:8px}.scene-chip{font-size:8px;padding:7px}.stage-bottom{flex-wrap:wrap}.stage-actions{margin-left:auto}.mode-tabs b{font-size:9px}.mode-desc-end span{display:none}.panel-heading h2{font-size:20px}.control-fields{grid-template-columns:1fr 1fr}.readout-grid{grid-template-columns:1fr 1fr}.info-block h2{font-size:19px}.readout strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:780px){footer{flex-wrap:wrap;justify-content:flex-start;gap:9px}footer>div{flex-wrap:wrap;gap:9px}footer>span{max-width:100%;overflow-wrap:anywhere}}