dialog.opening{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-studio-text);background:#0b0d10;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.opening::backdrop{background:#000}html:has(dialog.opening[open]){overflow:hidden}.opening-scroller{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#e9ebe659 transparent;scrollbar-gutter:stable;outline:none;position:absolute;inset:0;overflow:hidden auto}.opening-scroller:focus-visible{outline-offset:-4px;outline:2px solid #fff}dialog.opening[data-state=loading] .opening-scroller,dialog.opening[data-state=final] .opening-scroller{overflow:hidden}.opening-stage{background:#0b0d10;height:100dvh;position:sticky;top:0}.opening-scene{position:absolute;inset:0}.opening-stage img,.opening-stage canvas{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}dialog.opening[data-aspect=m] .opening-stage img,dialog.opening[data-aspect=m] .opening-stage canvas,dialog.opening[data-aspect=d] .opening-stage img,dialog.opening[data-aspect=d] .opening-stage canvas{object-fit:contain}@media (orientation:portrait){dialog.opening[data-aspect=m] .opening-stage img,dialog.opening[data-aspect=m] .opening-stage canvas{object-fit:cover}}@media (orientation:landscape){dialog.opening[data-aspect=d] .opening-stage img,dialog.opening[data-aspect=d] .opening-stage canvas{object-fit:cover}}.opening-stage canvas{opacity:0}dialog.opening[data-frame] .opening-stage canvas{opacity:1}.opening-still{opacity:0;transition:opacity .24s}dialog.opening[data-state=final] .opening-still{opacity:1}dialog.opening[data-state=final] .opening-stage canvas{opacity:0}dialog.opening[data-final=preference] .opening-poster,dialog.opening[data-final=timeout] .opening-poster,dialog.opening[data-final=slow] .opening-poster{display:none}.opening-track{height:0}.opening-progress{background:#e9ebe61f;height:2px;position:absolute;top:0;left:0;right:0}.opening-progress i{background:var(--color-studio-text);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.opening-top{padding:calc(.75rem + env(safe-area-inset-top,0px)) 1.25rem .75rem;justify-content:flex-end;align-items:center;gap:1rem;display:flex;position:absolute;top:2px;left:0;right:0}.opening-cap{left:50%;bottom:calc(14vh + env(safe-area-inset-bottom,0px));text-align:center;text-wrap:balance;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 24px #0009,0 0 3px #000000b3;pointer-events:none;white-space:nowrap;background:radial-gradient(#00000052,#0000 72%);max-width:min(88vw,40rem);margin:0;padding:.4em 1em;font-size:clamp(1.5rem,3.2vw,2.75rem);font-weight:500;line-height:1.15;position:absolute;transform:translate(-50%)}dialog.opening[data-state=final] .opening-cap,dialog.opening[data-panel="1"] .opening-cap{display:none}.opening-skip{appearance:none;color:var(--color-studio-text);min-height:44px;font:inherit;cursor:pointer;background:#0b0d108c;border:1px solid #e9ebe659;padding:.55rem 1rem;font-size:.9375rem}.opening-skip:hover{border-color:#e9ebe6b3}.opening-skip:focus-visible,.opening-home:focus-visible,.opening-panel a:focus-visible,.opening-panel button:focus-visible,.opening-panel input:focus-visible{outline-offset:3px;outline:2px solid #fff}.opening-status,.opening-hint{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));color:var(--color-studio-muted);white-space:nowrap;pointer-events:none;margin:0;font-size:.875rem;position:absolute;transform:translate(-50%)}dialog.opening:not([data-state=loading]) .opening-status{display:none}.opening-hint{opacity:0;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .4s;display:flex}.opening-hint i{background:linear-gradient(var(--color-studio-muted), transparent);width:1px;height:28px;display:block}dialog.opening[data-state=scrub]:not([data-moved]) .opening-hint{opacity:1}dialog.opening[data-state=final] .opening-top,dialog.opening[data-state=final] .opening-progress,dialog.opening[data-state=final] .opening-hint{display:none}.opening-end{pointer-events:none;flex-direction:column;min-height:100dvh;display:flex;position:relative}.opening-panel{pointer-events:auto;box-sizing:border-box;width:min(480px,40vw);min-width:min(100%,18rem);color:var(--color-studio-text);overflow-wrap:anywhere;background:#121417;flex-direction:column;gap:1rem;margin:auto 0 clamp(1.5rem,6vh,4rem) clamp(1.25rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);display:flex}dialog.opening[data-state=final] .opening-end{pointer-events:auto;position:absolute;inset:0;overflow-y:auto}dialog.opening[data-state=final] .opening-track{display:none}.opening-title{color:var(--color-studio-text);margin:0;font-size:clamp(2rem,3.6vw,3.5rem)}.opening-title:focus{outline:none}.opening-lead{color:var(--color-studio-muted);margin:0}.opening-search label{color:var(--color-studio-muted);margin-bottom:.4rem;font-size:.875rem;display:block}.opening-search-row{flex-wrap:wrap;gap:.5rem;display:flex}.opening-search-row input{background:var(--color-studio-2);min-width:0;min-height:44px;color:var(--color-studio-text);font:inherit;border:1px solid #9aa4ad73;flex:10rem;padding:0 .9rem;font-size:1rem}.opening-search-row input::placeholder{color:var(--color-studio-muted)}.opening-search-row .btn-light{white-space:nowrap;min-height:44px}.opening-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.opening-home{appearance:none;color:var(--color-studio-text);min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #e9ebe680;padding:.7rem 1.2rem;font-size:1rem}.opening-home:hover{border-color:#fff}.opening-actions a{color:var(--color-studio-text);text-underline-offset:4px;text-decoration:underline}.opening-note{color:var(--color-studio-muted);margin:0;font-size:.8125rem}.opening-note a{text-underline-offset:3px;text-decoration:underline}@media (max-width:767px){.opening-panel{width:100%;min-width:0;min-height:46dvh;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));gap:.75rem;margin:auto 0 0}.opening-title{font-size:clamp(1.75rem,8.5vw,2.5rem)}.opening-search-row input,.opening-search-row .btn-light{width:100%}.opening-cap{bottom:calc(18vh + env(safe-area-inset-bottom,0px));white-space:normal;font-size:clamp(1.35rem,6.5vw,2rem)}}@media (max-height:520px) and (min-width:768px){.opening-panel{gap:.6rem;margin-bottom:1rem;padding:1rem 1.25rem}.opening-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.opening-still,.opening-hint{transition:none}}