/* Lecteur Plezy : commandes discrètes inspirées de la référence fournie. */
#screen-player{--player-pad:clamp(16px,2.5vw,52px);--player-accent:#e50914;--sub-size:28px;--sub-bottom:22%;--sub-color:#ffffff;--sub-bg:rgba(0,0,0,0.75);color:#fff}
#screen-player .plezy-subtitles{position:absolute;left:4%;right:4%;bottom:var(--sub-bottom,22%);display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:none;z-index:20;transition:bottom .22s ease-out}
#screen-player .plezy-subtitles[hidden]{display:none!important}
#screen-player .plezy-sub-text{display:inline-block;max-width:85%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:var(--sub-size,28px);line-height:1.35;color:var(--sub-color,#fff);background-color:var(--sub-bg,rgba(0,0,0,.75));padding:.26em .7em;border-radius:6px;text-shadow:0 2px 4px rgba(0,0,0,.95);white-space:pre-line;pointer-events:none;word-break:break-word}
#screen-player:not(:has(.player-ui.hide)) .plezy-subtitles{bottom:calc(var(--sub-bottom,22%) + 7%)}
#screen-player .player-ui{background:linear-gradient(180deg,#0009 0,transparent 20%,transparent 62%,#000e 100%);pointer-events:none}
#screen-player[data-state="paused"] .player-ui{background:linear-gradient(90deg,#000c,#0005 80%),linear-gradient(0deg,#000c,transparent 45%)}
#screen-player:has(.player-ui.hide):not([data-state="paused"]):not([data-state="error"]){cursor:none}
#screen-player .player-ui.hide *{pointer-events:none}
#screen-player .tv-playback-prompts,#screen-player .playback-notice,#screen-player #pRecovery,#screen-player #modal,#screen-player #toast{pointer-events:auto;cursor:auto}
#screen-player .p-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) var(--player-pad);gap:16px}
#screen-player .player-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;min-height:44px;flex:none;padding:8px;color:white;border-radius:6px;background:none;transition:transform .15s,opacity .15s;pointer-events:auto}
#screen-player .player-icon:hover{transform:scale(1.1);background:#ffffff12}
#screen-player .player-icon svg{width:32px;height:32px;stroke-width:1.8}
#screen-player .play-toggle svg{width:36px;height:36px}
#screen-player .skip-button b{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;padding-top:3px;font-weight:700;pointer-events:none}
#screen-player .player-icon:disabled{opacity:.35;cursor:default}
#screen-player .player-icon:focus-visible{outline:2px solid #fff;outline-offset:4px}
#screen-player .pause-info{position:absolute;top:16%;left:var(--player-pad);right:var(--player-pad);display:flex;flex-direction:column;gap:12px;pointer-events:none}
#screen-player .pause-eyebrow{font-size:clamp(14px,1.2vw,19px);color:#ccc}
#screen-player .pause-info h1{font-size:clamp(32px,3.3vw,62px);font-weight:700;letter-spacing:-.035em;line-height:1.08;max-width:80%}
#screen-player .pause-series,#screen-player .pause-info h2{font-size:clamp(17px,1.5vw,26px);font-weight:600;line-height:1.3}
#screen-player .pause-info h2{margin-top:12px}
#screen-player .pause-overview{font-size:clamp(14px,1.15vw,19px);line-height:1.5;color:#ccc;max-width:min(1050px,72%);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#screen-player .pause-label{position:fixed;right:var(--player-pad);bottom:23%;font-size:16px;color:#ccc}
#screen-player .player-bottom{position:absolute;inset:auto 0 0;padding:0 var(--player-pad) max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;pointer-events:none}
#screen-player .p-timeline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%}
#screen-player .p-remaining{font-size:13px;font-variant-numeric:tabular-nums;min-width:45px;text-align:right}
#screen-player .p-bar{position:relative;height:24px;background:transparent;border-radius:0;isolation:isolate;touch-action:none;pointer-events:auto;cursor:pointer}
#screen-player .p-bar:before{inset:10px 0;background:#ffffff55;border-radius:0}
#screen-player .p-fill,#screen-player .p-buf{position:absolute;top:10px;bottom:10px;left:0;right:auto;border-radius:0;pointer-events:none}
#screen-player .p-fill{background:var(--player-accent)}
#screen-player .p-buf{background:#ffffff55}
#screen-player .p-knob{background:var(--player-accent);width:13px;height:13px;border-radius:50%;top:50%;pointer-events:none}
#screen-player .p-bar:hover .p-knob{transform:translate(-50%,-50%) scale(1.2)}
#screen-player .player-controls{display:flex;align-items:center;gap:18px;min-width:0}
#screen-player .player-transport,#screen-player .player-tools{display:flex;align-items:center;gap:clamp(8px,1vw,20px);flex:none}
#screen-player .player-languages{display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:auto}
#screen-player .language-pill{font-size:13px;line-height:1.1;min-height:32px;padding:7px 14px;background:#ffffff24;color:#fff;font-weight:600;border:1px solid #ffffff30;border-radius:999px;cursor:pointer;transition:background .15s,transform .15s}
#screen-player .language-pill:hover,#screen-player .language-pill:focus-visible{background:#fff;color:#111;transform:scale(1.04)}
#screen-player .language-pill.selected{background:#e50914;border-color:#e50914;color:#fff}
#screen-player .player-now{display:flex;align-items:baseline;justify-content:center;gap:8px;flex:1;min-width:0;line-height:1.4;font-size:clamp(13px,1.2vw,19px)}
#screen-player .player-now strong,#screen-player .player-now span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#screen-player .player-now strong{font-weight:700;min-width:0}
#screen-player .player-now span{font-weight:400;min-width:0}
#screen-player .player-volume{display:flex;align-items:center;gap:4px;pointer-events:auto}
#screen-player .player-volume input{width:0;min-width:0;min-height:44px;opacity:0;accent-color:#fff;transition:width .2s,opacity .2s;cursor:pointer}
#screen-player .player-volume:hover input,#screen-player .player-volume:focus-within input{width:80px;opacity:1}
#screen-player .muted-volume:after{content:'';position:absolute;left:10px;right:10px;top:23px;height:2px;background:#fff;transform:rotate(-45deg);box-shadow:0 1px 0 #000}
#screen-player .player-footnote{display:flex;gap:14px;justify-content:space-between;color:#bbb;font-size:11px;opacity:0;transition:opacity .2s;min-height:14px}
#screen-player .player-bottom:hover .player-footnote,#screen-player .player-bottom:focus-within .player-footnote{opacity:1}
#screen-player .playback-notice{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:min(620px,90%);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:24px;border-radius:12px;background:#000a}
#screen-player .playback-notice h2{font-size:clamp(20px,2vw,28px);line-height:1.3}
#screen-player .playback-notice p{color:#d2d2d2;line-height:1.5;font-size:14px}
#screen-player #pRecovery{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}
#screen-player #pRecovery .btn{font-size:14px;padding:12px 18px}
#screen-player .player-spinner{width:44px;height:44px;border:3px solid #ffffff35;border-top-color:var(--player-accent);border-radius:50%;animation:plezy-spin .9s linear infinite}
@keyframes plezy-spin{to{transform:rotate(360deg)}}
@media(min-width:641px) and (max-width:1100px){
 #screen-player .player-controls{flex-wrap:wrap;justify-content:space-between;gap:10px}
 #screen-player .player-now{order:-1;flex-basis:100%;font-size:17px;margin-bottom:4px;justify-content:flex-start}
 #screen-player .player-transport,#screen-player .player-tools{gap:10px}
 #screen-player .pause-overview{max-width:88%}
}
@media(max-width:640px){
 #screen-player{--player-pad:14px}
 #screen-player .p-top{padding-top:max(12px,env(safe-area-inset-top))}
 #screen-player .player-icon{width:40px;height:44px;padding:6px;min-height:44px}
 #screen-player .player-icon svg{width:28px;height:28px}
 #screen-player .play-toggle svg{width:31px;height:31px}
 #screen-player .player-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom));gap:8px}
 #screen-player .player-controls{flex-wrap:wrap;gap:8px;justify-content:space-between}
 #screen-player .player-now{order:-1;flex-basis:100%;justify-content:flex-start;gap:6px;font-size:13px}
 #screen-player .player-transport,#screen-player .player-tools{gap:2px}
 #screen-player .player-volume,#screen-player #pEpisodes{display:none}
 #screen-player #pNext{width:34px}
 #screen-player .p-timeline{gap:10px}
 #screen-player .p-remaining{font-size:11px;min-width:38px}
 #screen-player .player-footnote{display:none}
 #screen-player .pause-info{top:max(100px,14%);gap:9px}
 #screen-player .pause-info h1{max-width:100%;font-size:34px}
 #screen-player .pause-series,#screen-player .pause-info h2{font-size:17px}
 #screen-player .pause-info h2{margin-top:10px}
 #screen-player .pause-overview{font-size:14px;max-width:100%;-webkit-line-clamp:4}
 #screen-player .pause-label{bottom:23%;font-size:13px}
 #screen-player .playback-notice{padding:20px 14px;gap:12px;top:43%}
 #screen-player #pRecovery{flex-direction:column;width:100%}
 #screen-player #pRecovery .btn{width:100%;font-size:13px}
}
@media(max-width:390px){#screen-player .player-tools{gap:0}#screen-player .player-tools .player-icon{width:36px}#screen-player #pSpeed{display:none}}
@media(orientation:landscape) and (max-height:550px){
 #screen-player{--player-pad:16px}
 #screen-player .p-top{padding:6px 16px}
 #screen-player .player-icon{width:40px;height:40px;min-height:40px}
 #screen-player .player-icon svg{width:27px;height:27px}
 #screen-player .player-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom));gap:3px}
 #screen-player .player-controls{flex-wrap:nowrap;gap:10px}
 #screen-player .player-now{order:0;flex-basis:auto;font-size:12px;margin:0}
 #screen-player .player-transport,#screen-player .player-tools{gap:2px}
 #screen-player .player-volume{display:none}
 #screen-player .player-footnote{display:none}
 #screen-player .pause-info{top:62px;gap:5px}
 #screen-player .pause-info h1{font-size:28px}
 #screen-player .pause-eyebrow{font-size:12px}
 #screen-player .pause-series,#screen-player .pause-info h2{font-size:14px}
 #screen-player .pause-info h2{margin-top:4px}
 #screen-player .pause-overview{font-size:12px;max-width:75%;-webkit-line-clamp:2}
 #screen-player .pause-label{bottom:28%;font-size:12px}
 #screen-player .playback-notice{top:42%;padding:12px;gap:8px}
 #screen-player #pRecovery{flex-direction:row;width:auto}
 #screen-player #pRecovery .btn{width:auto;min-height:36px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){#screen-player .player-spinner{animation:none;border-color:#e50914 #ffffff35 #ffffff35}}
