:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040716;--bg-deep:#02040f;--space-blue:#10245a;--space-ink:#050b22;--panel:#08102ac7;--panel-strong:#0a183eeb;--panel-soft:#ffffff0e;--panel-glass:#ffffff16;--observatory-panel:#030a1cb8;--observatory-panel-strong:#050e24e6;--observatory-line:#a3e1ff3d;--observatory-glow:#80e7ff24;--readout-line:#80e7ff2e;--teacher-panel:#050c20f5;--line:#c2eaff33;--line-strong:#ffd66675;--text:#f7fbff;--muted:#bdd0e7;--cyan:#80e7ff;--gold:#ffd166;--gold-soft:#ffd16624;--green:#9cffc7;--focus:#fff2a8;--shadow:0 24px 80px #00000061;--shadow-soft:0 14px 42px #00000047;--hud-grid:#80e7ff09;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--station-accent:var(--cyan);--station-accent-soft:#80e7ff24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -12%, #ffebae21, transparent 22rem), radial-gradient(circle at 20% 14%, #ffd16621, transparent 18rem), radial-gradient(circle at 74% 18%, #80e7ff21, transparent 21rem), radial-gradient(circle at 52% 88%, #9cffc712, transparent 22rem), radial-gradient(circle at 12% 76%, #745cff1c, transparent 20rem), linear-gradient(180deg, #07112f 0%, var(--space-ink) 58%, var(--bg-deep) 100%);min-height:100vh;color:var(--text);overflow-x:hidden}body[data-station=ship]{--station-accent:#80e7ff;--station-accent-soft:#80e7ff26}body[data-station=family]{--station-accent:#ffd166;--station-accent-soft:#ffd16629}body[data-station=planets]{--station-accent:#9eeaff;--station-accent-soft:#9eeaff29}body[data-station=compare]{--station-accent:#9cffc7;--station-accent-soft:#9cffc726}body[data-station=earth-moon]{--station-accent:#a9ddff;--station-accent-soft:#a9ddff29}body[data-station=album]{--station-accent:#ffe599;--station-accent-soft:#ffe59929}body:before{content:"";z-index:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 8% 18%,#ffffff61 0 1px,#0000 1.5px),radial-gradient(circle at 74% 24%,#80e7ff47 0 1px,#0000 1.5px),radial-gradient(circle at 30% 82%,#ffd16638 0 1px,#0000 1.5px),radial-gradient(circle at 90% 74%,#ffffff3d 0 1px,#0000 1.5px);background-size:11rem 9rem,14rem 12rem,18rem 15rem,21rem 17rem;position:fixed;inset:0}#app{z-index:1;position:relative}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:2px solid var(--focus);color:#fff9d8;box-shadow:var(--shadow-soft);background:#061227;border-radius:999px;padding:.72rem 1rem;font-weight:950;text-decoration:none;transition:transform .16s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}.topbar{border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);min-height:76px;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff14;background:linear-gradient(#80e7ff07 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#80e7ff07 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#ffffff14,#0000 28%),#050c20d1;justify-content:space-between;align-items:center;gap:1rem;margin:1rem;padding:.65rem;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#80e7ff1f,#0000),radial-gradient(circle at 14%,#ffd16614,#0000 16rem);position:absolute;inset:0}.topbar>*{z-index:1;position:relative}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.78rem;display:inline-flex}.brand-mark{color:#f8fcff;text-shadow:0 2px 8px #0000005c;background:radial-gradient(circle at 34% 24%,#ffffffeb,#0000 18%),radial-gradient(circle at 58% 62%,#ffd166 0 18%,#0000 20%),linear-gradient(135deg,#80e7ff,#2b65ff 54%,#091632);border-radius:999px;place-items:center;width:54px;height:54px;font-weight:1000;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #cdf3ff80,0 16px 38px #80e7ff3d}.brand-mark:after{content:"";z-index:0;border:2px solid #fff4cdbd;border-color:#fff4cdbd #0000;border-radius:999px;width:72px;height:20px;position:absolute;transform:rotate(-18deg)}.brand strong,.brand small{display:block}.brand strong{font-size:1.08rem}.brand small{color:var(--muted);margin-top:.15rem}.top-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.route-home-button{color:#fff3c2;cursor:pointer;background:radial-gradient(circle at 18% 24%,#ffd1662e,#0000 44%),#050e24b8;border:1px solid #ffd1666b;border-radius:999px;min-height:48px;padding:.65rem 1rem;font-weight:950}body[data-route=home] .top-actions,body[data-route=explore] .top-actions [data-action=teacher],body[data-route=explore] .top-actions [data-action=audio-lab],body[data-route=learn] .top-actions [data-action=teacher],body[data-route=learn] .top-actions [data-action=audio-lab],body[data-route=learn] .top-actions .camera-toggle,body[data-route=motion] .top-actions [data-action=teacher],body[data-route=motion] .top-actions [data-action=audio-lab],body[data-route=motion] .top-actions .camera-toggle,body[data-route=soundLab] .top-actions [data-action=repeat],body[data-route=soundLab] .top-actions [data-action=toggle-motion],body[data-route=soundLab] .top-actions .camera-toggle,body[data-route=soundLab] .top-actions [data-action=teacher],body[data-route=soundLab] .top-actions [data-action=audio-lab],body[data-route=teacher] .top-actions [data-action=repeat],body[data-route=teacher] .top-actions [data-action=toggle-motion],body[data-route=teacher] .top-actions .camera-toggle,body[data-route=teacher] .top-actions [data-action=teacher],body[data-route=teacher] .top-actions [data-action=audio-lab],body[data-route=curiosities] .top-actions [data-action=repeat],body[data-route=curiosities] .top-actions [data-action=toggle-motion],body[data-route=curiosities] .top-actions .camera-toggle,body[data-route=curiosities] .top-actions [data-action=teacher],body[data-route=curiosities] .top-actions [data-action=audio-lab]{display:none}.mission-center{border-radius:var(--radius-lg);min-height:calc(100vh - 108px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff12;background:radial-gradient(circle at 18% 20%,#ffd1662e,#0000 24rem),radial-gradient(circle at 80% 28%,#80e7ff2e,#0000 28rem),radial-gradient(circle at 48% 92%,#9cffc717,#0000 24rem),linear-gradient(#80e7ff06 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/30px 30px,#020819d1;border:1px solid #80e7ff38;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(1rem,3vw,2.25rem);margin:0 1rem 1rem;padding:clamp(1.25rem,3vw,2.25rem);display:grid}.mission-center-copy{max-width:560px}.mission-center-copy h1{letter-spacing:0;margin:.72rem 0 .65rem;font-size:clamp(3.2rem,8vw,7rem);line-height:.92}.mission-center-copy p{color:#e6f4ff;max-width:480px;margin:0;font-size:clamp(1.15rem,2.2vw,1.65rem);line-height:1.35}.mission-center-copy .mission-credit{max-width:440px;color:var(--muted);opacity:.82;margin-top:1.15rem;font-size:clamp(.78rem,.9vw,.9rem);line-height:1.45}.mission-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.8vw,1rem);display:grid}.mission-route-card{border-radius:var(--radius-lg);text-align:left;min-height:178px;color:var(--text);box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff12;cursor:pointer;background:linear-gradient(145deg,#ffffff15,#ffffff05),#040d22bd;border:1px solid #c2eaff38;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1.05rem;display:grid}.mission-route-card:hover,.mission-route-card:focus-visible{border-color:#ffd16680;transform:translateY(-1px);box-shadow:0 22px 54px #00000052,0 0 34px #80e7ff21}.mission-route-card strong,.mission-route-card small{display:block}.mission-route-card strong{font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.08}.mission-route-card small{color:#cfe1f6;margin-top:.42rem;font-size:.92rem;line-height:1.35}.route-card-orb{border-radius:50%;flex:none;width:62px;height:62px;box-shadow:inset -12px -12px 18px #0000004d,inset 9px 8px 14px #ffffff47,0 0 26px #80e7ff2e}.mission-route-card.is-explore .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff73,#0000 12%),url(/assets/planets/earth/earth-observatory.jpg);background-position:50%;background-size:auto,cover}.mission-route-card.is-learn .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff61,#0000 12%),url(/assets/planets/jupiter/jupiter-observatory-hq.jpg);background-position:50%;background-size:auto,cover}.mission-route-card.is-sound .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff61,#0000 12%),url(/assets/planets/saturn/saturn-observatory-hq.jpg);background-position:50%;background-size:auto,cover}.mission-route-card.is-teacher .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff61,#0000 12%),url(/assets/planets/moon/moon-color.jpg);background-position:50%;background-size:auto,cover}.mission-route-card.is-curiosities .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff57,#0000 12%),url(/assets/curiosities/thumb/sun-sdo.webp);background-position:50%;background-size:auto,cover}.mission-route-card.is-curiosities{grid-column:1/-1}.mission-about-button{min-height:44px;color:var(--muted);text-underline-offset:.28rem;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:.45rem 0;font-weight:850;-webkit-text-decoration:underline #80e7ff52;text-decoration:underline #80e7ff52}.mission-about-button:hover,.mission-about-button:focus-visible{color:var(--text);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.icon-action,.primary-action,.secondary-action,.quiet-button,.choice-button,.close-button{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(#ffffff18,#ffffff05),radial-gradient(circle at 12% 14%,#80e7ff1f,#0000 42%),#040d22ad;border:1px solid #c2eaff47;justify-content:center;align-items:center;gap:.5rem;min-height:54px;padding:.82rem 1rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000029}.primary-action{min-height:66px;font-size:1.06rem}.icon-action:hover,.secondary-action:hover,.quiet-button:hover,.choice-button:hover,.close-button:hover{background:radial-gradient(circle at 18% 16%,#ffffff1f,#0000 24%),#80e7ff1a;border-color:#80e7ff6b}.primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 34px #ffd1662e}.icon-action:active,.primary-action:active,.secondary-action:active,.quiet-button:active,.choice-button:active{transform:translateY(1px)}.button-symbol{background:#ffffff14;border:1px solid;border-radius:999px;place-items:center;min-width:2rem;height:1.65rem;padding:0 .25rem;font-size:.68rem;font-weight:1000;line-height:1;display:inline-grid}.icon-action.is-active,.primary-action{border-color:var(--line-strong);color:#07132b;background:radial-gradient(circle at 30% 20%,#ffffffc7,#0000 16%),linear-gradient(135deg,#98efff 0%,#ffd166 70%,#ffe7a3 100%);box-shadow:0 18px 42px #ffd1662e,inset 0 0 0 1px #ffffff2e}.icon-action:disabled{cursor:not-allowed;opacity:.48}.camera-toggle.is-active .button-symbol{color:#061227;background:radial-gradient(circle at 34% 28%,#ffffffb8,#0000 28%),linear-gradient(135deg,#9cffc7,#80e7ff);box-shadow:0 0 22px #80e7ff38}.audio-control{border-radius:var(--radius-md);background:linear-gradient(#80e7ff13,#ffffff05),#030a1c8f;border:1px solid #80e7ff33;align-items:center;gap:.45rem;min-height:54px;padding:.35rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.audio-toggle{min-height:46px;padding:.62rem .82rem}.audio-toggle.is-muted{opacity:.7;border-color:#c2eaff2e}.volume-control{border-radius:var(--radius-sm);min-height:46px;color:var(--muted);background:#ffffff0b;border:1px solid #c2eaff2e;align-items:center;gap:.45rem;padding:.48rem .62rem;font-size:.78rem;font-weight:900;display:inline-flex}.volume-control input{width:78px;accent-color:var(--gold)}.audio-mode{border-radius:var(--radius-sm);max-width:132px;min-height:46px;color:var(--text);font:inherit;background:#040d22e0;border:1px solid #c2eaff2e;padding:0 .55rem;font-size:.78rem;font-weight:900}.audio-lab-button.is-active .button-symbol{color:#061227;background:radial-gradient(circle at 34% 28%,#ffffffbd,#0000 30%),linear-gradient(135deg,#ffd166,#80e7ff)}body.sound-active .audio-control,body.audio-mixer-open .audio-lab-button{border-color:#ffd1666b;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffd16614,0 0 24px #ffd1661f}body.audio-mixer-open .stage{border-color:#ffd16642}.audio-lab-panel{z-index:12;border-radius:var(--radius-lg);width:min(760px,100vw - 2rem);max-height:min(82vh,720px);box-shadow:var(--shadow), 0 0 0 1px #ffd1660d, 0 0 54px #80e7ff21, inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 8% 2%,#80e7ff33,#0000 28%),radial-gradient(circle at 92% 8%,#ffd16626,#0000 30%),linear-gradient(#80e7ff06 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#80e7ff05 1px,#0000 1px) 0 0/38px 38px,linear-gradient(145deg,#081530fa,#020716f7);border:1px solid #80e7ff47;padding:1rem;animation:.22s both panelIn;position:fixed;bottom:1rem;left:1rem;overflow:auto}.audio-lab-panel article{border-radius:var(--radius-md);background:#ffffff0b;border:1px solid #80e7ff2e;margin:.8rem 0 1rem;padding:.9rem}.audio-lab-panel h3,.audio-lab-panel p{margin:0}.audio-lab-panel p+p{margin-top:.55rem}.audio-lab-status{color:#dff7ff;font-weight:900}.sound-lab-credit{color:var(--muted);font-size:.82rem;line-height:1.4;margin:-.3rem 0 1rem!important}.audio-layer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.audio-layer-button{border-radius:var(--radius-md);min-height:94px;color:var(--text);text-align:left;background:radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--layer-color,#80e7ff) 13%, transparent), transparent 42%), linear-gradient(145deg, #ffffff12, #ffffff03), #030b1ee6;cursor:pointer;border:1px solid #c2eaff33;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff13,inset 0 -18px 36px #0000001f}.audio-layer-button:before{content:"";opacity:.22;background:linear-gradient(90deg, transparent, var(--layer-color,#80e7ff), transparent);height:2px;position:absolute;inset:auto 0 0}.audio-layer-button:hover,.audio-layer-button:focus-visible{border-color:#80e7ff8a;transform:translateY(-2px);box-shadow:0 0 0 3px #80e7ff21,0 16px 36px #0003}.audio-layer-button:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.55)}.audio-layer-button.is-active{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--layer-color,#ffd166) 30%, transparent), transparent 42%), linear-gradient(145deg, #ffd1661c, #80e7ff0f), #040d22f0;box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--layer-color,#ffd166) 18%, transparent), 0 14px 38px #0000003d;border-color:#ffd1669e}.audio-layer-orb{z-index:1;background-image:radial-gradient(circle at 30% 22%, #ffffffad, transparent 14%), linear-gradient(135deg, transparent 45%, #0000006b), var(--layer-texture);background-position:30% 22%,50%,40%;background-repeat:no-repeat;background-size:auto,auto,142% 100%;background-color:var(--layer-color,#80e7ff);width:54px;height:54px;box-shadow:inset -11px -10px 16px #0000006b, inset 7px 6px 12px #ffffff2e, 0 0 0 1px #ffffff29, 0 0 20px color-mix(in srgb, var(--layer-color,#80e7ff) 22%, transparent);border-radius:50%;position:relative}.audio-layer-button.is-active .audio-layer-orb{box-shadow:inset -11px -10px 16px #00000061, inset 7px 6px 12px #ffffff3d, 0 0 0 2px #ffdf8f66, 0 0 28px color-mix(in srgb, var(--layer-color,#ffd166) 42%, transparent);animation:14s ease-in-out infinite alternate audioSurfaceDrift}.mission-route-card.is-motion{grid-column:1/-1;min-height:150px}.mission-route-card.is-motion .route-card-orb{background-image:radial-gradient(circle at 35% 28%,#ffffff6b,#0000 12%),url(/assets/planets/earth/earth-observatory.jpg);background-position:50%;background-size:auto,cover;box-shadow:inset -12px -12px 18px #00000052,inset 9px 8px 14px #ffffff40,0 0 0 8px #ffd16614,0 0 28px #80e7ff3d}.motion-lab{gap:.78rem;display:grid}.motion-mode-switch{border-radius:var(--radius-md);background:#020a1bb8;border:1px solid #8febff33;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;padding:.3rem;display:grid}.motion-mode-switch button{border-radius:calc(var(--radius-md) - 3px);color:#dcecff;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;font-size:.84rem;font-weight:900}.motion-mode-switch button:hover,.motion-mode-switch button:focus-visible{background:#80e7ff14;border-color:#80e7ff6b}.motion-mode-switch button.is-active{color:#071224;background:linear-gradient(135deg,#a9f0e8,#ffd166);border-color:#ffd1669e;box-shadow:0 0 20px #ffd16633}.motion-explanation,.motion-challenge{border-radius:var(--radius-md);background:linear-gradient(145deg,#80e7ff17,#0000 54%),#030d22c7;border:1px solid #9de1ff3d;margin:0;padding:.82rem;position:relative;overflow:hidden}.motion-explanation:before,.motion-challenge:before{content:"";background:linear-gradient(90deg,#9cffc7,#80e7ff,#ffd166,#0000);width:94px;height:2px;margin-bottom:.62rem;display:block}.motion-explanation h3{margin:.32rem 0 .42rem;font-size:1.18rem}.motion-explanation p,.motion-challenge p{margin:0;line-height:1.42}.motion-evidence{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#d8efff;background:#80e7ff13;border-left:3px solid #80e7ff;margin-top:.62rem;padding:.66rem .72rem;line-height:1.42}.motion-answer-grid{gap:.48rem;margin-top:.68rem;display:grid}.motion-answer-grid .choice-button{text-align:left;justify-content:flex-start;min-height:52px;padding:.62rem .72rem;line-height:1.28}body[data-route=motion] .album-preview,body[data-route=motion] .planet-card,body[data-route=motion] .challenge-box,body[data-route=motion] .compare-box{display:none}.audio-layer-button.is-just-selected .audio-layer-orb{animation:.76s cubic-bezier(.2,.82,.2,1) both audioPlanetSelect,14s ease-in-out .76s infinite alternate audioSurfaceDrift}.audio-layer-copy{z-index:1;min-width:0;position:relative}.audio-layer-button strong,.audio-layer-button small{display:block}.audio-layer-button strong{font-size:1rem}.audio-layer-button small{color:var(--muted);margin-top:.2rem;font-weight:900}.audio-layer-button.is-active small{color:#ffe6a8}.audio-layer-meter{z-index:1;opacity:.32;justify-content:center;align-items:flex-end;gap:3px;width:30px;height:34px;display:flex;position:relative}.audio-layer-meter i{background:linear-gradient(180deg, var(--layer-color,#80e7ff), #ffd166c2);border-radius:3px;width:3px;min-height:5px}.audio-layer-meter i:first-child{height:34%}.audio-layer-meter i:nth-child(2){height:62%}.audio-layer-meter i:nth-child(3){height:88%}.audio-layer-meter i:nth-child(4){height:48%}.audio-layer-button.is-active .audio-layer-meter{opacity:1}.audio-layer-button.is-active .audio-layer-meter i{animation:.92s ease-in-out infinite alternate audioMeter}.audio-layer-button.is-active .audio-layer-meter i:nth-child(2){animation-delay:-240ms}.audio-layer-button.is-active .audio-layer-meter i:nth-child(3){animation-delay:-510ms}.audio-layer-button.is-active .audio-layer-meter i:nth-child(4){animation-delay:-130ms}@keyframes audioMeter{0%{transform:scaleY(.48)}to{transform:scaleY(1)}}@keyframes audioSurfaceDrift{0%{background-position:30% 22%,50%,36%}to{background-position:30% 22%,50%,64%}}@keyframes audioPlanetSelect{0%{transform:translateY(0)scale(.94)rotate(-4deg)}44%{transform:translateY(-9px)scale(1.13)rotate(7deg)}72%{transform:translateY(2px)scale(.985)rotate(-2deg)}to{transform:translateY(0)scale(1)rotate(0)}}.audio-lab-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.9rem;display:flex}.audio-orbit-preview{border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(at 18% 92%,#ffd16624,#0000 20rem),radial-gradient(at 70% 16%,#80e7ff1f,#0000 24rem),linear-gradient(#80e7ff06 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#80e7ff05 1px,#0000 1px) 0 0/34px 34px,#020819a3;border:1px solid #80e7ff33;align-items:flex-end;gap:clamp(.65rem,1.4vw,1rem);min-height:180px;margin-top:1rem;padding:1rem 1rem .85rem;display:flex;position:relative;overflow:auto hidden;box-shadow:inset 0 1px #ffffff0e}.audio-orbit-preview:before{content:"Órbita musical en vivo";color:#dcf6ffad;text-transform:uppercase;letter-spacing:0;font-size:.7rem;font-weight:900;position:absolute;top:.72rem;left:1rem}.audio-orbit-body{border-radius:var(--radius-md);color:#d9e8f6;cursor:pointer;opacity:.44;filter:grayscale(.4)saturate(.52);background:0 0;border:0;place-items:end center;gap:.35rem;min-width:84px;min-height:132px;padding:.5rem .35rem;transition:opacity .18s,filter .18s,transform .18s;display:grid;position:relative}.audio-orbit-body:hover,.audio-orbit-body:focus-visible{opacity:.78;filter:grayscale(.08)saturate(.88);transform:translateY(-2px)}.audio-orbit-body.is-active{opacity:1;filter:none;color:#fff6d8}.audio-orbit-body.is-locked{cursor:not-allowed}.audio-orbit-track{width:calc(var(--orbit-size) * 1.46);height:calc(var(--orbit-size) * .42);opacity:.42;border:1px solid #c2eaff29;border-radius:50%;position:absolute;bottom:3.1rem;left:50%;transform:translate(-50%)rotate(-12deg)}.audio-orbit-body.is-active .audio-orbit-track{border-color:#ffd1666b;box-shadow:0 0 18px #ffd16624}.audio-orbit-planet{width:var(--orbit-size);height:var(--orbit-size);z-index:1;background-color:var(--planet-color);background-image:radial-gradient(circle at 28% 20%, #ffffff85, transparent 14%), radial-gradient(circle at 68% 72%, #0000004d, transparent 48%), var(--planet-texture);will-change:transform, background-position;background-position:28% 20%,68% 72%,40%;background-repeat:no-repeat;background-size:auto,auto,142% 100%;border-radius:50%;position:relative;box-shadow:inset -14px -12px 20px #00000085,inset 7px 6px 12px #ffffff21,0 0 0 1px #cdefff2e,0 8px 22px #0000006b}.audio-orbit-planet:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 28% 20%,#fff3,#0000 24%),linear-gradient(112deg,#0000 42%,#ffffff0f 50%,#0000 58%);position:absolute;inset:0;box-shadow:inset 3px 0 5px #80e7ff1f,inset -9px -4px 14px #00000057}.audio-orbit-body.is-active .audio-orbit-planet{animation:14s ease-in-out infinite alternate audioSurfaceDrift;box-shadow:inset -12px -12px 18px #00000057,inset 8px 7px 13px #ffffff42,0 0 0 2px #ffdf8f3d,0 0 28px #ffd16652,0 0 46px #80e7ff29}.audio-orbit-body.is-just-selected .audio-orbit-planet{animation:.76s cubic-bezier(.2,.82,.2,1) both audioPlanetSelect,14s ease-in-out .76s infinite alternate audioSurfaceDrift}.audio-orbit-body[data-body-id=sun] .audio-orbit-planet{box-shadow:inset -10px -10px 18px #68180380,inset 7px 6px 12px #fff8be3d,0 0 16px #ff91287a,0 0 36px #ff681833}.audio-orbit-body[data-body-id=earth] .audio-orbit-planet{box-shadow:inset -13px -11px 19px #0005188f,inset 6px 5px 10px #bee8ff26,0 0 0 2px #5cbeff2e,0 0 20px #3291ff29}.audio-orbit-body[data-body-id=saturn] .audio-orbit-planet:after{content:"";background:radial-gradient(#0000 0 42%,#332a249e 43% 46%,#e6cfa447 47% 51%,#ffe7b5c2 52% 55%,#80684e9e 56% 59%,#f1dcb27a 60% 63%,#0000 64%);border:0;border-radius:50%;width:178%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-13deg);box-shadow:0 0 14px #ffd1661a}.audio-orbit-label{z-index:1;text-align:center;max-width:100%;font-size:.78rem;font-weight:950;line-height:1.1;display:block;position:relative}body[data-route=soundLab] .audio-lab-panel{width:min(1180px,100vw - 2rem);min-height:calc(100vh - 108px);max-height:none;margin:0 auto 1rem;padding:clamp(1rem,2.4vw,1.6rem);position:relative;bottom:auto;left:auto;right:auto}body[data-route=soundLab] .audio-lab-panel article{max-width:820px}body[data-route=soundLab] .audio-layer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-route=soundLab] .audio-layer-button{min-height:118px}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:stretch;gap:0 1rem;width:100%;min-width:0;max-width:100%;min-height:calc(100dvh - 108px);padding:0 1rem 1rem;display:grid}.app-shell>*,.mission-panel,.mission-copy,.celestial-selector{min-width:0;max-width:100%}.app-shell:focus{outline:none}.app-shell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.stage,.mission-panel,.teacher-drawer{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.stage{isolation:isolate;background:linear-gradient(#80e7ff06 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 36%,#80e7ff1a,#0000 28rem),linear-gradient(#0b173be6,#030612f5);border-color:#80e7ff47;grid-area:1/1/3;min-width:0;min-height:calc(100dvh - 108px);position:relative;overflow:hidden;box-shadow:0 32px 92px #0000006b,inset 0 0 0 1px #ffffff09,inset 0 -42px 90px #00000047}.stage:before{content:"";z-index:1;pointer-events:none;opacity:.24;mix-blend-mode:screen;background:linear-gradient(90deg,#80e7ff2e,#0000 8rem calc(100% - 8rem),#80e7ff2e),linear-gradient(#80e7ff24,#0000 7rem calc(100% - 7rem),#80e7ff24);position:absolute;inset:0}.camera-mode .stage:before{opacity:0;background:0 0}.stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 38%,#00000029 72%,#0000007a 100%),linear-gradient(135deg,#ffffff13,#0000 28%,#80e7ff09);position:absolute;inset:0}.scene{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.scene:before{content:"";z-index:2;pointer-events:none;opacity:.34;background:linear-gradient(90deg,#80e7ff9e 0 2px,#0000 2px) 0 0/4.6rem 2px no-repeat,linear-gradient(#80e7ff9e 0 2px,#0000 2px) 0 0/2px 4.6rem no-repeat,linear-gradient(270deg,#80e7ff9e 0 2px,#0000 2px) 100% 0/4.6rem 2px no-repeat,linear-gradient(#80e7ff9e 0 2px,#0000 2px) 100% 0/2px 4.6rem no-repeat,linear-gradient(90deg,#ffd16680 0 2px,#0000 2px) 0 100%/4.6rem 2px no-repeat,linear-gradient(0deg,#ffd16680 0 2px,#0000 2px) 0 100%/2px 4.6rem no-repeat,linear-gradient(270deg,#ffd16680 0 2px,#0000 2px) 100% 100%/4.6rem 2px no-repeat,linear-gradient(0deg,#ffd16680 0 2px,#0000 2px) 100% 100%/2px 4.6rem no-repeat;position:absolute;inset:clamp(.8rem,2vw,1.4rem)}canvas{z-index:0;cursor:grab;touch-action:none;background:#02030a;width:100%;height:100%;display:block;position:absolute;inset:0}body[data-route=home] #app{min-height:100dvh}body[data-route=home] .app-shell{z-index:0;pointer-events:none;grid-template-columns:1fr;width:auto;height:auto;min-height:0;padding:0;position:absolute;inset:108px 1rem 1rem}body[data-route=home] .mission-panel,body[data-route=soundLab] .mission-panel,body[data-route=teacher] .mission-panel,body[data-route=home] .scene-overlay,body[data-route=soundLab] .scene-overlay,body[data-route=teacher] .scene-overlay{display:none}body[data-route=home] .mission-center{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#020716d6,#0207166e 40%,#0207160a 68%,#0000);border-color:#a4e0ff47;position:relative}body[data-route=soundLab] #app,body[data-route=teacher] #app{flex-direction:column;min-height:100dvh;display:flex}body[data-route=soundLab] .topbar,body[data-route=teacher] .topbar{order:0}body[data-route=soundLab] .audio-lab-panel{order:1;min-height:0}body[data-route=soundLab] .app-shell,body[data-route=teacher] .app-shell{order:2;grid-template-columns:1fr;width:100%;height:clamp(300px,42dvh,460px);min-height:300px}body[data-route=teacher] .app-shell{order:1;height:clamp(240px,32dvh,340px);min-height:240px}body[data-route=teacher] .teacher-drawer{order:2}body[data-route=soundLab] .stage,body[data-route=teacher] .stage{pointer-events:none;height:100%;min-height:0}canvas:active{cursor:grabbing}.scene-overlay{pointer-events:none;z-index:3;max-width:min(520px,100% - 2rem);position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.scene-overlay:before{content:"";z-index:-1;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px)saturate(116%);backdrop-filter:blur(14px)saturate(116%);background:linear-gradient(#80e7ff07 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 18% 24%,#80e7ff21,#0000 12rem),linear-gradient(135deg,#03081ad6,#03081a6b 58%,#03081a14);border:1px solid #a3e1ff2e;position:absolute;inset:-.9rem -1.1rem;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff13,inset 0 0 0 1px #80e7ff0a}.step-pill,.eyebrow{width:fit-content;color:var(--gold);text-transform:uppercase;background:radial-gradient(circle at 18% 30%,#ffffff3d,#0000 34%),#ffd1661c;border:1px solid #ffd16652;border-radius:999px;padding:.42rem .7rem;font-size:.78rem;font-weight:950;display:inline-flex;box-shadow:0 8px 26px #ffd16614}.scene-overlay h1{letter-spacing:0;text-shadow:0 18px 54px #0000006b;max-width:680px;margin:.9rem 0 .45rem;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92}.scene-overlay p{color:#e7f2ff;text-shadow:0 8px 26px #0000006b;max-width:540px;margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.42}.camera-mode .scene-overlay{max-width:min(420px,100% - 2rem)}.camera-mode .scene-overlay h1{font-size:clamp(2rem,4vw,3.8rem)}.camera-mode .scene-overlay p{max-width:360px}.camera-hud{z-index:4;border-radius:var(--radius-md);pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(#80e7ff07 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/22px 22px,radial-gradient(circle at 8% 16%,#9cffc729,#0000 42%),#020818c2;border:1px solid #80e7ff42;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.72rem;width:min(390px,100% - 2rem);padding:.66rem;display:grid;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem);box-shadow:0 18px 52px #00000061,inset 0 1px #ffffff17}.camera-hud-status{gap:.22rem;min-width:0;display:grid}.camera-kicker{width:fit-content;color:var(--green);text-transform:uppercase;letter-spacing:0;border:1px solid #9cffc757;border-radius:999px;padding:.22rem .52rem;font-size:.72rem;font-weight:950}.camera-hud strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;overflow:hidden}.camera-hud span:not(.camera-kicker){color:#dceaff;line-height:1.35}.camera-hud-actions{display:block}.mini-action{color:#f7fbff;cursor:pointer;white-space:nowrap;background:radial-gradient(circle at 18% 18%,#ffffff29,#0000 32%),#80e7ff1f;border:1px solid #c2eaff47;border-radius:999px;min-height:42px;padding:.58rem .82rem;font-weight:900}.mini-action.is-quiet{color:#dceaff;background:#030a1cb8}.mini-action:hover{border-color:#9cffc77a}.mission-panel{scrollbar-gutter:stable;overscroll-behavior:contain;background:linear-gradient(var(--hud-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hud-grid) 1px, transparent 1px), linear-gradient(180deg, #ffffff0f, #ffffff03), radial-gradient(circle at 16% 0%, #80e7ff29, transparent 15rem), radial-gradient(circle at 100% 72%, #ffd16618, transparent 18rem), var(--observatory-panel-strong);background-size:32px 32px,32px 32px,auto,auto,auto,auto;border-color:#b9eaff4d;flex-direction:column;grid-column:2;gap:.9rem;padding:1.08rem;display:flex;position:relative;overflow:visible;box-shadow:0 26px 74px #00000061,inset 0 1px #ffffff17,inset 0 0 0 1px #80e7ff0b}.mission-summary{border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:none;border-bottom:0;grid-row:1;padding-bottom:.5rem}.mission-details{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0;grid-row:2;padding-top:.5rem}.mission-summary:after{border-radius:calc(var(--radius-lg) - 8px) calc(var(--radius-lg) - 8px) 0 0;border-bottom:0}.mission-details:before{display:none}.mission-details:after{border-radius:0 0 calc(var(--radius-lg) - 8px) calc(var(--radius-lg) - 8px);border-top:0}.mission-panel:before,.teacher-drawer:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--station-accent), #ffd16657, transparent);height:1px;position:absolute;top:.65rem;left:1rem;right:1rem}.mission-panel:after{content:"";pointer-events:none;border-radius:calc(var(--radius-lg) - 8px);opacity:.68;background:linear-gradient(90deg,#80e7ff2e,#0000 4rem calc(100% - 4rem),#ffd1661f),radial-gradient(circle at 92% 8%,#80e7ff14,#0000 8rem);border:1px solid #80e7ff14;position:absolute;inset:.8rem}.mission-panel>*{z-index:1;animation:.28s both panelIn;position:relative}.mission-copy h2,.teacher-head h2{margin:.4rem 0 .45rem;font-size:1.6rem;line-height:1.08}.action-cue{border-radius:var(--radius-md);color:#fff6d8;background:linear-gradient(#ffd16607 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffd16606 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 12% 18%,#ffffff29,#0000 28%),linear-gradient(135deg,#ffd16633,#80e7ff13),#030a1c8f;border:1px solid #ffd16661;align-items:center;gap:.65rem;margin:.75rem 0;padding:.72rem;font-size:1.05rem;font-weight:950;display:flex;box-shadow:inset 0 1px #ffffff17,0 12px 28px #ffd16613}.action-mark{background:radial-gradient(circle at 30% 24%, #ffffffa8, transparent 22%), linear-gradient(135deg, #ffe28b, var(--gold));color:#07132b;border-radius:999px;place-items:center;min-width:74px;min-height:38px;font-size:.9rem;display:inline-grid;box-shadow:0 10px 24px #ffd16629}.mission-copy p,.teacher-drawer p,.teacher-drawer li{color:#dceaff;line-height:1.42}.collab-tip{border:1px solid #9cffc73d;border-left:4px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#edfff5;background:radial-gradient(circle at 4%,#9cffc72e,#0000 4.8rem),linear-gradient(90deg,#9cffc717,#80e7ff09),#030a1c6b;margin:.75rem 0 0;padding:.65rem .8rem;font-weight:850}.celestial-selector{margin-top:.78rem;display:block}.celestial-selector-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.58rem;display:flex}.celestial-selector-heading strong{color:#f5f9ff;text-align:right;font-size:.92rem;font-weight:760}.celestial-options{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#80e7ff6b transparent;gap:.52rem;padding:.1rem 0 .34rem;display:flex;overflow-x:auto}.celestial-selector[hidden]{display:none}.celestial-chip{color:#eaf6ff;cursor:pointer;scroll-snap-align:start;background:radial-gradient(circle at 18% 18%,#ffffff1f,#0000 34%),#030a1c9e;border:1px solid #c2eaff3d;border-radius:999px;align-items:center;gap:.48rem;min-width:max-content;min-height:48px;padding:.56rem .78rem;font-size:.92rem;font-weight:900;display:inline-flex}.celestial-chip:hover,.celestial-chip:focus-visible{border-color:#80e7ff94;box-shadow:0 0 0 3px #80e7ff1f}.celestial-chip.is-active{color:#fff8dc;background:radial-gradient(circle at 18% 18%,#ffd16638,#0000 34%),#050f26db;border-color:#ffd166b8;box-shadow:inset 0 1px #ffffff1c,0 0 18px #ffd1661f}.celestial-chip-dot{border-radius:999px;flex:0 0 1rem;width:1rem;height:1rem;box-shadow:inset -3px -3px 6px #00000057,inset 2px 2px 5px #ffffff4d,0 0 10px #80e7ff2e}.planet-card,.challenge-box,.compare-box,.album-preview,.teacher-drawer article{border:1px solid var(--observatory-line);border-radius:var(--radius-md);background:linear-gradient(#80e7ff09 1px, transparent 1px), linear-gradient(90deg, #80e7ff07 1px, transparent 1px), linear-gradient(145deg, #ffffff1c, #ffffff06), radial-gradient(circle at 98% 0%, #80e7ff1f, transparent 7rem), var(--observatory-panel);-webkit-backdrop-filter:blur(18px)saturate(122%);backdrop-filter:blur(18px)saturate(122%);background-size:22px 22px,22px 22px,auto,auto,auto;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #80e7ff0e,0 18px 44px #00000038}.planet-card:after,.challenge-box:after,.compare-box:after,.album-preview:after,.teacher-drawer article:after{content:"";pointer-events:none;opacity:.62;background:linear-gradient(135deg,#ffffff18,#0000 24%),linear-gradient(90deg,#80e7ff38,#0000 24% 76%,#ffd1661f),radial-gradient(circle at 96% 8%,#80e7ff21,#0000 7rem);position:absolute;inset:0}.planet-card>*,.challenge-box>*,.compare-box>*,.album-preview>*,.teacher-drawer article>*{z-index:1;position:relative}.planet-card:before,.challenge-box:before,.compare-box:before,.album-preview:before{content:"";background:linear-gradient(90deg, var(--station-accent), #ffd166c7, transparent);border-radius:999px;width:min(112px,38%);height:3px;margin-bottom:.78rem;display:block;box-shadow:0 0 18px #80e7ff47}.planet-card:hover,.challenge-box:hover,.compare-box:hover,.album-preview:hover{border-color:#80e7ff70;box-shadow:inset 0 1px #ffffff1a,0 22px 54px #0000003d,0 0 0 1px #80e7ff14}.planet-card-head{align-items:center;gap:.75rem;display:flex}.planet-dot{border:1px solid #ffffff61;border-radius:999px;flex:none;width:46px;height:46px;box-shadow:0 0 30px,0 0 0 6px #80e7ff0b,inset -11px -12px 18px #00000052,inset 7px 6px 12px #ffffff4d}.planet-card h3,.challenge-box h3,.compare-box h3,.album-preview h3,.teacher-drawer h3{letter-spacing:0;margin:0 0 .45rem}.planet-card p{color:var(--muted);margin:0}.planet-card ul{color:#f2f8ff;margin:.85rem 0;padding-left:0;line-height:1.45;list-style:none}.planet-card li{border:1px solid var(--readout-line);background:linear-gradient(90deg,#80e7ff11,#0000 44%),#ffffff08;border-radius:12px;margin:.42rem 0;padding:.42rem .55rem .42rem 1.75rem;position:relative;box-shadow:inset 0 1px #ffffff0b}.planet-card li:before{content:"";background:var(--gold);border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%);box-shadow:0 0 12px #ffd1666b}.quiet-button{color:#e6fbff;background:#80e7ff17;width:100%;min-height:46px}.more-text{color:var(--green);margin-top:.7rem}.challenge-box{background:radial-gradient(circle at 96% 0%, #ffd1661f, transparent 8rem), linear-gradient(145deg, #ffffff16, #ffffff07), var(--panel-soft);border-color:#ffd1663d}.challenge-box p{color:#f4f8ff;margin:.25rem 0 .75rem;line-height:1.38}.challenge-box[data-level=Observa]{border-color:#80e7ff47}.challenge-box[data-level=Relaciona]{border-color:#ffd16652}.challenge-box[data-level=Explica]{border-color:#9cffc757}.compare-actions,.challenge-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.compare-actions .challenge-badge{grid-column:1/-1;justify-self:start}.compare-actions.has-extended-options,.challenge-actions.has-extended-options{grid-template-columns:1fr}.compare-actions.has-extended-options .choice-button,.challenge-actions.has-extended-options .choice-button{text-align:left;justify-content:flex-start;min-height:54px;padding:.7rem .82rem;font-size:.92rem;line-height:1.3}.challenge-badge.is-level{color:#c9f5ff;background:#071f37b8;border-color:#8febff57}.choice-button{background:linear-gradient(#ffffff17,#ffffff06),#050f26b8;border-color:#c2eaff38;min-height:64px;font-size:1.05rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 26px #0000002e}.compare-actions .choice-button:disabled{cursor:default}.compare-actions .choice-button:disabled:not(.is-correct):not(.is-incorrect){opacity:.58;filter:saturate(.72)}.choice-button.is-correct,.choice-button.is-incorrect{opacity:1;padding-inline:1rem 3.25rem}.choice-button.is-correct{color:#effff6;background:radial-gradient(circle at 82%,#9cffc757,#0000 30%),linear-gradient(#9cffc733,#08363066),#03161df0;border-color:#9cffc7e6;animation:.78s cubic-bezier(.2,.8,.2,1) both compareCorrect;box-shadow:inset 0 1px #ffffff38,0 0 0 4px #9cffc71a,0 0 28px #5bffba3d}.choice-button.is-incorrect{color:#fff4f1;background:radial-gradient(circle at 82%,#ff978e47,#0000 30%),linear-gradient(#ff978e29,#46131f66),#180918f0;border-color:#ff978ee0;animation:.62s cubic-bezier(.36,.07,.19,.97) both compareIncorrect;box-shadow:inset 0 1px #ffffff29,0 0 0 4px #ff978e14,0 0 24px #ff65702e}.choice-button.is-correct:after,.choice-button.is-incorrect:after{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.choice-button.is-correct:after{content:"✓"}.choice-button.is-incorrect:after{content:"×"}.compare-box.has-correct-answer{border-color:#9cffc780;box-shadow:inset 0 1px #ffffff1a,0 0 32px #5bffba1f}.compare-box.has-incorrect-answer{border-color:#ff978e6b}.choice-button.is-secondary{color:#dfffee;background:radial-gradient(circle at 14% 22%,#9cffc729,#0000 38%),#030a1cb8;border-style:dashed;border-color:#9cffc757;grid-column:1/-1;min-height:50px}.challenge-feedback{min-height:1.4rem;color:var(--green);margin:.7rem 0 0;font-weight:900;line-height:1.32}.challenge-feedback.is-correct{color:#9cffc7;animation:.52s ease-out both feedbackReveal}.challenge-feedback.is-incorrect{color:#ffb2aa;animation:.42s ease-out both feedbackReveal}.challenge-badge{border-radius:var(--radius-md);color:#f8fffb;text-align:center;background:#9cffc71f;border:1px solid #9cffc76b;grid-column:1/-1;place-items:center;min-height:56px;padding:.65rem;font-weight:950;display:grid}.sticker-grid{gap:.45rem;display:grid}.album-preview.is-compact h3{margin-bottom:0}.album-preview.is-compact .sticker{background:#ffffff07;border-style:solid;justify-content:center;min-height:48px}.sticker{border-radius:var(--radius-sm);min-height:42px;color:var(--muted);text-align:left;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#030a1c6b;border:1px dashed #c2eaff33;align-items:center;padding:.58rem .68rem;font-weight:850;display:flex}.sticker.is-earned{color:#f8fffb;background:radial-gradient(circle at 20% 24%,#ffffff3d,#0000 20%),#9cffc71f;border-style:solid;border-color:#9cffc785;box-shadow:0 8px 20px #9cffc714,inset 0 1px #ffffff1a}.sticker.is-selected{color:#fff9e5;background:#ffd1662e;border-color:#ffd166c7}button.sticker{cursor:pointer;width:100%}button.sticker:disabled{cursor:not-allowed;opacity:.5}.album-prompt{border-radius:var(--radius-md);color:#fff4c9;background:radial-gradient(circle at 12% 16%,#ffffff1f,#0000 28%),linear-gradient(135deg,#ffd16629,#80e7ff0b),#030a1c94;border:1px solid #ffd16642;margin:.8rem 0 0;padding:.8rem;font-size:1.05rem;font-weight:900;line-height:1.35}.album-step .album-preview{border-color:#ffd16666}.teacher-progress{gap:.55rem;display:grid}.progress-row{min-height:44px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem .7rem;display:flex}.progress-row strong{color:#dbe9ff;font-size:.86rem}.progress-row.is-done{color:#f8fffb;background:#9cffc71a;border-color:#9cffc76b}.progress-row.is-done strong{color:var(--green)}.panel-actions{z-index:1;border-top:1px solid #80e7ff1f;grid-template-columns:.8fr 1.2fr;gap:.65rem;margin-top:auto;padding-top:.65rem;display:grid;position:relative}@media (width>=961px) and (height<=900px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(304px,360px);gap:.72rem;min-height:calc(100dvh - 94px);padding:0 .72rem .72rem}.mission-panel{gap:.52rem;padding:.68rem}.mission-panel:before{top:.4rem}.mission-panel:after{inset:.45rem}.mission-copy h2{margin:.26rem 0 .28rem;font-size:1.24rem}.mission-copy>p{margin-block:.32rem;font-size:.9rem;line-height:1.3}.action-cue{gap:.48rem;min-height:46px;margin:.34rem 0;padding:.42rem .5rem;font-size:.9rem}.action-mark{min-width:58px;min-height:32px;font-size:.78rem}.collab-tip{margin-top:.32rem;padding:.42rem .58rem;font-size:.86rem}.celestial-selector{margin-top:.38rem;padding-bottom:.18rem}.celestial-chip{min-height:42px;padding:.4rem .62rem;font-size:.8rem}.planet-card,.challenge-box,.compare-box,.album-preview{padding:.66rem}.planet-card:before,.challenge-box:before,.compare-box:before,.album-preview:before{height:2px;margin-bottom:.42rem}.planet-card h3,.challenge-box h3,.compare-box h3,.album-preview h3{margin-bottom:.28rem;font-size:1rem}.planet-card ul{margin:.38rem 0;font-size:.82rem;line-height:1.25}.planet-card li{margin:.16rem 0;padding:.26rem .42rem .26rem 1.4rem}.planet-card li:before{left:.52rem}.quiet-button{min-height:40px}.challenge-box p,.compare-box p{margin:.18rem 0 .42rem;font-size:.86rem;line-height:1.28}.compare-actions,.challenge-actions{gap:.42rem}.choice-button{min-height:48px;padding:.48rem .55rem;font-size:.9rem}.choice-button.is-correct,.choice-button.is-incorrect{padding-inline:.6rem 2.65rem}.choice-button.is-correct:after,.choice-button.is-incorrect:after{width:1.65rem;height:1.65rem;font-size:1rem;right:.65rem}.challenge-feedback{min-height:1rem;margin-top:.35rem;font-size:.84rem}.album-preview.is-compact .sticker,.album-preview .sticker{min-height:38px;padding:.36rem .5rem;font-size:.82rem}body[data-route=learn] .album-preview,body[data-route=explore]:not([data-station=album]) .album-preview{display:none}.panel-actions{gap:.48rem;padding-top:.42rem}.panel-actions>button{min-height:48px;padding-block:.52rem}}.teacher-drawer{z-index:10;background:linear-gradient(var(--hud-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hud-grid) 1px, transparent 1px), var(--teacher-panel);background-size:30px 30px,30px 30px,auto;border-color:#c2eaff29;width:min(500px,100vw - 2rem);padding:1rem;position:fixed;top:1rem;bottom:1rem;right:1rem;overflow:auto}body[data-route=teacher] .teacher-drawer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;width:min(1180px,100vw - 2rem);max-width:none;min-height:calc(100vh - 108px);margin:0 auto 1rem;padding:clamp(1rem,2.4vw,1.4rem);display:grid;position:relative;inset:auto;overflow:visible}body[data-route=teacher] .teacher-drawer .teacher-head{grid-column:1/-1}body[data-route=teacher] .teacher-drawer article{margin:0}body[data-station=ship] .stage{background:radial-gradient(circle at 50% 70%,#80e7ff2e,#0000 22rem),radial-gradient(circle at 50% 100%,#ffd16629,#0000 18rem),radial-gradient(circle at 76% 30%,#6e8cff1f,#0000 20rem),linear-gradient(#050d26f5,#01030cfc)}body[data-station=ship] .scene-overlay:before{border-radius:var(--radius-lg);filter:none;background:linear-gradient(#80e7ff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(135deg,#03081ac2,#03081a47 62%,#0000),radial-gradient(circle at 20% 18%,#ffd16624,#0000 44%);border:1px solid #80e7ff33;inset:-.86rem -1rem}body[data-station=ship] .scene-overlay h1{max-width:620px;font-size:clamp(2.35rem,5.4vw,4.85rem)}body[data-station=ship] .scene-overlay p{max-width:430px}body[data-station=ship] .stage:before{opacity:.08}body[data-station=ship] .scene:before{opacity:.11}body[data-station=family] .stage{background:radial-gradient(circle at 49% 44%,#ffc95b1f,#0000 17rem),radial-gradient(circle at 76% 28%,#80e7ff0e,#0000 24rem),radial-gradient(circle at 18% 72%,#5867d211,#0000 18rem),linear-gradient(#010511fa,#00020afe);border-color:#80e7ff2e}body[data-station=family] .scene-overlay{max-width:min(390px,100% - 2rem)}body[data-station=family] .scene-overlay h1{max-width:380px;font-size:clamp(2.15rem,3.2vw,3rem);line-height:.98}body[data-station=family] .scene-overlay p{max-width:310px;font-size:clamp(1rem,1.65vw,1.18rem)}body[data-station=family] .stage:before{opacity:0;background:0 0}body[data-station=family] .stage:after{background:radial-gradient(circle at 50% 48%,#0000 36%,#0000001f 74%,#0000007a 100%),linear-gradient(135deg,#ffffff0b,#0000 32%,#80e7ff05)}body[data-station=family] .scene:before{opacity:.035}body[data-station=planets] .stage{background:radial-gradient(circle at 66% 46%,#80e7ff26,#0000 22rem),radial-gradient(circle at 58% 48%,#ffd16617,#0000 18rem),linear-gradient(#050c22f2,#02040ffc)}body[data-station=planets] .scene-overlay{max-width:min(370px,100% - 2rem);top:clamp(.85rem,2.2vw,1.35rem)}body[data-station=planets] .scene-overlay:before{border-radius:var(--radius-md);filter:none;background:linear-gradient(#80e7ff07 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#80e7ff06 1px,#0000 1px) 0 0/22px 22px,linear-gradient(135deg,#03081ac2,#03081a52 58%,#0000),radial-gradient(circle at 16% 22%,#80e7ff2e,#0000 46%);border:1px solid #80e7ff38;inset:-.72rem -.88rem;box-shadow:0 18px 54px #00000047,inset 0 1px #ffffff13}body[data-station=planets] .scene-overlay h1{max-width:360px;margin-top:.68rem;font-size:clamp(1.72rem,3.45vw,3.05rem);line-height:1.02}body[data-station=planets] .scene-overlay p{color:#f2f8ff;max-width:320px;font-size:clamp(.96rem,1.22vw,1.06rem)}body[data-station=planets] .stage:before{opacity:.12}body[data-station=compare] .stage{background:linear-gradient(#80e7ff05 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#80e7ff05 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 54%,#80e7ff0e,#0000 24rem),linear-gradient(#040a1bf5,#01040dfa)}body[data-station=compare] .stage:before{opacity:.11}body[data-station=compare] .stage:after{background:radial-gradient(circle,#0000 46%,#0003 76%,#0000008f 100%),linear-gradient(135deg,#ffffff08,#0000 30%,#80e7ff06)}body[data-station=earth-moon] .stage{background:radial-gradient(circle at 20%,#ffd16624,#0000 19rem),radial-gradient(circle at 64% 48%,#5fb3ff29,#0000 18rem),linear-gradient(#050c22f2,#02040ffc)}body[data-station=album] .stage{background:radial-gradient(circle,#ffd16621,#0000 20rem),radial-gradient(circle at 44% 58%,#9cffc717,#0000 18rem),linear-gradient(#070f27f2,#02040ffc)}.performance-mode .stage:before,.reduced-motion .stage:before,.performance-mode .scene:before,.reduced-motion .scene:before{opacity:.22}.performance-mode .stage:after{background:radial-gradient(circle,#0000 42%,#00000061 100%),linear-gradient(135deg,#ffffff0b,#0000 32%,#80e7ff05)}.teacher-drawer article{background:linear-gradient(145deg,#ffffff0e,#ffffff05),#ffffff06;margin-bottom:.75rem}.paper-lux-mode{background:radial-gradient(circle at 48% 18%,#80e7ff14,#0000 18rem),linear-gradient(#020613 0%,#01030a 100%)}.paper-lux-mode .topbar,.paper-lux-mode .stage,.paper-lux-mode .mission-panel,.paper-lux-mode .teacher-drawer,.paper-lux-mode .audio-lab-panel,.paper-lux-mode .planet-card,.paper-lux-mode .challenge-box,.paper-lux-mode .compare-box,.paper-lux-mode .album-preview,.paper-lux-mode .camera-hud{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#030918f0;border-color:#d2f0ff6b}.paper-lux-mode .stage:before,.paper-lux-mode .scene:before,.paper-lux-mode .topbar:before,.paper-lux-mode .mission-panel:after{opacity:.08}.paper-lux-mode .stage:after{background:radial-gradient(circle,#0000 48%,#0000006b 100%)}.paper-lux-mode .icon-action,.paper-lux-mode .primary-action,.paper-lux-mode .secondary-action,.paper-lux-mode .quiet-button,.paper-lux-mode .choice-button,.paper-lux-mode .mini-action{border-width:2px;min-height:60px}.paper-lux-mode .button-symbol,.paper-lux-mode .step-pill,.paper-lux-mode .eyebrow{border-width:2px}.paper-lux-mode canvas{background:#01030a}.paper-lux-mode .scene-overlay:before{background:#020818db}.paper-lux-mode .scene-overlay h1{text-shadow:0 8px 20px #000000b8}.paper-lux-mode .scene-overlay p,.paper-lux-mode .mission-copy p,.paper-lux-mode .teacher-drawer p,.paper-lux-mode .teacher-drawer li{color:#eef7ff}.paper-lux-mode button:focus-visible,.paper-lux-mode [tabindex]:focus-visible{outline-offset:5px;outline:4px solid #ffd166;box-shadow:0 0 0 7px #ffd1662e,0 0 34px #ffd16638}.paper-lux-mode .choice-button.is-secondary{color:#f5fff9;border-style:solid}.paper-lux-mode .audio-layer-button{border-width:2px;min-height:104px}.class-mode .topbar{min-height:88px}.class-mode .app-shell{grid-template-columns:minmax(0,1fr) minmax(340px,430px)}.class-mode .scene-overlay h1{font-size:clamp(3rem,6.4vw,6.1rem)}.class-mode .scene-overlay p,.class-mode .mission-copy p,.class-mode .action-cue,.class-mode .collab-tip{font-size:1.18rem}.class-mode .stage,.class-mode .scene{min-height:650px}.class-mode .mission-panel{gap:1rem}.class-mode .planet-card,.class-mode .challenge-box,.class-mode .compare-box,.class-mode .album-preview{border-color:#ffd1663d}.teacher-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.close-button{min-height:46px}@media (width<=960px){.mission-center{grid-template-columns:1fr;align-items:start}.mission-center-copy{max-width:720px}.mission-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{flex-direction:column;min-height:auto;display:flex;overflow-x:clip}.mission-panel{border-radius:var(--radius-lg);border:1px solid #b9eaff4d;grid-area:auto;display:flex}.mission-summary{box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffd1661a,#061027f0);border-color:#ffd1664d;order:1;padding:1rem}.mission-copy{padding:0}.stage{order:2}.mission-details{order:3;padding:1rem}.panel-actions{margin-top:0}.audio-lab-panel{width:auto;right:1rem}.audio-layer-grid,body[data-route=soundLab] .audio-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-orbit-preview{min-height:162px;padding:.9rem .85rem .72rem}.audio-orbit-body{min-width:76px;min-height:118px}.audio-orbit-track{bottom:2.85rem}body[data-route=teacher] .teacher-drawer{grid-template-columns:1fr}.stage,.scene{min-height:540px}body[data-station=family] .scene-overlay{display:none}}@media (width<=640px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:.5rem;min-height:0;margin:.75rem;padding:.55rem;display:grid}.brand{width:auto;min-height:48px}.brand-mark{width:44px;height:44px}.brand small{display:none}.route-home-button{justify-self:stretch;width:auto;min-height:46px;padding:.5rem .7rem}.top-actions{flex-wrap:nowrap;grid-column:1/-1;gap:.4rem;width:100%;display:flex}.icon-action{width:100%;min-height:44px;padding:.48rem .55rem;font-size:.84rem}.audio-control{width:auto;min-height:44px;box-shadow:none;background:0 0;border:0;flex:1 1 0;padding:0}.audio-toggle{width:100%;min-height:44px}.volume-control,.audio-mode-label,.audio-mode{display:none}.mission-center{border-radius:var(--radius-md);min-height:auto;margin:0 .75rem .75rem;padding:1rem}.mission-center-copy h1{font-size:clamp(2.7rem,16vw,4.4rem)}.mission-center-copy p{font-size:1.08rem}.mission-route-grid{grid-template-columns:1fr}.mission-route-card{border-radius:var(--radius-md);min-height:132px;padding:.9rem}.mission-route-card.is-motion{grid-column:auto;min-height:132px}.route-card-orb{width:52px;height:52px}.audio-lab-panel{width:auto;max-height:76vh;padding:.82rem;bottom:.65rem;left:.65rem;right:.65rem}body[data-route=soundLab] .audio-lab-panel,body[data-route=teacher] .teacher-drawer{border-radius:var(--radius-md);width:auto;min-height:auto;margin:0 .65rem .65rem}.audio-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}body[data-route=soundLab] .audio-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-orbit-preview{border-radius:var(--radius-md);gap:.4rem;min-height:146px;margin-top:.75rem;padding:.72rem .62rem .6rem}.audio-orbit-body{min-width:66px;min-height:108px;padding:.42rem .25rem}.audio-orbit-planet{width:min(var(--orbit-size), 52px);height:min(var(--orbit-size), 52px)}.audio-orbit-track{width:min(calc(var(--orbit-size) * 1.46), 76px);opacity:.32;bottom:2.62rem}.audio-orbit-label{font-size:.72rem}.audio-layer-button{min-height:82px;padding:.62rem}.audio-layer-orb{width:32px;height:32px}.icon-action{flex:1 1 0}.stage,.scene{min-height:clamp(390px,56vh,500px)}.mission-copy{border-radius:var(--radius-md);padding:.85rem}.mission-copy h2{margin:.32rem 0;font-size:1.35rem}.mission-copy>#missionInstruction,.mission-copy>.collab-tip{display:none}.action-cue{min-height:46px;margin:.45rem 0 0;padding:.5rem;font-size:.94rem}.action-mark{min-width:58px;min-height:32px}.scene-overlay h1{font-size:2.05rem;line-height:1}body[data-station=planets] .scene-overlay h1{font-size:1.52rem}.scene-overlay p{max-width:320px;font-size:.98rem}.camera-hud{width:auto;padding:.58rem;display:block;inset:.85rem .85rem auto auto}.camera-hud-status,.camera-mode .scene-overlay{display:none}.camera-hud .mini-action{min-height:44px;padding-inline:.9rem}.panel-actions,.challenge-actions,.compare-actions{grid-template-columns:1fr}.mission-panel{gap:.75rem;padding:.9rem}.celestial-selector{margin-inline:-.15rem;padding-bottom:.46rem}.celestial-chip{min-height:50px;padding-inline:.84rem}.action-cue,.collab-tip,.planet-card,.challenge-box,.compare-box,.album-preview{border-radius:var(--radius-md)}.teacher-drawer{border-radius:0;width:auto;max-width:none;padding:.85rem;inset:0}}@media (width<=420px){.topbar{margin:.65rem}.app-shell{padding:0 .65rem .65rem}.scene-overlay{max-width:calc(100% - 1.7rem);top:.85rem;left:.85rem}.scene-overlay:before{inset:-.65rem -.75rem}.brand small{display:none}.icon-action{min-height:50px;padding:.65rem}}body[data-route=learn] .album-preview,body[data-route=explore]:not([data-station=album]) .album-preview,body[data-route=explore] .scene-overlay,body[data-route=learn] .scene-overlay,body[data-route=motion] .scene-overlay{display:none}body[data-route=explore] .stage,body[data-route=learn] .stage,body[data-route=motion] .stage{isolation:isolate}body[data-route=explore] .camera-hud{width:min(300px,100% - 1.5rem);inset:clamp(.75rem,2vw,1.25rem) clamp(.75rem,2vw,1.25rem) auto auto}body[data-route=explore] .mission-panel:has(.challenge-box:not([hidden])) .celestial-selector{margin-bottom:.1rem}.mission-copy h2,.planet-card h3,.challenge-box h3,.compare-box h3,.album-preview h3{font-weight:760}.mission-copy p,.challenge-box p,.compare-box p,.planet-card li{font-weight:560}.scene-overlay{max-width:min(440px,100% - 2rem)}.scene-overlay h1{font-size:clamp(2.35rem,4.5vw,4.3rem)}.scene-overlay:before{opacity:.82}body[data-route=home] .mission-route-card.is-explore{background:radial-gradient(circle at 8% 22%,#ffd16624,#0000 18rem),linear-gradient(145deg,#ffffff17,#ffffff06),#040d22cc;border-color:#ffd16685;grid-column:1/-1;min-height:150px}body[data-route=home] .mission-route-card.is-sound,body[data-route=home] .mission-route-card.is-teacher,body[data-route=home] .mission-route-card.is-curiosities{min-height:126px;box-shadow:inset 0 1px #ffffff0e}@media (width<=960px){.celestial-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;display:grid;overflow:visible}.celestial-chip{justify-content:flex-start;min-width:0}.scene-overlay{max-width:min(390px,100% - 2rem)}.scene-overlay h1{font-size:clamp(2rem,7vw,3.25rem)}}@media (width<=640px){body[data-route=home] .mission-route-card.is-explore,body[data-route=home] .mission-route-card.is-sound,body[data-route=home] .mission-route-card.is-teacher,body[data-route=home] .mission-route-card.is-curiosities{min-height:116px}.scene-overlay{max-width:calc(100% - 1.7rem)}.scene-overlay:before{opacity:.7}.celestial-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:none){.icon-action:hover,.secondary-action:hover,.quiet-button:hover,.choice-button:hover,.close-button:hover,.primary-action:hover{transform:none}}@media (prefers-contrast:more){:root{--line:#f7fbff75;--observatory-line:#f7fbff6b;--muted:#e4f1ff}.stage,.mission-panel,.teacher-drawer,.audio-lab-panel,.planet-card,.challenge-box,.compare-box,.album-preview{background-color:#020716f5}.scene-overlay:before,.mission-panel:after{-webkit-backdrop-filter:none;backdrop-filter:none}.icon-action,.primary-action,.secondary-action,.quiet-button,.choice-button,.close-button,.celestial-chip{border-width:2px}}@media (forced-colors:active){.scene-overlay:before,.mission-panel:after,.stage:before,.stage:after,body:before{display:none}.brand-mark,.button-symbol,.celestial-chip-dot,.planet-dot,.audio-layer-orb{forced-color-adjust:none}}@keyframes compareCorrect{0%{transform:scale(1)}42%{transform:scale(1.045)}72%{transform:scale(.992)}to{transform:scale(1)}}.curiosities-view{width:min(1480px,100% - 2rem);min-height:calc(100vh - 108px);margin:0 auto 1rem;padding-bottom:2rem}.curiosities-hero{background:linear-gradient(90deg,#020714f5 0%,#020714b8 56%,#0207142e 100%),url(/assets/curiosities/display/earth-blue-marble.webp) 50% 42%/cover no-repeat;border-bottom:1px solid #80e7ff38;justify-content:space-between;align-items:flex-end;gap:1rem;min-height:230px;padding:clamp(1.2rem,3vw,2.4rem);display:flex;box-shadow:inset 0 -1px #ffffff0d}.curiosities-hero h1{letter-spacing:0;max-width:720px;margin:.7rem 0 .5rem;font-size:clamp(2.15rem,5vw,4.4rem);line-height:.98}.curiosities-hero p{color:#e4f2ff;max-width:620px;margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.45}.curiosities-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.curiosities-hero-actions .primary-action,.curiosities-hero-actions .secondary-action{min-height:48px}.curiosities-mount{background:radial-gradient(circle at 14% 4%,#80e7ff14,#0000 24rem),linear-gradient(#020818eb,#01040efa);padding:clamp(1rem,2.6vw,2rem)}.curiosities-loading,.curiosities-error{min-height:260px;color:var(--muted);text-align:center;place-items:center;margin:0;display:grid}.curiosities-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.curiosities-count{color:var(--muted);margin:0;font-size:.92rem;font-weight:800}.curiosities-filter{min-width:min(320px,100%);color:var(--muted);gap:.38rem;font-size:.78rem;font-weight:900;display:grid}.curiosities-filter select{border-radius:var(--radius-sm);min-height:48px;color:var(--text);font:inherit;background:#040d22f5;border:1px solid #c2eaff42;padding:0 .8rem;font-size:.92rem}.curiosities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.curiosity-card{border-radius:var(--radius-sm);background:#040d22cc;border:1px solid #c2eaff2e;min-width:0;overflow:hidden;box-shadow:0 16px 42px #00000040,inset 0 1px #ffffff0d}.curiosity-card-visual{aspect-ratio:4/3;background:#01040c;position:relative;overflow:hidden}.curiosity-card-visual picture,.curiosity-card-visual img{width:100%;height:100%;display:block}.curiosity-card-visual img{object-fit:cover;transition:transform .42s}:is(.curiosity-card:has(.curiosity-observe:hover) .curiosity-card-visual img,.curiosity-card:has(.curiosity-observe:focus-visible) .curiosity-card-visual img){transform:scale(1.025)}.representation-badge{color:#effaff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020816d6;border:1px solid #ade9ff61;border-radius:999px;max-width:calc(100% - 1.4rem);padding:.32rem .58rem;font-size:.7rem;font-weight:900;position:absolute;bottom:.7rem;left:.7rem}.curiosity-card-body{flex-direction:column;align-items:flex-start;min-height:230px;padding:1rem;display:flex}.curiosity-category{color:var(--cyan);text-transform:uppercase;font-size:.7rem;font-weight:950}.curiosity-card h2{margin:.4rem 0 .5rem;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.14}.curiosity-card p{color:#dceaff;margin:0;font-size:.92rem;line-height:1.45}.curiosity-institution{color:var(--muted);margin:auto 0 .8rem;padding-top:.85rem;font-size:.72rem;line-height:1.35}.curiosity-observe{border-radius:var(--radius-sm);color:#061227;cursor:pointer;background:linear-gradient(135deg,#9cefe3,#ffd166);border:1px solid #80e7ff57;min-height:46px;padding:.55rem .9rem;font-weight:950}.curiosity-observe:hover,.curiosity-observe:focus-visible{box-shadow:0 0 24px #80e7ff2e}.curiosity-lightbox,.about-dialog{border-radius:var(--radius-md);width:min(1260px,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--text);background:#03091a;border:1px solid #ade9ff52;margin:auto;padding:0;overflow:hidden;box-shadow:0 36px 110px #000000b8}.curiosity-lightbox::backdrop,.about-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00020adb}.curiosity-lightbox-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);max-height:calc(100vh - 2rem);display:grid;overflow:hidden}.curiosity-close{z-index:3;min-width:48px;min-height:48px;color:var(--text);cursor:pointer;background:#020816e0;border:1px solid #c2eaff6b;border-radius:999px;font-weight:900;position:absolute;top:.8rem;right:.8rem}.curiosity-lightbox-media{background:#000;place-items:center;min-height:540px;display:grid;overflow:hidden}.curiosity-lightbox-media picture,.curiosity-lightbox-media img{width:100%;height:100%;max-height:calc(100vh - 2rem);display:block}.curiosity-lightbox-media img{object-fit:contain}.curiosity-lightbox-content{background-color:#040d22fa;background-image:linear-gradient(#80e7ff06 1px,#0000 1px),linear-gradient(90deg,#80e7ff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:0;padding:clamp(1rem,2vw,1.5rem);overflow:auto}.curiosity-lightbox-content h2{margin:.65rem 0 .55rem;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.05}.curiosity-dialog-description,.curiosity-fact p,.curiosity-prompt p{color:#dceaff;line-height:1.48}.curiosity-fact,.curiosity-prompt{border-top:1px solid #80e7ff2e;margin-top:.9rem;padding:.75rem 0}.curiosity-fact p,.curiosity-prompt p{margin:.3rem 0 0}.curiosity-details{margin:1rem 0}.curiosity-detail-row{border-top:1px solid #c2eaff1a;grid-template-columns:minmax(84px,.4fr) minmax(0,1fr);gap:.65rem;padding:.5rem 0;display:grid}.curiosity-detail-row dt,.curiosity-detail-row dd{margin:0;font-size:.78rem;line-height:1.4}.curiosity-detail-row dt{color:var(--muted);font-weight:850}.curiosity-detail-row dd{overflow-wrap:anywhere;color:#f1f7ff}.curiosity-source-link{color:#fff0b2;text-underline-offset:.25rem;align-items:center;min-height:46px;font-weight:900;display:inline-flex}.curiosity-source-links{flex-wrap:wrap;gap:.45rem 1rem;display:flex}.curiosity-source-link.is-secondary{color:var(--cyan);font-size:.82rem}.curiosity-lightbox-navigation{background:#040d22fa;grid-column:2;grid-template-columns:1fr 1fr;gap:.6rem;padding:.75rem 1rem 1rem;display:grid}.curiosity-lightbox-navigation .primary-action,.curiosity-lightbox-navigation .secondary-action{min-height:48px}.about-dialog{width:min(640px,100vw - 2rem);overflow:auto}.about-dialog-shell{background:linear-gradient(#80e7ff07 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#80e7ff07 1px,#0000 1px) 0 0/30px 30px,radial-gradient(circle at 14% 6%,#ffd16624,#0000 20rem),#030a1cfa;padding:clamp(1rem,3vw,1.5rem)}.about-dialog p,.about-dialog li{color:#dceaff;line-height:1.5}.about-credit{border-block:1px solid #ffd1662e;padding:.85rem 0;font-weight:850;color:#fff1bd!important}.about-version{margin-bottom:0;font-size:.78rem;color:var(--muted)!important}body.dialog-open{overflow:hidden}@media (width>=1500px){.curiosities-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=960px){.curiosities-view{width:calc(100% - 1.5rem)}.curiosities-hero{flex-direction:column;align-items:flex-start}.curiosities-hero-actions{justify-content:flex-start}.curiosities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.curiosity-lightbox-shell{grid-template-rows:minmax(300px,48vh) auto auto;grid-template-columns:1fr;overflow:auto}.curiosity-lightbox-media{min-height:300px}.curiosity-lightbox-content{overflow:visible}.curiosity-lightbox-navigation{grid-column:1}}@media (width<=640px){body[data-route=curiosities] .top-actions{grid-template-columns:1fr}.curiosities-view{width:calc(100% - 1.3rem);margin-bottom:.65rem}.mission-route-card.is-curiosities{grid-column:auto}.curiosities-hero{min-height:210px;padding:1rem}.curiosities-hero-actions,.curiosities-hero-actions button{width:100%}.curiosities-mount{padding:.8rem}.curiosities-toolbar{flex-direction:column;align-items:stretch}.curiosities-filter{width:100%}.curiosities-grid{grid-template-columns:1fr}.curiosity-card-body{min-height:210px}.curiosity-lightbox{border:0;border-radius:0;width:100vw;max-height:100dvh}.curiosity-lightbox-shell{grid-template-rows:minmax(260px,42vh) auto auto;max-height:100dvh}.curiosity-lightbox-content{padding:1rem}.curiosity-lightbox-navigation{position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.curiosity-card-visual img{transition:none}:is(.curiosity-card:has(.curiosity-observe:hover) .curiosity-card-visual img,.curiosity-card:has(.curiosity-observe:focus-visible) .curiosity-card-visual img){transform:none}}@keyframes compareIncorrect{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes feedbackReveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.mission-panel>*{animation:none!important}}@media (width<=960px){body[data-route=home] .app-shell{height:auto;inset:108px .75rem .75rem}body[data-route=home] .stage,body[data-route=home] .scene,body[data-route=soundLab] .stage,body[data-route=soundLab] .scene,body[data-route=teacher] .stage,body[data-route=teacher] .scene{min-height:0}body[data-route=soundLab] .app-shell{height:clamp(300px,38dvh,400px);min-height:300px}body[data-route=teacher] .app-shell{height:260px;min-height:260px}}@media (width<=640px){body[data-route=home] .app-shell{inset:88px .75rem .75rem}body[data-route=home] .mission-center{background:linear-gradient(#020716e6,#020716b3),radial-gradient(circle at 72% 18%,#80e7ff14,#0000 18rem)}body[data-route=soundLab] .app-shell{height:280px;min-height:280px;padding-inline:.75rem}body[data-route=teacher] .app-shell{height:220px;min-height:220px;padding-inline:.75rem}}:root{--experience-ease:cubic-bezier(.22, 1, .36, 1);--hud-grid:transparent}body{background:radial-gradient(at 72% 30%,#283e7438,#0000 58%),radial-gradient(at 12% 78%,#4d2e6c24,#0000 50%),#030712}body:before{opacity:.75;background:url(/assets/space/starfield.svg) 50%/cover no-repeat}body .mission-center{background:linear-gradient(105deg,#03081359,#060e1db8),url(/assets/space/starfield.svg) 50%/cover no-repeat,radial-gradient(at 65% 40%,#18213e,#050a16 75%)}.stage{background:#030712}.scene:before{display:none}.mission-copy,.instruction-card{background-image:none}.topbar,.top-bar{background:linear-gradient(115deg,#122033f5,#060f1df7);box-shadow:0 8px 30px #0000002e}.mission-center{background:radial-gradient(at 8% 18%,#b688441a,#0000 48%),radial-gradient(at 92% 72%,#4280ad1f,#0000 52%),linear-gradient(140deg,#101c30,#060d1d)}.mission-center-copy h1{letter-spacing:-.055em;font-weight:700}.mission-center-copy p{color:#c2d2e4;line-height:1.5}.mission-route-card{background:linear-gradient(135deg,#243952b8,#0c182ae6);border-color:#9abdda2e;box-shadow:inset 0 1px #e8f6ff0b,0 8px 24px #0000001f}.mission-route-card strong{font-weight:650;line-height:1.22}.mission-route-card small{color:#b7c9dd;line-height:1.5}.mission-route-card.is-explore{background:linear-gradient(125deg,#51402280,#101f31f2);border-color:#efbd576b}.mission-route-card.is-explore .route-card-orb,.mission-route-card.is-motion .route-card-orb{background-image:radial-gradient(circle at 28% 28%,#0000 28%,#00050ecc 92%),url(/assets/planets/earth/earth-nasa-blue-marble.jpg);background-position:50%,58%;background-size:cover,auto 100%;box-shadow:inset -8px -3px 16px #000000b3,0 0 16px #59aeda1f}.curiosity-card,.audio-layer-card{border-color:#9abdda2e;box-shadow:0 8px 26px #0000002e}.curiosity-card img{transition:transform .5s var(--experience-ease)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.curiosity-card:hover img{transform:scale(1.025)}}body.reduced-motion .curiosity-card img,body.reduced-motion .choice-button,body.reduced-motion .celestial-chip,body.reduced-motion .mission-route-card{transition:none;transform:none}.mission-panel h2{letter-spacing:-.025em;font-weight:650;line-height:1.2}.mission-panel h3{font-weight:650;line-height:1.3}.icon-action,.mini-action,.celestial-chip{font-weight:600}.choice-button{box-shadow:none;background:#132336d9;border-color:#96b8d738}.camera-hud{background:#06101ee6;border-color:#9ac3dd40;box-shadow:0 8px 28px #00000038}.mission-panel{background:linear-gradient(155deg,#182b43f5,#071123fa);box-shadow:inset 0 1px #cdeaff0f,0 18px 50px #00000038}.mission-panel:after{opacity:.35;background:0 0}.planet-card,.challenge-box,.compare-box,.album-preview{background:linear-gradient(145deg,#21354db8,#0a182be6);flex-shrink:0;box-shadow:inset 0 1px #ffffff0a}.planet-card:after,.challenge-box:after,.compare-box:after,.album-preview:after{background:linear-gradient(130deg,#9bd8ff0f,#0000 48%)}.mission-panel>*{animation:none}.planet-card:before{display:none}.planet-card>summary{cursor:pointer;color:#d9eaff;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-weight:650;list-style:none;display:flex}.planet-card>summary::-webkit-details-marker{display:none}.planet-card>summary span{color:#9ad9ef;transition:transform .2s var(--experience-ease);font-size:1.5rem}.planet-card[open]>summary{margin-bottom:.8rem}.planet-card[open]>summary span{transform:rotate(45deg)}.planet-card li{box-shadow:none;background:0 0;border:0}.challenge-feedback:not(:empty){background:#6ed1b614;border-left:2px solid #8edcc6;border-radius:0 10px 10px 0;padding:.8rem;line-height:1.5}.choice-button,.celestial-chip,.mission-route-card{transition:border-color .18s ease, background .18s ease, box-shadow .2s ease, transform .24s var(--experience-ease)}.choice-button{font-weight:650;line-height:1.4}.icon-action.is-active{color:#d9f6ff;background:#459aba2e;border-color:#87d9f38c;box-shadow:inset 0 0 0 1px #99e0f414}.primary-action{color:#142236;background:linear-gradient(120deg,#ffe5a0,#efbd57);box-shadow:0 6px 24px #efbd5721}.celestial-chip.is-active{background:linear-gradient(135deg,#5ab7d738,#122a40d9);border-color:#90d4ee;box-shadow:inset 0 0 0 1px #90d4ee1f}.celestial-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.celestial-chip{min-width:0;padding-inline:.5rem;font-size:.85rem}.celestial-chip-dot{flex-basis:.75rem;width:.75rem;height:.75rem}.mission-route-card.is-motion{grid-column:auto}.mission-route-card{min-height:144px}.stage{border-color:#84bed540}.stage:after{pointer-events:none;opacity:.45}:where(button,summary,select,input):focus-visible{outline-offset:4px;outline:2px solid #bcecff}@media (hover:hover) and (prefers-reduced-motion:no-preference){.choice-button:hover,.celestial-chip:hover{transform:translateY(-2px)}.mission-route-card:hover{transform:translateY(-3px)}}@media (width<=960px){.app-shell{gap:.85rem}.mission-summary,.mission-details{border-radius:20px}}@media (width<=640px){.top-actions>*,.top-actions .audio-toggle{min-width:0}.top-actions .button-symbol{display:none}.top-actions .icon-action{padding-inline:.4rem}.mission-copy{padding:0}.celestial-selector-heading{flex-wrap:wrap;gap:.3rem}}@media (prefers-reduced-motion:reduce){.choice-button,.celestial-chip,.mission-route-card,.planet-card>summary span{transition:none;transform:none}}.camera-hud strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.camera-hud-actions{grid-template-columns:44px 44px;gap:.35rem;display:grid}.camera-hud-actions .mini-action{min-width:44px;min-height:44px;padding:.4rem}.camera-hud-actions .mini-action:disabled{opacity:.38;cursor:default;box-shadow:none;transform:none}.camera-hud-actions [data-action=reset-camera]{grid-column:1/-1;font-size:.78rem}@media (width<=640px){.camera-hud-actions{grid-template-columns:44px 44px minmax(0,1fr);width:100%}.camera-hud-actions [data-action=reset-camera]{grid-column:auto}}[data-planet-icon=sun]{--icon-image:var(--planet-icon-sun)}[data-planet-icon=mercury]{--icon-image:var(--planet-icon-mercury)}[data-planet-icon=venus]{--icon-image:var(--planet-icon-venus)}[data-planet-icon=earth]{--icon-image:var(--planet-icon-earth)}[data-planet-icon=mars]{--icon-image:var(--planet-icon-mars)}[data-planet-icon=jupiter]{--icon-image:var(--planet-icon-jupiter)}[data-planet-icon=saturn]{--icon-image:var(--planet-icon-saturn)}[data-planet-icon=uranus]{--icon-image:var(--planet-icon-uranus)}[data-planet-icon=neptune]{--icon-image:var(--planet-icon-neptune)}[data-planet-icon=moon]{--icon-image:var(--planet-icon-moon)}body .mission-route-card.is-explore .route-card-orb,body .mission-route-card.is-motion .route-card-orb{--icon-image:var(--planet-icon-earth)}body .mission-route-card.is-learn .route-card-orb{--icon-image:var(--planet-icon-jupiter)}body .mission-route-card.is-sound .route-card-orb{--icon-image:var(--planet-icon-saturn)}body .mission-route-card.is-teacher .route-card-orb{--icon-image:var(--planet-icon-moon)}body .mission-route-card.is-curiosities .route-card-orb{--icon-image:var(--planet-icon-sun)}body .mission-route-card:is(.is-explore,.is-motion,.is-learn,.is-sound,.is-teacher,.is-curiosities) .route-card-orb,body .celestial-chip-dot,body .planet-dot{background:var(--icon-image,radial-gradient(circle at 30% 25%, #c4d2e2, #34465c 55%, #050a14 90%)) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 5px #0000004d);border:0;border-radius:0}body .celestial-chip-dot{flex:0 0 30px;width:30px;height:30px}body .celestial-chip{gap:.25rem;padding:.35rem .3rem;font-size:.8rem}body .planet-dot{width:60px;height:60px}body .mission-route-card .route-card-orb{width:76px;height:76px}@media (width<=420px){.celestial-options{grid-template-columns:repeat(2,minmax(0,1fr))}}