@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#0b1016;--surface:#121a22;--surface-raised:#18232d;--surface-soft:#101820;--text:#f2eee5;--muted:#9ba8b3;--faint:#64717b;--line:rgba(242,238,229,.14);--signal:#f2b45f;--source:#76d6c7;--local:#86b9ff;--science:#9e9af4;--games:#f47b8f;--world:#d2a6ff;--radius:18px;--fast:160ms;--route:280ms}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.app-shell{width:min(100%,720px);margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom));view-transition-name:page}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:calc(24px + env(safe-area-inset-top)) 0 24px}h1,h2,p{margin:0}h1,h2{letter-spacing:-.04em}h1{font-size:clamp(1.45rem,7vw,2.15rem);line-height:1.04;max-width:12ch}h2{font-size:clamp(1.65rem,8vw,2.7rem);line-height:1.02}.eyebrow,.focus-time,.progress-label,.station-meta,.story-kicker,.weather-line{font-family:DM Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;line-height:1.4}.eyebrow,.finish-card p,.focus-card>p,.intro-copy,.muted,.station-dek,.story-dek{color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(242,180,95,.14)}.close-button,.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:1.45rem}.icon-button{color:var(--source)}.briefing-intro{padding:22px 0 32px;border-top:1px solid var(--line)}.weather-line{display:flex;align-items:baseline;gap:10px;margin-bottom:34px;color:var(--muted);text-transform:none;letter-spacing:0}.weather-line strong{color:var(--text);font:700 1.55rem Manrope,sans-serif;letter-spacing:-.07em}.briefing-intro h2{margin-top:9px}.intro-copy{max-width:35rem;margin-top:14px;font-size:1rem;line-height:1.6}.depth-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.depth-button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer;text-align:left;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.depth-button.selected,.depth-button:hover{border-color:var(--signal);background:rgba(242,180,95,.1)}.depth-button:active,.question-card:active,.station:active{transform:scale(.985)}.depth-button small{color:var(--muted);font-size:.72rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 16px;border-radius:999px;cursor:pointer;font-weight:800}.primary-button{border:1px solid var(--signal);background:var(--signal);color:#17120d}.primary-button.compact{min-height:44px;padding:10px 14px}.secondary-button{border:1px solid var(--line);background:transparent;color:var(--text)}.briefing-intro>.primary-button{width:100%;margin-top:12px}.route-section{padding:28px 0 38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin-top:5px;font-size:1.55rem}.progress-label{color:var(--signal);white-space:nowrap}.signal-rail{position:relative;display:grid;gap:0}.signal-rail:before{content:"";position:absolute;top:20px;bottom:22px;left:9px;width:1px;background:var(--line)}.station{grid-template-columns:20px 1fr 24px;gap:12px;width:100%;padding:14px 0 22px;border:0;background:transparent;cursor:pointer;text-align:left;view-transition-name:none}.station,.station-marker{position:relative;display:grid}.station-marker{z-index:1;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;background:var(--bg)}.station-marker span{width:6px;height:6px;border-radius:50%;background:var(--faint);transition:transform var(--route),background var(--route),box-shadow var(--route)}.station.active .station-marker span{background:var(--signal);transform:scale(1.5);box-shadow:0 0 0 5px rgba(242,180,95,.12)}.station-content{display:grid;gap:7px;min-width:0}.station-meta{display:flex;gap:10px;color:var(--muted)}.station-meta span:last-child{color:var(--local)}.station.science .station-meta span:last-child{color:var(--science)}.station.games .station-meta span:last-child{color:var(--games)}.station.world .station-meta span:last-child{color:var(--world)}.station strong{font-size:1.06rem;line-height:1.25;letter-spacing:-.025em}.station-dek{max-width:45ch;font-size:.85rem;line-height:1.5}.station-arrow{align-self:center;color:var(--faint);font-size:1.2rem;transition:color var(--fast),transform var(--fast)}.station.active .station-arrow{color:var(--signal);transform:translate(2px,-2px)}.story-section{padding:30px 0 42px;border-top:1px solid var(--line)}.story-kicker{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--muted);text-transform:none;letter-spacing:0}.category-pill{padding:5px 9px;border:1px solid;border-radius:999px;color:var(--local);font-size:.7rem}.category-pill.science{color:var(--science)}.category-pill.games{color:var(--games)}.category-pill.world{color:var(--world)}.story-section h2{margin-top:16px;font-size:clamp(2rem,10vw,3.1rem)}.story-dek{margin-top:16px;font-size:1.06rem;line-height:1.62}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.question-card{display:grid;gap:6px;min-height:105px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.question-card.selected{border-color:rgba(242,180,95,.65);background:rgba(242,180,95,.08)}.question-card span{color:var(--signal);font:.67rem DM Mono,monospace}.question-card strong{font-size:.9rem;line-height:1.2}.question-card small{color:var(--muted);font-size:.72rem}.fact-stack{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line)}.fact{padding:22px 0;border-bottom:1px solid var(--line)}.fact p:last-child{max-width:58ch;margin-top:9px;font-size:1rem;line-height:1.62}.muted-fact p:last-child{color:var(--muted)}.source-lens{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:15px;border:1px solid rgba(118,214,199,.28);border-radius:14px;background:rgba(118,214,199,.06)}.source-lens strong{display:block;margin-top:5px;font-size:.86rem}.source-lens>span{max-width:16ch;color:var(--source);font:.7rem/1.5 DM Mono,monospace;text-align:right}.focus-actions,.story-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.story-actions button{width:100%}.finish-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:8px 0 20px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--surface),#111c20)}.finish-card h2{max-width:12ch;margin-top:8px;font-size:1.55rem}.finish-card p:last-child{max-width:28ch;margin-top:10px;font-size:.88rem;line-height:1.5}.finish-mark{color:var(--signal);font-size:2.5rem}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(100%,720px);margin:0 auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(11,16,22,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;justify-items:center;gap:2px;min-height:48px;border:0;background:transparent;color:var(--muted);cursor:pointer}.bottom-nav button span{font-size:1.2rem;line-height:1}.bottom-nav button small{font-size:.62rem}.bottom-nav button.active{color:var(--signal)}.journey-layer{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;height:100dvh;min-height:100svh;overflow:hidden;isolation:isolate;padding:0 16px env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--journey-accent) 14%,transparent),transparent 42%),#090e14;touch-action:none;animation:journey-in .42s cubic-bezier(.22,1,.36,1) both}.journey-layer.local{--journey-accent:var(--local)}.journey-layer.science{--journey-accent:var(--science)}.journey-layer.games{--journey-accent:var(--games)}.journey-layer.world{--journey-accent:var(--world)}.journey-layer:before{content:"";z-index:-2;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 38%,rgba(0,0,0,.32))}.journey-layer:before,.journey-orbit{position:absolute;pointer-events:none}.journey-orbit{z-index:-1;width:64vw;height:64vw;max-width:420px;max-height:420px;border:1px solid color-mix(in srgb,var(--journey-accent) 28%,transparent);border-radius:50%;opacity:.45}.journey-orbit-one{top:18%;left:-34%;animation:orbit-drift 14s ease-in-out infinite alternate}.journey-orbit-two{right:-40%;bottom:7%;width:52vw;height:52vw;animation:orbit-drift 18s ease-in-out -5s infinite alternate-reverse}.journey-header{position:relative;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 0 14px}.journey-close,.journey-save{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(11,16,22,.48);cursor:pointer}.journey-close{font-size:1.55rem;color:var(--muted)}.journey-save{justify-self:end;color:var(--journey-accent);font-size:1.4rem}.journey-header-meta{display:grid;justify-items:center;gap:4px;color:var(--muted);font:.66rem/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em}.journey-header-meta span:first-child{color:var(--journey-accent)}.journey-progress{position:relative;z-index:2;display:flex;gap:6px;padding:0 4px}.journey-progress span{height:3px;flex:1 1;border-radius:99px;background:rgba(242,238,229,.16);transition:background .32s ease,transform .32s ease}.journey-progress span.complete{background:var(--journey-accent);transform:scaleY(1.35)}.journey-content{position:relative;z-index:1;display:grid;flex:1 1;align-items:start;min-height:0;overflow:hidden;padding:clamp(22px,6vh,58px) 4px 8px}.journey-scene{align-self:start;width:min(100%,640px);margin:0 auto;animation:scene-in .42s cubic-bezier(.22,1,.36,1) both}.journey-step-label{color:var(--journey-accent);font:.72rem/1.4 DM Mono,monospace;letter-spacing:.14em}.journey-scene h2{max-width:10ch;margin-top:14px;font-size:clamp(2.35rem,10vw,5.6rem);line-height:.94;letter-spacing:-.07em;text-wrap:balance}.journey-lead{max-width:42ch;margin-top:18px;color:#c8d0d4;font-size:clamp(1rem,3.8vw,1.25rem);line-height:1.5}.journey-number{display:block;margin-top:16px;color:color-mix(in srgb,var(--journey-accent) 78%,white);font:clamp(3rem,18vw,8rem)/.8 DM Mono,monospace;letter-spacing:-.12em;opacity:.8}.journey-meta-card,.journey-source-note{display:grid;gap:7px;width:min(100%,450px);margin-top:22px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--journey-accent) 36%,transparent);border-left:3px solid var(--journey-accent);background:rgba(255,255,255,.045)}.journey-meta-card strong{font-size:1.05rem}.journey-meta-card span{color:var(--muted);font:.7rem/1.5 DM Mono,monospace}.journey-source-note span{color:var(--journey-accent);font:.68rem DM Mono,monospace;letter-spacing:.1em}.journey-source-note strong{font-size:.9rem}.journey-footer{position:relative;z-index:2;margin:0 -16px;padding:8px 16px 16px;background:linear-gradient(180deg,transparent,rgba(9,14,20,.92) 25%)}.journey-hint{margin:0 0 10px;color:var(--faint);font:.65rem/1.4 DM Mono,monospace;text-align:center}.journey-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:8px}.journey-button{width:100%;min-height:52px}@keyframes journey-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes scene-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit-drift{0%{transform:translate3d(-2%,-2%,0) rotate(-8deg)}to{transform:translate3d(8%,6%,0) rotate(12deg)}}.modal-layer{position:fixed;z-index:20;inset:0;overflow:auto;display:grid;align-items:end;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:rgba(3,6,9,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.constellation-card,.focus-card{position:relative;width:min(100%,680px);margin:0 auto;padding:24px 18px 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface-raised);box-shadow:0 20px 60px rgba(0,0,0,.4);animation:sheet-in var(--route) both}.close-button{position:absolute;top:14px;right:14px;width:44px;height:44px;color:var(--muted)}.constellation-card h2,.focus-card h2{max-width:12ch;margin-top:14px;padding-right:46px;font-size:2rem}.constellation-card>p:not(.eyebrow),.focus-card>p:not(.eyebrow){margin-top:14px;line-height:1.6}.focus-fact{display:grid;gap:8px;margin-top:22px;padding:16px;border-left:2px solid var(--signal);background:rgba(242,180,95,.08)}.focus-fact span{color:var(--signal);font:.68rem DM Mono,monospace}.focus-fact strong{line-height:1.45}.focus-time{margin-top:18px;color:var(--muted);text-align:center;text-transform:none;letter-spacing:0}.constellation{position:relative;height:270px;margin:24px 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at center,rgba(242,180,95,.1),transparent 46%),#0c141b}.constellation:after,.constellation:before{content:"";position:absolute;top:50%;left:50%;width:55%;height:1px;background:rgba(242,180,95,.25);transform-origin:left center}.constellation:before{transform:rotate(25deg)}.constellation:after{transform:rotate(-32deg)}.constellation-core,.constellation-node{position:absolute;z-index:1;display:grid;place-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised);font-size:.72rem;text-align:center}.constellation-core{top:50%;left:50%;border-color:var(--signal);color:var(--signal);transform:translate(-50%,-50%)}.constellation-node{color:var(--source)}.node-0{top:18%;left:9%}.node-1{top:16%;right:8%}.node-2{bottom:18%;left:13%}.node-3{right:10%;bottom:17%}.constellation-list{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.constellation-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.constellation-list span{color:var(--signal);font:.7rem DM Mono,monospace}.constellation-list strong{font-size:.88rem}.constellation-card>.primary-button{width:100%}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}::view-transition-new(page),::view-transition-old(page){animation-duration:var(--route)}@media (min-width:680px){.app-shell{padding-right:28px;padding-left:28px}.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}