*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{color:#eeeae0;font-family:DM Mono,monospace}#stage{position:fixed;inset:0;background:#000;overflow:hidden}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}#cinematicCanvas{position:absolute;inset:0;width:100%;height:100%;background:#000}.topbar,.caption{position:absolute;z-index:2;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}.topbar{top:max(22px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#eeeae08c}.topbar a,.topbar button{color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.topbar span{color:#d7ff70d9}.caption{bottom:max(24px,env(safe-area-inset-bottom))}.caption p{font-size:9px;letter-spacing:.16em;margin:0 0 13px;color:#eeeae0b8;transition:opacity .3s}.timeline{height:1px;background:#eeeae02e}.timeline i{display:block;width:0;height:1px;background:#d7ff70;box-shadow:0 0 8px #d7ff7099}.caption-bottom{display:flex;justify-content:space-between;margin-top:11px;font-size:8px;letter-spacing:.12em;color:#eeeae059}.sound-toggle,.play-toggle{position:absolute;z-index:3;right:max(22px,env(safe-area-inset-right));width:39px;height:39px;border-radius:50%;border:1px solid rgba(238,234,224,.18);color:#eeeae0c7;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.sound-toggle{bottom:120px}.play-toggle{bottom:168px;font-size:10px}.sound-toggle.muted{color:#eeeae04d}.topbar,.caption,.sound-toggle,.play-toggle{transition:opacity .45s ease}#stage.running:not(.controls-visible) .topbar,#stage.running:not(.controls-visible) .caption,#stage.running:not(.controls-visible) .sound-toggle,#stage.running:not(.controls-visible) .play-toggle{opacity:0;pointer-events:none}.start-screen{position:absolute;z-index:6;inset:0;width:100%;border:0;background:#000;color:#eeeae0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:opacity .8s ease,visibility .8s}.start-screen.hidden{opacity:0;visibility:hidden}.start-screen b{margin-top:28px;font:400 10px DM Mono;letter-spacing:.22em}.start-screen small{margin-top:10px;color:#eeeae059;font:400 7px DM Mono;letter-spacing:.14em}.start-orbit{width:68px;height:68px;border:1px solid rgba(103,220,255,.35);border-radius:50%;position:relative;animation:rotate 4s linear infinite}.start-orbit:before{content:"";position:absolute;inset:11px;border:1px solid rgba(215,255,112,.28);border-radius:50%}.start-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d7ff70;left:8px;top:9px;box-shadow:0 0 12px #d7ff70}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-aspect-ratio:4/5){#stage{left:50%;right:auto;width:min(100vw,56.25vh);transform:translate(-50%);box-shadow:0 0 80px #67dcff0d}}@media(prefers-reduced-motion:reduce){.start-orbit{animation:none}}