:root{--ink: #dfe6f2;--ink-soft: #a7b6cc;--ink-faint: #7e8da5;--line: #24344d;--line-soft: #172335;--accent: #5ff2e0;--accent-warm:#ffd38a;--ultramarine:#1f2bd6;--panel: color-mix(in srgb, #050c1c 72%, transparent);--bg-a: #9ecbe6;--bg-b: #4f97c2;--step--1: clamp(.76rem, .72rem + .16vw, .85rem);--step-0: clamp(1rem, .95rem + .22vw, 1.15rem);--step-1: clamp(1.2rem, 1.05rem + .6vw, 1.6rem);--step-2: clamp(1.7rem, 1.3rem + 1.7vw, 2.9rem);--step-3: clamp(2.6rem, 1.7rem + 4.2vw, 6rem);--step-4: clamp(3.4rem, 1.6rem + 8vw, 9rem);--gutter: clamp(1.25rem, 5vw, 4rem);--maxw: 40rem;color-scheme:dark;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{min-height:100%;background:var(--bg-b);color:var(--ink);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:var(--step-0);line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,var(--bg-a) 0%,var(--bg-b) 100%);transition:background .12s linear}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,transparent 40%,rgba(0,0,0,.38) 100%)}h1,h2,h3{font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1;letter-spacing:-.02em;text-wrap:balance}p{max-width:60ch}a{color:inherit;text-underline-offset:.2em;text-decoration-color:var(--ink-faint)}a:hover{text-decoration-color:var(--accent)}img,svg,canvas{max-width:100%;display:block}.mono{font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--step--1);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}::selection{background:var(--accent);color:#041016}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.skip{position:fixed;left:-9999px;top:0;z-index:100;background:var(--accent);color:#041016;padding:.6rem 1rem;font-family:IBM Plex Mono,monospace;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em}.skip:focus{left:1rem;top:1rem}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .9s ease;pointer-events:none}:root[data-gl=ready] #gl{opacity:1}:root[data-gl=ready] body:after{opacity:0;transition:opacity .9s ease}#preloader{position:fixed;inset:0;z-index:90;display:grid;place-content:center;justify-items:center;gap:1.4rem;background:#050c1c;transition:opacity .65s ease}#preloader.is-gone{opacity:0;pointer-events:none}.preloader__sweep{width:4.5rem;height:4.5rem;border-radius:50%;border:1px solid var(--line);position:relative;overflow:hidden}.preloader__sweep:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,var(--accent) 40deg,transparent 90deg);animation:sweep 1.6s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.preloader__depth{font-size:var(--step-1);color:var(--ink);letter-spacing:.12em}.preloader__label{color:var(--ink-faint)}.hud{position:fixed;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);z-index:40;padding:.85rem 1rem;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:2px;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .4s ease}.hud__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.4rem}.hud__cell dt{margin-bottom:.15rem}.hud__cell dd{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:var(--step-1);color:var(--ink);line-height:1;letter-spacing:-.01em}.hud__unit{font-family:IBM Plex Mono,monospace;font-size:.5em;font-weight:400;color:var(--ink-faint);margin-left:.25em;text-transform:lowercase}.hud__zone{margin-top:.7rem;padding-top:.55rem;border-top:1px solid var(--line-soft);color:var(--accent)}@media(max-width:560px){.hud{left:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.hud__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem .6rem}.hud__cell dd{font-size:var(--step-0)}.hud__zone{text-align:center}}.sound-toggle{position:fixed;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);z-index:40;display:inline-flex;align-items:center;gap:.5em;padding:.5rem .8rem;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:2px;color:var(--ink-soft);cursor:pointer;transition:border-color .15s ease,color .15s ease}.sound-toggle:hover{border-color:var(--ink-faint);color:var(--ink)}.sound-toggle[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}#content{position:relative;z-index:10}.zone{min-height:118vh;display:flex;align-items:center;padding:18vh var(--gutter)}.zone--surface{min-height:100vh}.zone--hadal{min-height:150vh;align-items:flex-start;padding-top:24vh}.zone__inner{width:100%;max-width:var(--maxw);margin-inline:auto}.zone__inner>*,.zone__coda>*{text-shadow:0 1px 24px rgba(3,8,16,.55),0 1px 3px rgba(3,8,16,.4)}.zone__eyebrow{margin-bottom:1.4rem;color:var(--ink-soft)}.zone .zone__inner{opacity:0;transform:translateY(26px);filter:blur(7px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s ease}.zone.is-in .zone__inner,.zone--surface .zone__inner{opacity:1;transform:none;filter:none}.zone__title{font-size:var(--step-2);margin-bottom:1rem}.zone--surface .zone__title{font-size:var(--step-4);font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 40px rgba(3,8,16,.35)}.zone__lede{font-size:var(--step-1);color:var(--ink);max-width:34ch}.zone__lede em{font-style:italic;color:var(--accent)}.zone__body{color:var(--ink-soft)}.zone__body+.zone__data{margin-top:2rem}.zone__hint{margin-top:3rem;color:var(--ink-soft);animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(.35rem);opacity:1}}.zone__data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 2rem;border-top:1px solid var(--line);padding-top:1.4rem}.zone__data dt{margin-bottom:.2rem}.zone__data dd{font-family:Bricolage Grotesque,sans-serif;font-weight:600;color:var(--ink)}.zone__coda{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.resurface{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.6em;padding:.8rem 1.3rem;background:transparent;border:1px solid var(--accent);border-radius:2px;color:var(--accent);cursor:pointer;transition:background .15s ease,color .15s ease}.resurface:hover{background:var(--accent);color:#041016}.credit{margin-top:2rem;color:var(--ink-faint);text-transform:none;letter-spacing:.03em}@media(max-width:560px){.zone__data{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){body:before{transition:none}.zone__hint{animation:none}.preloader__sweep:before{animation-duration:4s}html{scroll-behavior:auto}.zone .zone__inner,.zone.is-in .zone__inner{opacity:1;transform:none;filter:none;transition:none}}