*{box-sizing:border-box}html,body,#player{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.player-root{place-items:center;display:grid}.player-stage{isolation:isolate;cursor:none;background:#000;place-items:center;width:min(100vw,177.778vh);height:min(100vh,56.25vw);display:grid;position:relative;overflow:hidden}.player-stage.is-portrait{width:min(100vw,56.25vh);height:min(100vh,177.778vw)}.video-layer,.image-layer{object-fit:contain;opacity:0;background:#000;width:100%;height:100%;transition:opacity .16s linear;position:absolute;inset:0}.video-layer{z-index:1}.video-layer.is-active{opacity:1}.image-layer{z-index:2;pointer-events:none}.image-layer.is-visible{opacity:1}.idle-message{z-index:3;color:#cbd5e1;opacity:0;background:#00000094;border-radius:.5rem;align-self:end;margin:0 0 3rem;padding:.65rem 1rem;font-size:clamp(1rem,1.5vw,1.5rem)}.idle-message.is-visible{opacity:1}.warning{z-index:4;color:#fef3c7;opacity:0;background:#451a03eb;border:1px solid #f59e0b;border-radius:.5rem;max-width:min(32rem,100vw - 2rem);padding:.65rem .9rem;position:fixed;top:1rem;right:1rem}.warning.is-visible{opacity:1}.sound-gate{z-index:5;text-align:center;cursor:default;background:#000000d1;align-content:center;place-items:center;gap:1rem;padding:2rem;display:none;position:absolute;inset:0}.sound-gate.is-visible{display:grid}.sound-gate p{color:#e2e8f0;max-width:34rem;margin:0;font-size:clamp(1rem,2vw,1.5rem)}.sound-gate button{color:#fff;min-height:3rem;font:inherit;cursor:pointer;background:#0369a1;border:1px solid #7dd3fc;border-radius:.5rem;padding:.7rem 1.2rem;font-weight:700}.sound-gate button:focus-visible{outline-offset:3px;outline:3px solid #f8fafc}@media (prefers-reduced-motion:reduce){.video-layer,.image-layer{transition:none}}