.nt8977-player{max-width:100%;margin:0 auto;background:#151515;color:#fff;border-radius:12px;overflow:hidden;font-family:inherit}.nt8977-player *{box-sizing:border-box}.nt8977-player button{cursor:pointer}.nt8977-player .nt-toolbar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#242424}.nt8977-player .nt-title-toggle,.nt8977-player .nt-menu{background:#353d36;color:#fff;border:1px solid #67786a;border-radius:6px;padding:6px 10px;font-size:14px}.nt8977-player .nt-heading{font-size:15px;font-weight:600;flex:1}.nt8977-player .nt-heading[hidden]{display:none}.nt8977-player .nt-main{display:flex;min-width:0;position:relative;isolation:isolate}.nt8977-player .nt-content{flex:1;min-width:0}.nt8977-player .nt-stage{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.nt8977-player .nt-stage video,.nt8977-player .nt-stage iframe,.nt8977-player .nt-yt-slot{display:block;width:100%;height:100%;border:0;object-fit:contain}.nt8977-player .nt-video-name{padding:9px 12px;background:#242424;font-size:14px}.nt8977-player .nt-playlist{display:none;position:absolute;z-index:5;right:0;top:0;bottom:0;width:235px;max-width:40%;padding:8px;background:rgba(28,28,28,.96);flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;box-shadow:-4px 0 12px rgba(0,0,0,.35)}.nt8977-player .nt-playlist.nt-open{display:flex}.nt8977-player .nt-choice{width:100%;text-align:left;overflow-wrap:anywhere;padding:9px;background:#333;border:1px solid #666;border-radius:6px;color:#fff}.nt8977-player .nt-choice[aria-current=true]{background:#617063;border-color:#a9b0ad}.nt8977-player .nt-auto-wrap{display:flex;gap:7px;align-items:center;margin-left:auto;font-size:13px}.nt8977-player .nt-notice{color:#fff;padding:25px;text-align:center}.nt8977-player .nt-menu[hidden]{display:none}@media(max-width:650px){.nt8977-player .nt-main{display:flex}.nt8977-player .nt-playlist{width:42%;max-width:42%;max-height:none;padding:5px;gap:4px}.nt8977-player .nt-choice{padding:7px 5px;font-size:12px;line-height:1.3}.nt8977-player .nt-toolbar{flex-wrap:wrap}.nt8977-player .nt-auto-wrap{font-size:12px}}

/* v1.2.2 : titre visible, compact et sans bouton */
.nt8977-player .nt-heading{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.3}
@media(max-width:650px){.nt8977-player .nt-toolbar{flex-wrap:nowrap;gap:5px;padding:7px 6px}.nt8977-player .nt-heading{font-size:clamp(10px,2.8vw,13px)}.nt8977-player .nt-menu{flex-shrink:0;padding:5px 7px}.nt8977-player .nt-auto-wrap{flex-shrink:0;font-size:10px;gap:3px}}

/* v1.2.3 : bandeaux plus fins, notamment sur mobile */
.nt8977-player .nt-toolbar{padding:5px 9px;gap:6px;min-height:0}
.nt8977-player .nt-heading{font-size:14px;line-height:1.15}
.nt8977-player .nt-menu{padding:3px 7px;line-height:1.2;font-size:13px}
.nt8977-player .nt-auto-wrap{font-size:12px;gap:4px;line-height:1.2}
.nt8977-player .nt-video-name{padding:5px 9px;font-size:12px;line-height:1.2;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){
 .nt8977-player .nt-toolbar{padding:3px 5px;gap:4px;min-height:0}
 .nt8977-player .nt-heading{font-size:clamp(10px,2.6vw,12px);line-height:1.1}
 .nt8977-player .nt-menu{padding:2px 5px;font-size:12px;line-height:1.15}
 .nt8977-player .nt-auto-wrap{font-size:10px;gap:2px;line-height:1.1}
 .nt8977-player .nt-video-name{padding:3px 6px;font-size:11px;line-height:1.15}
}

/* v1.2.4 : un peu plus de hauteur au bandeau supérieur sur téléphone */
@media(max-width:650px){
 .nt8977-player .nt-toolbar{padding-top:5px;padding-bottom:5px}
}

/* v1.2.5 : même hauteur de base du bandeau sur ordinateur et téléphone. */
.nt8977-player .nt-toolbar{padding:7px 9px;min-height:0;align-items:center}
@media(max-width:650px){
 .nt8977-player .nt-toolbar{padding:7px 9px;min-height:0}
}

/* v1.2.7 : commande facultative de lecture dans une fenêtre indépendante */
.nt8977-player .nt-floating{background:#353d36;color:#fff;border:1px solid #67786a;border-radius:6px;padding:3px 7px;font-size:12px;line-height:1.2;flex-shrink:0}
@media(max-width:650px){.nt8977-player .nt-floating{font-size:10px;padding:2px 4px}}

/* v1.2.14 : état vide permanent, sans modifier le lecteur en lecture. */
.nt8977-player .nt-empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:#ddd;background:#000;font-size:clamp(13px,2.6vw,17px);line-height:1.4}

/* 1.2.16 : playlist en miniatures 16:9, sans titres visibles. */
.nt8977-player .nt-playlist .nt-choice{display:block;flex:0 0 auto;padding:3px;line-height:0;overflow:hidden;aspect-ratio:16/9;border-radius:6px}
.nt8977-player .nt-choice-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.nt8977-player .nt-choice-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#27392f;color:#fff;font-size:clamp(12px,2.2vw,20px);font-weight:700;letter-spacing:.06em;line-height:1.2}
.nt8977-player .nt-choice:focus-visible{outline:2px solid #fff;outline-offset:1px}

/* 1.2.17 : photo à gauche, titre et durée à droite, titres multilignes. */
.nt8977-player .nt-playlist .nt-choice{display:flex;align-items:center;gap:8px;aspect-ratio:auto;line-height:1.3;padding:6px;min-height:58px}
.nt8977-player .nt-choice-image,.nt8977-player .nt-choice-placeholder{width:42%;height:auto;aspect-ratio:16/9;flex:0 0 42%;object-fit:cover}
.nt8977-player .nt-choice-placeholder{font-size:clamp(9px,1.4vw,13px)}
.nt8977-player .nt-choice-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px;text-align:left}
.nt8977-player .nt-choice-title{font-size:12px;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.nt8977-player .nt-choice-duration{font-size:11px;color:#d1d1d1;line-height:1.2}
.nt8977-player .nt-choice-duration[hidden]{display:none}
@media(max-width:650px){.nt8977-player .nt-playlist .nt-choice{gap:5px;padding:4px;min-height:42px}.nt8977-player .nt-choice-title{font-size:10px}.nt8977-player .nt-choice-duration{font-size:9px}}

/* 1.2.20 : bouton de démarrage centré sur les appareils tactiles.
   Les contrôles natifs reviennent pendant la lecture (pause, volume, navigation). */
.nt8977-player .nt-center-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(29,44,34,.52);color:#fff;border:1px solid #9faea3;border-radius:9px;padding:12px 18px;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.45)}
.nt8977-player .nt-center-play[hidden]{display:none!important}
.nt8977-player .nt-center-play:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Mobile: catch taps in the video centre before native controls show their white pause overlay. */
.nt8977-player .nt-center-pause-zone{position:absolute;z-index:2;top:8%;left:7%;width:86%;height:72%;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation;}
.nt8977-player .nt-center-pause-zone[hidden]{display:none!important}
.nt8977-player .nt-center-pause-zone:focus-visible{outline:2px solid #fff;outline-offset:-4px}

/* 1.2.23 : évite le grand surlignage bleu Android sur la zone de pause. */
.nt8977-player .nt-center-pause-zone{-webkit-tap-highlight-color:transparent;outline:none!important;appearance:none;-webkit-appearance:none;box-shadow:none!important;}
.nt8977-player .nt-center-pause-zone:focus,.nt8977-player .nt-center-pause-zone:active{outline:none!important;background:transparent!important;box-shadow:none!important;}
.nt8977-player .nt-loading-ring{position:absolute;z-index:2;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.85);border-radius:50%;animation:nt8977-loading-spin .85s linear infinite;pointer-events:none;}
.nt8977-player .nt-loading-ring[hidden]{display:none!important}
@keyframes nt8977-loading-spin{to{transform:rotate(360deg)}}

/* 1.2.24 : pas de commandes natives pendant la lecture mobile.
   L'anneau fin est le seul indicateur pendant la mise en mémoire tampon. */
@media(max-width:650px) and (pointer:coarse){
 .nt8977-player .nt-stage video::-webkit-media-controls-start-playback-button,
 .nt8977-player .nt-stage video::-webkit-media-controls-overlay-play-button{display:none!important;opacity:0!important;}
 .nt8977-player .nt-center-play{-webkit-tap-highlight-color:transparent;}
}

/* 1.2.25 : bandeau plus confortable, playlist ouverte et miniatures plus lisibles. */
.nt8977-player .nt-toolbar{padding-top:11px;padding-bottom:11px}
.nt8977-player .nt-playlist .nt-choice{min-height:66px}
.nt8977-player .nt-choice-image,.nt8977-player .nt-choice-placeholder{width:46%;flex-basis:46%}
.nt8977-player .nt-empty-state{background-size:cover;background-position:center;text-shadow:0 1px 5px #000,0 1px 12px #000}
.nt8977-player .nt-center-play{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation}
.nt8977-player .nt-center-play:hover,.nt8977-player .nt-center-play:active,.nt8977-player .nt-center-play:focus{background:rgba(29,44,34,.52)!important;color:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.45)!important}
.nt8977-player .nt-center-play:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}
@media(max-width:650px){
 .nt8977-player .nt-toolbar{padding-top:10px;padding-bottom:10px}
 .nt8977-player .nt-playlist{width:49%;max-width:49%}
 .nt8977-player .nt-playlist .nt-choice{min-height:50px;gap:6px}
 .nt8977-player .nt-choice-image,.nt8977-player .nt-choice-placeholder{width:46%;flex-basis:46%}
}

/* 1.2.26 : commandes mobiles indépendantes du lecteur natif, sans gros bouton blanc. */
.nt8977-player .nt-mobile-controls{position:absolute;z-index:4;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:9px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#fff;min-height:43px}
.nt8977-player .nt-mobile-seek{min-width:0;flex:1;accent-color:#a5c5ab;height:18px;cursor:pointer}
.nt8977-player .nt-mobile-clock{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.nt8977-player .nt-mobile-action{flex:0 0 auto;background:rgba(25,35,28,.6);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:5px;min-width:28px;height:29px;padding:2px 4px;font-size:16px;line-height:1;-webkit-tap-highlight-color:transparent}
.nt8977-player .nt-mobile-action[hidden]{display:none!important}
.nt8977-player .nt-mobile-controls button:focus-visible,.nt8977-player .nt-mobile-seek:focus-visible{outline:2px solid white;outline-offset:1px}
@media(max-width:380px){.nt8977-player .nt-mobile-controls{gap:4px;padding-left:4px;padding-right:4px}.nt8977-player .nt-mobile-clock{font-size:9px}.nt8977-player .nt-mobile-action{min-width:25px}}