.fairy-player{--fairy-controls-height:64px;aspect-ratio:16/9;color:#fff3e0;isolation:isolate;touch-action:manipulation;background:#101423;border-radius:clamp(12px,2vw,22px);width:100%;max-height:78svh;position:relative;overflow:hidden}.fairy-player.is-full{aspect-ratio:auto;border-radius:0;width:100vw;height:100%;max-height:none}.fairy-player-video{object-fit:contain;background:#05070f;width:100%;height:100%;position:absolute;inset:0}.fairy-player-video::-webkit-media-controls{display:none!important}.fairy-player-controls{inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#080a1633,#080a16c7);border-radius:18px;gap:6px;padding:10px 14px 8px;transition:opacity .24s,transform .24s;display:grid;position:absolute}.fairy-player-controls.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.fairy-player-controls:focus-within{opacity:1;pointer-events:auto;transform:none}.fairy-player-timeline{cursor:pointer;align-items:center;min-height:26px;padding:8px 0 4px;display:grid;position:relative}.fairy-timeline-input{opacity:0;cursor:pointer;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.fairy-player-timeline:focus-within{outline-offset:3px;border-radius:6px;outline:2px solid #ffb54d}.fairy-timeline-input:disabled{cursor:default}.fairy-track{background:#fff3e038;border-radius:999px;height:6px;position:relative;overflow:hidden}.fairy-player.is-active .fairy-track{height:8px}.fairy-chunk{border-radius:3px;position:absolute;top:0;bottom:0}.fairy-chunk.buffered{background:#ffd682bf}.fairy-played{background:linear-gradient(90deg,#ffb54d,#ff7d6b);position:absolute;top:0;bottom:0;left:0}.fairy-head{background:#fff3e0;border-radius:999px;width:4px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ff8d5459}.fairy-controls-row{align-items:center;gap:clamp(4px,1.5vw,10px);min-height:44px;display:flex}.fairy-button{width:44px;height:44px;color:inherit;cursor:pointer;background:#fff3e01f;border:none;border-radius:12px;place-items:center;transition:background .16s,transform .16s;display:grid}.fairy-button:active{background:#fff3e03d;transform:scale(.94)}.fairy-button:focus-visible{outline-offset:2px;outline:2px solid #ffb54d}.fairy-button:disabled,.fairy-speed select:disabled{cursor:default;opacity:.5}.fairy-clock{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.92;font-size:clamp(12px,1.6vw,14px)}.fairy-clock>span{opacity:.6}.fairy-speed select{height:44px;color:inherit;font:inherit;cursor:pointer;background:#101423b3;border:1px solid #fff3e040;border-radius:12px;padding:0 8px}.fairy-tap-zones{z-index:2;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;inset:0}.fairy-tap-zones>button{color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.fairy-tap-zones>button>span{opacity:0;pointer-events:none;background:#080a16a6;border-radius:999px;padding:10px 14px;font-size:14px;transition:opacity .16s}.fairy-tap-zones>button:active>span{opacity:.9}.fairy-player-error{top:calc(12px + env(safe-area-inset-top,0px));z-index:4;background:#080a16d1;border-radius:14px;margin:0;padding:10px 16px;font-size:14px;position:absolute;inset-inline:12px}@media (orientation:portrait) and (max-width:640px){.fairy-player{aspect-ratio:4/3}}@media (orientation:landscape) and (max-height:520px){.fairy-player{--fairy-controls-height:52px;aspect-ratio:16/9;max-height:100svh}.fairy-player-controls{background:#080a16b8;padding:6px 10px}.fairy-player-timeline{min-height:20px;padding:4px 0 2px}.fairy-controls-row{gap:6px}.fairy-button,.fairy-speed select{width:40px;height:40px}.fairy-clock{font-size:12px}}@media (min-width:900px){.fairy-player-controls{inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.fairy-player-controls,.fairy-button,.fairy-tap-zones>button>span{transition:none}}body.fairy-player-page-locked{overflow:hidden}