.sotw{font-family:var(--v2-sans);color:var(--v2-text);gap:16px;display:grid}.sotw-head{gap:8px;display:grid}.sotw-head h3{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700;line-height:28px}.sotw-hint{color:var(--v2-text-2);word-break:keep-all;margin:0;font-size:.875rem;line-height:22px}.sotw-stage{aspect-ratio:var(--sotw-aspect);border-radius:var(--v2-radius);background:var(--v2-bg-media);position:relative;overflow:hidden}.sotw-still,.sotw-canvas,.sotw-canvas canvas,.sotw-door{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.sotw-canvas{pointer-events:none}.sotw-door{opacity:0;pointer-events:none;transition:opacity .6s var(--v2-ease,ease)}.sotw-door[data-visible=true]{opacity:1}.sotw-action{border:1px solid var(--v2-amber);min-height:44px;color:var(--v2-text);font:inherit;cursor:pointer;background:#0b0b0cb8;border-radius:999px;padding:10px 22px;font-size:.9375rem;transition:background-color .16s,color .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sotw-action:hover{background:var(--v2-amber);color:var(--v2-bg)}.sotw-loading{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sotw-zone{border-radius:var(--v2-radius);cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.sotw-zone[aria-pressed=true]{cursor:default}.sotw-zone:focus-visible,.sotw-action:focus-visible{outline:2px solid var(--v2-amber);outline-offset:-3px}.sotw-action:focus-visible{outline-offset:3px}.sotw-foot{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.sotw-foot .v2-label{margin:0}.sotw-status{color:var(--v2-amber)!important}@media (prefers-reduced-motion:reduce){.sotw-door,.sotw-action{transition:none}}