/* Stories vidéo — cartes hautes avec cercle, flèches au survol, lecteur plein écran */
.vst{padding-bottom:12px}
.vst-wrap{position:relative;margin-top:12px}
.vst-strip{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px;scroll-snap-type:x proximity}.vst-strip::-webkit-scrollbar{display:none}
.vst-card{position:relative;flex:0 0 var(--vst-w,132px);height:var(--vst-h,232px);border-radius:var(--vst-r,16px);overflow:hidden;background:#111;color:#fff;text-decoration:none!important;scroll-snap-align:start;transition:transform .15s,box-shadow .15s}
.vst-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.vst-skel{background:linear-gradient(90deg,var(--soft,#1b2333) 25%,var(--line,#243049) 50%,var(--soft,#1b2333) 75%);background-size:200% 100%;animation:vstsk 1.2s infinite}
@keyframes vstsk{to{background-position:-200% 0}}
.vst-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.vst-card:hover .vst-bg{transform:scale(1.05)}
.vst-card:not(.vst-skel)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,.85) 100%)}
.vst-ring{position:absolute;top:10px;left:10px;z-index:2;width:46px;height:46px;border-radius:50%;padding:2px;background:#fff;box-shadow:0 0 0 3px var(--vst-ring,#2f6bff)}
.vst-seen .vst-ring{box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.vst-ring img,.vst-ring .vst-ini{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#334155;font-weight:700;color:#fff}
.vst-new{position:absolute;z-index:2;top:14px;right:8px;background:#e11d48;color:#fff;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:5px}
.vst-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:14px;opacity:0;transition:opacity .2s}.vst-card:hover .vst-play{opacity:1}
.vst-title{position:absolute;z-index:2;left:10px;right:10px;bottom:12px;font-weight:800;font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.vst-prog{position:absolute;z-index:3;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.35)}.vst-prog i{display:block;height:100%;background:#ff0033}
/* flèches gauche / droite : visibles au survol (réglage), masquées quand il n'y a plus rien à faire défiler */
.vst-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%) scale(.9);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.vst-nav.prev{left:4px}.vst-nav.next{right:4px}
.vst[data-arrows="hover"] .vst-wrap:hover .vst-nav:not(.off),.vst[data-arrows="always"] .vst-nav:not(.off){opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.vst-nav:hover{transform:translateY(-50%) scale(1.08)!important}
.vst[data-arrows="never"] .vst-nav{display:none}
@media (hover:none){.vst[data-arrows="hover"] .vst-nav{display:none}}
@media (max-width:640px){.vst-card{flex-basis:calc(var(--vst-w,132px) * .85);height:calc(var(--vst-h,232px) * .85)}}
/* lecteur plein écran */
.vst-viewer{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:16px}
.vst-stage{position:relative;width:min(920px,100%);display:flex;flex-direction:column;gap:10px;color:#fff}.vst-stage.vertical{width:min(420px,100%)}
.vst-head{display:flex;align-items:center;gap:10px}.vst-head img,.vst-head .vst-ini{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#334155;display:grid;place-items:center;font-weight:700}
.vst-head b{display:block}.vst-head small{color:rgba(255,255,255,.65)}
.vst-x{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}
.vst-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.vst-stage.vertical .vst-player{aspect-ratio:9/16;max-height:72vh}
.vst-player video,.vst-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vst-cap{font-weight:700;font-size:17px;margin:0}.vst-cap a{color:#fff}
.vst-go{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;cursor:pointer}.vst-go:hover{background:rgba(255,255,255,.26)}.vst-go.prev{left:18px}.vst-go.next{right:18px}
@media (max-width:640px){.vst-go{top:auto;bottom:18px;transform:none}}