/* Keep the panorama full-width: a height cap with automatic width shrinks ratio-sized blocks on wide screens. */
.hero{width:100%;min-height:650px;aspect-ratio:16/9;max-height:none;isolation:isolate;overflow:hidden;background:#020c16}.hero:after,.hero-grid{display:none}.panorama-scroll{position:absolute;inset:0;z-index:-1}.panorama-stage{position:relative;width:100%;height:100%}.panorama-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030c17 0%,transparent 15%),linear-gradient(90deg,#04121a40,transparent 38%);pointer-events:none}.panorama-image{width:100%;height:100%;object-fit:cover;display:block}.hero .hero-content{position:relative;padding-top:40px;padding-bottom:100px;pointer-events:none}.hero .hero-content>*{pointer-events:auto;max-width:380px}.hero .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:15px}.hero .base-headline{font-size:clamp(38px,3.8vw,59px);line-height:1.03;letter-spacing:-.035em;text-shadow:0 0 16px #47c5ff55}.hero .base-headline span{color:#edf7ff}.hero .hero-tagline{font-size:18px;line-height:1.4;margin-top:16px;color:#c7e5ef}.hero .hero-description{display:none}.hero .actions{gap:9px;margin-top:22px;max-width:390px;flex-wrap:wrap}.hero .button{font-size:10px;padding:12px 15px;min-height:42px}.hero .hero-target{left:69%;top:13%;z-index:3}.base-hotspots{position:absolute;inset:0;z-index:2}.base-hotspot{position:absolute;display:flex;align-items:center;gap:6px;transform:translate(-50%,-100%);padding:5px 9px 5px 5px;border:1px solid #42bfe2;border-radius:5px;background:#031928eb;box-shadow:0 0 12px #27b9f944;color:#dffaff;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s;font-size:10px;font-weight:800;text-transform:uppercase}.base-hotspot:after{content:"";position:absolute;left:50%;top:100%;height:14px;width:1px;background:#56d9ff99}.base-hotspot b{display:grid;place-items:center;background:#b1eeff;color:#07334b;font-size:19px;line-height:1;width:24px;height:24px;border-radius:4px}.base-hotspot:hover,.base-hotspot.selected{border-color:#9beaff;box-shadow:0 0 22px #35d2ff77;background:#10465b}.base-hotspot.selected b{background:#3dedff}.base-rail{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;gap:30px;z-index:4;padding:17px 24px;border:1px solid #194e69;border-radius:6px;background:#041522d9;backdrop-filter:blur(10px)}#hero-level-rail{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;gap:12px}#hero-level-rail:before{content:"";position:absolute;top:50%;height:1px;left:15px;right:15px;background:#568399;z-index:-1}#hero-level-rail button{background:#061621;border:1px solid #6499b2;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:14px;color:#9ebdd0;flex:none}#hero-level-rail button.selected{color:#033148;background:var(--cyan);border-color:#ccfaff;outline:1px solid var(--blue);outline-offset:4px;box-shadow:0 0 18px var(--blue);font-weight:800}.rail-state{padding:0 5px 0 25px;border-left:1px solid #25516b;min-width:195px}.rail-state span{font-size:12px;font-weight:700;display:block}.rail-state small{font-size:10px;color:var(--cyan);letter-spacing:.08em}.panorama-hint{display:none}.compartments-section{margin-top:48px}.compartments-section .section-heading{margin-bottom:22px}.compartments-section .section-heading h2{font-size:clamp(26px,3vw,42px)}.module-art{background-image:url('assets/modules-atlas.png');background-size:200% 400%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat;aspect-ratio:2/1;width:100%}.level-detail.compartment-detail{margin-top:0;min-height:555px;display:flex;align-items:stretch;justify-content:space-between;gap:25px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #50b9ec;padding:0;border-radius:12px;box-shadow:0 0 23px #2088bd33;background:#04121e}.compartment-scene{position:absolute;inset:0;z-index:-2}.compartment-scene .module-art{height:100%;aspect-ratio:auto}.compartment-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031521fa,#031521dd 23%,#03152111 43%,#03152111 68%,#031521ba 84%),linear-gradient(0deg,#02121b55,transparent 45%)}.compartment-info{width:30%;padding:27px 24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.compartment-title{display:flex;align-items:center;gap:15px}.compartment-number{display:grid;place-items:center;width:62px;height:68px;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:linear-gradient(135deg,#9ceeff,#25bff5);color:#013554;font:900 45px/1 var(--display);flex:none;filter:drop-shadow(0 0 12px #26d3ff)}.compartment-title p{font-size:12px;color:#c6e5f4;margin-bottom:5px;font-weight:700}.compartment-title h3{font-family:var(--display);font-size:clamp(21px,2.3vw,34px);text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:anywhere}.compartment-subtitle{font-size:12px;color:var(--cyan);text-transform:uppercase;font-weight:700;letter-spacing:.035em;margin-top:14px}.compartment-quote{font-size:12px;line-height:1.5;color:#c1d7e5;margin-top:9px}.compartment-description{font-size:12px;line-height:1.65;color:#abc5d6;margin-top:14px}.compartment-facts{margin:19px 0 20px;padding:0;display:grid;gap:15px}.compartment-facts>div{padding-left:14px;border-left:2px solid #3ec4ec}.compartment-facts dt{font-size:9px;letter-spacing:.07em;color:#86afc4;text-transform:uppercase}.compartment-facts dd{margin:2px 0 0;color:#f1faff;font-size:16px;line-height:1.35;font-weight:700}.compartment-facts dd.reward-extra{font-size:10px;font-weight:400;line-height:1.5;color:#b9d5e5;margin-top:6px}.compartment-reward{font-size:11px!important;min-height:42px;padding:11px 15px;width:100%;margin-top:auto}.compartment-progress{width:27%;min-width:260px;align-self:center;padding:23px 20px;margin:22px 22px 22px 0;background:#031624ec;border:1px solid #2b728e;box-shadow:0 0 25px #00a9ff22;backdrop-filter:blur(12px);border-radius:9px}.progress-box{padding:17px 15px;border:1px solid #1a4c64;border-radius:6px;background:#071b29}.progress-top{display:flex;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #184257;align-items:center}.progress-top strong{font-size:11px;color:#a7e4ff}.progress-top>span{font-size:8px;color:#88aabc;letter-spacing:.05em}.volume-amount{margin-top:16px;white-space:nowrap}.volume-amount>strong{font-size:24px;letter-spacing:-.03em;color:#f4faff}.volume-amount>span{font-size:11px;color:#8eafc4}.progress-box progress{display:block;appearance:none;width:100%;height:11px;margin-top:16px;border:1px solid #2a677a;border-radius:7px;overflow:hidden;background:#102e40;box-shadow:0 0 14px #00c8ff22}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:11px;color:var(--cyan)}.progress-meta .state{margin:0;background:none;border:none;justify-content:flex-start;padding:0;font-size:9px}.progress-meta .state.complete{color:var(--safe)}.cycle-caption{display:flex;gap:9px;align-items:center;margin-top:18px}.cycle-caption>span{font-size:27px;color:var(--cyan)}.cycle-caption strong{display:block;font-size:10px;color:#d4ebf9}.cycle-caption small{display:block;font-size:9px;color:#7b9bb0;margin-top:3px;line-height:1.45}.compartment-progress blockquote{font-size:17px;line-height:1.5;color:#b8d7e9;font-style:italic;text-align:center;margin:23px 5px}.compartment-progress cite{display:block;font-size:11px;margin-top:9px;color:#6dacc7}.compartment-progress>.button{width:100%;font-size:10px;padding:13px 9px}.milestone-note{font-size:9px;color:#6f95aa;margin-top:12px;line-height:1.5;text-align:center}.compartment-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0}.compartment-navigation>span{font-size:10px;letter-spacing:.15em;color:#73a5c0}.compartment-navigation>button{width:39px;height:34px;font-size:30px;line-height:1;background:#071c2a;border:1px solid #29516b;border-radius:4px;color:var(--cyan)}.compartment-navigation>button:disabled{opacity:.25}.compartments-section .level-grid{gap:10px}.compartments-section .level-card{padding:6px;background:linear-gradient(140deg,#0b2638,#031321);border-color:#245975;display:flex;flex-direction:column;position:relative}.compartments-section .level-card .module-art{aspect-ratio:1.35;border-radius:3px}.module-status-icon{position:absolute;top:11px;left:11px;width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:#beefff;color:#002439;font-weight:900;font-size:17px}.module-status-icon.done{background:#24edc1;color:#054e48;border-radius:50%;font-size:16px;box-shadow:0 0 10px #13e4b866}.compartments-section .level-card h3{font-size:10px;line-height:1.2;white-space:normal;min-height:24px;margin:11px 0 5px}.compartments-section .level-card p{font-size:9px;min-height:31px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.025em}.compartments-section .level-card .state{margin-top:auto;font-size:9px;min-height:25px}.compartments-section .level-card[aria-pressed=true]{box-shadow:0 0 16px #2cbcff99,inset 0 0 12px #2cbcff33;border-color:#97eaff}.build-module .module-art{height:43px;aspect-ratio:auto}.command-section{margin-top:65px}
@media(max-width:1200px){.hero{min-height:620px}.hero .base-headline{font-size:45px}.hero .hero-content>*{max-width:320px}.hero .hero-tagline{font-size:16px}.hero .button{font-size:9px;padding-inline:11px}.base-hotspot{font-size:8px;padding-right:6px}.base-hotspot b{width:21px;height:21px;font-size:16px}.compartment-info{width:32%;padding:23px 19px}.compartment-number{width:48px;height:54px;font-size:35px}.compartment-title{gap:10px}.compartment-title h3{font-size:26px}.compartment-progress{min-width:245px;margin-right:16px;padding:18px 14px}.progress-box{padding:14px 12px}.volume-amount>strong{font-size:22px}.volume-amount>span{font-size:10px}.compartment-description{font-size:11px}.compartment-facts dd{font-size:14px}.compartments-section .level-card h3{font-size:9px}.compartments-section .level-card p{font-size:8px}.compartments-section .level-card .state{font-size:8px}}
@media(max-width:960px){.hero{aspect-ratio:auto;min-height:680px}.hero .hero-content{padding-top:32px}.hero .base-headline{font-size:40px}.hero .hero-content>*{max-width:295px}.hero .eyebrow{font-size:7px}.base-hotspot span{font-size:7px}.base-hotspot{gap:4px}.base-rail{padding:14px 15px;gap:20px}.rail-state{min-width:135px;padding-left:16px}.rail-state span{font-size:10px}#hero-level-rail{gap:6px}#hero-level-rail button{width:27px;height:27px;font-size:12px}.compartment-info{width:42%;padding:24px}.compartment-progress{width:36%;min-width:0}.compartment-scene:after{background:linear-gradient(90deg,#031521e8,#0315219f 35%,#03152130 55%,#031521ba)}.compartment-title h3{font-size:26px}.compartment-title p{font-size:11px}.compartment-description{font-size:12px}.compartment-facts dt{font-size:10px}.compartment-facts dd{font-size:15px}.compartments-section .level-grid{display:flex;overflow-x:auto;gap:12px;padding:8px 3px 17px;scroll-snap-type:x mandatory;scrollbar-color:#35aaca #071b2c}.compartments-section .level-card{flex:0 0 145px;scroll-snap-align:start}.compartments-section .level-card h3{font-size:12px;min-height:28px}.compartments-section .level-card p{font-size:10px;min-height:31px}.compartments-section .level-card .state{font-size:10px}.compartments-section .section-heading h2{font-size:30px}}
@media(max-width:700px){.hero{aspect-ratio:auto;min-height:0;max-height:none;padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.hero .hero-content{order:0;padding-top:27px;padding-bottom:20px;z-index:2}.hero .hero-content>*{max-width:none}.hero .base-headline{font-size:clamp(33px,8.9vw,49px);line-height:1.01}.hero .base-headline br{display:block}.hero .hero-tagline{font-size:15px;margin-top:12px}.hero .hero-tagline br{display:none}.hero .hero-description{display:none}.hero .eyebrow{font-size:7px}.hero .actions{margin-top:17px;gap:10px}.hero .button{font-size:10px;padding:11px 13px}.panorama-scroll{position:relative;order:1;inset:auto;overflow-x:auto;z-index:0;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#246784 #061421}.panorama-stage{width:760px;height:428px}.panorama-image{object-fit:contain}.panorama-stage:after{background:linear-gradient(0deg,#030c17,transparent 15%)}.base-hotspot{font-size:9px}.base-hotspot span{font-size:9px}.base-hotspot b{width:22px;height:24px;font-size:17px}.hero .hero-target{left:70%;top:10%}.hero .hero-target .target-label{font-size:8px}.panorama-hint{display:block;order:2;text-align:center;font-size:8px;letter-spacing:.11em;color:#729eae;padding:12px 0}.base-rail{position:relative;order:3;inset:auto;margin:0 auto 16px;padding:15px 12px;flex-direction:column;gap:14px;border-radius:5px}.base-rail #hero-level-rail{width:100%;gap:3px}#hero-level-rail button{width:25px;height:25px;font-size:11px}#hero-level-rail button.selected{outline-offset:2px}.rail-state{width:100%;min-width:0;border-left:0;border-top:1px solid #204457;padding:11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.rail-state span{font-size:10px}.rail-state small{font-size:9px}.compartments-section{margin-top:34px}.compartments-section .section-heading h2{font-size:28px;line-height:1.1}.compartments-section .section-heading .eyebrow{font-size:8px}.level-detail.compartment-detail{display:flex;flex-direction:column;min-height:0;gap:0;overflow:hidden}.compartment-scene{position:relative;inset:auto;height:220px;width:100%;z-index:0;order:0}.compartment-scene:after{background:linear-gradient(0deg,#041522,transparent 40%)}.compartment-info{width:100%;padding:0 22px 23px;order:1;position:relative;z-index:1}.compartment-title{margin-top:-16px;gap:15px}.compartment-number{width:54px;height:61px;font-size:39px}.compartment-title h3{font-size:30px;overflow-wrap:normal}.compartment-title p{font-size:12px}.compartment-subtitle{font-size:12px;margin-top:17px}.compartment-description{font-size:14px;line-height:1.7}.compartment-quote{font-size:13px}.compartment-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;width:100%;margin:24px 0}.compartment-facts>div:last-child{grid-column:1/-1}.compartment-facts dt{font-size:9px}.compartment-facts dd{font-size:17px}.compartment-facts dd.reward-extra{font-size:12px}.compartment-reward{font-size:11px!important}.compartment-progress{width:auto;min-width:0;align-self:stretch;margin:0 15px 18px;padding:18px;order:2}.volume-amount>strong{font-size:28px}.volume-amount>span{font-size:13px}.progress-top strong{font-size:12px}.progress-top>span{font-size:9px}.progress-box{padding:18px}.progress-meta .state{font-size:11px}.cycle-caption strong{font-size:12px}.cycle-caption small{font-size:10px}.compartment-progress blockquote{font-size:19px;margin:20px 10px}.compartment-progress>.button{font-size:11px}.milestone-note{font-size:10px}.compartment-navigation{gap:12px;margin-bottom:7px}.compartment-navigation>span{font-size:8px;letter-spacing:.04em;text-align:center}.compartments-section .level-card{flex-basis:145px}.command-section{margin-top:45px}.build-module .module-art{height:35px}}
@media(max-width:360px){.hero .base-headline{font-size:32px}.hero .button{font-size:9px;padding-inline:10px}#hero-level-rail button{width:22px;height:22px;font-size:10px}.compartment-title h3{font-size:26px}.compartment-info{padding-inline:17px}.compartment-progress{padding:12px}.volume-amount>strong{font-size:25px}.volume-amount>span{font-size:11px}}

@media(min-width:701px) and (max-width:960px){.hero{aspect-ratio:auto;min-height:0;max-height:none;padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.hero .hero-content{order:0;padding-top:27px;padding-bottom:20px;z-index:2}.hero .hero-content>*{max-width:none}.hero .base-headline{font-size:clamp(33px,8.9vw,49px);line-height:1.01}.hero .base-headline br{display:block}.hero .hero-tagline{font-size:15px;margin-top:12px}.hero .hero-tagline br{display:none}.hero .hero-description{display:none}.hero .eyebrow{font-size:7px}.hero .actions{margin-top:17px;gap:10px}.hero .button{font-size:10px;padding:11px 13px}.panorama-scroll{position:relative;order:1;inset:auto;overflow-x:auto;z-index:0;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#246784 #061421}.panorama-stage{width:760px;height:428px}.panorama-image{object-fit:contain}.panorama-stage:after{background:linear-gradient(0deg,#030c17,transparent 15%)}.base-hotspot{font-size:9px}.base-hotspot span{font-size:9px}.base-hotspot b{width:22px;height:24px;font-size:17px}.hero .hero-target{left:70%;top:10%}.hero .hero-target .target-label{font-size:8px}.panorama-hint{display:block;order:2;text-align:center;font-size:8px;letter-spacing:.11em;color:#729eae;padding:12px 0}.base-rail{position:relative;order:3;inset:auto;margin:0 auto 16px;padding:15px 12px;flex-direction:column;gap:14px;border-radius:5px}.base-rail #hero-level-rail{width:100%;gap:3px}#hero-level-rail button{width:25px;height:25px;font-size:11px}#hero-level-rail button.selected{outline-offset:2px}.rail-state{width:100%;min-width:0;border-left:0;border-top:1px solid #204457;padding:11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.rail-state span{font-size:10px}.rail-state small{font-size:9px}.hero .base-headline{font-size:42px}.panorama-stage{width:100%;min-width:760px;height:auto;aspect-ratio:760/428}.hero .hero-content{padding-bottom:0}.hero .base-headline{max-width:620px}.hero .base-headline br{display:block}}

#level-detail{scroll-margin-top:110px}@media(max-width:960px){#level-detail{scroll-margin-top:90px}}