:root{--ink:#f0f3fa;--muted:#8e98ad;--panel:#0c101c;--line:#bbcfff18}
body{background:radial-gradient(ellipse at 70% 30%,#15203a44,transparent 55%),#080b12}
.experience{max-width:1760px}.masthead{border-color:#c0d6ff16}.wordmark>span:first-child{color:#8ceaff}.masthead-center{color:#b7c0d0}.masthead-center span{color:#66728b}.review-label{color:#8f9bb1}.review-label>span{background:#8eeafa;box-shadow:0 0 10px #8eeafa50}.iteration-nav>a{color:#8d9bb2;border-color:#9eb4e028;border-radius:4px}.eyebrow{color:#899cb9;letter-spacing:2.5px;font-size:9px}.intro{padding-top:40px;padding-bottom:34px}.intro h1{font-weight:500;font-size:clamp(38px,4vw,64px);line-height:1.1;letter-spacing:-2.6px}.intro h1>span{background:linear-gradient(105deg,#b9f6ff,#99a6db 66%,#d6aeec);background-clip:text;-webkit-background-clip:text}.intro-description{font-size:13px;line-height:1.8;color:#a8b3c8}.intro-description>span{color:#6c7e99;margin-top:14px;font-size:10px}.explainer{border-radius:16px;border-color:#bbd2ff20;background:radial-gradient(ellipse at 73% 23%,#2639524d,transparent 52%),radial-gradient(ellipse at 98% 83%,#32204348,transparent 55%),#0b101b;box-shadow:0 30px 100px #00000028;overflow:hidden}.stage-top{padding-top:20px;padding-bottom:17px;border-bottom-color:#b4c9ff0b}.stage-top .micro{color:#889bb8;letter-spacing:1.3px}.scene-controls{gap:8px}.scene-controls button{background:#b9d5ff06;border:1px solid #b9d5ff18;border-radius:6px;color:#a7b4cb;min-height:32px;font-size:9px}.scene-controls button:hover{background:#9fcfff0d;border-color:#83e9ff66;color:#d9faff}.process-open #reset-view{display:none}.chapter-meta{color:#93b7d2}.chapter-rule{background:#93b7d24a}.narrative h2{color:#edf3ff;letter-spacing:-1.2px}.narrative>p{color:#929fb4;line-height:1.9}.chapter-detail{border-color:#9ebfff1a}.detail-label{color:#617797;font-size:8px}.focus-title{color:#bdeefa}.focus-copy{color:#8699b4;line-height:1.8}.inspect-hint{color:#658098;font-size:7px;letter-spacing:1px}.story-controls{margin-top:28px}.play-button{color:#a7b4c9}.play-button>span:first-child{color:#b3eaf3;border-color:#b2d3f030}.world-caption{color:#849bb3;letter-spacing:.35px;top:20px;font-size:9px}.flow-legend{top:48px;gap:24px}.flow-legend>span{font-size:8px;letter-spacing:1.1px;opacity:.8}.flow-legend i{box-shadow:0 0 7px #adffff25}.iso-node{background:transparent;min-height:32px;padding:4px 3px;border-radius:5px;text-shadow:0 1px 6px #080b12,0 0 4px #080b12;gap:3px}.iso-node strong{display:none}.iso-node span{font-size:9px;color:#8fabc2;letter-spacing:.1px}.iso-node:hover,.iso-node.selected,.iso-node:focus-visible{background:#112332de;box-shadow:inset 0 -1px #a4efff70,0 0 28px #83d5ff0d}.iso-node:hover strong,.iso-node.selected strong,.iso-node:focus-visible strong{display:block;font-size:11px;color:#cbf6ff}.watch-dock-label{color:#66849b;bottom:22px;letter-spacing:1.8px;font-size:7px}.watch-dock-label:before{color:#9bcdde}.timeline{background:#111725;border-color:#b5d4ff14}.phase{border-color:#b5d4ff0e}.phase-n{color:#526782}.phase b{color:#8f9fb5}.phase small{color:#566e8c}.phase.active{background:linear-gradient(#8ce7ff0a,transparent)}.phase.active b,.phase.active .phase-n{color:#c0f4ff}.phase.active small{color:#839fb6}.phase-progress{height:2px;background:linear-gradient(90deg,#5bd9fa,#bda2fc);box-shadow:0 0 12px #8cbbff40}.ecosystem-heading .micro{color:#718ba7}.ecosystem-heading p{color:#bbc8dc}.ecosystem h3{color:#6e86a4}.ecosystem-group p{color:#a7b6cd}.ecosystem-group p span{color:#6b809f}.ecosystem-group,footer{border-color:#a2bdff15}footer{color:#566c85}footer span:nth-child(2){color:#7b8ea8}
@media(min-width:1600px){.iso-node span{font-size:11px}.world-caption{font-size:11px}.flow-legend>span{font-size:9px}}
@media(min-width:761px) and (max-width:1100px){.intro h1{font-size:42px}.intro-description{font-size:11px}.world-caption{font-size:8px}.flow-legend>span{font-size:7px}.iso-node span{font-size:8px}.stage-top{padding-left:25px;padding-right:20px}.scene-controls button{font-size:8px}.stage-top .micro{font-size:8px;letter-spacing:.6px}.narrative h2{font-size:29px}}
@media(max-width:760px){.intro{padding-top:30px;padding-bottom:25px}.intro h1{font-size:35px;letter-spacing:-1.7px}.intro-description{font-size:12px;margin-top:18px}.intro-description>span{margin-top:8px}.masthead{height:64px}.iteration-nav{gap:6px}.iteration-nav>a{font-size:7px}.review-label{display:none}.explainer{border-radius:12px}.stage-top{padding:13px 12px;gap:8px;align-items:flex-start;flex-direction:column}.stage-top .micro{font-size:7px;letter-spacing:1px}.scene-controls{width:100%;gap:6px;justify-content:flex-start}.scene-controls button{font-size:8px;padding:6px 8px;min-height:30px}.world-caption{top:16px;font-size:6px}.flow-legend{top:40px;gap:16px}.flow-legend>span{font-size:6px}.iso-node{min-height:36px;background:#0c122075}.iso-node strong{display:block;font-size:9px;font-weight:400;color:#adc9dc}.iso-node span{display:none}.iso-node.selected strong,.iso-node:hover strong,.iso-node:focus-visible strong{font-size:9px}.watch-dock-label{bottom:17px;font-size:5px;letter-spacing:1.2px}.narrative>p{line-height:1.8}}
.iso-node span{padding:4px 7px;border-radius:4px;background:#0b121ef2;box-shadow:0 0 7px #0b121e99;color:#bacbdb;line-height:1.35}
@media(max-width:760px){.iso-node{background:#0b121ee8;box-shadow:0 0 7px #0b121e66}.iso-node strong{color:#c6d9e8}}
.reading-guide{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 28px;background:#adc8f505;border-top:1px solid #aecaff0b;border-bottom:1px solid #aecaff12}.reading-guide strong{font-size:13px;font-weight:500;color:#d3e9f4}.reading-guide p{font-size:11px;line-height:1.6;color:#8fa6bf;margin:6px 0 0;max-width:540px}.reading-key{display:grid;gap:9px;flex-shrink:0;color:#9cbbcc;font-size:10px}.reading-key span{display:flex;align-items:center;gap:10px}.reading-key i{display:inline-block;flex-shrink:0}.building-key{width:10px;height:10px;border:1px solid #acdfed;transform:rotate(30deg) skewY(-15deg);background:#90deef10}.tube-key{width:18px;height:5px;border:1px solid #8ecddd;border-radius:6px;background:linear-gradient(90deg,#8fe8ff50,#cc9ad250)}.chapter-meta{font-size:8px;letter-spacing:1.35px}.narrative>p{line-height:1.7}.chapter-detail{min-height:0;margin-top:20px;padding-top:15px}.detail-label{text-transform:uppercase;color:#81a3ba;font-size:8px;line-height:1.6;letter-spacing:1.2px}.focus-title{font-size:14px;line-height:1.4;margin-top:7px}.focus-copy{min-height:0;font-size:12px;line-height:1.65;margin:8px 0 0;color:#9eb0c7}.guide-use,.guide-example{margin-top:13px}.guide-use[hidden]{display:none}.guide-use small,.guide-example small{font-size:7px;letter-spacing:1px;color:#6f8da7}.guide-use p,.guide-example p{font-size:11px;line-height:1.65;color:#a7bdd0;margin:5px 0 0}.guide-example{border-left:2px solid #89d8f02d;padding-left:11px}.inspect-hint{margin-top:14px;font-size:6.5px;letter-spacing:.6px}.story-controls{margin-top:19px;gap:16px}#story-count{font-size:8px;color:#6e8aa4;letter-spacing:.3px}.phase{justify-content:center;gap:0;text-align:center}.phase.active{background:linear-gradient(#8ce7ff12,transparent)}.phase small{font-size:9px}.world-caption{max-width:92%;white-space:normal;text-align:center;line-height:1.45}.world-caption+.flow-legend{top:48px}.watch-dock-label{letter-spacing:1px}.narrative .profit-note{font-size:8px}.connection-toggle{font-size:10px;margin-top:13px}
@media(min-width:1600px){.reading-guide{padding:22px 35px}.reading-guide strong{font-size:15px}.reading-guide p{font-size:12px;max-width:720px}.reading-key{font-size:11px}.chapter-meta{font-size:9px}.focus-copy{font-size:13px}.guide-use p,.guide-example p{font-size:12px}}
@media(min-width:761px) and (max-width:1100px){.reading-guide{padding:16px 23px;gap:24px}.reading-guide strong{font-size:12px}.reading-guide p{max-width:440px;font-size:10px}.reading-key{font-size:9px}.narrative h2{font-size:28px}.narrative>p{font-size:12px}.focus-copy{font-size:11px}.guide-use p,.guide-example p{font-size:10px}.focus-title{font-size:13px}.chapter-meta{font-size:7px;letter-spacing:.9px}.world-caption{font-size:8px}}
@media(max-width:760px){.reading-guide{padding:16px 15px;display:block}.reading-guide strong{font-size:12px}.reading-guide p{font-size:11px}.reading-key{margin-top:14px;gap:8px;font-size:9px}.narrative>p{font-size:14px}.chapter-meta{font-size:7px;letter-spacing:1px}.focus-title{font-size:16px}.focus-copy{font-size:13px}.guide-use p,.guide-example p{font-size:12px}.guide-use small,.guide-example small{font-size:8px}.inspect-hint{font-size:7px}.story-controls{justify-content:flex-start;gap:20px}.world-caption{font-size:7px;top:14px}.world-caption+.flow-legend{top:43px}.watch-dock-label{font-size:5px;letter-spacing:.8px}.phase{padding:15px 7px}.phase small{font-size:8px}}
@media(min-width:761px){.stage-body{display:flow-root;height:auto!important;min-height:650px;padding-bottom:32px}.narrative{margin-bottom:0}}