:root{font-family:'Avenir Next',sans-serif;color:#d4dfea;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#060e1c}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#ether{pointer-events:none}canvas:focus{outline:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #cbdce8;outline-offset:5px}[hidden]{display:none!important}
header{position:fixed;top:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;text-shadow:0 2px 14px #000}.brand{font-size:22px;font-weight:500;letter-spacing:-1px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{font-size:30px;color:#b5cbd6}.edition{font-size:8px;font-weight:500;letter-spacing:2.3px;margin:5px 0 0 14px;padding-left:24px;border-left:1px solid #b1c5d433;color:#adbdce}.header-actions{display:flex;align-items:center;gap:8px}.quiet{border:1px solid #c5d6e633;background:#09142344;backdrop-filter:blur(8px);padding:11px 16px;border-radius:24px;font-size:11px}.quiet span{margin-left:16px}
main{position:fixed;top:28%;left:8%;transition:opacity 1.7s,transform 2s;text-shadow:0 2px 35px #000}main.hidden{opacity:0;transform:translateY(-12px);pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.8px;display:flex;align-items:center;gap:10px;color:#aebdcc}.eyebrow span{height:4px;width:4px;border-radius:50%;background:#c1d6e1}h1{font:400 clamp(44px,5.2vw,75px)/1.08 Georgia,serif;letter-spacing:-2.5px;margin:24px 0 20px;color:#e0e6e9}main p{font-size:12px;letter-spacing:.2px;color:#a8b9cb}.begin{margin-top:23px;border:1px solid #c5d6e6;border-radius:30px;background:#c1cbd7;color:#0e1b2b;padding:15px 21px;font-size:12px;box-shadow:0 4px 24px #0003}.begin span{margin-left:30px}.intro-note{display:block;font-size:9px;color:#94a8bb;margin-top:18px;letter-spacing:.25px}
footer{position:fixed;bottom:25px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.transport{display:flex;gap:15px;align-items:center}#play{width:36px;height:36px;border:1px solid #b7cddd44;border-radius:50%;background:#07101c66;font-size:12px;backdrop-filter:blur(6px)}.guidance{font:italic 12px Georgia,serif;color:#adc1d0aa}.place{position:fixed;bottom:94px;left:4%;display:flex;align-items:center;gap:17px;text-shadow:0 2px 8px #0008;opacity:.6}.place-no{font-size:12px;border-right:1px solid #b6cad533;padding-right:17px}.place>span:last-of-type{font:18px Georgia,serif}.music-credit{position:fixed;right:4%;bottom:94px;text-align:right;opacity:.6;font-size:9px;text-shadow:0 2px 8px #000}.music-credit>span{display:block}.music-credit small{display:block;font-size:8px;margin-top:5px;color:#99afc0}#audio-status:empty{display:none}#audio-status{margin-top:6px}
header,footer,.place,.music-credit{transition:opacity 2.4s}body.travelling header,body.travelling footer{opacity:.65}body.travelling .place,body.travelling .music-credit{opacity:.45}body.cinema-hide:not(.paused) header,body.cinema-hide:not(.paused) footer,body.cinema-hide:not(.paused) .place,body.cinema-hide:not(.paused) .music-credit{opacity:0;pointer-events:none}body.travelling:has(button:focus-visible,a:focus-visible,input:focus-visible) header,body.travelling:has(button:focus-visible,a:focus-visible,input:focus-visible) footer{opacity:1;pointer-events:auto}body.travelling header:hover,body.travelling footer:hover{opacity:1}
#settings{position:fixed;right:4%;bottom:80px;width:285px;padding:25px;border:1px solid #a8c4d32b;border-radius:15px;background:#07111de8;backdrop-filter:blur(16px);box-shadow:0 12px 55px #0004}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.setting label{font-size:10px;color:#afc0cc}.setting input{width:90px;height:3px;accent-color:#a6c5d9;cursor:pointer}.manual{display:flex;align-items:center;gap:7px;font-size:10px;color:#afc0cc}.manual input{accent-color:#a6c5d9}#settings p{font-size:9px;line-height:1.7;color:#71889b;margin:15px 0 0}#audit{position:fixed;top:83px;left:4%;font-size:11px;color:#9eb6c8;background:#030812bb;padding:6px 9px;border-radius:4px;pointer-events:none}
@media(max-width:650px){header{top:20px}.edition{display:none}.brand{font-size:20px;gap:8px}.header-actions{gap:5px}.quiet{font-size:10px;padding:9px 10px}.quiet span{margin-left:9px}main{top:34%;left:7%}h1{font-size:51px}.eyebrow{font-size:7px;letter-spacing:2px}.intro-note{font-size:8px}.music-credit{bottom:87px;max-width:48%;font-size:8px}.music-credit small{font-size:7px;line-height:1.4}.place{bottom:87px;max-width:43%}.place>span:last-of-type{font-size:15px}.place-no{display:none}footer{bottom:22px}.guidance{font-size:10px}#settings{width:270px;bottom:75px}}
@media(prefers-reduced-motion:reduce){header,footer,.place,.music-credit,main{transition-duration:.4s}}

body.film-mode header,body.film-mode main,body.film-mode footer,body.film-mode .music-credit,body.film-mode .place,body.film-mode #settings{display:none}#film-panel{position:fixed;right:25px;bottom:25px;padding:18px 22px;border:1px solid #b5d4df44;background:#07111de8;border-radius:10px;font-size:12px;z-index:5}#film-panel p{color:#9db3c3;font-size:11px}#film-panel button{padding:10px 16px;background:#c5d7df;color:#0b1924;border-radius:20px}#film-panel button:disabled{opacity:.5}