:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#000;width:100%;height:100%;overflow:hidden}body{cursor:none;font-family:system-ui,-apple-system,sans-serif}.player-root,.player-stage{background:#000;width:100%;height:100%;position:fixed;inset:0}.player-zone{background:#000;position:absolute;inset:0;overflow:hidden}.player-overlays{z-index:10;pointer-events:none;position:absolute;inset:0}.player-overlay{opacity:0;height:max(7%,48px);transition:opacity .4s;position:absolute;left:0;right:0;overflow:hidden}.player-overlay[data-ready=true]{opacity:1}.player-overlay--top{top:0}.player-overlay--bottom{bottom:0}.player-overlay .player-media{background:0 0}.player-slot{z-index:1;opacity:0;will-change:opacity;transition:opacity .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.player-slot.is-active{z-index:2;opacity:1}@media (prefers-reduced-motion:reduce){.player-slot{transition:opacity .3s}}.player-media{object-fit:contain;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.player-stage[data-orientation=landscape-flipped]{transform:rotate(180deg)}.player-stage[data-orientation=portrait],.player-stage[data-orientation=portrait-flipped]{transform-origin:50%;width:100vh;height:100vw;inset:50% auto auto 50%}.player-stage[data-orientation=portrait]{transform:translate(-50%,-50%)rotate(90deg)}.player-stage[data-orientation=portrait-flipped]{transform:translate(-50%,-50%)rotate(270deg)}.player-stage[data-scale=stretch] .player-media{object-fit:fill}.player-stage[data-scale=zoom] .player-media{object-fit:cover}.player-stage[data-scale=none] .player-media{object-fit:none;object-position:center}.player-app{width:100%;height:100%;position:absolute;inset:0}.player-app-error{color:#f66;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5vw;display:flex}.player-pairing{color:#fff;background:#0a0a0a;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0}.player-pairing__panel{flex-direction:column;justify-content:center;gap:clamp(12px,1.6vmin,28px);padding:clamp(32px,6vmin,96px);display:flex}.player-pairing__brand{letter-spacing:.04em;margin-bottom:clamp(8px,1.4vmin,24px);font-size:clamp(31px,4.6vmin,70px);font-weight:700}.player-pairing__label{letter-spacing:.32em;text-transform:uppercase;opacity:.45;font-size:clamp(16px,2.2vmin,29px)}.player-pairing__code{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#fff;font-size:clamp(58px,11.5vmin,173px);font-weight:700;line-height:1}.player-pairing__code--button{text-align:left;width:auto;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:0;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-family:inherit;transition:opacity .15s,transform .15s;display:block}.player-pairing__code--button:hover{opacity:.85}.player-pairing__code--button:active{transform:scale(.98)}.player-pairing__code--button:focus-visible{outline-offset:.1em;border-radius:.08em;outline:2px solid #ffffff80}.player-pairing__code--loading{display:inline-block;position:relative}.player-pairing__code-ghost{visibility:hidden}.player-pairing__skeleton{background:#ffffff14;border-radius:.1em;position:absolute;inset:0;overflow:hidden}.player-pairing__skeleton:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000 0,#ffffff29 50%,#0000 100%);animation:1.4s ease-in-out infinite player-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes player-skeleton-shimmer{to{transform:translate(100%)}}.player-pairing__hint{opacity:.7;max-width:32ch;font-size:clamp(19px,2.4vmin,35px);line-height:1.5}.player-pairing__status{opacity:.7;align-items:center;gap:clamp(6px,.8vmin,12px);margin-top:clamp(12px,1.6vmin,28px);font-size:clamp(17px,2vmin,29px);display:flex}.player-pairing__dot{background:#f0a020;border-radius:50%;width:.85em;height:.85em;transition:background .3s}.player-pairing__dot[data-online=true]{background:#38ff8e}@media (aspect-ratio<=1),(width<=720px){.player-pairing{grid-template-rows:40% 1fr;grid-template-columns:1fr}.player-pairing__visual{order:-1}.player-pairing__panel{text-align:center;align-items:center}.player-pairing__hint{max-width:40ch}}.player-pairing__visual{background:#000;position:relative;overflow:hidden}.player-pairing__image{object-fit:cover;width:100%;height:100%;display:block}.player-standby{background:#000;position:fixed;inset:0}.player-fallback{color:#fff;text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.player-fallback__brand{letter-spacing:.04em;font-size:2vw;font-weight:700}.player-fallback__hint{opacity:.6;font-size:1.2vw}.player-controls{z-index:10;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.player-controls[data-visible=true]{opacity:1}.player-input-shield{pointer-events:auto;background:0 0;outline:none;position:absolute;inset:0}.player-control{color:#fff;cursor:pointer;pointer-events:auto;opacity:.9;-webkit-tap-highlight-color:transparent;border:0;outline:none;justify-content:center;align-items:center;width:clamp(56px,7vw,120px);transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.player-control:focus,.player-control:focus-visible{outline:none}.player-controls[data-visible=false] .player-control{pointer-events:none}.player-control:hover{opacity:1}.player-control--prev{background:linear-gradient(90deg,#0009,#0000);left:0}.player-control--next{background:linear-gradient(270deg,#0009,#0000);right:0}.player-control svg{filter:drop-shadow(0 2px 6px #00000080);width:clamp(32px,4vw,64px);height:clamp(32px,4vw,64px)}.player-diagnostics{color:#38ff8e;z-index:9999;pointer-events:none;background:#000000d1;padding:12px 16px;font:12px/1.6 ui-monospace,monospace;position:fixed;top:0;left:0}