/* SWAT VIDEO — lecteur vidéo assorti au Swat Player (WebM prioritaire, MP4 en secours) */
.sv{--a:var(--cyan,#2ee6ff);--b:var(--violet,#8b5cff);position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;border:1px solid rgba(46,230,255,.22);
  box-shadow:0 30px 80px -30px rgba(46,230,255,.35);user-select:none;-webkit-user-select:none;isolation:isolate}
.sv video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.sv button{font:inherit;color:#fff;background:none;border:0;cursor:pointer}
.sv svg{width:22px;height:22px;fill:currentColor;display:block}
.sv-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;z-index:3;
  background:rgba(46,230,255,.16);border:1.5px solid var(--a);backdrop-filter:blur(8px);box-shadow:0 0 30px rgba(46,230,255,.6),inset 0 0 20px rgba(46,230,255,.2);transition:.25s}
.sv-big svg{width:34px;height:34px;margin-left:4px}
.sv-big:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(46,230,255,.3)}
.sv.playing .sv-big{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7)}
.sv-shade{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(2,4,20,.92),transparent);z-index:1;pointer-events:none;transition:opacity .3s}
.sv-top{position:absolute;inset:0 0 auto 0;padding:16px 20px;z-index:2;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(rgba(2,4,20,.75),transparent);transition:opacity .3s}
.sv-top b{font-size:15px}
.sv-badge{font:600 11px "JetBrains Mono",monospace;letter-spacing:.12em;padding:4px 9px;border-radius:999px;background:rgba(46,230,255,.15);color:var(--a);border:1px solid rgba(46,230,255,.35)}
.sv-bar{position:absolute;inset:auto 0 0 0;z-index:2;padding:0 14px 10px;transition:opacity .3s,transform .3s}
.sv.idle.playing .sv-bar,.sv.idle.playing .sv-shade,.sv.idle.playing .sv-top{opacity:0;transform:translateY(6px)}
.sv.idle.playing{cursor:none}
.sv-track{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.sv-rail{position:relative;width:100%;height:4px;border-radius:9px;background:rgba(255,255,255,.18);transition:height .15s}
.sv-track:hover .sv-rail{height:7px}
.sv-buf,.sv-prog{position:absolute;inset:0 auto 0 0;border-radius:inherit}
.sv-buf{background:rgba(255,255,255,.3)}
.sv-prog{background:linear-gradient(90deg,var(--a),var(--b));box-shadow:0 0 12px rgba(46,230,255,.7)}
.sv-prog::after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translateY(-50%) scale(0);box-shadow:0 0 10px var(--a);transition:.15s}
.sv-track:hover .sv-prog::after{transform:translateY(-50%) scale(1)}
.sv-tip{position:absolute;bottom:22px;transform:translateX(-50%);padding:4px 9px;border-radius:7px;background:#020414;border:1px solid rgba(46,230,255,.3);color:var(--a);font:600 11px "JetBrains Mono",monospace;opacity:0;pointer-events:none;transition:opacity .15s}
.sv-track:hover .sv-tip{opacity:1}
.sv-row{display:flex;align-items:center;gap:4px;margin-top:4px}
.sv-row .sp{flex:1}
.sv-b{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;transition:.15s;position:relative}
.sv-b:hover{background:rgba(255,255,255,.1);color:var(--a)}
.sv-time{font:12px "JetBrains Mono",monospace;color:#c9d6f5;margin-left:6px}
.sv-vol{-webkit-appearance:none;appearance:none;width:0;height:4px;border-radius:9px;padding:0;border:0;outline:none;opacity:0;transition:.25s;
  background:linear-gradient(90deg,var(--a) var(--v,100%),rgba(255,255,255,.25) var(--v,100%))}
.sv-volw:hover .sv-vol,.sv-vol:focus{width:80px;opacity:1;margin:0 8px}
.sv-volw{display:flex;align-items:center}
.sv-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}
.sv-menu{position:absolute;right:10px;bottom:60px;z-index:4;min-width:220px;padding:8px;border-radius:14px;background:rgba(4,6,26,.94);border:1px solid rgba(46,230,255,.25);backdrop-filter:blur(12px);display:none}
.sv.menu .sv-menu{display:block}
.sv-menu h5{margin:6px 10px 4px;font:600 10px "JetBrains Mono",monospace;letter-spacing:.18em;color:#8da0c9}
.sv-menu button{display:flex;width:100%;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:13px;color:#dfe8ff}
.sv-menu button:hover{background:rgba(46,230,255,.1)}
.sv-menu button.on{color:var(--a)}
.sv-menu button.on::after{content:"✓"}
.sv-flash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:10px 16px;border-radius:12px;background:rgba(2,4,20,.7);font:600 14px "JetBrains Mono",monospace;color:var(--a);opacity:0;pointer-events:none;transition:opacity .2s}
.sv-flash.show{opacity:1}
.sv.theater{border-radius:0;border-left:0;border-right:0}
@media (max-width:640px){.sv-b{width:34px;height:34px}.sv-hide-m{display:none}.sv-big{width:66px;height:66px}}
