:root{--bg:#080c18;--surface:#101728;--line:#26324a;--text:#f4f3ee;--muted:#8f9ab0;--cyan:#7ce7df;--coral:#ff806d;--yellow:#f3d06b;--serif:"Noto Serif SC",serif;--sans:"Manrope","Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}.secondary-action{background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:13px 16px;cursor:pointer;font:600 13px var(--sans)}.world-card-button{font:inherit;text-align:left;color:inherit;width:100%;cursor:pointer}.world-card:focus-visible,.filter:focus-visible,.secondary-action:focus-visible,.path-card:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-open{overflow:hidden}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 clamp(24px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:3}.brand{color:var(--text);text-decoration:none;font-weight:700;font-size:19px;display:flex;gap:11px;align-items:center}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.12em}.brand-mark{color:var(--cyan);font-size:25px}nav{display:flex;gap:30px}nav a,.text-link{color:var(--muted);text-decoration:none;font-size:13px;transition:.2s}nav a:hover,.text-link:hover{color:var(--text)}.icon-btn{background:none;border:1px solid var(--line);color:var(--muted);width:36px;height:36px;border-radius:50%;cursor:pointer}.hero{max-width:1440px;margin:auto;min-height:650px;padding:78px clamp(24px,7vw,104px) 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow{font:11px var(--mono);color:var(--cyan);letter-spacing:.13em;margin-bottom:22px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:7px;box-shadow:0 0 14px var(--coral)}h1{font:600 clamp(45px,6vw,82px)/1.14 var(--serif);letter-spacing:-.08em;margin:0 0 25px}h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:27px}.primary{border:0;border-radius:8px;background:var(--cyan);color:#07151b;padding:14px 20px;font:700 13px var(--sans);cursor:pointer;transition:.25s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7ce7df38}.text-link{border-bottom:1px solid var(--line);padding-bottom:5px}.cosmos-stage{height:500px;position:relative;cursor:grab;user-select:none}.planet{position:absolute;width:min(30vw,330px);height:min(30vw,330px);min-width:230px;min-height:230px;right:9%;top:82px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#8db9b5,#527d8c 26%,#1d3b59 62%,#0a162d);box-shadow:inset -38px -25px 65px #030816,inset 12px 10px 35px #c8fff540,0 0 70px #4b90b533;transition:transform .15s}.planet-glow{position:absolute;inset:-16px;border-radius:50%;border:1px solid #7ce7df3d;box-shadow:0 0 25px #7ce7df1f}.continent{position:absolute;background:#84a98e;opacity:.4;filter:blur(2px);border-radius:52% 48% 44% 56%}.c1{width:85px;height:50px;left:32px;top:75px;transform:rotate(-20deg)}.c2{width:110px;height:38px;right:35px;top:145px;transform:rotate(16deg)}.c3{width:54px;height:80px;left:110px;bottom:35px;transform:rotate(35deg)}.orbit{position:absolute;border:1px solid #7ce7df29;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:450px;height:220px;right:-7px;top:148px}.orbit-b{width:520px;height:290px;right:-45px;top:111px;transform:rotate(58deg)}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}.s1{top:16%;right:20%}.s2{top:30%;right:2%;width:2px;height:2px}.s3{top:70%;right:17%}.s4{top:54%;left:12%;width:2px;height:2px}.s5{top:15%;left:30%;background:var(--coral)}.stage-label{position:absolute;right:2%;bottom:27px;text-align:right}.stage-label span{font:10px var(--mono);color:var(--muted);display:block}.stage-label b{font:14px var(--serif);font-weight:500}.section,.path-section{max-width:1440px;margin:auto;padding:78px clamp(24px,7vw,104px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{font:600 34px var(--serif);letter-spacing:-.06em;margin:0}.controls{display:flex;gap:7px;flex-wrap:wrap}.filter{background:none;border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:8px 13px;font-size:12px;cursor:pointer}.filter.active,.filter:hover{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.filter small{font:10px var(--mono);opacity:.7}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.world-card{min-height:270px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,var(--surface),#0d1425);position:relative;overflow:hidden;cursor:pointer;transition:.35s}.world-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 18px 40px #00000038}.world-card:after{content:"";position:absolute;width:200px;height:200px;right:-50px;top:-80px;border-radius:50%;background:var(--card-color);opacity:.16;filter:blur(14px)}.card-top,.card-bottom{position:relative;z-index:1}.card-top{display:flex;justify-content:space-between}.card-no{font:11px var(--mono);color:var(--muted)}.card-icon{font-size:42px;filter:drop-shadow(0 0 12px var(--card-color))}.card-tag,.path-tag{font:10px var(--mono);color:var(--card-color);letter-spacing:.1em}.world-card h3{font:600 22px var(--serif);margin:0 0 8px}.world-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0;max-width:280px}.path-section{border-top:1px solid #ffffff12}.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.path-card{padding:27px;background:linear-gradient(130deg,#182b3d,#0e1829);border-radius:10px;display:grid;grid-template-columns:60px 1fr 30px;gap:10px}.path-card.coral{background:linear-gradient(130deg,#3a2530,#151827)}.path-no{font:23px var(--mono);color:var(--cyan)}.path-card h3{font:24px var(--serif);margin:0 0 9px}.path-card p:not(.path-tag){font-size:12px;color:var(--muted);margin:0 0 19px}.progress{height:3px;background:var(--line);margin-bottom:8px}.progress span{display:block;height:100%;background:var(--cyan)}.path-card small{font:10px var(--mono);color:var(--muted)}.quote{text-align:center;padding:120px 24px}.quote-mark{font:70px Georgia;color:var(--coral);height:65px}.quote blockquote{font:500 clamp(27px,4vw,48px)/1.45 var(--serif);letter-spacing:-.06em;margin:0}.quote p{font:11px var(--mono);color:var(--muted);margin-top:25px}footer{padding:27px clamp(24px,7vw,104px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.modal{position:fixed;inset:0;background:#03060fd4;backdrop-filter:blur(15px);z-index:20;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#111a2c;border:1px solid #31415d;border-radius:14px;padding:30px;position:relative}.close{position:absolute;right:20px;top:15px;background:none;border:0;color:var(--muted);font-size:28px;cursor:pointer}.modal-meta{color:var(--cyan);font:10px var(--mono);letter-spacing:.12em;margin-bottom:14px}.modal-card h2{font:600 30px var(--serif);margin:0 0 8px}.modal-card>p{color:var(--muted);font-size:13px;margin:0 0 20px}.sim-wrap{background:#07101e;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--line)}#simCanvas{width:100%;height:300px;display:block}.sim-hint{position:absolute;left:15px;top:13px;color:var(--muted);font:10px var(--mono)}.sim-controls{display:flex;gap:15px;flex-wrap:wrap;padding:17px 0}.sim-controls label{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.sim-controls input{accent-color:var(--cyan)}.modal-foot{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-foot span{font:11px var(--mono);color:var(--yellow)}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.cosmos-stage{height:390px}.planet{right:17%;top:50px}.world-grid{grid-template-columns:1fr 1fr}.paths{grid-template-columns:1fr}.section-head{display:block}.controls{margin-top:20px}}@media(max-width:520px){h1{font-size:46px}.world-grid{grid-template-columns:1fr}.modal-card{padding:23px}.modal-foot{align-items:flex-start;flex-direction:column}footer{display:block;line-height:2.2}}.geo-intro{max-width:1440px;margin:0 auto;padding:88px clamp(24px,7vw,104px);display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;background:radial-gradient(circle at 80% 45%,#22405244,transparent 36%)}.geo-intro-copy h2{font:600 clamp(34px,4.5vw,62px)/1.16 var(--serif);letter-spacing:-.07em;margin:0 0 22px}.geo-intro-copy h2 em{font-style:normal;color:var(--cyan)}.geo-intro-copy>p{max-width:580px;color:var(--muted);line-height:1.9;font-size:15px}.geo-stats{display:flex;gap:36px;margin-top:35px}.geo-stats div{border-left:1px solid var(--line);padding-left:14px}.geo-stats b{display:block;font:28px var(--mono);color:var(--cyan)}.geo-stats span{color:var(--muted);font-size:11px}.geo-cutaway{width:min(430px,85vw);height:430px;margin:auto;position:relative;border-radius:50%;background:#263c55;box-shadow:0 0 0 1px #7ce7df22,0 0 100px #7ce7df1d;overflow:hidden}.geo-layer{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.layer-a{width:94%;height:94%;background:#9b684f}.layer-b{width:74%;height:74%;background:#c5905d}.layer-c{width:50%;height:50%;background:#d66859}.layer-d{width:25%;height:25%;background:#f3d06b;box-shadow:0 0 35px #f3d06b88}.geo-core{position:absolute;inset:0;background:linear-gradient(105deg,transparent 48%,#07101e 49%,#07101e 51%,transparent 52%);z-index:4;opacity:.5}.geo-label{position:absolute;z-index:5;font:10px var(--mono);color:#07101e;background:#f4f3eecc;padding:5px 8px;border-radius:3px}.label-crust{top:17%;left:5%}.label-mantle{top:44%;right:4%}.label-core{bottom:22%;left:3%}.label-inner{bottom:13%;right:11%}.chapter-section{padding-top:45px}.chapter-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.chapter-head h2{margin-bottom:9px}.chapter-head p{margin:0;color:var(--muted);font-size:13px}.chapter-progress{width:180px}.chapter-progress span{display:block;font:10px var(--mono);color:var(--muted)}.chapter-progress b{display:block;font:28px var(--mono);color:var(--cyan);margin:5px 0 9px}.chapter-progress div{height:4px;background:var(--line)}.chapter-progress i{display:block;width:0;height:100%;background:var(--cyan)}.world-card .card-action{display:block;margin-top:16px;font:10px var(--mono);color:var(--cyan);opacity:.75}.world-card .card-action b{font-size:16px;margin-left:6px}.lab-header{display:flex;justify-content:space-between;gap:25px;padding-right:30px}.lab-header h2{margin-bottom:8px}.lab-badge{border:1px solid #7ce7df55;color:var(--cyan);font:10px var(--mono);letter-spacing:.1em;text-align:center;padding:9px 13px;height:fit-content}.lab-badge b{font-size:16px}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:16px}.lab-notes{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:18px}.lab-notes small{display:block;color:var(--muted);font:10px var(--mono);margin-bottom:7px}.lab-notes b{font:15px var(--serif);line-height:1.4}.lab-notes strong{color:var(--cyan);font:13px var(--mono)}.lab-notes p{font-size:11px;line-height:1.65;color:var(--yellow);margin:0}.lab-tip{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px;line-height:1.6}.mini{padding:9px 13px}.control-note,.sim-controls>span{font-size:11px;color:var(--muted)}select{background:#17243a;color:var(--text);border:1px solid var(--line);padding:9px;border-radius:5px}.modal-card{width:min(850px,100%)}@media(max-width:800px){.geo-intro{grid-template-columns:1fr;padding-top:60px}.geo-cutaway{height:330px;width:330px}.chapter-head{display:block}.chapter-progress{margin-top:22px}.lab-layout{grid-template-columns:1fr}.lab-notes{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr}.lab-tip{grid-column:1/-1}}.volcano-page{background:#07101e;color:#f4f3ee}.volcano-nav{height:70px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #ffffff12;background:linear-gradient(#07101ed9,transparent)}.back-link{color:#f4f3ee;text-decoration:none;font:14px var(--serif)}.back-link span{color:#8f9ab0;font:10px var(--mono);margin-left:8px}.world-index,.sound-btn{font:10px var(--mono);color:#8f9ab0}.sound-btn{background:none;border:1px solid #ffffff22;border-radius:20px;color:#f4f3ee;padding:8px 12px}.volcano-stage{height:calc(100vh + 1400px);min-height:1800px;position:relative;overflow:hidden;isolation:isolate}.volcano-stage:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07101eb8,transparent 55%),linear-gradient(0deg,#07101e 0%,transparent 35%);pointer-events:none}.volcano-stage canvas{position:sticky;top:0;width:100%;height:100vh;display:block}.scene-copy{position:absolute;z-index:3;top:31vh;left:clamp(24px,9vw,145px);width:min(500px,70vw);opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s;pointer-events:none}.scene-copy.is-active{opacity:1;transform:none}.scene-copy-main{top:25vh}.scene-copy h1{font:600 clamp(42px,6vw,82px)/1.12 var(--serif);letter-spacing:-.08em;margin:15px 0 23px}.scene-copy h1 em,.scene-copy h2 em{font-style:normal;color:#ff9b72}.scene-copy h2{font:600 clamp(31px,4vw,56px)/1.2 var(--serif);letter-spacing:-.07em;margin:15px 0}.scene-copy p{color:#b9c1ce;font-size:15px;line-height:1.9}.scene-kicker{color:#7ce7df;font:10px var(--mono);letter-spacing:.14em}.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:48px;color:#8f9ab0;font:10px var(--mono)}.scroll-cue i{display:block;width:22px;height:35px;border:1px solid #7ce7df88;border-radius:14px;position:relative}.scroll-cue i:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:#7ce7df;left:8px;top:7px;animation:scrollDot 1.5s infinite}.scene-meter{position:fixed;z-index:5;right:clamp(18px,4vw,64px);bottom:45px;width:150px}.meter-count{font:11px var(--mono);display:flex;justify-content:space-between;color:#8f9ab0}.meter-count b{font-size:21px;color:#f4f3ee}.meter-line{height:2px;background:#ffffff35;margin:9px 0}.meter-line i{display:block;height:100%;width:20%;background:#7ce7df;transition:.4s}.meter-label{font:10px var(--mono);color:#8f9ab0}.data-chip{position:fixed;z-index:5;left:clamp(20px,5vw,72px);bottom:45px;color:#8f9ab0;font:10px var(--mono);display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#ff806d;box-shadow:0 0 10px #ff806d}.volcano-controls{margin-top:25px;width:min(360px,100%);padding:18px 0;border-top:1px solid #ffffff2a}.volcano-controls label{display:grid;grid-template-columns:1fr 35px;gap:10px;color:#b9c1ce;font:11px var(--mono);margin:14px 0}.volcano-controls output{color:#ff9b72;text-align:right}.volcano-controls input{grid-column:1/-1;accent-color:#ff806d;width:100%}.volcano-explain,.sources{padding:150px clamp(24px,10vw,160px);display:grid;grid-template-columns:100px minmax(0,700px);gap:40px;background:#07101e}.explain-index{color:#ff9b72;font:34px var(--mono)}.explain-index small{font-size:9px;color:#8f9ab0}.volcano-explain h2,.sources h2{font:600 clamp(34px,5vw,64px)/1.18 var(--serif);letter-spacing:-.07em;margin:15px 0 25px}.volcano-explain h2 em{font-style:normal;color:#7ce7df}.volcano-explain p,.sources p{font-size:15px;line-height:2;color:#9da8b9;max-width:650px}.formula-row{display:flex;align-items:stretch;gap:15px;margin-top:50px}.formula-row>div:not(.formula-arrow){border:1px solid #ffffff1b;padding:17px;min-width:130px}.formula-row b{display:block;color:#f4f3ee;font:15px var(--serif);margin-bottom:8px}.formula-row span{display:block;color:#8f9ab0;font-size:11px;line-height:1.6}.formula-arrow{align-self:center;color:#ff9b72;font-size:22px}.formula-result{border-color:#ff806d!important;background:#ff806d12}.sources{grid-template-columns:1fr 1fr;border-top:1px solid #ffffff12;gap:80px}.source-links{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.source-links span{border:1px solid #ffffff20;border-radius:20px;padding:9px 13px;font:10px var(--mono);color:#8f9ab0}@keyframes scrollDot{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}@media(max-width:700px){.world-index{display:none}.scene-copy{left:24px;width:calc(100% - 48px);top:25vh}.scene-copy-main{top:19vh}.scene-copy h1{font-size:46px}.scene-meter{right:20px;bottom:22px}.data-chip{left:20px;bottom:24px}.volcano-explain,.sources{display:block;padding:90px 24px}.explain-index{margin-bottom:35px}.formula-row{display:grid;grid-template-columns:1fr 20px 1fr}.formula-result{grid-column:1/-1}.formula-arrow{font-size:17px}.sources p{margin-top:25px}.source-links{margin-top:30px}}.volcano-stage{height:100svh;min-height:620px;position:relative;overflow:hidden;isolation:isolate;overscroll-behavior:contain}.volcano-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-copy{top:50%;transform:translateY(calc(-50% + 18px))}.scene-copy.is-active{transform:translateY(-50%)}.scene-copy-main{top:43%}.continue-btn{display:block;margin-top:22px;background:none;border:1px solid #7ce7df66;border-radius:20px;color:#7ce7df;padding:10px 15px;font:11px var(--mono);cursor:pointer}.continue-btn:hover{background:#7ce7df18}.scene-copy.is-active{pointer-events:auto}.volcano-controls,.volcano-controls label,.volcano-controls input{position:relative;z-index:12;pointer-events:auto}.volcano-controls input{cursor:ew-resize;touch-action:pan-y}.modal{padding:0;background:#03060ff2}.modal-card{width:100%;height:100svh;max-height:none;border:0;border-radius:0;padding:clamp(24px,4vw,64px);background:#0b1424;display:flex;flex-direction:column;overflow:hidden}.modal-card .close{top:clamp(18px,3vw,42px);right:clamp(20px,4vw,64px);z-index:4;width:44px;height:44px;border:1px solid #ffffff22;border-radius:50%;font-size:26px}.lab-header{padding-right:70px;min-height:105px;align-items:start}.lab-header h2{font-size:clamp(30px,4vw,58px);letter-spacing:-.07em}.lab-header p{max-width:720px}.lab-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.lab-layout>div{min-height:0;display:flex;flex-direction:column}.sim-wrap{flex:1;min-height:260px;border-radius:14px;background:#050d19;box-shadow:inset 0 0 0 1px #ffffff15,0 25px 80px #00000045}.sim-wrap #simCanvas{width:100%;height:100%;min-height:260px}.sim-controls{min-height:70px;padding:20px 0 0}.lab-notes{padding:25px 0 0 25px;border-left:1px solid #ffffff18;gap:30px}.lab-notes>div{padding-bottom:18px;border-bottom:1px solid #ffffff14}.lab-notes b,.lab-notes strong{font-size:18px}.lab-notes p{font-size:13px;line-height:1.8}.lab-tip{border:0!important}.modal-foot{min-height:58px;padding-top:16px}.modal-foot span{color:#738199}.world-card{min-height:300px}.world-card:hover{transform:translateY(-7px)}@media(max-width:760px){.modal-card{padding:20px}.lab-header{min-height:135px;padding-right:48px}.lab-layout{display:flex;flex-direction:column;gap:8px}.sim-wrap{height:48vh;flex:none}.sim-wrap #simCanvas{height:100%;min-height:0}.lab-notes{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #ffffff18;padding:15px 0 0;gap:12px}.lab-notes>div{padding-bottom:8px}.lab-notes .lab-tip{display:none}.modal-foot{min-height:50px}.modal-foot .primary{padding:10px 13px}}.story-page{background:#07101e;color:#f4f3ee;min-height:100svh}.story-nav{position:fixed;z-index:10;inset:0 0 auto;height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#07101ee8,transparent)}.story-nav a{color:#f4f3ee;text-decoration:none;font:14px var(--serif)}.story-nav small{font:10px var(--mono);color:#8f9ab0;margin-left:10px}.story-nav span,.story-nav button{font:10px var(--mono);color:#8f9ab0}.story-nav button{background:none;border:1px solid #ffffff25;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.story-stage{height:100svh;min-height:620px;position:relative;overflow:hidden;overscroll-behavior:contain}.story-stage canvas{position:absolute;inset:0;width:100%;height:100%}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07101ec4,transparent 60%),linear-gradient(0deg,#07101e,transparent 45%);pointer-events:none}.story-copy{position:absolute;z-index:3;left:clamp(24px,9vw,145px);top:50%;width:min(530px,70vw);opacity:0;transform:translateY(calc(-50% + 25px));transition:.65s ease;pointer-events:none}.story-copy.active{opacity:1;transform:translateY(-50%);pointer-events:auto}.story-copy small{color:#7ce7df;font:10px var(--mono);letter-spacing:.14em}.story-copy h1,.story-copy h2{font:600 clamp(43px,6vw,82px)/1.13 var(--serif);letter-spacing:-.08em;margin:17px 0 24px}.story-copy h2{font-size:clamp(34px,4.5vw,62px)}.story-copy p{color:#b9c1ce;font-size:15px;line-height:1.9}.scroll-prompt{display:block;margin-top:48px;color:#8f9ab0;font:11px var(--mono)}.story-control{border-top:1px solid #ffffff25;margin-top:25px;padding-top:17px}.story-control label{display:grid;grid-template-columns:1fr 45px;gap:10px;color:#b9c1ce;font:11px var(--mono)}.story-control input{grid-column:1/-1;width:100%;accent-color:#7ce7df}.story-copy button{border:1px solid #7ce7df66;background:transparent;border-radius:22px;color:#7ce7df;padding:11px 16px;margin-top:18px;font:11px var(--mono);cursor:pointer}.story-progress{position:fixed;z-index:5;right:clamp(20px,5vw,70px);bottom:44px;width:165px;font:11px var(--mono);color:#8f9ab0}.story-progress b{font-size:22px;color:#f4f3ee}.story-progress>span{margin-left:5px}.story-progress>i{display:block;height:2px;background:#ffffff30;margin:10px 0}.story-progress em{display:block;width:25%;height:100%;background:#7ce7df;transition:.5s}.story-progress small{font-size:10px}.story-live{position:fixed;z-index:5;left:clamp(20px,5vw,70px);bottom:44px;color:#8f9ab0;font:10px var(--mono)}.story-live:first-letter{color:#ff806d}.story-notes{min-height:65vh;padding:140px clamp(24px,12vw,180px);border-top:1px solid #ffffff14}.story-notes h2{font:600 clamp(35px,5vw,70px) var(--serif);margin:15px 0}.story-notes p{max-width:650px;color:#9da8b9;line-height:2;font-size:15px}.story-notes small{font:10px var(--mono);color:#7ce7df}@media(max-width:700px){.story-copy{left:24px;width:calc(100% - 48px)}.story-copy h1{font-size:47px}.story-progress{right:20px;bottom:22px}.story-live{left:20px;bottom:24px}.story-nav span{display:none}}.story-stage{perspective:1100px;transform-style:preserve-3d}.depth-scene{position:absolute;inset:-12%;z-index:0;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.2,0,0,1);pointer-events:none}.depth-layer{position:absolute;inset:8%;border-radius:50%;transform-style:preserve-3d;filter:blur(1px)}.depth-back{transform:translateZ(-160px) scale(1.3);background:radial-gradient(ellipse at 55% 58%,#315b6a 0 10%,transparent 38%),radial-gradient(ellipse at 30% 70%,#28364e,transparent 55%);opacity:.6}.depth-mid{transform:translateZ(-60px) rotateX(58deg) rotate(-8deg);background:repeating-radial-gradient(ellipse at 55% 65%,#7ce7df22 0 2px,transparent 3px 36px);opacity:.55}.depth-front{transform:translateZ(80px) scale(.76);background:radial-gradient(ellipse at 55% 70%,#ff806d55 0 2%,transparent 25%),linear-gradient(145deg,transparent 45%,#ff9b5524 46% 50%,transparent 51%);mix-blend-mode:screen}.depth-orb{position:absolute;width:180px;height:180px;left:58%;top:48%;border-radius:50%;transform:translateZ(150px);background:radial-gradient(circle at 30% 25%,#f8d58b,#ba674f 35%,#351e2d 75%);box-shadow:0 0 70px #ff806d55,inset -30px -25px 35px #080b19;opacity:.85}.story-stage canvas{z-index:1}.story-shade{z-index:2}.story-copy,.story-progress,.story-live{z-index:4}@media(max-width:700px){.depth-orb{width:110px;height:110px;left:52%;top:55%}.depth-mid{transform:translateZ(-40px) rotateX(58deg)}}.volcano-stage{perspective:1200px}.volcano-stage canvas{transform:translateZ(0);transition:transform .18s ease}.volcano-stage:hover canvas{transform:translateZ(18px) scale(1.015)}.story-stage canvas{transform:translateY(var(--story-pan,0)) scale(var(--story-zoom,1));transition:transform 1s cubic-bezier(.2,0,0,1),filter 1s}.story-page[data-step="0"] .depth-scene{filter:saturate(.7) brightness(.7)}.story-page[data-step="1"] .depth-scene{filter:saturate(1) brightness(.9);transform:scale(1.05)}.story-page[data-step="2"] .depth-scene{filter:saturate(1.35) brightness(1.08);transform:scale(1.12)}.story-page[data-step="3"] .depth-scene{filter:saturate(1.55) brightness(1.18);transform:scale(1.2)}.story-page[data-step="2"] .story-shade{background:linear-gradient(90deg,#07101e8a,transparent 60%),linear-gradient(0deg,#07101e,transparent 45%)}.story-page[data-step="3"] .story-shade{background:linear-gradient(90deg,#07101e99,transparent 60%),linear-gradient(0deg,#07101e,transparent 45%)}:root{--story-spring:cubic-bezier(.22,1,.36,1);--story-glass:rgba(18,28,43,.58)}.story-nav{background:linear-gradient(180deg,#07101ec7,#07101e2e);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}.story-nav a,.story-nav button{transition:transform .3s var(--story-spring),background .2s ease,color .2s ease}.story-nav a:hover{transform:translate(4px)}.story-nav button:hover{background:#ffffff1f;color:#fff;transform:scale(1.04)}.story-nav button:active{transform:scale(.96)}.story-copy{transition:opacity .42s ease,transform .62s var(--story-spring)}.story-copy h1,.story-copy h2{font-optical-sizing:auto;letter-spacing:-.055em}.story-copy p{letter-spacing:-.005em}.story-copy button,.story-control input{transition:transform .2s var(--story-spring),background .2s ease,box-shadow .2s ease}.story-copy button:hover{background:#7ce7df1f;box-shadow:0 8px 28px #7ce7df1f}.story-copy button:active{transform:scale(.97)}.story-control{background:#ffffff09;backdrop-filter:blur(16px);padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px}.story-control input{height:4px;cursor:ew-resize}.story-control input:focus-visible{outline:3px solid rgba(124,231,223,.4);outline-offset:7px}.story-notes{background:linear-gradient(180deg,#07101e,#0b1728)}.story-notes .primary{min-height:44px}.story-page[data-id=g01] .depth-scene{filter:saturate(.78) contrast(1.05)}.story-page[data-id=g01] .depth-orb{background:radial-gradient(circle at 30% 25%,#d9c18e,#8c6a55 38%,#263a49 78%);box-shadow:0 0 80px #7ce7df29,inset -30px -25px 35px #080b19}@media(prefers-reduced-motion:reduce){.story-copy,.story-stage canvas,.depth-scene{transition:opacity .2s ease!important;transform:none!important}.story-copy button,.story-nav a,.story-nav button{transition:none}.story-stage canvas{animation:none!important}}.volcano-page{background:#070d18}.volcano-stage{background:#07101e}.volcano-nav{background:linear-gradient(180deg,rgba(7,13,24,.82),transparent);backdrop-filter:blur(24px) saturate(140%)}.scene-copy{transition:opacity .45s ease,transform .7s cubic-bezier(.22,1,.36,1)}.scene-copy h1,.scene-copy h2{letter-spacing:-.06em}.volcano-controls{background:#080f1b8c;backdrop-filter:blur(22px) saturate(145%);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 20px;box-shadow:0 18px 45px #00000038}.volcano-controls input{height:4px;cursor:ew-resize}.volcano-controls input:focus-visible{outline:3px solid #ff9b7270;outline-offset:7px}.data-chip,.scene-meter{background:#080f1b75;backdrop-filter:blur(18px);padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:18px}.data-chip{left:clamp(20px,5vw,72px);bottom:45px}.scene-meter{right:clamp(20px,5vw,72px);bottom:38px}.restart-btn,.continue-btn{transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}.restart-btn:hover,.continue-btn:hover{background:#7ce7df18;transform:translateY(-2px)}.restart-btn:active,.continue-btn:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.scene-copy{transition:opacity .2s}.volcano-stage canvas{transform:none!important}}.volcano-page{background:#f4efe5;color:#263f4c}.volcano-nav{color:#263f4c;background:linear-gradient(#f4efe5ee,#f4efe500);border:0;backdrop-filter:none}.back-link{color:#263f4c}.back-link span,.world-index,.sound-btn{color:#58747a}.sound-btn{border-color:#58747a44;color:#263f4c}.volcano-stage{background:#f4efe5;--mx:0px;--my:0px}.volcano-stage canvas{transform:translate3d(var(--mx),var(--my),0);transition:transform .18s ease-out}.volcano-stage:after{background:linear-gradient(90deg,#f4efe5aa,transparent 62%),linear-gradient(0deg,#f4efe5,transparent 38%)}.scene-copy{color:#263f4c}.scene-copy p{color:#58747a}.scene-copy h1 em,.scene-copy h2 em{color:#ef7452}.scene-kicker{color:#2d7e7b}.volcano-controls{background:#fff8;border:2px solid #263f4c1f;border-radius:18px;box-shadow:4px 5px #263f4c18;backdrop-filter:none}.volcano-controls input{accent-color:#ef7452}.scene-meter,.data-chip{background:#fffa;border:2px solid #263f4c20;color:#263f4c;backdrop-filter:none}.meter-line{background:#263f4c30}.meter-line i{background:#ef7452}.live-dot{background:#ef7452;box-shadow:none}.continue-btn,.restart-btn{border-color:#263f4c55;color:#263f4c}.volcano-explain,.sources{background:#f4efe5;color:#263f4c}.volcano-explain p,.sources p{color:#58747a}.formula-row>div:not(.formula-arrow){border-color:#263f4c25;background:#fff5}.formula-result{background:#ef745218!important;border-color:#ef7452!important}@media(prefers-reduced-motion:reduce){.volcano-stage canvas{transform:none}.scene-copy{transition:opacity .2s}}.volcano-page{background:#f4efe5!important}.volcano-stage canvas{mix-blend-mode:multiply}.ash-layer{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 42px,rgba(38,63,76,.035) 43px 44px);z-index:2}.volcano-stage:before{content:"FIELD NOTE / VOLCANOLOGY";position:absolute;z-index:6;right:28px;top:105px;writing-mode:vertical-rl;color:#263f4c77;font:9px var(--mono);letter-spacing:.14em}.volcano-stage>[data-scene],.scene-copy{position:absolute}.flat-world{position:absolute;inset:0;z-index:0;overflow:hidden;--vx:0px;--vy:0px}.flat-sun{position:absolute;right:9%;top:12%;width:92px;height:92px;border-radius:50%;background:#ffd36b;box-shadow:0 0 0 18px #ffd36b22}.flat-mountain{position:absolute;left:0;right:0;bottom:0}.flat-mountain.back{height:34%;background:#b8d2d0;clip-path:polygon(0 100%,12% 22%,22% 60%,40% 8%,58% 55%,74% 30%,100% 62%,100% 100%)}.flat-mountain.middle{height:44%;background:#8ab2b1;clip-path:polygon(0 100%,8% 55%,26% 88%,42% 34%,60% 76%,78% 48%,100% 82%,100% 100%)}.volcano-art{position:absolute;left:50%;bottom:0;width:min(100%,800px);transform:translate(-50%);z-index:2;filter:drop-shadow(0 18px 22px rgba(38,63,76,.16))}.mountain-shape{fill:#263f4c;transition:transform .7s cubic-bezier(.22,1,.36,1)}.snow-cap{fill:#f4efe5}.crater{fill:#1d2f38}.magma-chamber{fill:#ef9270;opacity:0;transform-origin:50% 60%}.magma-core{fill:#ef7452;opacity:0;transform-origin:50% 100%}.lava-path{fill:none;stroke:#ef7452;stroke-width:15;stroke-linecap:round;opacity:0;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1),opacity .5s}.lava-two{stroke:#ffd36b;stroke-width:6;transition-delay:.15s}.flat-ash{position:absolute;left:50%;bottom:30%;width:120px;height:220px;z-index:3;opacity:0;transform:translate(-50%) scaleY(.4);transform-origin:center bottom;background:radial-gradient(ellipse at 50% 0%,#6a7d85 0%,transparent 70%);transition:opacity .6s,transform .6s;pointer-events:none}.flat-particles{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s}.volcano-stage[data-state=flow] .magma-core,.volcano-stage[data-state=flow] .magma-chamber{opacity:1}.volcano-stage[data-state=flow] .lava-path{opacity:1;stroke-dashoffset:0}.volcano-stage[data-state=blast] .magma-chamber{opacity:1;animation:pump 1s ease-in-out infinite alternate;transform-box:fill-box}.volcano-stage[data-state=blast] .magma-core{opacity:1}.volcano-stage[data-state=blast] .flat-ash{opacity:1;transform:translate(-50%) scaleY(1);animation:ashRise 3.2s ease-out infinite}.volcano-stage[data-state=blast] .flat-particles{opacity:1;animation:blastPulse .9s ease-out infinite}.volcano-stage canvas{position:absolute;inset:0;z-index:1;opacity:0;mix-blend-mode:multiply;transition:opacity .5s}@keyframes pump{0%{transform:scale(1);opacity:.6}to{transform:scale(1.22);opacity:1}}@keyframes ashRise{0%{transform:translate(-50%) scaleY(.3);opacity:.1}30%{opacity:.9}to{transform:translate(-50%) translateY(-160px) scaleY(1.8);opacity:0}}@keyframes blastPulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.25);opacity:0}}.volcano-stage:hover .volcano-art{transform:translate(calc(-50% + var(--vx))) translateY(var(--vy))}.flat-stamp{position:absolute;z-index:6;right:clamp(22px,6vw,100px);top:22%;width:72px;height:72px;border:2px solid #263f4c;border-radius:50%;display:grid;place-items:center;text-align:center;color:#263f4c;font:16px var(--mono);line-height:.9;transform:rotate(9deg);opacity:.82}.flat-stamp small{font-size:8px;letter-spacing:.12em}@media(prefers-reduced-motion:reduce){.flat-ash,.flat-particles,.magma-chamber{animation:none!important}.volcano-stage canvas{opacity:0!important}}html{margin:0;background:#080c16;overflow-x:hidden;min-width:320px}body{margin:0;max-width:100%;overflow-x:hidden;background:#080c16}*,*:before,*:after{max-width:100%}canvas,svg,img{max-width:100%}html:has(.topbar),body:has(.topbar){background:var(--bg,#080c18)}html,body{width:100%;min-width:0;margin:0;padding:0;border:0;background:#080c18!important}body:before{content:"";position:fixed;z-index:-10;inset:0;background:#080c18;pointer-events:none}#top,.geo-page,.earth-page,.volcano-page,.story-page{width:100%;max-width:none;margin-left:0;margin-right:0}.volcano-page,.earth-page,.story-page{background:#080c16!important}@media(max-width:900px){html,body{width:100%;overflow-x:clip}}