/* YELLO 16 / Hyperspace — a bright, drifting video universe with a cinematic time tunnel.
   Layout never transforms, filters or overlays a live player. */
@font-face{font-family:YelloDisplay;src:url('./jukebox-display.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{
  color-scheme:light;
  --display:YelloDisplay,'Arial Narrow',Impact,sans-serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ink:#392a50;--muted:#64546f;--line:#59427524;--cream:#fffaf1;
  --space-a:#c9b3f1;--space-b:#f7a898;--space-c:#85cfc8;--space-d:#f3d898;
  --card-width:min(56vw,820px,calc((100dvh - 300px) * 1.777778));
  --pointer-x:0px;--pointer-y:0px;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
html{font-family:var(--sans);color:var(--ink);background:#ded3ef}
body{min-width:280px;background:#ded3ef;-webkit-font-smoothing:antialiased}
button,input,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button{appearance:none;border:0;padding:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:disabled{cursor:default;opacity:.32}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #695188;outline-offset:5px}
button:disabled:focus-visible{outline:none}
button:not(:disabled),a{touch-action:manipulation}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:12px;z-index:200;padding:12px 18px;border-radius:8px;background:var(--cream);transform:translateY(-170%);font-size:14px}
.skip-link:focus{transform:translateY(0)}

/* No dark floor: the album palette moves through peach, lilac, sea-glass and gold. */
.universe-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate;background:linear-gradient(128deg,color-mix(in srgb,var(--space-a) 55%,#f7e7ff),color-mix(in srgb,var(--space-b) 45%,#ffe8d7) 48%,color-mix(in srgb,var(--space-c) 55%,#e5fff1));transition:opacity .65s}
.universe-background:before{content:'';position:absolute;inset:-25%;background:radial-gradient(ellipse at 19% 31%,#fff8e299,transparent 32%),radial-gradient(ellipse at 79% 80%,color-mix(in srgb,var(--space-d) 80%,#fff4c5),transparent 39%);transform:translate3d(calc(var(--pointer-x) * -.3),calc(var(--pointer-y) * -.3),0);opacity:.88}
.nebula{position:absolute;pointer-events:none;will-change:transform;border-radius:50%;opacity:.5}
.nebula-one{width:78vw;height:82vh;left:-19vw;top:-20vh;background:radial-gradient(ellipse at 56% 43%,var(--space-a),#bd8bea66 46%,transparent 71%);animation:nebula-one 27s ease-in-out infinite alternate}
.nebula-two{width:72vw;height:90vh;right:-18vw;top:6vh;background:radial-gradient(ellipse at 45% 48%,var(--space-c),#53c9bd77 44%,transparent 72%);animation:nebula-two 31s ease-in-out infinite alternate}
.nebula-three{width:83vw;height:65vh;left:5vw;bottom:-27vh;background:radial-gradient(ellipse at 53% 44%,var(--space-b),var(--space-d) 39%,transparent 70%);opacity:.6;animation:nebula-three 23s ease-in-out infinite alternate}
.universe-orbit{position:absolute;border:1px solid #fff9e76b;border-radius:50%;box-shadow:0 0 35px #ffffff10;transform-style:preserve-3d}
.orbit-one{width:112vw;height:70vw;left:-8vw;top:8vh;transform:rotate(-25deg) rotateX(53deg);animation:orbital-drift 44s ease-in-out infinite alternate}
.orbit-two{width:80vw;height:58vw;left:8vw;top:9vh;transform:rotate(28deg) rotateX(48deg);border-color:#9f86b928;animation:orbital-drift-two 37s ease-in-out infinite alternate}
.universe-dust{position:absolute;inset:0;overflow:hidden;transform:translate3d(calc(var(--pointer-x) * .5),calc(var(--pointer-y) * .5),0)}
.universe-dust>i,.universe-dust>span{position:absolute;left:var(--dust-x,50%);top:var(--dust-y,50%);width:var(--dust-size,3px);height:var(--dust-size,3px);border-radius:50%;background:#fffbed;box-shadow:0 0 12px #fffbec80;opacity:.7;animation:dust-breathe var(--duration,7s) ease-in-out var(--dust-delay,0s) infinite alternate}
.universe-grain{position:absolute;inset:0;opacity:.065;background-image:repeating-radial-gradient(circle at 23% 18%,#3d2856 0 .6px,transparent .8px 2px);background-size:5px 5px;mix-blend-mode:soft-light}

/* The surface is a viewport, with dedicated room for navigation above and below. */
.journey-shell{position:relative;z-index:2;height:100vh;height:100dvh;display:grid;grid-template-rows:110px minmax(0,1fr) 108px;padding:0 clamp(22px,4.5vw,84px);isolation:isolate}
.journey-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:0}
.wordmark{flex:none;text-align:left;line-height:1;position:relative}
.wordmark>span{display:block;font:800 69px/.78 var(--display);letter-spacing:-3.3px}
.wordmark-dot{position:relative;top:-27px;margin-left:5px;font:800 9px/1 var(--sans);color:#d77876;letter-spacing:0}
.wordmark small{display:block;margin-top:11px;font-size:7px;font-weight:600;letter-spacing:.3em;white-space:nowrap;color:#554866}
.wordmark:hover>span{color:#674972}
.journey-manifesto{margin:2px 0 0;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.02em;flex:1;text-align:center}
.journey-manifesto>span{display:block;font-size:10px;font-weight:400;letter-spacing:.04em;margin-top:4px;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:12px;flex:none}
.mode-button,.nav-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 15px;border:1px solid #70588935;border-radius:999px;background:#fffdf021;font-size:11px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s}
.mode-button>span:first-child{font-size:20px;line-height:1}
.mode-button:hover,.nav-toggle:hover{background:#fffdf080;border-color:#70588965;box-shadow:0 3px 18px #71558a0d}
.mode-button[aria-pressed=true]{background:#faf4dcad;border-color:#8f739064}
.nav-toggle{background:#fff9ef84;border-color:#ffffff90;padding-right:13px;box-shadow:0 6px 20px #78558009}
.nav-toggle-icon{font-size:21px;line-height:1;transform:rotate(90deg)}
#navCount{font-size:8px;margin-left:2px;padding:4px 5px;border:1px solid #75578522;border-radius:5px;color:#74617f}
.voyage-scene{position:relative;min-height:0;perspective:1100px;isolation:isolate}
.time-coordinate{position:absolute;z-index:0;top:0;left:-1.5vw;pointer-events:none;user-select:none;transform:translate3d(calc(var(--pointer-x) * -.22),calc(var(--pointer-y) * -.22),0)}
.time-coordinate>span{display:block;font:800 clamp(130px,20vw,285px)/.77 var(--display);letter-spacing:-.045em;color:#694d7820;-webkit-text-stroke:1px #fff4de45}
.time-coordinate>small{display:block;margin:17px 0 0 10px;font-size:8px;font-weight:500;letter-spacing:.28em;color:#6d587a8a}
.flight-field{--vp-y:48%;position:absolute;inset:0;z-index:1;perspective:1100px;perspective-origin:50% var(--vp-y);transform-origin:50% var(--vp-y);transform-style:preserve-3d;pointer-events:none}
.flight-card{position:absolute;left:50%;top:48%;width:var(--card-width);padding:0;border:1px solid #fff8ecbd;border-radius:12px;background:#fff9efb3;text-align:left;box-shadow:0 15px 60px #72548625,0 2px 8px #8b739b1c;transform-origin:50% 50%;backface-visibility:hidden;pointer-events:auto;will-change:transform,opacity;transition:box-shadow .22s,border-color .22s;overflow:visible}
.flight-card:hover{box-shadow:0 20px 80px #7254863b,0 0 0 2px #fff4dec9;border-color:#fffdf6}
.flight-card:focus-visible{outline-offset:7px;outline-color:#705088}
.flight-card.is-current{border-color:#fff9ea;box-shadow:0 28px 90px #74588c32,0 0 0 1px #fff9e9b3}
.flight-card .card-visual{border-radius:11px;display:block;position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;background:color-mix(in srgb,var(--card-a,var(--space-a)) 57%,#f7e7fd)}
.card-art,.gate-art{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(130deg,color-mix(in srgb,var(--card-a,var(--space-a)) 65%,#eee2ff),color-mix(in srgb,var(--card-b,var(--space-b)) 57%,#ffe9c9),color-mix(in srgb,var(--card-c,var(--space-c)) 68%,#e0f6e9))}
.card-art>.placeholder-art,.gate-art>.placeholder-art{position:absolute;inset:0;display:block;width:100%;height:100%;transform-origin:center;animation:placeholder-float 14s ease-in-out infinite alternate}
.card-art:not(.has-preview):after,.gate-art:not(.has-preview):after{content:'';position:absolute;inset:-25%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 35% 27%,#ffffd777,transparent 39%),radial-gradient(ellipse at 80% 83%,#ffffff55,transparent 45%);mix-blend-mode:soft-light;animation:placeholder-wash 11s ease-in-out infinite alternate}
.flight-card:nth-child(3n) .placeholder-art{animation-delay:-4s;animation-duration:17s}
.flight-card:nth-child(3n + 1) .placeholder-art{animation-delay:-8s;animation-direction:alternate-reverse}
.video-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;filter:none;transform:none;transition:opacity .32s ease;background:transparent}
.card-art.has-preview>.video-thumb,.gate-art.has-preview>.video-thumb{opacity:1}
.card-art.has-preview>.placeholder-art,.gate-art.has-preview>.placeholder-art{visibility:hidden;animation:none}
.flight-card-caption{position:absolute;left:0;right:0;top:100%;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;background:linear-gradient(125deg,#fffaf0e8,#f5eafaeb)}
.flight-card-caption strong{font:800 clamp(16px,1.9vw,30px)/1.02 var(--display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flight-card-caption>span{font-size:10px;letter-spacing:.12em;flex:none;color:#776782}

/* A single stable main frame; its sibling cards do the flying. */
.center-stage{position:absolute;left:50%;top:48%;z-index:12;width:var(--card-width);transform:translate(-50%,-50%);transition:opacity .17s ease;pointer-events:auto}
.active-card{position:relative;width:100%;transform:none;filter:none}
.player-frame{position:relative;width:100%;border:1px solid #fff8ebd9;border-radius:12px;background:#e6d7ed;box-shadow:0 32px 85px #7050802e,0 4px 15px #67497412;isolation:isolate;transform:none}
.youtube-mount{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;border-radius:inherit;overflow:hidden;background:linear-gradient(132deg,#cdb5eb,#f6bf9f 52%,#80c4c1);transform:none}
.youtube-mount iframe{position:relative;display:block;width:100%;height:100%;min-width:200px;min-height:200px;border:0;transform:none;filter:none;opacity:1;background:transparent}
.initial-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;letter-spacing:.025em;color:#60426d}
.privacy-gate,.jukebox-poster{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:transparent}
.jukebox-poster .gate-art{position:absolute;inset:0}
.gate-overlay{position:absolute;inset:0;pointer-events:none}
.gate-overlay .gate-play{pointer-events:auto}
.gate-eyebrow{position:absolute;top:14px;left:16px;z-index:2;padding:5px 8px;border:1px solid #fff8e997;border-radius:4px;background:#fff9e2b8;color:#725780;font-size:7px;font-weight:500;letter-spacing:.17em;line-height:1.2}
.gate-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:3;border:0;background:none;color:#3a2c4a;white-space:nowrap;cursor:pointer}
.gate-play>span:first-child,.gate-play-icon{display:grid;place-items:center;width:76px;height:76px;padding-left:4px;border:1px solid #fffdf3;border-radius:50%;background:#fff9eada;box-shadow:0 8px 38px #624b7230,0 0 0 10px #fff9e72e;font-size:23px;line-height:1;transition:box-shadow .24s,background .24s,transform .24s}
.gate-play svg{width:25px;height:25px;fill:#4b365b;display:block}
.gate-play>span:last-child:not(:first-child){padding:7px 12px;border:1px solid #fffdf090;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.025em;background:#fff9edd6;box-shadow:0 2px 15px #73578518}
.gate-play:hover>span:first-child{transform:scale(1.065);background:#fffbef;box-shadow:0 8px 45px #72517b39,0 0 0 16px #fff9e72e}
.gate-play:focus-visible{outline:0}
.gate-play:focus-visible>span:first-child{outline:3px solid #614176;outline-offset:7px}
.gate-play small{display:block;margin-top:3px;font-size:8px;font-weight:400;opacity:.7}
.poster-image-credit,.thumb-credit{position:absolute;bottom:10px;left:12px;z-index:2;max-width:calc(100% - 24px);padding:4px 7px;border-radius:4px;color:#44364e;background:#fff9e9c9;font-size:7px;letter-spacing:.02em;pointer-events:none}
.card-caption{position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4px 0;min-width:0}
.track-copy{min-width:0;flex:1}
.track-kicker{margin:0 0 5px;font-size:8px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#6e5978;line-height:1.45}
#trackAlbum{letter-spacing:.1em}
.card-caption h1{margin:0;font:800 clamp(27px,3.3vw,40px)/1.02 var(--display);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3f2d50}
.caption-actions{display:flex;gap:10px;align-items:center;flex:none}
.round-control,.source-link{display:grid;place-items:center;width:37px;height:37px;border:1px solid #6b4f813d;border-radius:50%;background:#fff5e759;font-size:13px;transition:background .2s,border-color .2s}
.round-control:hover,.source-link:hover{border-color:#78578585;background:#fff8dfc4}
.source-link{font-size:21px;border-color:transparent;background:none}
.playback-notice{position:absolute;left:0;right:0;top:calc(100% + 76px);margin-top:10px;padding:9px 12px;border-radius:7px;background:#fff4e6eb;border:1px solid #a985ae52;font-size:11px;line-height:1.5;color:#594460}
.playback-notice button,.playback-notice a{text-decoration:underline;text-underline-offset:3px}
.active-card.is-playing,.active-card.is-playing .player-frame,.active-card.is-playing .youtube-mount,.active-card.is-playing iframe{animation:none!important;transform:none!important;filter:none!important}
.active-card.is-playing .player-frame,.active-card.is-playing .youtube-mount{border-radius:0;overflow:visible}
body[data-flying=true] .center-stage{opacity:0;pointer-events:none;transition:none}
.flight-arrow{position:absolute;z-index:30;top:48%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:58px;height:74px;border:1px solid #fff8e59e;border-radius:999px;background:#fff8ef36;box-shadow:0 4px 20px #6c457608;transition:background .2s,border-color .2s,box-shadow .2s;user-select:none}
.flight-arrow>span{font-size:24px;line-height:1}
.flight-arrow>small{font-size:7px;font-weight:500;letter-spacing:.13em}
.flight-arrow:hover:not(:disabled){background:#fffaf09e;border-color:#fffaf0;box-shadow:0 6px 24px #7860811f}
.flight-newer{left:0}
.flight-older{right:0}
.flight-status{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);max-width:70%;text-align:center;white-space:nowrap;font-size:9px;letter-spacing:.04em;color:#665172;pointer-events:none}

/* A restrained horizontal time rail, descending from the latest release. */
.journey-footer{position:relative;z-index:35;display:grid;grid-template-columns:minmax(130px,1fr) minmax(290px,570px) minmax(140px,1fr);gap:30px;align-items:center;padding:9px 0 max(18px,env(safe-area-inset-bottom));min-width:0}
.travel-hint{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;line-height:1.25;white-space:nowrap}
.mouse-icon{display:grid;place-items:center;width:21px;height:32px;border:1px solid #80648765;border-radius:20px;font-size:15px;color:#7d6388}
.travel-hint small{display:block;margin-top:4px;color:#7d6786;font-size:8px;font-weight:400;letter-spacing:.025em}
.time-navigation{min-width:0;grid-column:2}
.time-labels{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1;font-size:8px;letter-spacing:.08em;font-weight:500}
.time-labels button{display:flex;align-items:center;gap:6px;min-height:21px;font-size:8px;letter-spacing:.1em}
.time-labels button span{font-size:11px;font-weight:600;letter-spacing:0}
#positionLabel{color:#806985;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
#timeSlider{appearance:none;-webkit-appearance:none;display:block;width:100%;height:23px;margin:1px 0 0;background:transparent;cursor:pointer;touch-action:pan-x}
#timeSlider::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(90deg,#a77ecd,#cd98b4 36%,#e9bd8a 65%,#78b8b1);box-shadow:0 1px 0 #fff8e966}
#timeSlider::-moz-range-track{height:3px;border-radius:9px;background:linear-gradient(90deg,#a77ecd,#cd98b4 36%,#e9bd8a 65%,#78b8b1);box-shadow:0 1px 0 #fff8e966}
#timeSlider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border:3px solid #fff9e9;border-radius:50%;background:#7e5b9c;box-shadow:0 0 0 1px #936fb254,0 0 0 5px #fff9eb45}
#timeSlider::-moz-range-thumb{width:8px;height:8px;border:3px solid #fff9e9;border-radius:50%;background:#7e5b9c;box-shadow:0 0 0 1px #936fb254,0 0 0 5px #fff9eb45}
#timeSlider:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px #936fb289,0 0 0 7px #fff9eb75}
.decade-stops{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:18px;padding:0 2px}
.decade-stops button{position:relative;min-width:24px;padding:3px 0;color:#7e6787;font-size:8px;letter-spacing:.05em}
.decade-stops button:hover,.decade-stops button[aria-current=true]{color:#3f2c53}
.decade-stops button[aria-current=true]:after{content:'';position:absolute;bottom:0;left:50%;width:12px;height:1px;transform:translateX(-50%);background:#896496}
.footer-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;min-width:0;grid-column:3}
#motionToggle{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:3px 0;color:#665270;white-space:nowrap}
#motionToggle:before{content:'';display:block;width:4px;height:4px;background:#528b7c;border-radius:50%;box-shadow:0 0 0 3px #fff9e53b}
#motionToggle[aria-pressed=false]:before{background:#8d7b96;box-shadow:none}
.play-status{font-size:8px;line-height:1.45;color:#846d8a;text-align:right;max-width:200px}

/* Search belongs to a quiet side drawer, never to the main scene. */
.nav-backdrop{position:fixed;inset:0;z-index:80;background:#6d52712b;backdrop-filter:blur(7px);animation:drawer-fade .22s ease both}
.navigation-panel{position:fixed;z-index:90;inset:12px 12px 12px auto;width:min(400px,calc(100vw - 24px));display:flex;flex-direction:column;gap:18px;padding:27px 25px 20px;border:1px solid #fffaf1e8;border-radius:17px;background:linear-gradient(146deg,#fff8eeef,#f0eafaef 63%,#e5f1e8f0);box-shadow:-12px 16px 60px #76588030;backdrop-filter:blur(28px);animation:drawer-arrive .32s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}
.nav-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.eyebrow{margin:0 0 7px;font-size:8px;letter-spacing:.16em;font-weight:500;color:#917890}
.nav-heading h2{margin:0;font:800 35px/1 var(--display);letter-spacing:-.01em;color:#533d62}
.nav-heading .round-control{width:34px;height:34px;flex:none;font-size:24px;color:#725a7c;border-color:#b6a0bf4d;background:#fffaec80}
.nav-search{display:flex;align-items:center;gap:10px;min-height:45px;padding:0 12px;border:1px solid #90759b32;border-radius:8px;background:#fffef399}
.nav-search>span{font-size:23px;color:#8f739b;line-height:1}
.nav-search input{width:100%;min-width:0;border:0;outline:none;background:none;color:#61466e;font-size:12px;letter-spacing:-.01em}
.nav-search input::placeholder{color:#a68eae}
.nav-search:focus-within{outline:2px solid #c2a7d2;outline-offset:2px}
.nav-search input:focus-visible{outline:none}
.nav-search kbd{display:grid;place-items:center;width:18px;height:21px;border:1px solid #ac94b331;border-radius:3px;font:10px var(--sans);color:#ae99b6;flex:none}
.decade-filters{display:flex;gap:5px;flex-wrap:wrap}
.decade-filters button{min-width:33px;min-height:28px;padding:5px 9px;border:1px solid #8d6fa31f;border-radius:999px;font-size:9px;color:#8e739b;background:#fffaf33b;transition:background .2s,color .2s}
.decade-filters button:hover{background:#f5eafbc9;color:#6d4b7e}
.decade-filters button[aria-pressed=true]{border-color:#ae8dbf5e;background:#decfea;color:#644878}
.nav-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-2px;font-size:8px;letter-spacing:.07em;color:#9c83a5}
.nav-result-heading>span:first-child{color:#776080}
.nav-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 5px 2px;margin:-7px -8px 0 -2px;scrollbar-width:thin;scrollbar-color:#c4accd70 transparent}
.nav-result{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:10px 7px;margin:0 0 5px;border:1px solid transparent;border-radius:8px;text-align:left;transition:background .2s,border-color .2s}
.nav-result:hover{background:#fff9f28c;border-color:#c8aedb52}
.nav-result[aria-current=true]{background:#fffaf0b8;border-color:#c0a2d07d;box-shadow:0 3px 13px #aa8bb30c}
.nav-thumb{position:relative;display:block;aspect-ratio:16/9;width:92px;border-radius:4px;overflow:hidden;border:1px solid #ffffff96;background:#dac4e8}
.nav-result-copy{display:block;min-width:0}
.nav-result-copy strong{display:block;margin-bottom:5px;font:800 19px/1.02 var(--display);letter-spacing:-.005em;overflow-wrap:anywhere;color:#594464}
.nav-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.3;color:#a08aaa}
.nav-result-year{align-self:start;margin-top:3px;font-size:8px;color:#b299b9;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.nav-result[aria-current=true] .nav-result-year{color:#8b6a9d}
.nav-result .thumb-credit{display:none}
.nav-empty{padding:30px 8px;text-align:center;font-size:14px;line-height:1.7;color:#8a6b94}
.nav-empty button{display:block;margin:12px auto 0;padding:8px 14px;border:1px solid #c5acd035;border-radius:6px;font-size:11px;background:#fffcf2}
.nav-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;margin-top:auto;border-top:1px solid #b8a2c529;font-size:8px;line-height:1.4;color:#675273}
.nav-footer button,.nav-footer a{padding:5px 0;font-size:10px;color:#675273}
.nav-footer button:hover,.nav-footer a:hover{color:#5f4070;text-decoration:underline;text-underline-offset:3px}
#thumbToggleState{padding:2px 4px;margin-left:3px;border-radius:3px;background:#dcf0d9;color:#618460;font-size:7px}
#thumbToggle[aria-pressed=false] #thumbToggleState{background:#e4dbe7;color:#8c7a96}
#thumbnailStatus{flex-basis:100%;margin:0;font-size:10px;line-height:1.5;color:#776185}
.error-screen{position:fixed;z-index:120;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;text-align:center;background:linear-gradient(145deg,#d3c0ed,#f5caba 50%,#c3e4d5);color:#664775}
.error-screen h1{margin:0;font:800 clamp(35px,6vw,65px)/1 var(--display);max-width:12ch}
.error-screen p{font-size:13px;line-height:1.6;max-width:42ch;margin:0}
.error-screen button{padding:12px 24px;margin-top:5px;border-radius:999px;background:#fff7e9ca;border:1px solid #fff9eb;font-size:12px}
.noscript-message{position:fixed;z-index:150;bottom:24px;left:50%;transform:translateX(-50%);width:min(90vw,540px);padding:18px 23px;border-radius:10px;background:#fff7eaf2;color:#644774;font-size:13px;line-height:1.5;box-shadow:0 8px 30px #86638f2b}
.noscript-message a{text-decoration:underline}

/* Ambient keeps the same readable controls and exactly the same video element. */
body[data-layout=ambient] .universe-background{opacity:0}
body[data-layout=ambient] .flight-field,body[data-layout=ambient] .time-coordinate{visibility:hidden;pointer-events:none}
body[data-layout=ambient] .center-stage{width:min(70vw,1000px,calc(62dvh * 1.777778),calc((100dvh - 300px) * 1.777778));opacity:1;pointer-events:auto}
body[data-layout=ambient] .player-frame{box-shadow:0 17px 70px #64447727;border-color:#fff5e6b5}
body[data-layout=ambient] .wordmark,body[data-layout=ambient] .card-caption,body[data-layout=ambient] .journey-manifesto{color:#453651}
body[data-layout=ambient] .journey-header,body[data-layout=ambient] .journey-footer{pointer-events:auto}

@keyframes nebula-one{from{transform:translate3d(-2%,2%,0) rotate(-12deg) scale(.95)}to{transform:translate3d(16%,14%,0) rotate(14deg) scale(1.2)}}
@keyframes nebula-two{from{transform:translate3d(2%,4%,0) rotate(12deg) scale(.96)}to{transform:translate3d(-15%,-10%,0) rotate(-14deg) scale(1.15)}}
@keyframes nebula-three{from{transform:translate3d(-4%,4%,0) scale(1.04)}to{transform:translate3d(9%,-11%,0) scale(.91)}}
@keyframes orbital-drift{from{transform:rotate(-25deg) rotateX(53deg) translateY(-1%)}to{transform:rotate(-12deg) rotateX(61deg) translateY(5%)}}
@keyframes orbital-drift-two{from{transform:rotate(28deg) rotateX(48deg) scale(.92)}to{transform:rotate(40deg) rotateX(41deg) scale(1.04)}}
@keyframes dust-breathe{from{opacity:.26;transform:translateY(0) scale(.8)}to{opacity:.85;transform:translateY(-12px) scale(1.1)}}
@keyframes placeholder-float{from{transform:translate(-1.5%,1%) rotate(-1deg) scale(1.075)}to{transform:translate(1.5%,-1%) rotate(1deg) scale(1.11)}}
@keyframes placeholder-wash{from{transform:translate(-6%,5%) scale(.95)}to{transform:translate(6%,-6%) scale(1.12)}}
@keyframes drawer-fade{from{opacity:0}to{opacity:1}}
@keyframes drawer-arrive{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}


/* ================================================================
   v16 HYPERSPACE — cinematic layers, glass UI and flight choreography
   ================================================================ */
@property --beam{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--glare-x:50%;--glare-y:40%;--glass:linear-gradient(180deg,#ffffffa8,#ffffff52);--glass-edge:#ffffffa6}

/* WebGL layers: tunnel + stars behind the cards, transient light above them. Hidden in Ambient. */
.fx-layer{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none!important}
.fx-back{position:absolute;z-index:3}
.fx-front{z-index:3;visibility:hidden}
body[data-layout=ambient] .fx-layer,body[data-fx=css] .fx-layer{display:none}
/* While the drawer's blur covers the scene, nothing behind it animates (a moving backdrop is re-blurred every frame). */
body[data-nav-open=true] :is(.nebula,.universe-orbit,.universe-dust>*,.placeholder-art,.placeholder-wave,.card-art:after,.wordmark-dot){animation-play-state:paused!important}
body[data-fx=css] .gate-year{filter:drop-shadow(0 0 16px #fff1dc8c)}
body[data-fx=gl] .universe-grain{opacity:.035}
.universe-background:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 52%,#3a204c1f 100%)}

/* Header & controls as frosted glass with a lit top edge. */
.wordmark>span{background:linear-gradient(100deg,var(--ink) 0 38%,color-mix(in srgb,var(--space-b) 70%,var(--ink)) 48%,var(--ink) 58% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.2s cubic-bezier(.2,.8,.2,1)}
.wordmark:hover>span{color:transparent;background-position:0 0}
.wordmark-dot{display:inline-block;color:color-mix(in srgb,var(--space-b) 65%,#d0506a);text-shadow:0 0 10px color-mix(in srgb,var(--space-b) 80%,#fff);animation:dot-pulse 2.8s ease-in-out infinite}
.mode-button,.nav-toggle{background:var(--glass);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffffc4,inset 0 -1px 0 #ffffff26,0 10px 30px #5b3a7414;transition:background .25s,border-color .25s,box-shadow .25s,translate .35s cubic-bezier(.2,.8,.2,1)}
.mode-button:hover,.nav-toggle:hover{background:linear-gradient(180deg,#ffffffa8,#ffffff45);box-shadow:inset 0 1px 0 #fff,0 12px 34px #5b3a7426,0 0 0 4px #ffffff2e}
.mode-button>span:first-child{display:inline-block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mode-button:hover>span:first-child{transform:rotate(180deg) scale(1.15)}
.flight-arrow{background:var(--glass);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffffc4,0 12px 34px #5b3a7414;transition:background .25s,border-color .25s,box-shadow .25s,translate .35s cubic-bezier(.2,.8,.2,1),opacity .4s}
.flight-arrow:hover:not(:disabled){background:linear-gradient(180deg,#ffffffc2,#ffffff5c);box-shadow:inset 0 1px 0 #fff,0 14px 40px #5b3a7426,0 0 0 6px #ffffff30,0 0 40px color-mix(in srgb,var(--space-b) 45%,transparent)}
.flight-arrow>span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.flight-newer:hover:not(:disabled)>span{transform:translateX(-4px)}
.flight-older:hover:not(:disabled)>span{transform:translateX(4px)}
[data-magnetic]{translate:0 0}
[data-magnetic]:not(.is-pulled){transition-property:background,border-color,box-shadow,translate,opacity}

/* The rolling year counter ("time circuits"). */
.time-coordinate{transition:opacity .5s}
#eraYear.odometer{display:flex;height:.84em;overflow:hidden;line-height:.84;color:transparent;-webkit-text-stroke:0;margin-top:-.04em}
.odo-col{display:block;position:relative;height:.84em;overflow:hidden;-webkit-mask:linear-gradient(180deg,transparent 0,#000 13%,#000 90%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 13%,#000 90%,transparent 100%)}
.odo-col+.odo-col{margin-left:-.035em}
.odo-strip{display:flex;flex-direction:column;align-items:center;will-change:transform}
.odo-strip>b{display:block;height:.84em;line-height:.84em;font-weight:inherit;background:linear-gradient(180deg,#ffffffa6 8%,#ffffff21 70%,#ffffff08);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.4px #fff8ee8f}
.time-coordinate>small{letter-spacing:.34em;color:#5d4a6ab3;font-variant-numeric:tabular-nums}
body[data-fx=gl][data-deep=true] .odo-strip>b{-webkit-text-stroke-color:#fff8eeee;background-image:linear-gradient(180deg,#ffffffe6 5%,#ffffff40 70%,#ffffff10)}
body[data-fx=gl][data-deep=true] .time-coordinate>small{color:#fff4e6d9}

/* Cards: glass sheen, chromatic fringes while travelling, glow inside the tunnel. */
.flight-card .card-visual:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(158deg,#ffffff4d 0,#ffffff12 26%,transparent 42%),linear-gradient(0deg,#2a17380f,transparent 40%)}
.flight-card:before,.flight-card:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;aspect-ratio:16/9;border-radius:12px;pointer-events:none;border:2px solid;opacity:var(--ca-o,0);z-index:3}
.flight-card:before{border-color:#ff2f8cb3;transform:translate3d(calc(var(--ca,0px) * -1),0,0)}
.flight-card:after{border-color:#22d8ffb3;transform:translate3d(var(--ca,0px),0,0)}
.flight-card{transition:box-shadow .45s,border-color .45s}
body[data-fx=gl][data-deep=true] .flight-card{border-color:#fffaf2;box-shadow:0 0 0 1px #ffffff80,0 30px 90px #12061f73,0 0 70px color-mix(in srgb,var(--card-b,#fff) 55%,transparent)}
body[data-fx=gl][data-deep=true] .flight-card-caption{background:linear-gradient(125deg,#fffaf0f2,#f5eafaf2)}

/* Time gates: numerals you fly through; the ring is drawn by WebGL, CSS ring is the fallback. */
.time-gate{position:absolute;left:50%;top:var(--vp-y,48%);display:none;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%}
.gate-year{display:block;font:800 clamp(120px,23vw,360px)/.8 var(--display);letter-spacing:-.04em;white-space:nowrap;color:#fff8ee12;-webkit-text-stroke:2px #fff8eee0;opacity:calc(.62 + var(--gate-flash,0) * .38)}
.gate-ring{position:absolute;left:50%;top:50%;width:var(--gate-d,960px);height:var(--gate-d,960px);transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff8eecc;box-shadow:0 0 30px #fff3e080,inset 0 0 30px #fff3e04d}
body[data-fx=gl] .gate-ring{display:none}

/* The stage: an energy beam circles the frame, the card casts its light, arrival lands with weight. */
.player-frame:before{content:'';position:absolute;inset:-3px;z-index:-1;border-radius:15px;pointer-events:none;background:conic-gradient(from var(--beam),transparent 0deg,transparent 210deg,color-mix(in srgb,var(--space-b) 75%,#fff) 262deg,#fffdf6 292deg,color-mix(in srgb,var(--space-d) 75%,#fff) 318deg,transparent 350deg);opacity:.9}
.center-stage:hover .player-frame:before{animation:beam 5s linear infinite}
.player-frame:after{content:'';position:absolute;inset:-6% -4%;z-index:-2;border-radius:40px;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--space-b) 70%,transparent),transparent 62%),radial-gradient(ellipse at 72% 62%,color-mix(in srgb,var(--space-d) 70%,transparent),transparent 62%);opacity:.42}
body[data-fx=gl] .player-frame:after{display:none}
.active-card.is-playing .player-frame:before{animation:none!important;opacity:.55}
.active-card.is-playing .player-frame:after{animation:none;opacity:.22}
body[data-arrive=true] .player-frame:before{animation:beam-arrive 1.25s cubic-bezier(.35,.05,.2,1) both;opacity:1}
body[data-arrive=true]:not([data-playing=true]) .center-stage{animation:stage-arrive .95s cubic-bezier(.16,.9,.24,1) both}
body[data-arrive=true] .track-kicker{animation:kicker-in .7s .12s cubic-bezier(.2,.8,.2,1) both}
body[data-arrive=true] .caption-actions{animation:kicker-in .7s .3s cubic-bezier(.2,.8,.2,1) both}
#trackTitle.title-reveal{perspective:600px}
#trackTitle.title-reveal .ch{display:inline-block;white-space:pre;transform-origin:50% 100%;animation:ch-in .8s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(var(--i) * 24ms + 90ms)}
.jukebox-poster .gate-art{transform:scale(1.045) translate3d(calc(var(--pointer-x) * -.28),calc(var(--pointer-y) * -.28),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.jukebox-poster .gate-overlay:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glare-x) var(--glare-y),#fffcf04d,transparent 46%);mix-blend-mode:soft-light}
.jukebox-poster:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(104deg,transparent 34%,#ffffff00 40%,#ffffff9e 48%,#fff3 54%,transparent 62%);transform:translate3d(-120%,0,0)}
body[data-arrive=true] .jukebox-poster:after{animation:sheen 1.25s .12s cubic-bezier(.25,.6,.2,1) both}
.gate-eyebrow{background:linear-gradient(180deg,#fffaf0ee,#fff6e6d6);box-shadow:0 4px 14px #4a2d5a1a}
.gate-play>span:first-child{position:relative;background:linear-gradient(180deg,#fffdf5f2,#fff4e2d1);box-shadow:0 10px 40px #4a2d5a3d,0 0 0 10px #fff9e72e,inset 0 1px 0 #fff}
.gate-play>span:first-child:before,.gate-play>span:first-child:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1.5px solid #fffaeccc;pointer-events:none;animation:play-pulse 2.8s cubic-bezier(.2,.6,.3,1) infinite}
.gate-play>span:first-child:after{animation-delay:1.4s}
.gate-play{transition:translate .35s cubic-bezier(.2,.8,.2,1)}
.gate-play>span:last-child:not(:first-child){box-shadow:0 6px 20px #4a2d5a24,inset 0 1px 0 #fff}
.card-caption h1{text-shadow:0 1px 0 #ffffff5c}

/* UI recedes while the tunnel is deep — the flight is the show. */
.journey-header,.journey-footer,.flight-status{transition:opacity .55s cubic-bezier(.2,.8,.2,1)}
body[data-fx=gl][data-deep=true] .journey-header,body[data-fx=gl][data-deep=true] .journey-footer{opacity:.38}
body[data-fx=gl][data-deep=true] .flight-arrow{opacity:.3}
body[data-fx=gl][data-deep=true] .flight-status{color:#fff4e6;opacity:.9}

/* Timeline: a lit rail with a tick for every moment and a preview on hover. */
.time-rail{position:relative}
.time-ticks{position:absolute;left:7px;right:7px;top:50%;height:12px;margin-top:-6px;pointer-events:none}
.time-ticks>i{position:absolute;left:calc(var(--x) * 100%);top:3px;width:1px;height:6px;margin-left:-.5px;border-radius:1px;background:#5a3c7838}
.time-ticks>i.is-decade{height:10px;top:1px;background:#5a3c7859}
.time-ticks>i.is-current{top:-1px;height:14px;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 10px #fff,0 0 18px var(--space-b)}
#timeSlider{position:relative;z-index:1}
#timeSlider::-webkit-slider-runnable-track{height:4px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--space-a) 70%,#fff),color-mix(in srgb,var(--space-b) 80%,#fff) var(--travel-progress),#5a3c7826 var(--travel-progress));box-shadow:0 1px 0 #fff8e966,0 0 14px color-mix(in srgb,var(--space-b) 35%,transparent)}
#timeSlider::-moz-range-track{height:4px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--space-a) 70%,#fff),color-mix(in srgb,var(--space-b) 80%,#fff) var(--travel-progress),#5a3c7826 var(--travel-progress))}
#timeSlider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid #fff;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--space-b) 80%,#7e5b9c) 70%);box-shadow:0 0 0 5px #ffffff4d,0 0 22px color-mix(in srgb,var(--space-b) 80%,#fff),0 4px 10px #4a2d5a40;transition:box-shadow .25s}
#timeSlider::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--space-b) 80%,#7e5b9c) 70%);box-shadow:0 0 0 5px #ffffff4d,0 0 22px color-mix(in srgb,var(--space-b) 80%,#fff)}
#timeSlider:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #ffffff5c,0 0 30px color-mix(in srgb,var(--space-b) 90%,#fff),0 4px 10px #4a2d5a40}
.scrub-preview{position:absolute;z-index:6;bottom:calc(100% + 16px);left:var(--scrub-x,0);width:184px;padding:6px;border:1px solid #ffffffc9;border-radius:13px;background:linear-gradient(180deg,#fffaf2f7,#f6eefbf2);box-shadow:0 18px 50px #4a2d5a33,inset 0 1px 0 #fff;transform:translateX(-50%);pointer-events:none;animation:scrub-in .2s cubic-bezier(.2,.8,.2,1) both}
.scrub-preview:after{content:'';position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;transform:rotate(45deg);background:#f7effa;border-right:1px solid #ffffffc9;border-bottom:1px solid #ffffffc9}
.scrub-art{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--card-a,var(--space-a)) 57%,#f7e7fd)}
.scrub-art .video-thumb{object-fit:cover}
.scrub-copy{display:flex;align-items:baseline;gap:8px;padding:7px 4px 2px;min-width:0;font-size:10px;color:#4c3a5c;white-space:nowrap}
.scrub-copy b{font:800 17px/1 var(--display);color:#3b2a4b}
.scrub-copy span{overflow:hidden;text-overflow:ellipsis}
#soundToggle{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:3px 0;color:#665270;white-space:nowrap}
#soundToggle:before{content:'';display:block;width:9px;height:8px;background:linear-gradient(90deg,currentColor 0 2px,transparent 2px 3.5px,currentColor 3.5px 5.5px,transparent 5.5px 7px,currentColor 7px 9px);-webkit-mask:linear-gradient(0deg,#000 0 100%);opacity:.55;transform-origin:bottom}
#soundToggle[aria-pressed=true]:before{opacity:.95;animation:eq 1s ease-in-out infinite alternate}
.footer-actions .toggles{display:flex;gap:14px;align-items:center}

/* Explore drawer: glass, staggered arrival, lit thumbnails. */
.navigation-panel{background:linear-gradient(146deg,#fff9f0f2,#f2ebfbf0 63%,#e8f3ebf2);box-shadow:-18px 20px 80px #4a2d5a38,inset 0 1px 0 #fff}
.navigation-panel:not([hidden]) .nav-result{animation:result-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n,0) * 24ms + 60ms)}
.nav-thumb{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.nav-result:hover .nav-thumb{transform:scale(1.06);box-shadow:0 10px 24px #4a2d5a33}
.nav-result[aria-current=true] .nav-thumb{box-shadow:0 0 0 2px #fff,0 0 18px color-mix(in srgb,var(--space-b) 70%,transparent)}

/* Cinematic intro: title card over the spinning tunnel, then a warp into NOW. */
.intro-curtain{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(ellipse 60% 55% at 50% 48%,#140a2400 0,#140a2433 22%,#0f0719d9 58%,#0a0512f7 100%);transition:opacity 1.2s cubic-bezier(.3,.6,.2,1),visibility 0s linear 1.2s}
body[data-intro=pending] .intro-curtain,body[data-intro=title] .intro-curtain{opacity:1;visibility:visible;transition:none}
body[data-intro=warp] .intro-curtain{opacity:0;visibility:visible}
.intro-title{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff6ea;text-align:center;opacity:0}
body[data-intro=title] .intro-title{opacity:1}
body[data-intro=warp] .intro-title{opacity:1;animation:intro-fly .95s cubic-bezier(.55,0,.75,.35) forwards}
.intro-word{font:800 clamp(96px,17vw,250px)/.8 var(--display);letter-spacing:-.04em;background:linear-gradient(100deg,#fff 30%,color-mix(in srgb,var(--space-d) 80%,#fff) 44%,#fff 52%,color-mix(in srgb,var(--space-b) 85%,#fff) 62%,#fff 72%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-intro=title] .intro-word{animation:intro-word 1.3s cubic-bezier(.2,.8,.2,1) both,intro-shine 2.2s linear .15s both}
.intro-line{font:600 11px/1 var(--sans);letter-spacing:.62em;margin-right:-.62em;opacity:.9}
.intro-sub{font:500 10px/1 var(--sans);letter-spacing:.42em;margin-right:-.42em;opacity:.55;font-variant-numeric:tabular-nums}
body[data-intro=title] .intro-line{animation:intro-line 1.1s .3s cubic-bezier(.2,.8,.2,1) both}
body[data-intro=title] .intro-sub{animation:intro-line 1.1s .5s cubic-bezier(.2,.8,.2,1) both}
body[data-intro=pending] .center-stage,body[data-intro=title] .center-stage,body[data-intro=warp] .center-stage{opacity:0;pointer-events:none}
body[data-intro=pending] :is(.journey-header,.journey-footer,.flight-arrow,.flight-status,.time-coordinate),body[data-intro=title] :is(.journey-header,.journey-footer,.flight-arrow,.flight-status,.time-coordinate){opacity:0}
body[data-intro=warp] :is(.journey-header,.journey-footer,.flight-arrow,.flight-status){opacity:1;transition:opacity 1.2s .9s cubic-bezier(.2,.8,.2,1)}
body[data-intro=warp] .time-coordinate{opacity:1;transition:opacity .8s .2s}

@keyframes beam{to{--beam:360deg}}
@keyframes beam-arrive{from{--beam:-40deg}to{--beam:680deg}}
@keyframes glow-breathe{from{opacity:.36;transform:scale(.97)}to{opacity:.58;transform:scale(1.03)}}
@keyframes stage-arrive{0%{filter:brightness(1.75) saturate(1.25) contrast(.92)}16%{transform:translate(-50%,-50%) scale(1.022)}55%{filter:brightness(1.06)}100%{transform:translate(-50%,-50%) scale(1);filter:none}}
@keyframes kicker-in{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
@keyframes ch-in{from{opacity:0;transform:translate3d(0,.5em,0) rotateX(-75deg) scale(1.08)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes sheen{from{transform:translate3d(-120%,0,0)}to{transform:translate3d(120%,0,0)}}
@keyframes play-pulse{from{transform:scale(1);opacity:.85}to{transform:scale(1.95);opacity:0}}
@keyframes dot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}
@keyframes scrub-in{from{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes eq{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@keyframes result-in{from{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
@keyframes intro-word{from{opacity:0;letter-spacing:.35em;filter:blur(16px)}to{opacity:1;letter-spacing:-.04em;filter:blur(0)}}
@keyframes intro-shine{from{background-position:100% 0}to{background-position:0 0}}
@keyframes intro-line{from{opacity:0;letter-spacing:1.2em;filter:blur(6px)}to{opacity:.9;filter:none}}
@keyframes intro-fly{from{transform:scale(1);opacity:1}to{transform:scale(3.4);opacity:0}}


/* Creator credit — Lars Anlauf · inspAIred studio. On hover the record spins, the head bobs to the beat
   and sound waves leave the headphones. Only transform/opacity animate (compositor-only). */
.creator{grid-column:1;justify-self:start;display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;padding:6px 16px 6px 6px;margin-left:-6px;border-radius:999px;color:var(--ink);text-decoration:none;isolation:isolate;transition:background .35s,box-shadow .35s}
.creator:hover,.creator:focus-visible{background:linear-gradient(180deg,#ffffffb3,#ffffff4d);box-shadow:inset 0 1px 0 #fff,0 12px 34px #1b4fd026}
.creator:focus-visible{outline-offset:3px}
.creator-logo{position:relative;flex:none;display:block;width:46px;aspect-ratio:490/496}
.logo-bob{position:absolute;inset:0;z-index:1;display:block;transform-origin:50% 85%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),filter .4s}
.logo-base{position:absolute;inset:0;display:block;width:100%;height:100%}
.logo-disc{position:absolute;left:22.653%;top:39.315%;width:49.796%;height:49.194%;display:block;transform-origin:50.209% 50.284%;animation:disc-spin 1.8s linear infinite paused;will-change:transform}
.logo-wave{position:absolute;z-index:0;left:47.65%;top:64.05%;width:78%;aspect-ratio:1;border-radius:50%;border:2px solid #2f7dffcc;box-shadow:0 0 12px #3d8bff55;opacity:0;transform:translate(-50%,-50%) scale(.6);pointer-events:none}
.creator:is(:hover,:focus-visible) .logo-disc{animation-play-state:running}
.creator:is(:hover,:focus-visible) .logo-bob{transform:translateY(-3px) rotate(-8deg) scale(1.14);filter:drop-shadow(0 6px 12px #1d63e659) drop-shadow(0 0 8px #58b0ff66);animation:logo-beat .45s ease-in-out .5s infinite alternate}
.creator:is(:hover,:focus-visible) .logo-wave{animation:logo-wave 1.35s cubic-bezier(.2,.6,.3,1) infinite}
.creator:is(:hover,:focus-visible) .logo-wave:nth-child(2){animation-delay:.45s}
.creator:is(:hover,:focus-visible) .logo-wave:nth-child(3){animation-delay:.9s}
.creator:active .logo-disc{animation-duration:.32s;animation-direction:reverse}
.creator-copy{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.1;white-space:nowrap}
.creator-copy small{font-size:7.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6a5a78}
.creator-copy strong{font:800 18px/1 var(--display);letter-spacing:.005em;color:#1f2f78}
.creator-copy em{font-style:normal;font-size:8px;letter-spacing:.05em;color:#2d56c9;opacity:.72;transition:opacity .3s,letter-spacing .4s}
.creator:hover .creator-copy em{opacity:1;letter-spacing:.08em}
:is(.creator-copy,.intro-credit-name,.nav-credit) b{font-weight:inherit;color:#1460ec;background:linear-gradient(100deg,#1460ec 0 40%,#7cc6ff 50%,#1460ec 60% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.creator:is(:hover,:focus-visible) .creator-copy b{animation:ai-shine 1.1s linear infinite}
.nav-credit{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid #c8b3d647;border-radius:12px;background:#fffdf699;color:#4a3c5c;font-size:10px;line-height:1.35;text-decoration:none;transition:background .25s,border-color .25s}
.nav-credit:hover{background:#fffdf6e6;border-color:#9fbaf5}
.nav-credit img{width:30px;height:auto;flex:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.nav-credit:hover img{transform:rotate(-10deg) scale(1.12)}
.nav-credit em{margin-left:auto;font-style:normal;color:#2d56c9}
.intro-credit{position:absolute;left:50%;bottom:8vh;display:flex;align-items:center;gap:12px;color:#fff6ea;white-space:nowrap;opacity:0;transform:translateX(-50%)}
body[data-intro=title] .intro-credit{animation:credit-in 1s .75s cubic-bezier(.2,.8,.2,1) both}
body[data-intro=warp] .intro-credit{opacity:0;transition:opacity .35s}
.intro-credit .creator-logo{width:38px}
.intro-credit .logo-disc{animation-play-state:running}
.intro-credit .logo-bob{filter:drop-shadow(0 0 12px #4aa3ff80)}
.intro-credit-label{font:500 9px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;opacity:.62}
.intro-credit-name{font:800 19px/1 var(--display);letter-spacing:.01em}
.intro-credit-name b{background-image:linear-gradient(100deg,#8fcbff 0 40%,#fff 50%,#8fcbff 60% 100%);animation:ai-shine 2.2s linear infinite}
/* The travel hint now lives in the status line until the first flight. */
.travel-hint{display:none!important}
body[data-hinted=false] .flight-status{padding:6px 13px;border-radius:999px;background:linear-gradient(180deg,#fffaf2d9,#fff4e8b3);box-shadow:0 6px 18px #4a2d5a1a;color:#4d3a5c;letter-spacing:.06em}
@keyframes disc-spin{to{transform:rotate(360deg)}}
@keyframes logo-beat{from{translate:0 0}to{translate:0 -2px}}
@keyframes logo-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.05)}}
@keyframes ai-shine{from{background-position:100% 0}to{background-position:0 0}}
@keyframes credit-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}


/* Impressum must be reachable from every view (§ 5 DDG). */
.legal-link{font-size:8px;letter-spacing:.08em;color:#6a5a78;text-decoration:underline;text-decoration-color:#6a5a7855;text-underline-offset:3px}
.legal-link:hover{color:#1460ec}
.nav-footer a+a{margin-left:10px}
.noscript-title{margin:0 0 6px;font:800 34px/1 var(--display)}
@media(min-width:1700px){.journey-shell{grid-template-rows:125px minmax(0,1fr) 125px}.wordmark>span{font-size:78px}.journey-manifesto{font-size:17px}.journey-manifesto>span{font-size:11px}.flight-arrow{width:65px;height:82px}.travel-hint{font-size:11px}.footer-actions{gap:9px}.play-status,#motionToggle{font-size:9px}.card-caption{padding-top:12px}.track-kicker{font-size:9px}}
@media(max-width:1100px){.journey-shell{padding:0 30px;grid-template-rows:98px minmax(0,1fr) 106px}.journey-header{gap:20px}.wordmark>span{font-size:59px}.wordmark-dot{top:-22px;font-size:8px}.wordmark small{font-size:6px;margin-top:9px}.journey-manifesto{font-size:12px}.journey-manifesto>span{font-size:9px}.header-actions{gap:8px}.mode-button,.nav-toggle{font-size:10px;min-height:39px;padding-left:12px;padding-right:12px}.journey-footer{grid-template-columns:120px minmax(220px,1fr) 120px;gap:20px}.travel-hint{font-size:9px;gap:7px}.travel-hint small{font-size:7px}.play-status{font-size:7px}.flight-arrow{width:47px;height:65px}.flight-arrow>span{font-size:21px}.flight-arrow>small{font-size:6px}.card-caption{padding-top:16px;gap:12px}.track-kicker{font-size:7px}.caption-actions{gap:7px}.round-control,.source-link{width:33px;height:33px}.time-coordinate>small{font-size:7px;max-width:150px;line-height:1.7}}
@media(max-width:800px){:root{--card-width:min(69vw,700px,calc((100dvh - 290px) * 1.777778))}.journey-shell{padding:0 23px}.journey-manifesto{display:none}.header-actions{margin-left:auto}.time-coordinate{top:5%;left:-1vw}.time-coordinate>span{font-size:24vw}.flight-arrow{width:39px;height:59px}.flight-arrow>small{font-size:5px}.journey-footer{grid-template-columns:94px minmax(180px,1fr) 100px;gap:15px}.travel-hint small{display:none}.travel-hint{font-size:8px}.mouse-icon{width:18px;height:28px;font-size:12px}.gate-play>span:first-child,.gate-play-icon{width:63px;height:63px;font-size:19px}.gate-play svg{width:21px;height:21px}.card-caption h1{font-size:32px}.play-status{font-size:6px}.flight-status{font-size:8px}}
@media(max-width:600px){
  :root{--card-width:90vw}
  .journey-shell{grid-template-rows:90px minmax(0,1fr) 137px;padding:0 18px}
  .journey-header{gap:14px;align-items:center}.wordmark>span{font-size:57px;letter-spacing:-2.8px}.wordmark-dot{top:-23px;font-size:7px;margin-left:4px}.wordmark small{font-size:5px;letter-spacing:.27em;margin-top:9px}
  .header-actions{gap:7px}.mode-button{width:39px;min-height:39px;padding:0}.mode-button>span:first-child{font-size:23px}.mode-button #modeLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .nav-toggle{font-size:10px;min-height:39px;padding:0 12px;gap:7px}.nav-toggle-icon{font-size:18px}#navCount{display:none}
  .time-coordinate{top:0;left:4vw}.time-coordinate>span{font-size:39vw;letter-spacing:-.03em;color:#78558021}.time-coordinate>small{margin-top:13px;margin-left:5px;font-size:6px;letter-spacing:.24em;max-width:none}
  .flight-field{perspective:950px;--vp-y:42%}.flight-card,.center-stage{top:42%}.flight-card{border-radius:9px;box-shadow:0 17px 50px #76598622}.flight-card-caption{min-height:48px;padding:11px 14px}.flight-card-caption strong{font-size:20px}.flight-card-caption>span{font-size:8px}
  .player-frame{border-radius:9px;box-shadow:0 24px 65px #7a5b8730}.youtube-mount,.youtube-mount iframe{min-height:200px}.card-caption{padding:15px 3px 0;gap:13px}.card-caption h1{font-size:32px;line-height:1.02}.track-kicker{font-size:6px;margin-bottom:5px;line-height:1.5;letter-spacing:.13em}.caption-actions{gap:4px}.round-control,.source-link{width:31px;height:31px;font-size:10px}.source-link{font-size:19px}
  .gate-play{gap:10px}.gate-play>span:first-child,.gate-play-icon{width:59px;height:59px;box-shadow:0 8px 28px #72557b2e,0 0 0 7px #fff9e72e}.gate-play>span:last-child:not(:first-child){font-size:9px;padding:6px 10px}.gate-play svg{width:19px;height:19px}.poster-image-credit,.thumb-credit{bottom:8px;left:9px;font-size:6px;padding:3px 5px}
  .flight-arrow{top:auto;bottom:10px;transform:none;flex-direction:row;gap:6px;width:84px;height:36px;backdrop-filter:none}.flight-arrow>span{font-size:18px}.flight-arrow>small{font-size:6px;letter-spacing:.1em}.flight-newer{left:calc(50% - 91px)}.flight-older{right:calc(50% - 91px)}.flight-older>span{order:2}.flight-status{bottom:53px;font-size:7px;max-width:85%;line-height:1.2;white-space:normal}
  .journey-footer{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:'timeline timeline' 'hint actions';gap:10px 15px;padding:12px 0 max(15px,env(safe-area-inset-bottom));align-content:center}
  .time-navigation{grid-area:timeline}.travel-hint{grid-area:hint;gap:7px;font-size:8px;color:#84688b}.mouse-icon{width:14px;height:22px;font-size:10px}.footer-actions{grid-area:actions;display:flex;flex-direction:row;gap:7px}.play-status{display:none}#motionToggle{font-size:8px;color:#92749b}#motionToggle:before{width:3px;height:3px}.time-labels{font-size:7px}.time-labels button{font-size:7px}.time-labels button span{font-size:10px}#positionLabel{font-size:7px}.decade-stops button{font-size:7px;padding-top:1px}.decade-stops{min-height:17px}#timeSlider{height:25px}
  .navigation-panel{inset:9px 9px 9px auto;width:calc(100vw - 18px);max-width:400px;padding:24px 21px 18px;border-radius:15px;gap:17px}.nav-heading h2{font-size:35px}.nav-result{grid-template-columns:92px minmax(0,1fr) auto;gap:11px;padding:10px 6px}.nav-result-copy strong{font-size:21px}.nav-result-copy small{font-size:9px}.nav-result-year{font-size:8px}.nav-footer{font-size:8px}
  body[data-layout=ambient] .center-stage{width:90vw;top:42%}.orbit-one{width:180vw;height:110vw;left:-39vw;top:27vh}.orbit-two{width:180vw;height:120vw;left:-54vw;top:10vh}
}
@media(max-width:360px){.journey-shell{grid-template-rows:79px minmax(0,1fr) 125px;padding:0 15px}.wordmark>span{font-size:49px}.wordmark-dot{top:-20px}.wordmark small{font-size:4.5px}.header-actions{gap:6px}.mode-button{width:34px;min-height:34px}.nav-toggle{min-height:34px;font-size:9px;padding:0 10px}.nav-toggle-icon{font-size:16px}.card-caption{padding-top:13px;gap:6px}.card-caption h1{font-size:29px}.caption-actions{gap:0}.round-control,.source-link{width:28px;height:28px}.flight-status{font-size:6px}.flight-arrow{height:32px;bottom:7px}.flight-status{bottom:46px}.navigation-panel{padding:21px 16px 16px}.nav-result{grid-template-columns:78px minmax(0,1fr) auto;gap:9px}.nav-thumb{width:78px}.nav-result-copy strong{font-size:19px}.nav-result-copy small{font-size:8px}.nav-footer{gap:7px;font-size:7px}.nav-heading h2{font-size:32px}.decade-filters{gap:4px}.decade-filters button{min-width:29px;padding:5px 7px}}
@media(max-height:800px) and (min-width:601px){.journey-shell{grid-template-rows:87px minmax(0,1fr) 91px}.wordmark>span{font-size:56px}.wordmark-dot{top:-22px}.wordmark small{margin-top:8px}.card-caption{padding-top:13px}.card-caption h1{font-size:32px}.track-kicker{font-size:7px;margin-bottom:4px}.journey-footer{padding-bottom:14px}.flight-status{bottom:0}}
@media(max-height:540px) and (orientation:landscape){
  :root{--card-width:min(52vw,650px,calc((100dvh - 183px) * 1.777778))}
  .journey-shell{grid-template-rows:63px minmax(0,1fr) 65px;padding:0 25px}.journey-header{gap:12px}.wordmark>span{font-size:43px;letter-spacing:-2px}.wordmark-dot{font-size:6px;top:-18px;margin-left:3px}.wordmark small{font-size:4px;margin-top:6px}.journey-manifesto{display:none}.mode-button,.nav-toggle{min-height:32px;font-size:9px;padding:0 11px}.mode-button{width:auto}.mode-button>span:first-child{font-size:18px}.mode-button #modeLabel{position:static;width:auto;height:auto;clip-path:none;overflow:visible}.nav-toggle-icon{font-size:17px}.header-actions{gap:8px}
  .center-stage,.flight-card{top:46%}.flight-field{--vp-y:46%}.youtube-mount,.youtube-mount iframe{min-height:200px}.card-caption{padding:8px 3px 0;gap:12px}.card-caption h1{font-size:24px;line-height:1}.track-kicker{font-size:5px;margin-bottom:3px}.caption-actions{gap:5px}.round-control,.source-link{width:25px;height:25px;font-size:9px}.source-link{font-size:17px}.time-coordinate>span{font-size:23vw}.time-coordinate>small{font-size:5px;margin-top:10px}.flight-arrow{top:46%;bottom:auto;transform:translateY(-50%);width:44px;height:52px;flex-direction:column;gap:4px}.flight-newer{left:0}.flight-older{right:0}.flight-older>span{order:0}.flight-arrow>span{font-size:20px}.flight-arrow>small{font-size:5px}.flight-status{display:none}
  .journey-footer{display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:20px;padding:6px 0 9px;align-content:center}.time-navigation{grid-area:auto;max-width:570px;width:100%;margin:auto}.travel-hint{display:none}.footer-actions{grid-area:auto;display:flex;flex-direction:column;gap:3px;justify-content:center}.play-status{display:none}#motionToggle{font-size:8px}.decade-stops{display:none}#timeSlider{height:22px}.time-labels{font-size:6px}.time-labels button{font-size:7px;min-height:15px}.time-labels button span{font-size:9px}#positionLabel{font-size:6px}.gate-play>span:first-child,.gate-play-icon{width:53px;height:53px}.gate-play>span:last-child:not(:first-child){font-size:8px;padding:5px 9px}.gate-play{gap:7px}
  body[data-layout=ambient] .center-stage{width:var(--card-width);top:46%}.navigation-panel{padding:18px 20px 14px;gap:11px}.nav-heading h2{font-size:28px}.eyebrow{font-size:6px;margin-bottom:5px}.nav-heading .round-control{width:28px;height:28px;font-size:21px}.nav-search{min-height:35px}.nav-search input{font-size:10px}.decade-filters button{min-height:23px;font-size:8px;padding:4px 8px}.nav-footer{padding-top:8px;gap:5px;font-size:7px}#thumbnailStatus{font-size:9px}.nav-result{padding:7px 5px}.nav-results{margin-top:-4px}
}
@media(max-height:360px) and (orientation:landscape){:root{--card-width:min(54vw,calc((100dvh - 105px) * 1.777778))}.journey-shell{grid-template-rows:49px minmax(0,1fr) 51px}.wordmark>span{font-size:34px}.wordmark-dot{top:-13px;font-size:5px}.wordmark small{display:none}.card-caption{display:none}.center-stage,.flight-card{top:48%}.flight-field{--vp-y:48%}.flight-arrow{top:48%}.youtube-mount,.youtube-mount iframe{min-height:200px}.journey-footer{padding:3px 0 6px}.time-labels button{min-height:12px}.mode-button,.nav-toggle{min-height:28px;font-size:8px}.mode-button>span:first-child{font-size:16px}body[data-layout=ambient] .center-stage{top:48%}}

/* Decorative movement obeys both the in-app switch and the operating system. */
body[data-motion=off] .nebula,body[data-motion=off] .universe-orbit,body[data-motion=off] .universe-dust>*,body[data-motion=off] .placeholder-art,body[data-motion=off] .card-art:after,body[data-motion=off] .gate-art:after{animation:none!important;will-change:auto}
body[data-motion=off] .universe-background:before,body[data-motion=off] .universe-dust,body[data-motion=off] .time-coordinate{transform:none!important}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .nebula,.universe-orbit,.universe-dust>*,.placeholder-art,.flight-card{will-change:auto}
  .universe-background:before,.universe-dust,.time-coordinate{transform:none!important}
}

/* Organic placeholder motion ends as soon as the real thumbnail arrives. */
.placeholder-wave{transform-box:fill-box;transform-origin:50% 50%;animation:placeholder-breathe 8s ease-in-out infinite alternate}
@keyframes placeholder-breathe{from{transform:translate(-10px,6px) scale(1.03,.95) skewX(-3deg)}to{transform:translate(10px,-6px) scale(.96,1.06) skewX(3deg)}}
.card-art.has-preview .placeholder-wave,body[data-motion=off] .placeholder-wave{animation:none}
@media(prefers-reduced-motion:reduce){.placeholder-wave{animation:none!important}}

/* v16 responsive and motion rules (after the base breakpoints on purpose). */
@media(max-width:600px){.gate-year{font-size:34vw;-webkit-text-stroke-width:1.5px}.scrub-preview{display:none}.intro-line{font-size:9px;letter-spacing:.42em;margin-right:-.42em}.footer-actions .toggles{gap:9px}}
@media(max-height:540px) and (orientation:landscape){.gate-year{font-size:22vw}.scrub-preview{width:150px}}
body[data-motion=off] :is(.player-frame:before,.player-frame:after,.wordmark-dot,.gate-play>span:first-child:before,.gate-play>span:first-child:after){animation:none!important}
body[data-motion=off] .jukebox-poster .gate-art{transform:none}
body[data-motion=off] .gate-play>span:first-child:before,body[data-motion=off] .gate-play>span:first-child:after{display:none}
@media(prefers-reduced-motion:reduce){.jukebox-poster .gate-art{transform:none!important}.gate-play>span:first-child:before,.gate-play>span:first-child:after,.jukebox-poster:after{display:none}.odo-strip{will-change:auto}}

/* Creator credit on small screens. */
@media(max-width:1100px){.creator{gap:9px;padding-right:12px}.creator-logo{width:40px}.creator-copy strong{font-size:15px}.creator-copy em{display:none}}
@media(max-width:800px){.creator-copy small{display:none}.creator-copy strong{font-size:14px}}
@media(max-width:600px){.creator{grid-area:hint;gap:8px;padding:4px 10px 4px 4px;margin-left:-4px}.creator-logo{width:32px}.creator-copy small{display:block;font-size:6px}.creator-copy strong{font-size:14px}.intro-credit{bottom:6vh;gap:9px}.intro-credit-label{font-size:7px;letter-spacing:.24em}.intro-credit-name{font-size:16px}.intro-credit .creator-logo{width:32px}}
@media(max-width:360px){.creator-copy small{display:none}}
@media(max-height:540px) and (orientation:landscape){.journey-footer{grid-template-columns:auto minmax(0,1fr) auto}.creator{grid-column:auto;padding:3px}.creator-logo{width:30px}.creator-copy{display:none}.intro-credit{bottom:5vh}}
body[data-motion=off] :is(.logo-disc,.logo-wave,.logo-bob,.creator-copy b){animation:none!important}
@media(prefers-reduced-motion:reduce){:is(.logo-disc,.logo-wave,.logo-bob,.creator-copy b){animation:none!important}.creator:hover .logo-bob{transform:none}}
@media(max-width:600px){.footer-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:3px}.legal-link{order:3;font-size:7px}}
@media(max-height:540px) and (orientation:landscape){.legal-link{font-size:6px}}