:root{color-scheme:dark;font-family:Arial,"Helvetica Neue",sans-serif;background:#050c0e;color:#c2c6bd}*{box-sizing:border-box}html{overscroll-behavior-y:none}body{margin:0;background:#050c0e}#world{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:pan-y}#distance{height:650vh}header,footer{position:fixed;z-index:2;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header{top:0;padding:34px 42px}a,button{pointer-events:auto}a{color:inherit;text-decoration:none}.wordmark{font-size:13px;letter-spacing:.15em;font-weight:600;display:flex;align-items:center;gap:26px}.wordmark span{font-size:8px;font-weight:400;letter-spacing:.2em;opacity:.4}.edition{font-size:9px;letter-spacing:.18em;opacity:.45}footer{bottom:0;padding:30px 42px;font-size:10px;letter-spacing:.12em}.hint{display:flex;align-items:center;gap:12px;min-width:260px;font-size:10px}.line{display:block;width:32px;height:1px;background:linear-gradient(90deg,#f3d392,transparent)}footer nav{display:flex;gap:18px}footer button{border:0;background:transparent;width:20px;height:30px;position:relative;cursor:pointer;padding:0}footer button::after{content:"";position:absolute;left:7px;top:13px;width:4px;height:4px;background:#cad1c6;border-radius:50%;opacity:.3;transition:opacity .3s,box-shadow .3s}footer button.active::after{opacity:1;box-shadow:0 0 8px #e3d1a8}button:focus-visible,a:focus-visible{outline:1px solid #e3d1a8;outline-offset:8px}.progress{min-width:260px;text-align:right;color:#68746d;font-size:9px}#percent{color:#c4c8be}.loading{position:fixed;z-index:5;inset:0;background:#050c0e;display:grid;align-content:center;justify-items:center;gap:24px;transition:opacity 1s;pointer-events:none}.loading span{width:45px;height:45px;border:1px solid #26382f;border-top-color:#ba9651;border-radius:50%;animation:loading 2s linear infinite}.loading p{font-size:11px;letter-spacing:.2em;color:#8e998f}body.ready .loading{opacity:0}body.ready .loading p{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback{position:fixed;z-index:6;inset:0;background:radial-gradient(ellipse at 50% 65%,#3b3018,#050c0e 65%);text-align:center;align-content:center;padding:30px}.fallback strong{display:block;font-size:clamp(24px,7vw,80px);font-weight:400;letter-spacing:.1em;color:#ddc38b}.fallback p{margin:36px 0;font-size:12px}.fallback button{border:1px solid #84724b;padding:12px 20px;background:#0b1515;color:#ccc}.fallback[hidden]{display:none}@keyframes loading{to{transform:rotate(360deg)}}@media(max-width:600px){header{padding:26px 23px}.wordmark{font-size:11px}.wordmark span{display:none}.edition{font-size:7px}footer{padding:25px 23px;flex-wrap:wrap}.hint{min-width:0;font-size:9px;max-width:70%}.progress{display:none}footer nav{gap:7px}#distance{height:560vh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.loading{transition:none}}

main{pointer-events:none}#world{cursor:grab}#world:active{cursor:grabbing}#world:focus-visible{outline:1px solid #b7aa7a;outline-offset:-5px}.view-controls{display:flex;align-items:center;gap:24px}#reset-view{font:inherit;font-size:10px;letter-spacing:.08em;color:#a9afa3;padding:9px 13px;border:1px solid #72796540;border-radius:20px;background:#08100e4d;cursor:pointer}#reset-view span{margin-left:8px}#reset-view:hover{color:#dfd5b8;border-color:#b8a86b70}@media(max-width:600px){.view-controls{gap:0}.edition{display:none}#reset-view{font-size:9px;padding:8px 11px}.hint{max-width:78%;line-height:1.7}}

.film-picker{position:fixed;z-index:3;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:4px 14px;background:linear-gradient(90deg,transparent,#06100d50,transparent);border-radius:30px}.film-picker button{position:relative;min-width:34px;min-height:36px;padding:6px 3px;color:#919b90;background:none;border:0;font:inherit;font-size:10px;letter-spacing:.14em;cursor:pointer;transition:color 1s}.film-picker button[aria-pressed="true"]{color:#eee9d9}.film-picker button::after{content:"";position:absolute;bottom:1px;left:50%;width:14px;height:1px;transform:translateX(-50%) scaleX(0);background:#cdbd8a;transition:transform 1s}.film-picker button[aria-pressed="true"]::after{transform:translateX(-50%) scaleX(1)}@media(max-width:600px){.film-picker{bottom:78px;gap:13px;padding:2px 10px}.film-picker button{min-height:40px;font-size:10px}}

html.finale-embed,html.finale-embed body{width:100%;height:100vh;min-height:0;overflow:hidden;overscroll-behavior:none}
html.finale-embed body{position:fixed;inset:0}
html.finale-embed header,html.finale-embed footer,html.finale-embed .film-picker,html.finale-embed main,html.finale-embed .loading p{display:none}
/* Keep pinch zoom native; single-finger vertical deltas are forwarded to the parent. */
html.finale-embed #world{touch-action:pinch-zoom}