:root{--tile: min(70vmin, 600px);--step: calc(var(--tile) * .62);--ease: cubic-bezier(.22, .61, .36, 1);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:#000;color:#fff;overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,44px);background:radial-gradient(120% 100% at 50% 38%,#0d0d12,#000 70%);-webkit-user-select:none;user-select:none}.wordmark{position:fixed;top:clamp(16px,3vh,28px);left:clamp(18px,3vw,36px);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#ffffff73;font-weight:500}.track{position:relative;width:100%;height:var(--tile);display:flex;align-items:center;justify-content:center}.tile{position:absolute;width:var(--tile);height:var(--tile);padding:0;border:none;background:#111;border-radius:18px;overflow:hidden;cursor:pointer;transform:translate(calc(var(--delta) * var(--step))) scale(.72);transition:transform .45s var(--ease),opacity .45s var(--ease),box-shadow .45s var(--ease);box-shadow:0 20px 60px #0009}.tile.center{transform:translate(0) scale(1);cursor:pointer;box-shadow:0 40px 120px #000000bf,0 0 0 1px #ffffff0f}.tile.center:hover{transform:translate(0) scale(1.025)}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile .frame{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14}.placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.placeholder-title{font-size:clamp(28px,7vmin,64px);font-weight:700;letter-spacing:-.02em;color:#ffffffeb;text-shadow:0 2px 30px rgba(0,0,0,.45)}.accent-atom .placeholder{background:radial-gradient(120% 120% at 30% 20%,#16e0d4,#0b6b8f 55%,#06202e)}.accent-bocchi .placeholder{background:radial-gradient(120% 120% at 70% 25%,#ff5fa2,#b3247a 55%,#3a0a3a)}.accent-matrix .placeholder{background:radial-gradient(120% 120% at 50% 15%,#1cff7a,#0a8f3c 50%,#021b0c)}.accent-monolith .placeholder{background:radial-gradient(120% 120% at 40% 30%,#8a7dff,#3b2e9e 55%,#0c0a26)}.accent-planes .placeholder{background:radial-gradient(120% 120% at 60% 20%,#5fb8ff,#1f6fd1 55%,#0a2444)}.accent-eleanor .placeholder{background:radial-gradient(120% 120% at 50% 25%,#ff8a3d,#d23bd6 55%,#2a0a3f)}.accent-breakout .placeholder{background:radial-gradient(120% 120% at 50% 50%,#ff5e62,#f96 55%,#3a1c71)}.open-overlay{position:absolute;left:0;right:0;bottom:0;padding:40px 0 16px;display:flex;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.tile.center:hover .open-overlay{opacity:1}.open-overlay span{font-size:14px;font-weight:600;letter-spacing:.06em;padding:8px 16px;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}.caption{text-align:center;min-height:64px}.caption h1{margin:0;font-size:clamp(22px,3.6vmin,34px);font-weight:650;letter-spacing:-.01em}.caption p{margin:6px 0 0;font-size:clamp(13px,1.8vmin,16px);color:#ffffff8c}.dots{display:flex;gap:10px}.dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#ffffff40;cursor:pointer;transition:background .25s ease,transform .25s ease}.dot:hover{background:#ffffff80}.dot.active{background:#fff;transform:scale(1.25)}.hint{position:fixed;bottom:clamp(16px,3vh,28px);display:flex;align-items:center;gap:8px;font-size:12.5px;color:#fff6}.hint .sep{opacity:.5}kbd{font:inherit;font-size:11px;line-height:1;padding:4px 7px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffb3}@media(max-width:600px){:root{--step: calc(var(--tile) * .66)}.open-overlay{opacity:1}}@media(prefers-reduced-motion:reduce){.tile{transition:opacity .2s linear}}