html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:100vh}#player{height:100svh;min-height:100vh}#player .scene{height:100svh;min-height:100svh}#player .scene__stage{position:absolute;inset:0;height:100svh;min-height:100svh}.player-guide{position:fixed;z-index:30;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.55rem .65rem .55rem .9rem;border:1px solid color-mix(in srgb,var(--rule) 75%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(12px);box-shadow:0 8px 28px #1e1b1614;font-family:var(--font-ui);font-size:.7rem}.player-guide a{color:var(--ink);font:500 .95rem var(--font);text-decoration:none}.player-guide nav{display:flex;gap:.65rem;padding-left:.25rem;border-left:1px solid var(--rule)}.player-guide nav a{color:var(--ink-soft);font:650 .66rem var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.player-guide nav a:hover{color:var(--ink)}.player-guide span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.player-guide button{border:0;border-radius:999px;padding:.4rem .75rem;background:var(--ink);color:var(--paper);cursor:pointer;font:650 .7rem var(--font-ui)}.player-guide button.is-playing{opacity:.55}.player-guide button.is-secondary{background:transparent;color:var(--ink);border:1px solid var(--rule)}.player-error{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem}.player-error p{color:var(--ink-soft)}.player-error a{color:var(--ink)}@media (max-width: 540px){.player-guide{top:auto;bottom:.75rem;gap:.55rem;width:calc(100% - 1rem);justify-content:center}.player-guide>span{display:none}.scene__stage{padding-bottom:4.5rem}}