:root{
  --negro:#000;--fondo:#0b0c0e;--panel:#15171b;--panel2:#1d2026;--linea:#2a2e36;
  --texto:#f2f4f7;--suave:#9aa1ad;--aki:#1cc4f0;
  --ok:#2fbf71;--mal:#ef4b4b;--aviso:#f5b331;--claro:#e6e9ef;--oscuro:#5b6f9a;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.45 Inter,system-ui,Segoe UI,Arial,sans-serif}
a{color:var(--aki);text-decoration:none}
button,input,select{font:inherit}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:var(--negro);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}
.marca{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:26px;letter-spacing:.06em;line-height:1;white-space:nowrap}
.marca .aki{color:var(--aki)}.marca .an{color:#fff}
nav{display:flex;gap:10px;align-items:center;color:var(--suave);font-size:14px}
main{max-width:1400px;margin:0 auto;padding:20px 22px}
@media (max-width:700px){main{padding:14px 16px}.top{padding:12px 16px}.marca{font-size:22px}}
h1,h2{font-family:Oswald,Impact,sans-serif;font-weight:500;letter-spacing:.04em;margin:0 0 14px}
h1{font-size:26px}h2{font-size:19px}
.btn{background:var(--aki);color:#001018;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.btn:disabled{opacity:.5;cursor:default}
.btn.sec{background:var(--panel2);color:var(--texto);border:1px solid var(--linea)}
.btn.peq{padding:6px 10px;font-size:13px}
.btn.rojo{background:transparent;color:var(--mal);border:1px solid var(--mal)}
.panel{background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:16px}
.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.campo label{font-size:13px;color:var(--suave)}
input,select{background:var(--panel2);color:var(--texto);border:1px solid var(--linea);border-radius:8px;padding:9px 11px;width:100%}
input:focus,select:focus{outline:2px solid var(--aki);outline-offset:0}
.auth{max-width:380px;margin:50px auto}
.err{color:var(--mal);font-size:14px;min-height:20px}
.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:600px){.grid2{grid-template-columns:1fr}}
.biblio{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px}
.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px}
.tarjeta:hover{border-color:var(--aki)}
.tarjeta b{font-size:16px}
.suave{color:var(--suave);font-size:13px}
.estado{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--panel2)}
.estado.terminado{background:rgba(47,191,113,.15);color:var(--ok)}
.estado.procesando,.estado.en_cola{background:rgba(28,196,240,.15);color:var(--aki)}
.estado.error{background:rgba(239,75,75,.15);color:var(--mal)}
.barra{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden}
.barra i{display:block;height:100%;background:var(--aki);transition:width .4s}
.subida{margin-top:14px}
.vacio{text-align:center;padding:40px 10px;color:var(--suave)}

