.landscape-play-button {
 position:absolute;z-index:36;left:50%;transform:translateX(-50%);
 display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;
 padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#fff;
 font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;touch-action:manipulation;
}
.landscape-play-button::before {content:"";position:absolute;inset:6px 0;border-radius:999px;background:#111;z-index:-1;}
.landscape-play-button svg {width:22px;height:22px;flex-shrink:0;}
.landscape-play-button[hidden],.landscape-player-surface[hidden],.landscape-player-toggle[hidden]{display:none!important;}
.landscape-player-surface {
 position:fixed!important;inset:0!important;z-index:2147483646!important;
 width:100%!important;height:100%!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 transform:none!important;background:#000;color:#fff;overflow:hidden;isolation:isolate;
 touch-action:manipulation;overscroll-behavior:contain;
}
.landscape-player-surface>video {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;transform:none!important;object-fit:contain!important;
 margin:0!important;background:#000!important;opacity:1!important;
}
.landscape-player-header {
 position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;gap:9px;
 padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 28px max(8px,env(safe-area-inset-left,0px));
 background:linear-gradient(#0009,transparent);transition:opacity .18s;
}
.landscape-player-back {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;padding:10px;touch-action:manipulation;}
.landscape-player-back svg{width:24px;height:24px;}
.landscape-player-title {font-size:16px;font-weight:500;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.landscape-player-toggle {position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#0005;color:#fff;font-size:28px;line-height:1;transition:opacity .18s;touch-action:manipulation;}
.landscape-player-timeline {position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;gap:10px;padding:20px max(20px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:linear-gradient(transparent,#0009);transition:opacity .18s;}
.landscape-player-time {flex:0 0 auto;min-width:36px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.landscape-player-range {flex:1 1 auto;min-width:0;min-height:44px;height:44px;padding:0;margin:0;background:transparent;accent-color:#fff;cursor:pointer;touch-action:pan-y;}
.landscape-player-range:disabled {opacity:.45;cursor:default;}
.landscape-player-rotate-hint {position:absolute;z-index:3;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:calc(100% - 32px);margin:0;padding:6px 12px;border-radius:999px;background:#111b;color:#fff;font-size:13px;line-height:1.4;text-align:center;pointer-events:none;}
.landscape-player-rotate-hint[hidden] {display:none!important;}
.landscape-player-surface[data-controls="hidden"]:not([data-paused="true"]) .landscape-player-header,
.landscape-player-surface[data-controls="hidden"]:not([data-paused="true"]) .landscape-player-toggle,
.landscape-player-surface[data-controls="hidden"]:not([data-paused="true"]) .landscape-player-timeline {opacity:0;pointer-events:none;}
.landscape-player-back:focus-visible,.landscape-player-toggle:focus-visible {outline:2px solid #fff;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.landscape-player-header,.landscape-player-toggle,.landscape-player-timeline{transition:none;}}
