:root{color-scheme:dark;background:#0a1f24}body{margin:0}[hidden]{display:none!important}body:has(.opening-noscript) .opening-screen{display:none}.opening-noscript{margin:0;padding:24px;color:#fff0cf;font:1rem/1.5 system-ui,sans-serif}.opening-screen{--opening-deep: #0a1f24;--opening-cream: #fff0cf;--opening-honey: #efc45f;position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;box-sizing:border-box;height:100svh;height:100dvh;color:var(--opening-cream);background:var(--opening-deep);font:1rem/1.5 ui-rounded,Avenir Next,Avenir,Trebuchet MS,sans-serif}.opening-screen .opening-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#opening-video{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.opening-footer{padding:8px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}#opening-status{min-height:1.5em;margin:0 0 8px;text-align:center;text-wrap:balance}.opening-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.opening-controls button{box-sizing:border-box;min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.opening-controls button:hover{background:#fff0cf18}.opening-controls button:focus-visible{outline:3px solid var(--opening-honey);outline-offset:3px}.opening-controls button:active{transform:translateY(1px)}.opening-controls #opening-sound,.opening-controls #opening-retry{background:var(--opening-honey);color:var(--opening-deep);font-weight:700}.opening-controls #opening-sound:hover,.opening-controls #opening-retry:hover{background:#ffdb80}.opening-screen[data-state=loading] .opening-footer,.opening-screen[data-state=error] .opening-footer{grid-row:1 / -1;align-self:center}.opening-screen[data-state=loading] #opening-status,.opening-screen[data-state=error] #opening-status{margin-bottom:20px}@media(max-width:420px){.opening-controls{gap:8px}.opening-controls button{padding-inline:12px}.opening-footer{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.opening-controls button:active{transform:none}}