/* pantalla del partido */
.cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}
@media (max-width:980px){.layout{grid-template-columns:1fr}}
video{width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;display:block}
.ahora{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.ahora b{font-family:Oswald,sans-serif;font-weight:500;font-size:19px;letter-spacing:.03em}
.editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:6px}
.ajuste{display:flex;gap:6px;align-items:center}
.ajuste span{font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.tl{position:relative;height:46px;margin-top:14px;background:var(--panel2);border-radius:8px;cursor:pointer}
.tl i{position:absolute;top:8px;height:30px;border-radius:3px;min-width:3px;opacity:.9}
.tl i.sel{outline:2px solid #fff;outline-offset:1px}
.tl i.off{opacity:.12}
.tlx{display:flex;justify-content:space-between;color:var(--suave);font-size:12px;margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:14px}
.stat{background:var(--panel2);border-radius:8px;padding:9px 11px}
.stat small{color:var(--suave);display:block;font-size:12px}.stat b{font-size:21px;font-family:Oswald,sans-serif;font-weight:500}
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.chip{border:1px solid var(--linea);background:var(--panel2);color:var(--texto);padding:5px 10px;border-radius:999px;cursor:pointer;font-size:13px}
.chip.on{background:var(--aki);border-color:var(--aki);color:#001018;font-weight:600}
.lista{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 300px);overflow:auto;padding-right:2px}
@media (max-width:980px){.lista{max-height:none}}
.item{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--linea);border-radius:9px;cursor:pointer;background:var(--panel)}
.item:hover{border-color:var(--aki)}.item.sel{border-color:var(--aki);background:rgba(28,196,240,.08)}
.item.eliminado{opacity:.35}
.item .eq{width:14px;height:14px;border-radius:50%;border:1px solid var(--linea)}
.eq.light{background:var(--claro)}.eq.dark{background:var(--oscuro)}
.item .t{font-variant-numeric:tabular-nums;color:var(--suave);font-size:12px}
.tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;margin-left:4px;white-space:nowrap}
.c-convertido{background:var(--ok);color:#03140a}.c-fallado{background:var(--mal);color:#fff}
.c-pase{background:var(--aki);color:#001018}.c-rebote{background:#e07b39;color:#fff}
.c-perdida{background:var(--aviso);color:#1a1200}.c-cambio{background:#8a63d2;color:#fff}.c-otro{background:#555b66;color:#fff}
.dud{color:var(--aviso);font-size:12px}
.ok{color:var(--ok)}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--linea);padding:10px 16px;border-radius:9px;opacity:0;transition:opacity .3s;pointer-events:none}
#toast.ver{opacity:1}
.nota{color:var(--suave);font-size:12px;margin-top:10px}

/* timeline por categorias, zona ampliada y editor */
.tl{height:40px}
.tl i{top:6px;height:28px;border-right:1px solid rgba(0,0,0,.45)}
.zona{position:relative;height:54px;margin-top:12px;background:var(--panel2);border-radius:8px;cursor:pointer;touch-action:none;user-select:none}
.zseg{position:absolute;top:8px;height:38px;border-radius:4px;opacity:.85}
.borde{position:absolute;top:-6px;bottom:-6px;width:14px;cursor:ew-resize;background:#fff;border-radius:3px;box-shadow:0 0 0 2px #000}
.borde.ini{left:-7px}.borde.fin{right:-7px}
.borde::after{content:"";position:absolute;left:6px;top:30%;bottom:30%;width:2px;background:#000}
.zcorte{position:absolute;bottom:2px;height:6px;background:#fff;border-radius:2px;opacity:.9}
.zmarca{position:absolute;top:0;bottom:0;background:rgba(245,179,49,.45);border-left:2px solid var(--aviso);border-right:2px solid var(--aviso);pointer-events:none}
.zcab{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}
.cortes{margin-top:8px}
.bloque{margin-top:12px}.bloque>label{display:block;font-size:13px;color:var(--suave);margin-bottom:6px}
.cat{--c:#888;border:2px solid var(--c);background:transparent;color:var(--texto);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}
.cat.on{background:var(--c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.cat.jug{--c:#9aa1ad}.cat.jug.on{background:#e6e9ef;color:#000;text-shadow:none}
.cat.mas{--c:var(--linea);color:var(--suave);border-style:dashed}
.mini{margin-top:8px}
.pto{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.tag{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.item.hijo{margin-left:22px;border-style:dashed}
/* carpetas */
.carpetas{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.carpetas{grid-template-columns:1fr}}
.arbol{display:flex;flex-direction:column;gap:2px}
.arbol h3{font-family:Oswald,sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;color:var(--suave);margin:14px 0 4px;text-transform:uppercase}
.arbol a{display:flex;align-items:center;color:var(--texto);padding:7px 9px;border-radius:7px}
.arbol a span{margin-left:auto;color:var(--suave);font-size:12px}
.arbol a:hover{background:var(--panel2)}.arbol a.on{background:rgba(28,196,240,.14);color:var(--aki)}
.perfil{margin-bottom:16px}
.cuadros{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:12px}
.cuadro{--c:#888;text-align:left;background:var(--panel2);border:1px solid var(--linea);border-left:5px solid var(--c);border-radius:8px;padding:9px 11px;color:var(--texto);cursor:pointer}
.cuadro.on{background:var(--c);color:#fff}
.cuadro small{display:block;font-size:12px;opacity:.85}.cuadro b{font-family:Oswald,sans-serif;font-weight:500;font-size:22px}.cuadro span{font-size:12px;opacity:.7;margin-left:4px}
.link{color:var(--aki);word-break:break-all}

/* congelar y dibujar */
.vwrap{position:relative}
.capa{position:absolute;left:0;top:0;pointer-events:none;border-radius:10px}
.capa.edita{pointer-events:auto;cursor:crosshair;outline:2px solid var(--aviso);touch-action:none}
.pizarra{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;background:var(--panel2);border:1px solid var(--aviso);border-radius:10px}
.herr{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--linea);color:var(--texto);border-radius:8px;padding:6px 9px;font-size:12px;cursor:pointer}
.herr span{font-size:16px;line-height:1}.herr.on{border-color:var(--aviso);background:rgba(245,179,49,.18)}
.color{width:26px;height:26px;border-radius:50%;border:2px solid var(--linea);cursor:pointer;padding:0}
.color.on{outline:3px solid #fff;outline-offset:1px}
.dib{display:inline-flex;align-items:center;gap:2px}
.dib .x{background:transparent;border:0;color:var(--mal);cursor:pointer;font-size:14px}

/* ===== pantalla del partido: video grande, barra para cortar, lo demás chico ===== */
.pcab{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;flex-wrap:wrap}
.pcab b{font-family:Oswald,sans-serif;font-weight:500;font-size:18px;letter-spacing:.03em}
.pcab .esp{flex:1}
.ed{display:grid;grid-template-columns:96px minmax(0,1fr) 150px;gap:10px;align-items:start}
@media (max-width:820px){.ed{grid-template-columns:1fr}.ed-lista,.ed-der{max-height:220px}}
.ed-lista,.ed-der{background:var(--panel);border:1px solid var(--linea);border-radius:8px;overflow:auto;max-height:calc(100vh - 120px)}
.ed-h{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--suave);padding:6px 7px 3px;text-transform:uppercase;letter-spacing:.05em}
.ed-h button,.lq button{background:transparent;border:0;color:var(--aki);font-size:15px;cursor:pointer;padding:0 2px;line-height:1}
.lq{font-size:11px;margin-left:6px}
.lr{display:flex;align-items:center;gap:5px;padding:3px 6px;font-size:12px;border-top:1px solid var(--linea);cursor:pointer;font-variant-numeric:tabular-nums}
.lr span{margin-left:auto;color:var(--suave);font-size:11px}
.lr:hover{background:var(--panel2)}.lr.sel{background:rgba(28,196,240,.16)}
.lr.hijo{padding-left:14px}.tij{font-size:10px;color:var(--suave)}
.lr .la{background:transparent;border:0;color:var(--suave);cursor:pointer;font-size:11px;padding:0 1px}
.lr .la:hover{color:var(--texto)}
.d{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
.vac{font-size:11px;color:var(--suave);padding:6px 7px}
.jugadas{display:flex;align-items:center;gap:2px;min-height:20px;margin-bottom:4px;flex-wrap:wrap}
.jg{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 6px;border-radius:4px;cursor:pointer;color:var(--suave);line-height:18px;user-select:none}
.jg i{width:7px;height:7px;border-radius:50%}
.jg:hover{color:var(--texto)}.jg.on{background:var(--panel2);color:var(--texto)}
.jg.mas{color:var(--aki);font-weight:700}
.ed-centro video{max-height:calc(100vh - 250px)}
main:has(.ed){padding-top:12px;max-width:1600px}
.hb{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:1px;background:rgba(10,10,10,.78);padding:2px 5px;border-radius:999px}
.hbb{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#eee;font-size:13px;background:transparent;border:0;cursor:pointer;padding:0 3px;white-space:nowrap}
.hbb:hover{background:#333}.hbb.on{background:rgba(245,179,49,.35)}
.hbb.ancho{font-size:11px}.hbb.ok{color:var(--ok);font-size:15px}.hbb:disabled{opacity:.35}
.hc{display:block;width:12px;height:12px;border-radius:50%;border:1.5px solid #eee}
.hs{width:1px;height:12px;background:#555;margin:0 2px}
.hg{position:relative;display:flex;align-items:center}
.hm{display:none;position:absolute;top:22px;left:0;background:rgba(10,10,10,.9);padding:4px;border-radius:7px;gap:2px;flex-wrap:wrap;width:122px;z-index:4}
.hm.col{width:104px}.hm.col2{width:132px;flex-direction:column}
.hg:hover .hm{display:flex}
.vwrap .capa{z-index:1}
.log{position:relative;height:40px;margin-top:6px;background:var(--panel2);border-radius:6px;cursor:pointer;touch-action:none;user-select:none}
.lg-clip{position:absolute;top:4px;bottom:4px;background:rgba(255,255,255,.1);border-radius:3px}
.lg-corte{position:absolute;bottom:3px;height:5px;border-radius:2px}
.lg-dib{position:absolute;top:2px;width:8px;height:8px;margin-left:-4px;background:var(--aviso);border-radius:2px;transform:rotate(45deg)}
.lg-pend{position:absolute;top:9px;bottom:9px;border-radius:3px;cursor:grab;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);overflow:hidden}
.lg-b{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;background:#fff;border-radius:3px;cursor:ew-resize;box-shadow:0 0 0 1px #000;z-index:2}
.lg-cab{position:absolute;top:0;bottom:0;width:2px;background:var(--mal);pointer-events:none;z-index:1}
.logx{display:flex;justify-content:space-between;font-size:11px;color:var(--suave);margin-top:2px}
.dz{display:flex;align-items:center;gap:5px;padding:3px 7px;font-size:12px;border-top:1px solid var(--linea);cursor:pointer;border-left:2px solid transparent}
.dz b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz span{margin-left:auto;color:var(--suave);font-size:11px}
.dz:hover{background:var(--panel2)}.dz.on{background:rgba(28,196,240,.16)}
.dz.over{background:rgba(28,196,240,.3);border-left-color:var(--aki)}
.pop{display:none;position:absolute;z-index:20;gap:6px;align-items:center;background:var(--panel2);border:1px solid var(--linea);border-radius:8px;padding:6px}
.pop input{width:170px;padding:5px 7px;font-size:12px}.pop input[type=color]{width:34px;padding:1px}
.pop .x{background:transparent;border:0;color:var(--suave);cursor:pointer}

/* video sin zonas negras, scroll oscuro, ficha del clip */
.ed-centro .vwrap{width:fit-content;max-width:100%;margin:0 auto}
.ed-centro video{aspect-ratio:auto;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 270px);background:transparent;display:block}
.ed-lista,.ed-der{scrollbar-width:thin;scrollbar-color:#3a404b transparent}
.ed-lista::-webkit-scrollbar,.ed-der::-webkit-scrollbar{width:6px}
.ed-lista::-webkit-scrollbar-thumb,.ed-der::-webkit-scrollbar-thumb{background:#3a404b;border-radius:3px}
.ed-lista::-webkit-scrollbar-track,.ed-der::-webkit-scrollbar-track{background:transparent}
html{scrollbar-color:#3a404b var(--fondo)}
.lr em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}
.ficha{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}
.ficha input{width:180px;padding:5px 8px;font-size:12px}.ficha input#kCom{flex:1;min-width:160px}
.ficha audio{height:28px;max-width:220px}
.ficha .x{background:transparent;border:0;color:var(--mal);cursor:pointer}
.ficha label.btn{display:inline-flex;align-items:center}

/* tocar la pantalla pausa; seleccionar dibujos */
.escudo{position:absolute;left:0;top:0;right:0;bottom:52px;z-index:1;cursor:pointer}
.vwrap .capa{z-index:2}
.hbb.borrar{color:#ff6b6b;font-size:11px;font-weight:600}

.log{height:52px}
.lg-pend{top:10px;bottom:10px}

/* video grande: el centro mide lo que el video, los costados toman el resto */
main:has(.ed){max-width:none;padding:8px 14px 0}
.pcab{margin-bottom:4px;font-size:13px}.pcab b{font-size:16px}
.ed{grid-template-columns:minmax(96px,1fr) minmax(0,calc((100vh - 222px - var(--extra, 0px)) * 16 / 9)) minmax(160px,1fr);gap:10px}
.ed-lista{justify-self:end;width:100%;max-width:200px}
.ed-der{justify-self:start;width:100%;max-width:240px}
.ed-centro .vwrap{width:100%;margin:0}
.ed-centro video{width:100%;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px}
.jugadas{margin-bottom:3px}
.log{margin-top:5px}
.ed-der .ficha{flex-direction:column;align-items:stretch;gap:5px;padding:7px;border-top:1px solid var(--linea);margin-top:6px}
.ed-der .ficha input,.ed-der .ficha input#kCom{width:100%;min-width:0;flex:none}
.ed-der .ficha audio{width:100%;max-width:none}
.ed-der .ficha .btn{justify-content:center}
@media (max-width:820px){.ed{grid-template-columns:1fr}.ed-lista,.ed-der{max-width:none}}

/* jugadas como botones */
.jlab{font-size:11px;color:var(--suave);margin-right:4px}
.jg{border:1px solid var(--linea);background:var(--panel2);color:var(--texto);padding:3px 10px;border-radius:999px;font-size:12px;line-height:18px}
.jg:hover{border-color:var(--aki)}
.jg.on{background:var(--aki);border-color:var(--aki);color:#001018;font-weight:600}
.jg.mas{border-style:dashed;color:var(--aki)}
/* tarjeta del clip = play */
.lr .pl{font-size:9px;width:14px;color:var(--aki);flex:none;text-align:center}
.lr.sel .pl{color:#fff}
/* línea roja que se agarra */
.lg-cab{pointer-events:auto;cursor:ew-resize;width:3px;margin-left:-1px;z-index:3}
.lg-cab::before{content:"";position:absolute;left:-7px;right:-7px;top:0;bottom:0}
.lg-cab::after{content:"";position:absolute;left:-5px;top:-6px;border:6px solid transparent;border-top:7px solid var(--mal)}
/* audio del clip */
.aud{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px}
.aud span{flex:1;color:var(--suave)}
.trim{display:flex;flex-direction:column;gap:4px;font-size:12px;background:var(--panel2);padding:6px;border-radius:6px}
.trim label{display:flex;align-items:center;gap:6px}.trim input{flex:1;padding:0}.trim b{font-weight:400;min-width:38px;text-align:right}
.hbb.ok{font-size:11px;font-weight:600;padding:0 6px}

/* play / pausa propio, barra fina de todo el partido */
.logfila{display:flex;gap:6px;align-items:stretch;margin-top:5px}
.logfila .log{flex:1;margin-top:0}
.bplay{width:46px;border-radius:6px;border:1px solid var(--linea);background:var(--panel2);color:#fff;font-size:18px;cursor:pointer}
.bplay:hover{border-color:var(--aki)}
.logx{align-items:center;gap:8px}
#tiempo{font-variant-numeric:tabular-nums;min-width:92px}
.prog{position:relative;flex:1;height:6px;background:var(--panel2);border-radius:3px;cursor:pointer}
.prog i{position:absolute;top:-3px;width:3px;height:12px;background:var(--mal);margin-left:-1px;border-radius:1px}
#msg{flex:2;text-align:center}
.bmini{background:transparent;border:0;color:var(--suave);cursor:pointer;font-size:13px}
.lg-ext{position:absolute;bottom:1px;font-size:10px;color:var(--suave);pointer-events:none}.lg-ext.a{left:4px}.lg-ext.b{right:4px}
.lg-dib{width:12px;height:12px;margin-left:-6px;top:3px;cursor:pointer;z-index:4;box-shadow:0 0 0 1px #000}
.lg-dib:hover,.lg-dib.on{background:#fff}
.lg-vp{position:absolute;bottom:3px;height:5px;background:#1cc4f0;opacity:.8;border-radius:2px;pointer-events:none}
.hseg{width:46px;height:20px;padding:0 4px;font-size:11px;background:#222;border:1px solid #444;color:#eee;border-radius:4px}
.hsegs{color:#aaa;font-size:11px;margin-left:2px}
.vwrap:fullscreen{display:flex;align-items:center;justify-content:center;background:#000}
.vwrap:fullscreen video{max-height:100vh}

.escudo{bottom:0}

.jugadas{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
.jugadas::-webkit-scrollbar{display:none}
.jg{flex:none}

#msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* marca con varios dibujos y abanico para elegir */
.lg-dib b{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-45deg);font-size:10px;color:#000;background:var(--aviso);border-radius:7px;padding:0 4px;line-height:13px;font-style:normal}
.abanico{display:flex;flex-direction:column;gap:4px;min-width:220px;position:relative}
.ab-t{font-size:11px;color:var(--suave);padding:0 20px 2px 2px}
.ab-i{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:var(--panel);border:1px solid var(--linea);border-radius:6px;padding:5px 8px;color:var(--texto);cursor:pointer;font-size:12px}
.ab-i:hover{border-color:var(--aviso)}.ab-i span{color:var(--suave);font-size:11px}
.ab-j{background:transparent;border:1px dashed var(--aviso);color:var(--aviso);border-radius:6px;padding:4px;cursor:pointer;font-size:12px}
.abanico .x{position:absolute;top:-2px;right:0}

/* la barra no se sale de su lugar (no tapa el play) */
.log{overflow:hidden}
.lg-clip.con{opacity:.85;top:8px;bottom:8px}
.lg-arr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:1px 8px;border-radius:9px;cursor:grab;white-space:nowrap;z-index:3}
.lg-arr:hover{background:rgba(0,0,0,.8)}

.lg-dib b{top:-3px;left:12px;transform:rotate(-45deg)}

.ab-f{display:flex;gap:4px;align-items:stretch}.ab-f .ab-i{flex:1}
.ab-x{background:transparent;border:1px solid var(--linea);border-radius:6px;color:var(--mal);cursor:pointer;font-size:14px;width:30px}
.ab-x:hover{border-color:var(--mal);background:rgba(239,75,75,.12)}

.lg-clip[draggable=true]{cursor:grab}
.lg-arr{pointer-events:none}

/* barra de herramientas 1,5 veces más grande */
.hb{padding:3px 8px;gap:2px;top:8px}
.hbb{min-width:33px;height:33px;font-size:19px;padding:0 5px;border-radius:7px}
.hbb.ancho{font-size:15px}.hbb.ok,.hbb.borrar{font-size:15px;padding:0 9px}
.hc{width:18px;height:18px;border-width:2px}
.hs{height:18px;margin:0 3px}
.hm{top:33px;width:183px;padding:6px;gap:3px;border-radius:10px}
.hm.col{width:156px}.hm.col2{width:198px}
.hseg{width:64px;height:30px;font-size:15px;padding:0 6px}
.hsegs{font-size:15px}

.hb{max-width:calc(100% - 12px);flex-wrap:wrap;justify-content:center;border-radius:14px}

.hb{left:6px;right:6px;transform:none;width:max-content;max-width:calc(100% - 12px);margin:0 auto}

/* tarjeta del clip: 2 renglones + detalle desplegable; la lista más ancha */
.ed-lista{max-width:300px}
.lr{display:block;padding:5px 8px}
.lr1{display:flex;align-items:center;gap:6px}
.lr1 .lt{color:var(--suave);font-size:12px;font-variant-numeric:tabular-nums;margin-left:0}
.ldes{margin-left:auto;font-size:11px;font-weight:600;color:var(--aki);border:1px solid var(--aki);border-radius:5px;padding:1px 6px;white-space:nowrap}
.ldes:hover{background:var(--aki);color:#001018}
.lx{background:transparent;border:0;color:var(--suave);cursor:pointer;font-size:14px;padding:0 2px}.lx:hover{color:var(--mal)}
.lr2{display:flex;align-items:center;gap:6px;margin-top:3px;padding-left:20px}
.lr2 em{flex:1;max-width:none;font-style:normal;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ltog{background:transparent;border:0;color:var(--aki);cursor:pointer;font-size:12px;padding:0 3px}
.lr3{margin:4px 0 2px 20px;font-size:12px;line-height:1.4;white-space:pre-wrap;color:var(--texto);background:var(--panel2);border-radius:5px;padding:5px 7px}
.lr.hijo .lr1,.lr.hijo .lr2{padding-left:10px}

/* las jugadas bajan a otro renglón cuando no entran (así siempre se ve el +) */
.jugadas{flex-wrap:wrap;overflow:visible;white-space:normal;row-gap:4px}

/* IA de jugadores */
.capa-ia{position:absolute;left:0;top:0;pointer-events:none;z-index:2}
.capa-ia.elige{pointer-events:auto;cursor:pointer}
.ia-btn{position:absolute;top:8px;right:8px;z-index:4;background:rgba(10,10,10,.8);color:#fff;border:1px solid var(--aki);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;cursor:pointer}
.ia-btn.on,.ia-btn:hover{background:var(--aki);color:#001018}
.ia-panel{display:none;position:absolute;top:46px;right:8px;z-index:4;width:230px;background:rgba(15,17,20,.95);border:1px solid var(--linea);border-radius:10px;padding:8px;font-size:13px}
.ia-t{color:var(--suave);font-size:12px;margin-bottom:6px}
.ia-g{border:1px solid var(--linea);border-radius:8px;margin-bottom:6px;overflow:hidden}
.ia-g.act{border-color:var(--aki);box-shadow:0 0 0 1px var(--aki) inset}
.ia-h{display:flex;align-items:center}
.ia-n{flex:1;display:flex;align-items:center;gap:7px;background:transparent;border:0;color:var(--texto);padding:7px 8px;font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.ia-n i{width:12px;height:12px;border-radius:50%;display:inline-block}.ia-n span{color:var(--suave);font-weight:400}
.ia-tg{background:transparent;border:0;color:var(--aki);font-size:15px;padding:0 10px;cursor:pointer;align-self:stretch}
.ia-l{padding:4px 8px 8px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--linea)}
.ia-j{display:flex;justify-content:space-between;align-items:center}
.ia-j button{background:transparent;border:0;color:var(--mal);cursor:pointer}
.ia-l label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--suave)}
.ia-l input[type=color]{width:34px;height:22px;padding:0}.ia-l input[type=range]{width:110px;padding:0}

/* menú de la IA más chico (no tapa el video) */
.ia-btn{padding:3px 9px;font-size:12px;top:6px;right:6px}
.ia-panel{top:34px;right:6px;width:150px;padding:5px;font-size:11px;background:rgba(15,17,20,.82);border-radius:8px}
.ia-t{font-size:10px;margin-bottom:4px}
.ia-g{margin-bottom:4px;border-radius:6px}
.ia-n{padding:3px 6px;font-size:12px;gap:5px}
.ia-n i{width:9px;height:9px}
.ia-tg{font-size:12px;padding:0 7px}
.ia-l{padding:3px 6px 5px;gap:2px;font-size:11px}
.ia-l label{font-size:10px}.ia-l input[type=range]{width:70px}.ia-l input[type=color]{width:26px;height:18px}
.ia-panel .btn.peq{padding:3px 8px;font-size:11px}

/* velocidad: 1x fijo | la elegida (lista con scroll) */
.vel{position:relative;display:flex;border:1px solid #3a3e44;border-radius:7px;overflow:visible;margin-right:4px;flex:none}
.vel>button{background:transparent;border:0;color:#cfd3d8;font-size:12px;padding:2px 8px;cursor:pointer;line-height:1.5}
.vel>button:first-child{border-right:1px solid #3a3e44;border-radius:6px 0 0 6px}
.vel>button:nth-child(2){border-radius:0 6px 6px 0;min-width:46px}
.vel>button.on{background:#1cc4f0;color:#04263a;font-weight:600}
.vel-l{display:none;position:absolute;right:0;bottom:calc(100% + 6px);width:74px;max-height:168px;overflow-y:auto;background:#1c1f23;border:1px solid #3a3e44;border-radius:8px;z-index:20;padding:3px 0}
.vel-l button{display:block;width:100%;background:transparent;border:0;color:#cfd3d8;font-size:13px;padding:6px 12px;text-align:left;cursor:pointer}
.vel-l button:hover{background:#2a2d31}
.vel-l button.on{background:#1cc4f0;color:#04263a;font-weight:600}
.vel-l button.corte{border-top:1px solid #3a3e44}

/* ✂ corte (primera herramienta) */
.hbb.corte{color:#1cc4f0;font-size:15px}
/* ✕ del log de arriba (el que se trabaja) */
.blx{flex:none;width:26px;border:0;border-radius:6px;background:var(--panel2);color:#ff6b6b;cursor:pointer;font-size:13px}
.blx:hover{background:#3a2326}
.logfila.over .log{outline:2px solid #1cc4f0}
/* pila de logs: los cortes que no se están trabajando */
.pila{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-height:140px;overflow-y:auto}
.pila:empty{display:none}
.pl-f{display:flex;align-items:center;gap:7px;background:var(--panel2);border:1px solid #2c3036;border-radius:6px;padding:3px 6px;font-size:12px;color:#cfd3d8;touch-action:none;user-select:none;cursor:grab}
.pl-f.over{border-color:#1cc4f0}
.pl-arr{color:#8a9097;font-size:14px}
.pl-n{min-width:70px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-t{color:#8a9097;font-variant-numeric:tabular-nums}
.pl-b{flex:1;height:10px;background:#2a2d31;border-radius:4px;overflow:hidden}
.pl-b i{display:block;height:100%;opacity:.75}
.pl-x{border:0;background:transparent;color:#ff6b6b;cursor:pointer;font-size:13px;padding:0 4px}
/* lo que se arrastra con el dedo o el mouse */
.fantasma{position:fixed;z-index:99;pointer-events:none;color:#04263a;font-size:12px;font-weight:600;padding:4px 9px;border-radius:7px;box-shadow:0 4px 14px rgba(0,0,0,.5);white-space:nowrap}
.lg-clip,.lg-pend{touch-action:none}

/* ---------- inicio: VIDEOS · COACH · PLAYERS (fino, texto siempre claro) ---------- */
.ini-cab{display:flex;align-items:center;gap:6px;margin:2px 0 12px}
.ini-cab .esp{flex:1}
.ini-b{background:transparent;border:1px solid var(--linea);color:#c9ced6;border-radius:6px;padding:3px 9px;font-size:11.5px;cursor:pointer;line-height:1.5}
.ini-b:hover{border-color:#4a505a;color:#eef1f4}
.ini-b.ac{border-color:var(--aki);color:var(--aki)}
.inicio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
@media(max-width:860px){.inicio{grid-template-columns:1fr}}
.icol{min-width:0}
.ich{display:flex;align-items:baseline;gap:6px;font-family:Oswald,Impact,sans-serif;font-size:13px;letter-spacing:.6px;color:#eef1f4;padding-bottom:5px;margin-bottom:8px;border-bottom:1px solid var(--c)}
.ich .icn{font-family:Inter,sans-serif;font-size:11px;letter-spacing:0;color:#8a919c;flex:1}
.imas{background:none;border:1px solid var(--linea);color:var(--c);border-radius:5px;width:20px;height:18px;line-height:14px;font-size:13px;cursor:pointer;padding:0}
.ilista{display:flex;flex-direction:column;gap:6px}
.ivac{color:#8a919c;font-size:12px;padding:6px 2px}
/* tarjeta (igual a la de la lista de clips) */
.kc{background:var(--panel);border:1px solid var(--linea);border-left:2px solid var(--c);border-radius:7px;padding:6px 8px}
.kpartido{cursor:pointer}.kpartido:hover{border-color:#3a404a;border-left-color:var(--c)}
.k1{display:flex;align-items:center;gap:6px}
.kt{flex:1;min-width:0;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#aab1bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf{font-size:10.5px;color:#7e8590;font-variant-numeric:tabular-nums}
.kx{background:none;border:0;color:var(--aki);font-size:12px;cursor:pointer;padding:0 2px;line-height:1}
.kx:hover{color:#ff6b6b}
.k3{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:12px;color:#e3e6ea;cursor:pointer}
.k3 .estado{font-size:10.5px;padding:1px 7px}
.tri{color:var(--aki);font-size:10px}
.kc .barra{margin-top:5px}
.kc .ini-b{margin-top:5px}
/* videos de la carpeta: se ven 3 y después scroll */
.kl{max-height:198px;overflow-y:auto;margin-top:6px;display:flex;flex-direction:column;gap:4px;padding-right:2px}
.kv{background:#111418;border:1px solid #23272e;border-radius:6px;padding:4px 7px}
.kv1{display:flex;align-items:center;gap:7px;font-size:12px;color:#e3e6ea}
.kp{color:#e3e6ea;cursor:pointer;font-size:11px}.kp:hover{color:var(--aki)}
.kd{width:7px;height:7px;border-radius:50%;flex:none}
.kh{flex:1;font-variant-numeric:tabular-nums}
.kdes{border:1px solid var(--aki);color:var(--aki);border-radius:5px;padding:0 6px;font-size:10.5px;line-height:1.6}
.kv .kx{color:#9aa1ad}.kv .kx:hover{color:#ff6b6b}
.kv2{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;color:#e3e6ea;cursor:pointer}
.kv2 em{font-style:normal}.kv2 .kpart{flex:1;color:#7e8590;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv3{margin-top:3px;font-size:11px;color:#b9bec4}
/* aviso / configuración (nuestro diseño) */
.aviso-fondo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}
.aviso{background:#13161a;border:1px solid #2a2e34;border-radius:9px;padding:12px 14px;width:min(340px,100%);color:#d6d9dd;font-size:12px}
.av-t{font-family:Oswald,Impact,sans-serif;font-size:14px;letter-spacing:.3px;color:#eef1f4}
.av-x{color:#9aa1ad;margin-top:3px}.av-x b{color:#e3e6ea;font-weight:500}
.av-op{margin-top:7px;border:1px solid #2c3036;border-radius:6px;padding:6px 9px;color:#d6d9dd;cursor:pointer}
.av-op:hover{border-color:#4a505a;color:#fff}
.av-op.peligro{border-color:#5a2a2a;color:#ef6b6b}.av-op.peligro:hover{border-color:#ef4b4b}
.av-op.cancelar{text-align:center;color:#9aa1ad}
.cf{display:flex;align-items:center;gap:8px;margin-top:8px}
.cf>span:first-child{width:62px;color:#8a919c;font-size:11.5px}
.cf input{flex:1;width:auto;padding:4px 7px;font-size:12px;border-radius:6px;background:#0d0f12;color:#e3e6ea}
.cfc{flex:1;color:#9aa1ad;font-size:11px;word-break:break-all}
.seg{display:flex;border:1px solid #2c3036;border-radius:6px;overflow:hidden}
.seg b{font-weight:500;padding:2px 10px;font-size:11.5px;color:#b9bec4;cursor:pointer}
.seg b.on{background:var(--aki);color:#04263a}
.fchico{position:absolute;z-index:80;display:flex;gap:5px;align-items:center;background:#13161a;border:1px solid #2a2e34;border-radius:8px;padding:6px;width:280px}
.fchico input{flex:1;width:auto;padding:4px 7px;font-size:12px;border-radius:6px;background:#0d0f12;color:#e3e6ea}
.fchico .fcol{flex:none;width:30px;padding:0;height:24px}
.kdur{color:#e3e6ea;font-variant-numeric:tabular-nums;margin-left:4px}
/* subir partido: un renglón chico */
.subchica{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--linea);border-radius:7px;padding:6px 8px;margin:-4px 0 12px;font-size:11.5px;position:relative}
.subchica label.ini-b{cursor:pointer}
.sc-arch{color:#9aa1ad;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:90px}
.sc-in{width:180px;padding:3px 7px;font-size:11.5px;border-radius:6px;background:#0d0f12;color:#e3e6ea}
.sc-f{width:128px;color-scheme:dark}
.sc-prog{position:absolute;left:0;right:0;bottom:0;height:2px}
.sc-prog i{display:block;height:100%;background:var(--aki)}
.subchica .err{font-size:11px}
/* editor: sin la lista de ataques a la izquierda; el video ocupa todo lo posible */
.ed-lista{display:none!important}
.ed{grid-template-columns:minmax(0,1fr) 190px!important}
@media (max-width:820px){.ed{grid-template-columns:1fr!important}}
.ed-centro .vwrap{width:100%!important;max-width:100%;margin:0}
.ed-centro video{width:100%!important;height:auto;max-width:100%;max-height:calc(100vh - 224px - var(--extra,0px))!important;object-fit:contain;background:#000}
.ed-der{max-width:none!important}
/* ---------- barra de arriba fina ---------- */
.top{padding:4px 14px!important}
.marca{font-size:16px!important}
nav{font-size:11.5px!important;gap:6px!important}
nav .btn{padding:2px 9px!important;font-size:11px!important;border-radius:5px!important}
/* ---------- editor: video a la izquierda lo más grande posible; a la derecha datos, botones de cortar y carpetas ---------- */
main:has(.ed){padding:6px 10px 0!important;max-width:none!important}
.ed{grid-template-columns:minmax(0,1fr) 330px!important;gap:8px!important}
@media (max-width:900px){.ed{grid-template-columns:1fr!important}}
.ed-centro video{max-height:calc(100vh - 118px - var(--extra,0px))!important;border-radius:6px}
.ed-lado{display:flex;flex-direction:column;gap:6px;min-width:0}
.pcab2{background:var(--panel);border:1px solid var(--linea);border-radius:7px;padding:5px 8px;font-size:11.5px}
.pc1{display:flex;align-items:baseline;gap:7px;min-width:0}
.pc1 b{font-family:Oswald,Impact,sans-serif;font-weight:500;font-size:13px;color:#eef1f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc2{display:flex;align-items:center;gap:5px;margin-top:4px}
.pc2 .esp{flex:1}.pc2 .suave{font-size:11px}
.ini-b.rojo{border-color:#5a2a2a;color:#ef6b6b}
.ed-lado2{display:grid;grid-template-columns:116px minmax(0,1fr);gap:6px;align-items:start}
.ed-lado2 .jugadas{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:4px;margin:0;overflow:visible;white-space:normal}
.ed-lado2 .jlab{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a919c;margin:2px 0 0 2px}
.ed-lado2 .jg{justify-content:flex-start;border-radius:6px;font-size:11px;padding:3px 7px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-lado2 .ed-der{max-height:calc(100vh - 110px)}
.ed{grid-template-columns:minmax(0,1fr) 268px!important}
.ed-lado2{grid-template-columns:100px minmax(0,1fr)!important;gap:5px!important}
.ed-lado2 .jg{font-size:10.5px!important;padding:3px 6px!important}
.ed-lado2 .ed-der .dz{font-size:11px}
/* carpeta abierta en el editor: sus videos debajo (se ven 3 y después scroll) */
.dz-vs{max-height:96px;overflow-y:auto;padding:3px 4px 5px 10px;display:flex;flex-direction:column;gap:3px;border-left:2px solid var(--aki);margin:0 0 3px 6px}
.dz-v{display:flex;align-items:center;gap:5px;background:#111418;border:1px solid #23272e;border-radius:5px;padding:2px 5px;font-size:11px;color:#e3e6ea;cursor:pointer}
.dz-v:hover{border-color:#3a404a}.dz-v.on{border-color:var(--aki)}
.dz-v b{font-size:9px;color:#e3e6ea}.dz-v .d{width:6px;height:6px;border-radius:50%;flex:none}
.dz-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-d{color:#8a919c;font-variant-numeric:tabular-nums}
.dz-x{background:none;border:0;color:#9aa1ad;cursor:pointer;font-size:10px;padding:0 1px}.dz-x:hover{color:#ff6b6b}
.dz-vac{color:#8a919c;font-size:11px;padding:2px}
/* ver clip desde las tarjetas */
.kp{background:none;border:1px solid #2c3036;border-radius:5px;color:#e3e6ea;cursor:pointer;font-size:10px;padding:1px 6px;line-height:1.4}
.kp:hover{border-color:var(--aki);color:var(--aki)}
.ver-clip{background:#13161a;border:1px solid #2a2e34;border-radius:9px;padding:8px;width:min(900px,96vw)}
.vc-cab{display:flex;align-items:center;gap:7px;font-size:12px;color:#e3e6ea;margin-bottom:6px}
.vc-cab b{font-weight:500}.vc-p{flex:1;color:#8a919c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ver-clip video{width:100%;max-height:72vh;border-radius:6px;background:#000;aspect-ratio:auto}
.vc-pie{margin-top:5px;font-size:11px;text-align:right}
/* audio del clip: ver, escuchar, guardar o descartar */
.aud-t{font-size:10.5px;color:#8a919c;margin:4px 0 2px}.aud-t b{color:#e3e6ea;font-weight:500}
.aud-box{border:1px solid #2a2e34;border-radius:7px;padding:6px;margin-top:5px;background:#111418}
.aud-box.nuevo{border-color:var(--aki)}
.aud-h{font-size:11.5px;color:#e3e6ea;margin-bottom:4px}
.aud-box audio{width:100%;height:30px;color-scheme:dark}
.aud-bs{display:flex;gap:5px;margin-top:5px}
.aud-ok,.aud-no{flex:1;border-radius:6px;padding:4px 6px;font-size:11.5px;cursor:pointer;background:transparent}
.aud-ok{border:1px solid var(--aki);color:var(--aki)}.aud-ok:hover{background:rgba(28,196,240,.12)}
.aud-no{border:1px solid #5a2a2a;color:#ef6b6b}.aud-no:hover{background:rgba(239,75,75,.1)}
.aud-bs .btn{flex:1;padding:3px 6px!important;font-size:11px!important;line-height:1.4;border-radius:6px}
/* audio: todo chico; Guardar -> verde "✓ Guardado" */
.aud-rec{display:block;width:100%;background:transparent;border:1px solid #2c3036;border-radius:6px;color:#d6d9dd;font-size:11px;padding:3px 6px;cursor:pointer;margin-top:3px}
.aud-rec:hover{border-color:var(--aki);color:var(--aki)}
.aud-h{display:flex!important;align-items:center;gap:4px}.aud-h span{flex:1}
.aud-ico{background:none;border:0;color:#9aa1ad;cursor:pointer;font-size:11px;padding:0 2px;line-height:1}
.aud-ico:hover{color:#ff6b6b}
.aud-g{display:block;width:100%;margin-top:5px;border:1px solid var(--aki);background:transparent;color:var(--aki);border-radius:6px;font-size:11px;padding:3px 6px;cursor:pointer}
.aud-g:hover{background:rgba(28,196,240,.12)}
.aud-g.ok{border-color:#2fbf71;background:rgba(47,191,113,.15);color:#2fbf71;cursor:default}
/* reproductor de audio propio (sin el menú de Chrome) */
.mp{position:relative;display:flex;align-items:center;gap:6px;background:#0d0f12;border:1px solid #23272e;border-radius:6px;padding:3px 5px}
.mp-p{background:none;border:0;color:#e3e6ea;cursor:pointer;font-size:10px;width:16px;padding:0}
.mp-p:hover{color:var(--aki)}
.mp-bar{flex:1;height:4px;background:#2a2e34;border-radius:2px;cursor:pointer;overflow:hidden}
.mp-bar i{display:block;height:100%;width:0;background:var(--aki)}
.mp-t{font-size:10px;color:#9aa1ad;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}
.mp-m{background:none;border:0;color:#9aa1ad;cursor:pointer;font-size:13px;padding:0 2px;line-height:1}
.mp-m:hover{color:#e3e6ea}
.mp-menu{display:none;position:absolute;right:0;top:calc(100% + 3px);background:#13161a;border:1px solid #2a2e34;border-radius:6px;padding:3px;z-index:30;min-width:110px}
.mp-menu.ver{display:block}
.mp-menu button{display:block;width:100%;text-align:left;background:none;border:0;color:#d6d9dd;font-size:11.5px;padding:4px 7px;border-radius:4px;cursor:pointer}
.mp-menu button:hover{background:#1d2026}
/* conceptos: el elegido queda marcado con su color */
.ed-lado2 .jg.on{background:color-mix(in srgb,var(--cc,#1cc4f0) 28%,transparent)!important;border-color:var(--cc,#1cc4f0)!important;color:#fff!important;font-weight:600}
.hbb.hist{font-size:15px;color:#e3e6ea}.hbb.hist.off{opacity:.35}
/* sin espacio negro: el video ocupa justo su tamaño y las columnas de la derecha se ensanchan */
.ed{grid-template-columns:minmax(0,calc((100vh - 118px - var(--extra,0px)) * 16 / 9)) minmax(268px,1fr)!important}
@media (max-width:900px){.ed{grid-template-columns:1fr!important}}
.ed-centro video{background:transparent!important}
.ed-lado2{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important}
.ed-lado2 .ed-der{max-height:calc(100vh - 88px)}
/* partido en un renglón */
.pc1{flex-wrap:nowrap}.pc1 .suave{font-size:11px;white-space:nowrap;margin-left:auto}
.pc2{display:none}
/* audio chico */
.aud-ico.mic{font-size:12px;color:#c9ced6}.aud-ico.mic:hover{color:var(--aki)}
.aud-rec{width:auto;display:inline-block;padding:2px 8px}
.pc1{gap:6px;align-items:baseline;min-width:0}
.pc1 a{white-space:nowrap;flex:none}
.pc1 b{flex:1;min-width:0}
.ed-centro video{max-height:calc(100vh - 126px - var(--extra,0px))!important}
.ed{grid-template-columns:minmax(0,calc((100vh - 126px - var(--extra,0px)) * 16 / 9)) minmax(268px,1fr)!important}
@media (max-width:900px){.ed{grid-template-columns:1fr!important}}
/* ⋮ del log: Título · Detalle · Eliminar */
.lm{position:relative;display:flex}
.lm .blx{color:#e3e6ea;font-size:16px}
.lm-menu{display:none;position:absolute;right:0;bottom:calc(100% + 4px);background:#13161a;border:1px solid #2a2e34;border-radius:7px;padding:3px;z-index:40;min-width:140px}
.lm-menu.ver{display:block}
.lm-menu button{display:block;width:100%;text-align:left;background:none;border:0;color:#e3e6ea;font-size:12px;padding:5px 8px;border-radius:4px;cursor:pointer}
.lm-menu button:hover{background:#1d2026}
.lm-menu button.rojo{color:#ef6b6b;border-top:1px solid #2a2e34;border-radius:0 0 4px 4px;margin-top:2px}
/* ventana de título / detalle */
.vt .av-t{display:flex;align-items:center}.vt-x{margin-left:auto;color:#9aa1ad;cursor:pointer;font-family:Inter,sans-serif;font-size:12px}
.vt input,.vt textarea{width:100%;margin-top:7px;background:#0d0f12;border:1px solid #2a2e34;border-radius:6px;color:#e3e6ea;padding:6px 8px;font-size:12.5px;font-family:Inter,sans-serif;resize:vertical}
.vt-txt{margin-top:7px;color:#e3e6ea;font-size:12.5px;white-space:pre-wrap;max-height:240px;overflow:auto}
.vt-bs{display:flex;gap:6px;margin-top:4px}.vt-bs .av-op{flex:1;text-align:center}
.vt-ok{border-color:var(--aki)!important;color:var(--aki)!important}
/* detalle debajo del título en la carpeta abierta */
.dz-v{flex-direction:column;align-items:stretch!important;gap:2px!important}
.dz-f{display:flex;align-items:center;gap:5px}
.dz-det{font-size:10.5px;color:#9aa1ad;padding-left:16px;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.dz-vs{max-height:150px}
/* ↗ compartir (chico) */
.kcomp{background:none;border:1px solid #2c3036;border-radius:5px;color:#c9ced6;cursor:pointer;font-size:10.5px;padding:0 5px;line-height:1.55}
.kcomp:hover{border-color:#2fbf71;color:#2fbf71}
.comp-menu{position:absolute;z-index:95;width:210px;background:#13161a;border:1px solid #2a2e34;border-radius:8px;padding:4px;font-size:12px}
.comp-menu a{display:block;padding:5px 8px;border-radius:5px;color:#e3e6ea}
.comp-menu a:hover{background:#1d2026}
.comp-nota{font-size:10.5px;color:#8a919c;padding:3px 8px 2px}
/* configuración: jugadores con mail y celular */
.aviso.conf{width:min(420px,100%);max-height:88vh;overflow:auto}
.cf-sec{margin-top:10px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8a919c;border-top:1px solid #2a2e34;padding-top:7px}
.cf-jugs{display:flex;flex-direction:column;gap:5px;margin-top:5px}
.cf-j{display:grid;grid-template-columns:78px minmax(0,1fr) 112px;gap:5px;align-items:center}
.cf-j b{font-weight:500;font-size:11.5px;color:#e3e6ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-j input{width:100%;padding:3px 6px;font-size:11.5px;border-radius:6px;background:#0d0f12;color:#e3e6ea}
/* inicio en el celular: columnas que se pasan deslizando de costado */
.ini-tabs{display:none}
@media (max-width:860px){
  .ini-tabs{display:flex;gap:4px;margin:0 0 8px}
  .ini-tabs b{flex:1;text-align:center;font-family:Oswald,Impact,sans-serif;font-weight:500;font-size:12px;letter-spacing:.5px;color:#8a919c;padding:5px 0;border-bottom:2px solid #2a2e34;cursor:pointer}
  .ini-tabs b.on{color:#eef1f4;border-bottom-color:var(--c)}
  .inicio{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .inicio::-webkit-scrollbar{display:none}
  .icol{flex:0 0 90%;scroll-snap-align:start;max-height:calc(100vh - 150px);overflow-y:auto}
  .ini-cab{margin-bottom:8px}
}
/* log fino; fuera la barra del partido entero; ⏪ ⏩ chicos; a las carpetas sólo desde ⠿ */
.log{height:34px!important}
.logfila .bplay{width:38px;font-size:15px}
.prog{display:none!important}.prog.ver{display:block!important}
.pasos{display:flex;flex-direction:column;gap:2px}
.bpaso{flex:1;width:30px;border:1px solid var(--linea);border-radius:5px;background:var(--panel2);color:#e3e6ea;font-size:10px;cursor:pointer;padding:0;touch-action:none;user-select:none}
.bpaso:active{border-color:var(--aki);color:var(--aki)}
.lg-arr{pointer-events:auto!important;cursor:grab;font-size:10px!important;padding:0 7px!important;touch-action:none}
.lg-clip,.lg-pend{cursor:ew-resize}
.lm-menu button[data-lm="cerrar"]{border-bottom:1px solid #2a2e34;border-radius:4px 4px 0 0;margin-bottom:2px}
:fullscreen body,:fullscreen{background:var(--fondo)}
.bpaso{font-size:9px;letter-spacing:-2px;line-height:1}

/* ===================== CELULAR (pantalla táctil) ===================== */
.mov-bar,.mtabs{display:none}
body.movil:has(.ed) header.top{display:none}
body.movil main:has(.ed){padding:0!important}
body.movil .mov-bar{display:flex;position:absolute;top:6px;left:6px;gap:6px;z-index:8}
body.movil .mov-bar button{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:7px;font-size:14px;padding:3px 9px;line-height:1.3}
body.movil #mCorte{color:var(--aki)}
body.movil .hb{display:none!important}
body.movil.hb-ver .hb,body.movil .hb:has(.hbb.ok){display:flex!important;top:40px!important;flex-wrap:wrap;max-width:96%}
body.movil .hb .hbb{min-width:28px;height:28px;font-size:15px}

/* horizontal: video a pantalla completa, controles y log abajo encima del video, carpetas en panel lateral */
@media (orientation:landscape){
  body.movil .ed{display:block!important}
  body.movil .ed-centro{position:fixed;inset:0;background:#000;z-index:10}
  body.movil .ed-centro .vwrap{position:absolute!important;inset:0;width:100%!important;margin:0!important}
  body.movil .ed-centro video{width:100vw!important;height:100vh!important;max-height:none!important;max-width:none!important;object-fit:contain;border-radius:0}
  body.movil .logfila{position:absolute;left:6px;right:6px;bottom:24px;z-index:7;background:rgba(0,0,0,.55);border-radius:8px;padding:3px;margin:0}
  body.movil .logx{position:absolute;left:10px;right:10px;bottom:3px;z-index:7;margin:0}
  body.movil .pila{display:none}
  body.movil .ia-btn{top:6px!important;right:58px!important}
  body.movil #mMenu{position:fixed;top:6px;right:6px}
  body.movil .ed-lado{position:fixed;top:0;right:0;bottom:0;width:min(330px,82vw);background:var(--fondo);z-index:30;overflow:auto;transform:translateX(105%);transition:transform .2s;padding:8px;border-left:1px solid var(--linea)}
  body.movil.lado-ver .ed-lado{transform:none}
}
/* vertical: video arriba a todo el ancho, controles, log, y abajo pestañas Conceptos · Carpetas · Audio */
@media (orientation:portrait){
  body.movil #mMenu{display:none}
  body.movil .ed{display:block!important}
  body.movil .ed-centro video{width:100%!important;max-height:none!important;border-radius:0}
  body.movil .logfila,body.movil .logx,body.movil .pila{margin-left:6px;margin-right:6px}
  body.movil .ed-lado{padding:8px 6px}
  body.movil .mtabs{display:flex;gap:4px;margin:4px 0 6px}
  body.movil .mtabs b{flex:1;text-align:center;font-weight:500;font-size:12px;color:#8a919c;padding:5px 0;border-bottom:2px solid #2a2e34}
  body.movil .mtabs b.on{color:#fff;border-bottom-color:var(--aki)}
  body.movil .ed-lado2{display:block!important}
  body.movil .ed-lado2 .jugadas{flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important}
  body.movil .ed-lado2 .jg{width:auto!important;border-radius:999px!important;font-size:12px!important;padding:4px 10px!important}
  body.movil .ed-lado2 .jlab{display:none}
  body.movil .ed-lado[data-tab="c"] .ed-der{display:none}
  body.movil .ed-lado[data-tab="k"] .jugadas,body.movil .ed-lado[data-tab="a"] .jugadas{display:none!important}
  body.movil .ed-lado[data-tab="k"] #ficha{display:none}
  body.movil .ed-lado[data-tab="a"] #der{display:none}
  body.movil .ed-lado2 .ed-der{max-height:none}
}

/* log de 1 minuto (antes de cortar) */
.lg-tic{position:absolute;bottom:0;width:1px;height:6px;background:#3a414b;pointer-events:none}
.lg-tic.g{height:11px;background:#5a636f}
.lg-tt{position:absolute;top:2px;font-size:9px;color:#8a929c;transform:translateX(-50%);pointer-events:none}
.lg-fuera{position:absolute;top:0;bottom:0;background:#0b0d10;pointer-events:none}
.lg-otro{position:absolute;bottom:13px;height:6px;border-radius:2px;opacity:.75;pointer-events:none}
.prog b{position:absolute;top:-3px;bottom:-3px;border:1.5px solid #1cc4f0;border-radius:2px;pointer-events:none}

.kcomp{display:inline-flex;align-items:center;justify-content:center}
.kcomp.prep{color:#1cc4f0;border-color:#1cc4f0;white-space:nowrap;cursor:wait}

.kpunto{flex:none;width:8px;height:8px;border-radius:50%;margin-right:7px;align-self:center}

/* zoom de dos dedos: el gesto no mueve la página */
.vwrap>video,.vwrap>canvas,.escudo{touch-action:none}
/* panel de IA: la lista de jugadores muestra 3 y se desliza con el dedo */
.ia-jugs{max-height:96px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}

/* dos colores fijos en las herramientas */
.hb .hq.on{outline:2px solid #eef1f4;outline-offset:-3px}
.hqc{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
/* filtro de partidos del inicio (oculto hasta tocar Filtro) */
.filtro{display:none;margin:-6px 0 10px;background:var(--panel2);border:1px solid var(--linea);border-radius:8px;padding:7px;max-width:420px}
.filtro.ver{display:block}
.f-fila{display:flex;gap:6px}
.f-fila input{flex:1;min-width:0;background:#0f1114;border:1px solid var(--linea);border-radius:6px;color:#eef1f4;padding:4px 8px;font-size:12px}
.f-fila input:focus{outline:none;border-color:var(--aki)}
.f-lista{margin-top:4px;max-height:180px;overflow-y:auto}
.f-op{display:flex;align-items:center;gap:6px;font-size:12px;color:#d6dbe1;padding:3px 2px;cursor:pointer}
.f-tod{color:var(--aki)}
.f-op input{accent-color:#1cc4f0;margin:0;width:auto!important;flex:none}
.f-op{justify-content:flex-start!important;text-align:left;width:auto!important}

.f-fechas{margin-top:5px;align-items:center;font-size:11px;color:#9aa3ad}
.f-fechas input{flex:1;min-width:0;color-scheme:dark;padding:3px 6px}

.kcarp>.k1,.kcarp>.k3{cursor:pointer}

/* Ayuda */
.b-ayuda{width:22px;height:22px;border-radius:50%;border:1px solid var(--linea);background:transparent;color:#c9ced6;font-size:12px;font-weight:600;cursor:pointer;padding:0;line-height:1;margin-right:8px}
.b-ayuda:hover{border-color:var(--aki);color:var(--aki)}
.ayuda-fondo{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);display:flex;justify-content:flex-end}
.ayuda{width:min(520px,100%);height:100%;overflow-y:auto;background:#121519;border-left:1px solid var(--linea);padding:12px 16px 30px;color:#d6dbe1;font-size:13px;line-height:1.55}
.ay-cab{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-12px;background:#121519;padding:8px 0;z-index:1}
.ay-cab b{font-family:Oswald,Impact,sans-serif;font-size:17px;letter-spacing:.6px;color:#eef1f4}
.ay-x{background:none;border:0;color:#c9ced6;font-size:16px;cursor:pointer}
.ay-intro{color:#9aa3ad;font-size:12px;margin-bottom:8px}
.ay-s{border-top:1px solid #23272d}
.ay-s summary{cursor:pointer;padding:9px 2px;color:#eef1f4;font-weight:500;list-style:none}
.ay-s summary::-webkit-details-marker{display:none}
.ay-s summary::before{content:"▸";color:var(--aki);display:inline-block;width:14px}
.ay-s[open] summary::before{content:"▾"}
.ay-c{padding:0 4px 10px 14px}
.ay-c ul,.ay-c ol{margin:4px 0 8px;padding-left:18px}
.ay-c li{margin:3px 0}
.ay-c p{margin:4px 0 8px}
.ay-c b{color:#eef1f4}
.ay-ojo{border-left:2px solid var(--aki);padding-left:8px;color:#e8eef3}

/* ---- AKI Video: tipografía de la marca y pantallas de cuenta ---- */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Anton-400.woff2') format('woff2')}
.marca,.marca .aki,.marca .an{font-family:'Anton','Impact','Arial Narrow Bold',sans-serif !important;font-weight:400 !important;letter-spacing:.047em}
.akiauth{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:20px;background-image:radial-gradient(ellipse at top,rgba(0,212,255,.06) 0,transparent 60%)}
.ak-card{background:#111120;border:1px solid #2a2a3e;border-radius:14px;padding:40px;width:min(420px,100%);color:#e8e8f0}
.ak-logo{text-align:center;margin-bottom:28px;font-family:'Anton','Impact','Arial Narrow Bold',sans-serif;text-transform:uppercase}
.ak-logo .m{color:#2CAAE2;font-size:2.3rem;margin-right:8px}.ak-logo .t{color:#f0f2f5;font-size:2.3rem}
.ak-tabs{display:flex;gap:4px;background:#1a1a2e;border-radius:10px;padding:4px;margin-bottom:24px}
.ak-tabs button{flex:1;padding:10px;background:0 0;border:none;color:#8888aa;font-weight:600;cursor:pointer;border-radius:8px;font-size:.88rem}
.ak-tabs button.on{background:#00c8ff;color:#000}
.ak-rol{display:inline-flex;gap:4px;margin-bottom:16px}
.ak-rol button{font-family:monospace;font-size:9px;letter-spacing:1.5px;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);cursor:pointer;background:transparent;color:#555}
.ak-rol button.on{border-color:rgba(0,212,255,.5);background:rgba(0,212,255,.15);color:#00c8ff}
.ak-g{margin-bottom:16px}.ak-g label{display:block;font-size:.8rem;font-weight:600;color:#8888aa;margin-bottom:7px}
.ak-g input{width:100%;padding:11px 14px;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;color:#e8e8f0;font-size:.93rem;outline:0}
.ak-g input:focus{border-color:#00c8ff}.ak-g input::placeholder{color:#8888aa}
.ak-btn{width:100%;padding:13px;font-size:1rem;border-radius:10px;background:#00c8ff;color:#000;font-weight:700;border:none;cursor:pointer;margin-top:4px}
.ak-btn:hover{background:#00b8d9}
.ak-h{font-size:1.25rem;margin:0 0 4px;text-align:center}.ak-p{text-align:center;margin:0 0 14px;color:#b8c0d0}
.akiauth .err{background:rgba(255,68,68,.1);border:1px solid #ff4444;color:#ff4444;padding:11px 14px;border-radius:8px;font-size:.88rem;margin-bottom:14px}
.akiauth .err:empty{display:none}
.cf-est{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#f5a623;margin:0 6px}.cf-est.ok{color:#2fbf71}