/* Layout: barra de archivo + buscador global arriba; pestañas; lista a la izquierda y ficha por secciones a la derecha (se apilan en pantallas angostas) */
:root{
  --bg:#ecefed; --panel:#ffffff; --sunk:#f4f6f5; --ink:#15201b; --muted:#5a6a62; --line:#d3dbd6;
  --neon:#16d98a; --accent:#1d6e47; --accent-ink:#ffffff; --accent-soft:#d8ece0; --sel:#e5f1ea;
  --pitch:#2f7d4f; --pitch-line:#ffffff66; --pitch-ink:#ffffff;
  --warn:#9a5800; --warn-soft:#fbeed8; --bad:#b0281f; --bad-soft:#f8e0dd;
  --a90:#1d6e47; --a80:#4f8f2f; --a70:#a07a00; --a60:#b65a1a; --alo:#8a958f;
  --bar-lo:#d6ddd9;
  --display:"Saira Condensed","Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Saira","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d1310; --panel:#141c18; --sunk:#101713; --ink:#e2eae5; --muted:#91a198; --line:#26332c;
  --accent:#4dbd83; --accent-ink:#04120a; --accent-soft:#16301f; --sel:#1a2b21;
  --pitch:#1d4a30; --pitch-line:#ffffff40; --pitch-ink:#f2f7f4;
  --warn:#e4a24b; --warn-soft:#32260f; --bad:#ef7e74; --bad-soft:#381917;
  --a90:#4dbd83; --a80:#94c95a; --a70:#e1bb48; --a60:#ec8f52; --alo:#7d8a83;
  --bar-lo:#26332c; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0d1310; --panel:#141c18; --sunk:#101713; --ink:#e2eae5; --muted:#91a198; --line:#26332c;
  --accent:#4dbd83; --accent-ink:#04120a; --accent-soft:#16301f; --sel:#1a2b21;
  --pitch:#1d4a30; --pitch-line:#ffffff40; --pitch-ink:#f2f7f4;
  --warn:#e4a24b; --warn-soft:#32260f; --bad:#ef7e74; --bad-soft:#381917;
  --a90:#4dbd83; --a80:#94c95a; --a70:#e1bb48; --a60:#ec8f52; --alo:#7d8a83;
  --bar-lo:#26332c; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--fs,14px);line-height:1.45;margin:0}
.top{position:relative;z-index:6;background:var(--panel)}
.tabbar{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);transition:box-shadow .25s}
.tabbar.stuck{box-shadow:0 6px 18px -10px #0006}
.tabbar .tabs{align-items:center}
.minibtns{display:flex;gap:4px;align-items:center;margin-left:8px;opacity:0;visibility:hidden;translate:8px 0;transition:opacity .2s,translate .2s,visibility 0s .2s}
.tabbar.stuck .minibtns{opacity:1;visibility:visible;translate:0 0;transition:opacity .2s,translate .2s}
@media (max-width:820px){.tabbar .status{display:none}.tab{font-size:1rem;padding:.3rem .6rem .38rem}}
.top-in{max-width:none;margin:0 auto;padding-inline:clamp(16px,2vw,32px);padding-block:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 20px;align-items:center}
.topsave{align-self:center}.topsave .btn{font-size:.9rem;padding:.5rem 1rem}
.brand{display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;transition:scale .25s,filter .25s}
.brand:hover{scale:1.025;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 40%,transparent))}
.brand:active{scale:.98}
.brand:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.brandlogo{display:block;height:58px;width:auto}
/* cabecera en una sola fila: buscador y botones lado a lado (bajan a otra fila solo si no entran) */
.tophead{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;min-width:0}
.toprow{display:flex;gap:14px;align-items:center;min-width:0;flex:1 1 300px}
.toprow .gsearch{flex:1 1 220px;max-width:560px}
.top-in{padding-block:8px}
.brandsub{display:grid;gap:1px;padding-left:16px;border-left:2px solid var(--line);white-space:nowrap}
.brandsub b{display:none}
.brandsub span{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:normal;max-width:24ch;line-height:1.35}
@media (max-width:820px){.top-in{grid-template-columns:1fr}.topsave{justify-self:end}.brand{justify-self:start}.brandlogo{height:62px}.brandsub{display:none}}
.gsearch{position:relative;flex:1 1 260px;min-width:0;max-width:440px}
.gsearch input{padding-left:.7rem}
.gres{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0002;max-height:60vh;overflow-y:auto;z-index:8}
.gres button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:.45rem .7rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.gres button:hover,.gres button.on{background:var(--sel)}
.gres .k{font-family:var(--mono);font-size:.7rem;color:var(--muted);white-space:nowrap}
.status{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:.74rem;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.7rem;padding:.12rem .5rem;border-radius:99px;background:var(--sunk);color:var(--muted);white-space:nowrap;border:1px solid var(--line)}
.chip.ok{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.btns{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.btns #bSave{margin-left:auto}
.btns .btn{font-size:.8rem;padding:.36rem .7rem}
.btns .btn.icon{font-size:1.05rem;padding:.2rem .55rem;min-width:34px}
.btns .sep{width:1px;align-self:stretch;background:var(--line);margin:2px 2px}
.btn{font:inherit;font-weight:600;font-size:.86rem;border-radius:calc(var(--r,8px) * .75);transition:border-color .15s,background .15s,translate .12s;padding:.42rem .8rem;cursor:pointer;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);white-space:nowrap}
.btn:hover:not(:disabled){border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.small{padding:.18rem .5rem;font-size:.76rem;font-weight:500}
.btn.ghost{border-color:transparent;background:transparent}
.btn:disabled{opacity:.42;cursor:not-allowed}
.btn:focus-visible,input:focus-visible,select:focus-visible,.item:focus-visible,.tab:focus-visible,.seg button:focus-visible,.pp:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tabs{max-width:none;margin:0 auto;padding-inline:clamp(16px,2vw,32px);display:flex;gap:2px;overflow-x:auto}
.tab{font:inherit;font-family:var(--display);font-size:1.15rem;font-weight:600;letter-spacing:.02em;padding:.32rem .9rem .42rem;border:0;background:transparent;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.tab .count{font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-left:4px}
main{max-width:none;margin:0 auto;padding-inline:clamp(16px,2vw,32px);padding-block:16px 56px}
.split{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.list{background:var(--panel);border:1px solid var(--line);border-radius:var(--r,8px);display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 76px);min-height:320px;position:sticky;top:60px}
@media (max-width:860px){.list{position:static;max-height:340px}}
.list-head{padding:10px;border-bottom:1px solid var(--line);display:grid;gap:7px}
.list-body{overflow-y:auto}
.item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:.42rem .7rem;border-bottom:1px solid var(--line);cursor:pointer;width:100%;text-align:left;background:transparent;border-left:0;border-right:0;border-top:0;font:inherit;color:inherit}
.item:hover{background:var(--sunk)}
.item.on{background:var(--sel);box-shadow:inset 3px 0 0 var(--accent)}
.item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.item .sub2{display:block;font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .meta{font-family:var(--mono);font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
.crest{position:relative;background:linear-gradient(135deg,var(--ca) 0 55%,var(--cb) 55% 100%);width:36px;height:30px;border-radius:6px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:0;border:1px solid #0002;overflow:hidden;flex:none}
.posb{display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 5px;border-radius:4px;font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.03em;color:#fff}
.posb.gk{background:#b8860b}.posb.df{background:#2f6db3}.posb.mf{background:#2e8b57}.posb.fw{background:#c0392b}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-left:6px;vertical-align:middle}
input[type=text],input[type=number],input[type=search],select{font:inherit;font-size:.9rem;padding:.36rem .5rem;border:1.5px solid var(--line);border-radius:calc(var(--r,8px) * .75);background:var(--sunk);color:var(--ink);width:100%;min-width:0}
input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}
input[type=color]{width:44px;height:32px;border:1.5px solid var(--line);border-radius:6px;background:var(--sunk);padding:2px;cursor:pointer}
input[type=range]{width:100%;accent-color:var(--accent);margin:0}
.sheet{display:grid;gap:14px;min-width:0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r,8px);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 60%,transparent),0 10px 28px -22px #0007;padding:14px 16px;display:grid;gap:12px;min-width:0}
.card h3{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.head h2{font-family:var(--display);font-weight:700;font-size:2rem;line-height:1;margin:0;text-wrap:balance;overflow-wrap:anywhere}
.head .sub{margin-top:4px}
.crest>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1px;display:none;filter:drop-shadow(0 1px 1.5px #0007)}
.crest.img{background:none;border-color:transparent;overflow:visible}.crest.img>img{display:block}.crest.img>i{visibility:hidden}.crest>i{font-style:normal}
.head .crest{width:56px;height:56px;font-size:1.25rem;border-radius:10px}
.rating{margin-left:auto;text-align:center;display:grid;gap:2px}
.rating b{font-family:var(--display);font-size:2.4rem;line-height:.9}
.rating span{font-family:var(--mono);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.sub{font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.subtabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:0}
.subtabs button{font:inherit;font-weight:600;font-size:.86rem;padding:.4rem .75rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.subtabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 14px}
.grid.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.f{display:grid;gap:3px;min-width:0;align-content:start}
.f label,.lab{font-size:.75rem;font-weight:600;color:var(--muted)}
.span2{grid-column:span 2}
@media (max-width:520px){.span2{grid-column:auto}}
.psrc{display:flex;width:100%}.psrc button{flex:1;white-space:nowrap;font-size:.78rem;padding-inline:.4rem;display:inline-flex;justify-content:center;gap:6px;align-items:baseline}.psrc button b{font-family:var(--mono);font-size:.72rem;opacity:.75}
.chip.tiny{font-size:.58rem;padding:0 .35rem;vertical-align:middle}
.ab.ro{grid-template-columns:minmax(0,1fr) 34px}.abbar{display:block;height:6px;border-radius:99px;background:var(--sunk);overflow:hidden;margin-top:3px}.abbar b{display:block;height:100%;border-radius:inherit;background:var(--accent);opacity:.8}
.abv{font-family:var(--mono);text-align:right;font-size:.86rem}
.dbface{display:inline-flex}.dbteams{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.dbteams .chip{cursor:pointer;font-size:.74rem;padding:.25rem .6rem}.dbteams .chip:hover{border-color:var(--accent);color:var(--ink)}
.dbnote{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--sunk);font-size:.84rem;color:var(--muted)}.dbnote span{flex:1 1 280px}
.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.group{display:grid;gap:7px;align-content:start}
.group h4{margin:0;font-family:var(--display);font-size:1.05rem;font-weight:600;letter-spacing:.02em}
.ab{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:center}
.ab .l{display:grid;gap:2px;min-width:0}
.ab .l span{font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab input[type=number]{text-align:center;font-weight:500;padding:.28rem .3rem}
.v90{color:var(--a90)}.v80{color:var(--a80)}.v70{color:var(--a70)}.v60{color:var(--a60)}.vlo{color:var(--alo)}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:calc(var(--r,8px) * .75);overflow:hidden;background:var(--sunk)}
.seg button{font:inherit;font-family:var(--mono);font-size:.82rem;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);padding:.3rem .6rem;cursor:pointer;min-width:34px}
.seg button:last-child{border-right:0}
/* en una columna angosta (Estado de forma tiene 8 opciones) los botones se achican en vez de quedar cortados */
.f>.seg{display:flex;max-width:100%}
.f>.seg button{flex:1 1 0;min-width:0;padding-inline:.2rem}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.pitch{background:var(--pitch);border-radius:10px;padding:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:8px;max-width:440px;position:relative;
  background-image:linear-gradient(var(--pitch-line),var(--pitch-line)),radial-gradient(circle at 50% 50%,transparent 38px,var(--pitch-line) 39px,transparent 40px);background-size:100% 1px,100% 100%;background-position:0 50%,0 0;background-repeat:no-repeat}
.pp{border:2px solid #ffffff55;border-radius:8px;background:#00000026;color:var(--pitch-ink);padding:6px 4px;display:grid;gap:1px;justify-items:center;cursor:pointer;font:inherit}
.pp b{font-family:var(--display);font-size:1.05rem;letter-spacing:.03em}
.pp span{font-family:var(--mono);font-size:.7rem;opacity:.9}
.pp.l1{background:#ffffff30;border-color:#ffffffaa}
.pp.l2{background:#ffffffd9;color:#123222;border-color:#fff}
.pp.reg{outline:3px solid #ffd54a;outline-offset:1px}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:4px 14px}
.chk{display:flex;gap:7px;align-items:center;font-size:.86rem}
.chk input{accent-color:var(--accent);width:16px;height:16px}
.lock{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:var(--accent-soft)}
.lock.off{background:var(--warn-soft)}
.lock input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}
.lock b{display:block}
.lock span{font-size:.82rem;color:var(--muted)}
.flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.tablebox{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.86rem;min-width:640px}
th,td{text-align:left;padding:.3rem .45rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;cursor:default}
th.sortable{cursor:pointer}
td.num input{width:58px;text-align:center}
td.mono{font-family:var(--mono);font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
tr.dup td.num input{border-color:var(--warn);background:var(--warn-soft)}
tr.starter td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.tabbar .uibtn{margin-left:6px;flex:none}
@media (max-width:1180px){.tabbar .ublab{display:none}.tabbar .uibtn{padding:.3rem .55rem;font-size:1rem}}
.font-pes .tab{font-size:1.05rem;padding-inline:.7rem}
.stno{font-family:var(--mono);font-size:.7rem;color:var(--accent2,var(--accent));font-weight:500}
.empty{padding:28px 16px;color:var(--muted);text-align:center}
.hero{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;display:grid;gap:12px;max-width:860px}
/* pantallas de una sola columna (Jugadores vacío, Archivo, carpeta del juego): centradas */
main>.hero{margin-inline:auto}
/* Archivo y carpeta del juego: a lo ancho, con las tarjetas en dos columnas en pantallas grandes */
main>.sheet[style*="max-width"]{max-width:none!important}
@media (min-width:1300px){main>.sheet[style*="max-width"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}main>.sheet[style*="max-width"]>*{margin:0}}
#uiToModern{white-space:normal;text-align:center}
.hero h1{font-family:var(--display);font-size:2.4rem;margin:0;line-height:1;text-wrap:balance}
.hero p{margin:0;max-width:68ch;color:var(--muted)}
.hero ol{margin:0;padding-left:1.2rem;display:grid;gap:4px;max-width:68ch}
code{font-family:var(--mono);font-size:.84em;background:var(--sunk);padding:.05rem .3rem;border-radius:4px;overflow-wrap:anywhere}
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:.6rem .9rem;border-radius:8px;font-weight:500;max-width:calc(100% - 32px);z-index:9;display:flex;gap:12px;align-items:center}
.toast button{font:inherit;font-weight:600;background:transparent;border:1px solid currentColor;color:inherit;border-radius:5px;padding:.15rem .5rem;cursor:pointer}
.note{font-size:.8rem;color:var(--muted);margin:0}
.warnbox{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:.6rem .8rem;font-size:.86rem}
.dbwarn{display:grid;gap:6px;line-height:1.35;min-width:0;overflow-wrap:anywhere}.dbwarn .btn{justify-self:start}
.list-head .wrapbtn{white-space:normal;max-width:100%;height:auto;text-align:left;line-height:1.25;overflow-wrap:anywhere}
.list-head>*{min-width:0}
.efh{margin:12px 0 4px;font-size:.95rem}.efh:first-of-type{margin-top:4px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.swatch{display:flex;gap:8px;align-items:center}
.hist{display:grid;gap:0;max-height:320px;overflow-y:auto}
.hist div{display:flex;justify-content:space-between;gap:10px;padding:.32rem 0;border-bottom:1px solid var(--line);font-size:.84rem}
.hist div.undone{opacity:.45;text-decoration:line-through}
.picker{position:relative}
.picker .gres{max-height:280px}
.body-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px}
.body-grid .ab{grid-template-columns:minmax(0,1fr) 120px 30px}
.body-grid .ab output{font-family:var(--mono);font-size:.78rem;text-align:right}
svg.kit{vertical-align:-0.2em;flex:none;display:inline-block}
.kitstrip{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.kitstrip figure{margin:0;display:grid;justify-items:center;gap:4px}
.kitstrip figcaption{font-family:var(--mono);font-size:.68rem;color:var(--muted)}
.formwrap{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:980px){.formwrap{grid-template-columns:1fr}}
.fcard{gap:14px}
.fbanner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 22px;min-height:132px;border-radius:12px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(circle at 85% -20%,color-mix(in srgb,var(--k2) 55%,transparent),transparent 55%),linear-gradient(115deg,color-mix(in srgb,var(--k1) 88%,#000) 0%,color-mix(in srgb,var(--k1) 55%,#000) 60%,color-mix(in srgb,var(--k2) 60%,#000) 100%);box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--k2) 80%,#fff),0 6px 18px #0002}
.fbanner::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff08 0 14px,transparent 14px 28px);pointer-events:none}
@media (max-width:900px){.fbanner{grid-template-columns:1fr}}
.fbteam{display:flex;align-items:center;gap:14px;min-width:0;position:relative;z-index:1}
.fbanner .crest{width:62px;height:54px;font-size:1.2rem;box-shadow:0 2px 8px #0006}
.fbt{display:grid;line-height:1;min-width:0}
.fbig{font-family:var(--display);font-weight:800;font-size:3.4rem;letter-spacing:.01em;text-shadow:0 3px 0 #0004}
.fsub{font-family:var(--mono);font-size:.74rem;opacity:.9;margin-top:6px;overflow-wrap:anywhere}
.frate{display:flex;align-items:center;gap:12px;position:relative;z-index:1;padding:8px 14px;border-radius:12px;background:#0003;border:1px solid #fff2;justify-self:start}
.frnum{font-family:var(--display);font-weight:800;font-size:3.2rem;line-height:.9;min-width:2ch;text-align:center;text-shadow:0 2px 0 #0005}
.frbox{display:grid;gap:3px}
.frl{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.frv{font-size:.84rem;font-weight:600}
.stars{display:inline-flex;gap:1px;font-size:1.25rem;line-height:1;letter-spacing:0}
.stars .st{color:#ffffff40}.stars .st.f{color:#ffd54a;text-shadow:0 0 6px #ffb30066}
.stars .st.h{background:linear-gradient(90deg,#ffd54a 50%,#ffffff40 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars.mini{font-size:.7rem;display:flex;justify-content:flex-end}
.stars.mini .st{color:var(--line)}.stars.mini .st.h{background:linear-gradient(90deg,#e0a800 50%,var(--line) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.stars.mini .st.f{color:#e0a800;text-shadow:none}
.flines{display:flex;gap:10px;position:relative;z-index:1}
.flines span{display:grid;justify-items:center;min-width:64px;padding:10px 10px;border-radius:10px;font-family:var(--display);font-weight:800;font-size:2rem;line-height:1;background:#0003;border:1px solid #fff3}
.flines small{font-family:var(--mono);font-size:.64rem;font-weight:500;letter-spacing:.1em;opacity:.85;margin-top:4px}
.flines .ln-df{box-shadow:inset 0 -4px 0 #5aa2ff}.flines .ln-mf{box-shadow:inset 0 -4px 0 #5fd38d}.flines .ln-fw{box-shadow:inset 0 -4px 0 #ff6b5b}
.ftools{display:grid;gap:8px}
.photobar{padding:8px 10px;border-radius:8px;background:var(--sunk);border:1px dashed var(--line)}
.fpitch{position:relative;aspect-ratio:68/96;max-width:100%;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;background-color:#2a7a41;background-size:100% 100%;box-shadow:0 10px 26px #0005,inset 0 0 0 3px #ffffff14}
.fdir{position:absolute;right:12px;top:10px;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:#ffffffc0;text-shadow:0 1px 2px #0008}
.fm{position:absolute;transform:translate(-50%,50%);display:grid;justify-items:center;gap:2px;background:transparent;border:0;padding:4px;border-radius:12px;cursor:grab;color:#fff;font:inherit;min-width:84px;transition:transform .12s}
.fm:hover{transform:translate(-50%,50%) scale(1.05)}
.fm:active{cursor:grabbing}
.fm.gk{cursor:pointer}
.fm.on{background:#ffffff26;outline:2px solid #ffd54a}
.fm.drop{background:#ffd54a40;outline:2px dashed #ffd54a}
.fm.dragging{z-index:5;opacity:.92}
.fav{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%}
.fm .shirtwrap{width:58px;height:58px;display:block;filter:drop-shadow(0 3px 3px #0006)}
.fm.ln-gk .fav{--lc:#ffc94a}.fm.ln-df .fav{--lc:#5aa2ff}.fm.ln-mf .fav{--lc:#5fd38d}.fm.ln-fw .fav{--lc:#ff6b5b}
.fm.ph .fav{width:66px;height:66px}
.fm.ph .fav::after{content:"";position:absolute;left:10%;right:10%;bottom:-2px;height:8px;border-radius:50%;background:radial-gradient(ellipse,var(--lc) 0%,transparent 70%);opacity:.9}
.fm:not(.ph) .fav::after{content:"";position:absolute;inset:auto 8px -3px;height:4px;border-radius:2px;background:var(--lc);box-shadow:0 0 8px var(--lc)}
.fm .fnum{position:absolute;right:-4px;bottom:0;z-index:2;min-width:22px;height:22px;padding:0 4px;border-radius:11px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.92rem;color:#111;background:#fff;box-shadow:0 1px 3px #0008}
.fm:not(.ph) .fnum{right:auto;bottom:auto;top:18px;background:transparent;box-shadow:none;color:#fff;font-size:1.15rem;text-shadow:0 0 3px #000,0 0 2px #000}
.fm .fname{font-size:.84rem;font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;padding:1px 7px;border-radius:9px;background:#000a;color:#fff}
.fmeta{display:flex;gap:4px;align-items:center}
.fm .posb{height:18px;min-width:32px;font-size:.78rem}
.frt{font-family:var(--display);font-weight:800;font-size:.8rem;padding:0 5px;border-radius:4px;background:#000b}
.fm .frt.v90{color:#7dffb3}.fm .frt.v80{color:#c5f27a}.fm .frt.v70{color:#ffe07a}.fm .frt.v60{color:#ffb37a}.fm .frt.vlo{color:#d0d6d2}
.fid{font-family:var(--mono);font-size:.64rem;padding:0 4px;border-radius:4px;background:#0008;color:#e8eee9}
.face{position:relative;display:inline-grid;place-items:end center;flex:none;width:1.6em;height:1.6em;vertical-align:middle}
.face img{display:none;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 3px 4px #0007)}
.face::before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:22%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--g1,#888) 70%,transparent) 0%,transparent 70%);opacity:0}
.face.has::before{opacity:.9}
.face.has img{display:block;position:relative}
.face.has svg{display:none}
.face.big{width:66px;height:66px}
.face.mid{width:3.6em;height:3.6em}
.face.sm{width:2.1em;height:2.1em}
.face.xs{width:1.7em;height:1.7em}
.hint-card,.selcard{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--sunk);border:1px solid var(--line)}
.hint-card{display:grid;gap:3px}.hint-card span{font-size:.84rem;color:var(--muted)}
.selcard{border-left:6px solid var(--k1)}
.selcard div{display:grid;gap:2px;min-width:0}
.fside{display:grid;gap:10px;align-content:start;min-width:0}
.bench{display:grid;gap:5px;max-height:420px;overflow-y:auto}
.bn{display:flex;gap:8px;align-items:center;text-align:left;font:inherit;font-size:.84rem;padding:.3rem .5rem;border:1px solid var(--line);border-radius:6px;background:var(--sunk);color:var(--ink);cursor:pointer}
.bn:disabled{cursor:not-allowed;opacity:.65}
.bn:hover:not(:disabled){border-color:var(--accent)}
.stratgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.srange{display:grid;grid-template-columns:auto minmax(0,1fr) auto 26px;gap:8px;align-items:center;font-size:.76rem;color:var(--muted)}
.srange output{font-family:var(--mono);font-weight:500;color:var(--ink);text-align:right}
.sdesc{display:block;font-size:.74rem;line-height:1.35;color:var(--muted);margin-top:4px}
.stratcard{--att:#d63f75;--dfc:#1a9fc0}
.stopt{display:grid;gap:5px;min-width:0;align-content:start}
.stside{display:grid;gap:14px;align-content:start;padding:14px;border-radius:12px;background:var(--sunk);border:1px solid var(--line);border-top:4px solid var(--side)}
.stside.att{--side:var(--att)}.stside.def{--side:var(--dfc)}
.stside h4{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:600;color:var(--side)}
.stchoice,.qtgrid,.advgrid{display:grid;gap:6px}
.stchoice{grid-template-columns:1fr 1fr}
.qtgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}
.advgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.stchoice button,.qt,.advt{position:relative;display:grid;gap:2px;align-content:start;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:9px;padding:8px 10px 8px 13px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.stchoice button b,.qt b,.advt b{font-size:.86rem;font-weight:600}
.stchoice button small,.qt small,.advt small,.sdesc{font-size:.72rem;line-height:1.3;color:var(--muted)}
.stchoice button:hover,.qt:hover,.advt:hover{border-color:var(--side,var(--accent))}
.stchoice button[aria-pressed="true"],.advt[aria-pressed="true"]{border-color:var(--side);background:color-mix(in srgb,var(--side) 12%,var(--panel));box-shadow:inset 4px 0 0 var(--side)}
.qt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}
.stchoice button:focus-visible,.qt:focus-visible,.advt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.advn{justify-self:start;font-family:var(--mono);font-size:.66rem;font-weight:600;color:#fff;background:var(--side);border-radius:99px;padding:.05rem .45rem}
.stside input[type=range]{accent-color:var(--side)}
.stcount{font-family:var(--mono);font-weight:500;margin-left:6px}
.stmark{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem}
.diff{display:grid;gap:10px}
.diff details{border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem;background:var(--sunk)}
.diff summary{cursor:pointer;font-weight:600}
.diff ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.84rem;display:grid;gap:2px}
.diff code{background:transparent}
.bn .bnn{font-family:var(--display);font-weight:800;font-size:1.1rem;min-width:26px;text-align:center}
.bn.on{border-color:#ffd54a;background:color-mix(in srgb,#ffd54a 18%,var(--sunk))}
.bn .frt{background:transparent;padding:0}
.bn.ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:0 10px 24px #0006;max-width:280px}
.bn{cursor:grab;touch-action:none}
.bn .bnm{flex:1;min-width:0;display:grid;line-height:1.2}
.bn .bnm,.bn .bnm small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn .bnm small{font-family:var(--mono);font-size:.66rem;color:var(--muted)}
.bn .fid{background:var(--line);color:var(--ink)}
td .bnch{font-size:.66rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 3px}
.mval{font-family:var(--mono);font-size:.78rem;background:none;border:1px dashed transparent;border-radius:5px;padding:2px 5px;color:var(--ink);cursor:pointer;white-space:nowrap}
button.mval:hover{border-color:var(--line)}.mval.man{color:var(--accent);font-weight:600}.mval.man::after{content:' ✎';font-size:.7em}
.valin{width:84px;font-family:var(--mono);font-size:.8rem;padding:3px 6px}
.valbar{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;justify-content:space-between;margin:10px 0 4px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.valbar b{font-family:var(--display);font-size:1.15rem}
tr.filhead td{background:color-mix(in srgb,var(--accent) 12%,transparent);padding:8px;font-size:.85rem}
tr.filhead .crest{display:inline-grid;vertical-align:middle;width:26px;height:22px;font-size:.6rem}
tr.filial td{opacity:.85}tr.filial .stno{color:var(--muted)}
td.idc{font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.fchips{display:flex;flex-wrap:wrap;gap:5px}
.fchips button{font:inherit;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:99px;border:1.5px solid var(--line);background:var(--sunk);color:var(--muted);cursor:pointer}
.fchips button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.item .meta{display:grid;gap:1px;justify-items:end}
@media (max-width:640px){.fm{transform:translate(-50%,50%) scale(.68)}.fm:hover{transform:translate(-50%,50%) scale(.72)}.fm .fid{display:none}}
/* ---------- último partido real ---------- */
.lmbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 10px;border:1px dashed var(--line);border-radius:8px}
.lmcard{display:grid;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--neon) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--neon) 7%,var(--panel)),var(--panel));box-shadow:0 0 18px -8px color-mix(in srgb,var(--neon) 60%,transparent);animation:popIn .3s ease-out}
.lmcard h3{margin:0}
.lmteam{gap:8px}.lmlogo{width:28px;height:28px;object-fit:contain}
.lmfx{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.lmf{flex:none;display:grid;grid-template-columns:1fr auto;gap:0 10px;text-align:left;font:inherit;padding:6px 10px;border-radius:8px;border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);cursor:pointer;min-width:150px;transition:border-color .2s,box-shadow .2s,translate .2s}
.lmf:hover{translate:0 -1px}.lmf.on{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 0 12px color-mix(in srgb,var(--neon) 40%,transparent)}
.lmf .d{grid-column:1/-1;font-family:var(--mono);font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.lmf .m{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.lmf .s{font-family:var(--display);font-weight:700}
.lmf .s.w{color:var(--accent)}.lmf .s.l{color:var(--bad)}.lmf .fo{grid-column:1/-1;font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.lmdetail{display:grid;gap:8px}
.lmmini{position:relative;height:190px;border-radius:8px;background:linear-gradient(0deg,#2a7a41,#2f8648);overflow:hidden;box-shadow:inset 0 0 30px #0005}
.lmmini::before{content:"";position:absolute;inset:8px;border:1.5px solid #ffffff70;border-radius:4px}
.lmmini::after{content:"";position:absolute;left:8px;right:8px;top:50%;border-top:1.5px solid #ffffff50}
.lmdot{position:absolute;transform:translate(-50%,50%);display:grid;justify-items:center;font-size:.64rem;color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;z-index:1;animation:casIn .4s both}
.lmdot i{font-style:normal;font-family:var(--mono);font-weight:700;font-size:.6rem;padding:1px 4px;border-radius:4px;background:#1d3d8f}
.lmdot.gk i{background:#b8860b}.lmdot.df i{background:#2f6fb5}.lmdot.mf i{background:#2f8a4e}.lmdot.fw i{background:#c0392b}
.lmdot.miss{opacity:.6}.lmdot.miss i{outline:1.5px dashed #fff}
.lmtab td{padding:4px 8px}.lmtab .lsub td{opacity:.75}
.lrt{display:inline-block;min-width:34px;text-align:center;font-family:var(--mono);font-size:.78rem;padding:1px 5px;border-radius:5px;color:#fff;background:#888}
.lrt.r8{background:#1565c0}.lrt.r7{background:#2e7d32}.lrt.r6{background:#9e9d24}.lrt.r5{background:#c62828}
.lmtab .ok{color:var(--accent);font-weight:700}.lmtab .warn{color:var(--warn)}
.fadj{display:inline-block;margin-left:3px;font-family:var(--mono);font-size:.66rem;font-weight:700;padding:0 3px;border-radius:4px;vertical-align:middle}
.fadj.up{color:#0b7a3e;background:#d8f5e3}.fadj.dn{color:#b3261e;background:#fbe0de}.fadj.eq{color:var(--muted)}
.lmcands{display:flex;flex-wrap:wrap;gap:6px}.lmcand{display:flex;gap:6px;align-items:center;font:inherit;padding:4px 8px;border-radius:8px;border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);cursor:pointer;text-align:left}
.lmcand.on{border-color:var(--neon)}.lmcand img{width:22px;height:22px;object-fit:contain}.lmcand small{display:block;font-size:.66rem;color:var(--muted)}
.lmload{display:flex;gap:8px;align-items:center;color:var(--muted)}
.spin{width:16px;height:16px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--neon) 30%,transparent);border-top-color:var(--neon);animation:introSpin .8s linear infinite}
@keyframes introSpin{to{rotate:360deg}}
/* ---------- convocatoria / plantel real ---------- */
.callgrid,.sqgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}
.callgrid h4,.sqgrid h4{margin:0 0 6px;font-family:var(--display);font-size:1.05rem}
.clist{display:grid;gap:4px;max-height:560px;overflow-y:auto;padding-right:2px}
.crow{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--sunk);animation:casIn .3s both}
.crow.in{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.crow .cnm{display:grid;min-width:0;line-height:1.2}.crow .cnm b,.crow .cnm small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow .cnm small{font-size:.72rem;color:var(--muted)}
.crt{font-family:var(--mono);font-size:.9rem;white-space:nowrap}
.facetools{display:grid;gap:4px;padding:6px 8px;border:1px dashed var(--line);border-radius:8px}
/* ---------- estudio de kits ---------- */
.kslayout{display:grid;grid-template-columns:minmax(200px,250px) 1fr;gap:14px;align-items:start}
@media (max-width:760px){.kslayout{grid-template-columns:1fr}}
.kslist{display:grid;gap:6px}.kslist h4{margin:6px 0 0;font-family:var(--display)}
.kschip{display:flex;align-items:center;gap:4px;border:1.5px solid var(--line);border-radius:10px;background:var(--sunk);transition:border-color .2s,box-shadow .2s}
.kschip.on{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 0 12px color-mix(in srgb,var(--neon) 35%,transparent)}
.ksk{flex:1;display:flex;gap:8px;align-items:center;font:inherit;text-align:left;background:none;border:0;color:var(--ink);padding:6px 8px;cursor:pointer;min-width:0}
.ksk span{display:grid;line-height:1.2}.ksk small{color:var(--muted);font-size:.72rem}
.ksord{display:flex;gap:0;padding-right:4px}
.ksprev{display:grid;gap:8px;justify-items:start}
/* Kit Studio Pro: Uniformes (todos los kits) y Editor (uno) */
.ksmode button{font-family:var(--display);font-weight:700}.ksmode small{opacity:.7;font-weight:400;margin-left:2px}
.kssel{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.kssel .kschip{flex:0 0 auto}.kssel .ksk{padding:4px 10px}
.kscard:has(.kssel) .kslayout{grid-template-columns:1fr}
.kssec{font-family:var(--display);margin:14px 0 8px;display:flex;align-items:baseline;gap:6px}.kssec small{color:var(--muted);font-family:var(--mono);font-size:.75rem}
.ksugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ksucard{display:grid;gap:8px;padding:10px;border:1.5px solid var(--line);border-radius:12px;background:var(--sunk);transition:border-color .2s,box-shadow .2s,translate .2s}
.ksucard:hover{translate:0 -2px;box-shadow:0 6px 18px #0002}.ksucard.on{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon)}
.ksuthumb{display:grid;place-items:center;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:8px;cursor:pointer;overflow:hidden;background:repeating-conic-gradient(#0000 0 25%,#ffffff10 0 50%) 0 0/16px 16px,var(--panel)}
.ksuthumb canvas{width:100%;height:100%;image-rendering:auto}.ksuph{display:grid;justify-items:center;gap:6px;color:var(--muted)}
.ksuhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ksuhead small{color:var(--muted);flex:1}.ksuhead .chip{font-size:.7rem}
.ksfiles{display:flex;flex-wrap:wrap;gap:4px}
.ksfile{display:grid;justify-items:center;gap:2px;padding:3px;border-radius:6px;border:1px solid var(--line);background:var(--panel);min-width:46px}
.ksfile canvas,.ksfile i{height:26px;width:auto;max-width:48px;border-radius:3px;display:block}.ksfile i{width:26px;background:repeating-linear-gradient(45deg,#0000 0 4px,#8882 4px 8px)}
.ksfile small{font-size:.6rem;color:var(--muted);white-space:nowrap}
.ksfile.ok{border-color:color-mix(in srgb,#2fbf71 70%,var(--line))}.ksfile.live{border-color:color-mix(in srgb,#3b8cff 70%,var(--line))}.ksfile.err{border-color:#d64545}.ksfile.none,.ksfile.cpk{opacity:.6}
.ksuact{gap:4px}
.ksmock{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:12px;border-radius:12px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--neon) 10%,var(--sunk)),var(--sunk));border:1px solid var(--line);width:100%}
.ksmock figure{margin:0;display:grid;justify-items:center;gap:4px}.ksmock figcaption{font-family:var(--mono);font-size:.7rem;color:var(--muted)}
.ksmock canvas{width:200px;height:auto;filter:drop-shadow(0 6px 10px #0004)}
.kplace{display:grid;gap:8px;width:100%}
.kplbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.kplpick button i{display:inline-block;width:.62em;height:.62em;border-radius:50%;margin-right:5px;vertical-align:.02em;box-shadow:0 0 0 1px #0005}
.kplnudge{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.kplnudge .btn{min-width:2.1em;padding-inline:.45em;justify-content:center}.kplsep{width:1px;height:1.3em;background:var(--line);margin:0 4px}
.kplpanels{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px;padding:10px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--neon) 12%,var(--sunk)),var(--sunk))}
.kplace.solo .kplpanels{grid-template-columns:minmax(0,1fr)}
.kplcol{display:grid;gap:10px;align-content:start}
.kplfig{margin:0;display:grid;justify-items:center;gap:4px}.kplfig figcaption{font-family:var(--mono);font-size:.7rem;color:var(--muted)}
.kplw{position:relative;width:100%;line-height:0}.kplw canvas{width:100%;height:auto;display:block}
.kplbase{filter:drop-shadow(0 8px 14px #0005)}
.kplov{position:absolute;inset:0;touch-action:none;outline:none;border-radius:8px}.kplov:focus-visible{box-shadow:0 0 0 2px var(--neon)}
.kplval{margin:0;min-height:1.3em}.kplval .warn{color:var(--warn,#e0a020)}
@media (max-width:700px){.kplpanels{grid-template-columns:minmax(0,1fr)}.kplcol{grid-template-columns:1fr 1fr}}
.ksshorts{width:110px;height:auto;filter:drop-shadow(0 6px 10px #0004)}
.kstex{width:100%;max-width:640px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:repeating-conic-gradient(#8882 0 25%,transparent 0 50%) 0 0/20px 20px}
.kstex canvas{width:100%;height:auto;display:block}
.ksgroup{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--panel)}
.ksgroup summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.05rem}
.ksgroup[open] summary{margin-bottom:8px}
.ksf .srange{display:flex;gap:8px;align-items:center}.ksf .srange input{flex:1}.ksf output{font-family:var(--mono);min-width:2.2em;text-align:right}
.farrow{display:inline-flex;align-items:center;gap:1px;margin-left:3px;vertical-align:middle;font-family:var(--mono);font-size:.66rem;font-weight:700;line-height:1;padding:1px 3px 1px 1px;border-radius:5px}
.farrow svg{width:14px;height:14px;fill:currentColor;transition:rotate .4s cubic-bezier(.5,1.6,.4,1)}
.farrow.lv2{color:#0f9d48;background:#d9f7e4}.farrow.lv1{color:#5aa82a;background:#ecf8dd}.farrow.lv0{color:#8a8f98;background:#eef0f2}
.farrow.lv-1{color:#e0701c;background:#fdebdc}.farrow.lv-2{color:#d32f2f;background:#fde0e0}
.fm .farrow{background:#000a;padding:1px 3px}.fm .farrow.lv2{color:#3ef08a}.fm .farrow.lv1{color:#a6f06a}.fm .farrow.lv0{color:#d7dbe0}.fm .farrow.lv-1{color:#ffae5c}.fm .farrow.lv-2{color:#ff6b6b}
.formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px}
.frow{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--sunk)}
.frow .cnm{display:grid;min-width:0;line-height:1.2}.frow .cnm b,.frow .cnm small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow small{font-size:.72rem;color:var(--muted)}
.lmseason{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lmseason .chip b{font-family:var(--display)}
/* ---------- vista del partido ---------- */
.lmbar2{display:grid;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}
.lminfo{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.92rem}
.lminfo .sc{font-family:var(--display);font-size:1.1rem;margin-left:4px}.sc.w{color:var(--accent)}.sc.l{color:var(--bad)}
.lmform summary .up{color:#0f9d48}.lmform summary .dn{color:#d32f2f}.lmform summary .eq{color:var(--muted)}
.fpvtag{position:absolute;left:10px;top:8px;z-index:3;font-family:var(--mono);font-size:.72rem;color:#fff;background:#000a;padding:3px 8px;border-radius:6px;letter-spacing:.03em}
.fpitch.pv{box-shadow:0 0 0 2px var(--neon),0 0 26px -6px var(--neon)}
.pvm{cursor:default}
.pvm.edge-r .pvb{left:auto;right:-6px;translate:0 0}.pvm.edge-l .pvb{left:-6px;translate:0 0}
.lmhelp summary{cursor:pointer;font-size:.86rem;color:var(--muted)}
.pvm .fav{position:relative}
.pvrt{position:absolute;right:-14px;top:-6px;z-index:2;font-size:.7rem;min-width:30px;box-shadow:0 2px 6px #0007}
.pvb{position:absolute;top:-20px;left:50%;translate:-50% 0;white-space:nowrap;font-family:var(--mono);font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:99px;z-index:3;box-shadow:0 2px 6px #0006;animation:popIn .4s both}
.pvb.in{background:#16a34a;color:#fff}.pvb.mv{background:#f59e0b;color:#1a1200}.pvb.rep{background:#64748b;color:#fff}
.pvm.rep .fav{outline:2px dashed #fff9;outline-offset:2px;border-radius:50%}
.pvm.d-in .fav{filter:drop-shadow(0 0 8px #22c55e)}.pvm.d-moved .fav{filter:drop-shadow(0 0 8px #f59e0b)}
.fname .ic{font-style:normal;font-size:.72rem;margin-left:2px}
.pvside{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--neon) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--neon) 7%,var(--panel)),var(--panel))}
.pvhead{display:grid;gap:2px}.pvside h4{margin:4px 0 0;font-family:var(--display)}
.pvlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pvlist li{display:flex;gap:8px;align-items:baseline;padding:4px 8px;border-radius:8px;background:var(--sunk);font-size:.86rem;animation:casIn .3s both}
.pvlist .ico{font-weight:800;min-width:1.2em;text-align:center}
.pvlist .in .ico{color:#16a34a}.pvlist .out .ico{color:#dc2626}.pvlist .mv .ico{color:#d97706}.pvlist .rep .ico{color:#64748b}.pvlist .same .ico{color:var(--accent)}
.pvmode .fside > :not(.pvside){display:none}
.frt.r0{opacity:.7}.oop{color:#fbbf24;font-size:.75rem;margin-left:1px;text-shadow:0 1px 2px #000}.rcmp{color:#fff;font-weight:800;margin:0 1px;text-shadow:0 1px 2px #000}
.bn .rcmp{color:var(--muted);text-shadow:none}
/* ---------- diálogo y animación de valoración ---------- */
.modal-bg{position:fixed;inset:0;z-index:50;background:#0008;backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fadeIn .2s both}
.modal-bg.out{animation:fadeOut .2s both}
.modal{width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--panel);color:var(--ink);border-radius:14px;padding:18px 20px;box-shadow:0 20px 60px #0008;border:1px solid color-mix(in srgb,var(--neon) 40%,var(--line));animation:popIn .28s cubic-bezier(.2,.8,.2,1) both}
.modal h3{margin:0 0 8px;font-family:var(--display);font-size:1.3rem}
.mdlbody p{margin:6px 0}
.mdlrates{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px;max-height:40vh;overflow:auto}
.mdlrates li{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:4px 8px;border-radius:8px;background:var(--sunk)}
.mdlrates .mr{font-family:var(--mono)}
.mdlbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}
@keyframes fadeIn{from{opacity:0}}@keyframes fadeOut{to{opacity:0}}
.rateanim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle,#0009,#000c);animation:fadeIn .25s both;cursor:pointer}
.rateanim.out{animation:fadeOut .3s both}
.ra-card{display:grid;justify-items:center;gap:6px;padding:26px 34px;border-radius:20px;background:#0b1410;color:#fff;min-width:300px;animation:popIn .45s cubic-bezier(.2,1.4,.4,1) both;box-shadow:0 0 0 2px var(--rc),0 0 60px -10px var(--rc)}
.rateanim.up{--rc:#22c55e}.rateanim.dn{--rc:#ef4444}.rateanim.eq{--rc:#9ca3af}
.ra-crest .crest{width:64px;height:64px;font-size:1.3rem;border-radius:12px}
.ra-t{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.ra-n{display:flex;align-items:center;gap:16px;font-family:var(--display);font-weight:800}
.ra-b{font-size:2.6rem;opacity:.5}.ra-a{font-size:4.4rem;color:var(--rc);text-shadow:0 0 24px var(--rc)}
.ra-ar{font-size:2.4rem;color:var(--rc);animation:raBounce 1s ease-in-out infinite}
.rateanim.dn .ra-ar{animation-name:raDrop}
.rateanim.done .ra-a{animation:raPulse .6s ease-out}
@keyframes raBounce{50%{translate:0 -8px}}@keyframes raDrop{50%{translate:0 8px}}@keyframes raPulse{40%{scale:1.18}}
.ra-d{font-weight:700;color:var(--rc)}
.ra-l{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:.9rem}
.ra-l li{animation:casIn .35s both}.ra-l li:nth-child(2){animation-delay:.08s}.ra-l li:nth-child(3){animation-delay:.16s}.ra-l li:nth-child(4){animation-delay:.24s}.ra-l li:nth-child(5){animation-delay:.32s}.ra-l li:nth-child(6){animation-delay:.4s}
.ra-f{font-size:.74rem;opacity:.7;margin-top:6px}
.savednote{position:fixed;right:18px;bottom:18px;z-index:40;max-width:380px;display:grid;gap:6px;padding:14px 16px;border-radius:12px;background:var(--panel);color:var(--ink);border:1px solid var(--accent);box-shadow:0 12px 40px #0006;animation:popIn .3s both}
.savednote span{font-size:.86rem;color:var(--muted)}.savednote.out{animation:fadeOut .25s both}.savednote .btn{justify-self:end}
/* media con forma, transparente al lado de la real */
.frt.ghost{opacity:.7;margin-left:2px;font-size:.92em;border:1px dashed currentColor;background:#0007!important}
.bn .frt.ghost,.crow .frt.ghost,table .frt.ghost{background:transparent!important;opacity:.55}
.frt.ghost.gup{color:#3ef08a}.frt.ghost.gdn{color:#ff6b6b}
.bn .frt.ghost.gup,.crow .frt.ghost.gup,table .frt.ghost.gup{color:#0f9d48}.bn .frt.ghost.gdn,.crow .frt.ghost.gdn,table .frt.ghost.gdn{color:#d32f2f}
/* animación sobre la foto en la vista del partido */
.fxr{position:absolute;inset:-6px;z-index:2;pointer-events:none;display:block}
.fxr .ring{position:absolute;inset:0;border-radius:50%;animation:fxRing 2.2s ease-out infinite;animation-delay:var(--d)}
.fxr.up .ring{box-shadow:0 0 0 2px #22c55e,0 0 18px #22c55e}.fxr.dn .ring{box-shadow:0 0 0 2px #ef4444,0 0 18px #ef4444}.fxr.eq .ring{box-shadow:0 0 0 2px #cbd5e1aa}
.fxr i{position:absolute;left:50%;font-style:normal;font-weight:900;font-size:.9rem;text-shadow:0 1px 3px #000;opacity:0}
.fxr.up i{color:#4ade80;bottom:20%;animation:fxUp 1.8s ease-out infinite}.fxr.dn i{color:#f87171;top:10%;animation:fxDn 1.8s ease-in infinite}
.fxr i:nth-of-type(1){margin-left:-18px;animation-delay:calc(var(--d) + 0s)}.fxr i:nth-of-type(2){margin-left:-5px;animation-delay:calc(var(--d) + .35s)}.fxr i:nth-of-type(3){margin-left:8px;animation-delay:calc(var(--d) + .7s)}
.fxr.eq i{color:#e2e8f0;top:40%;margin-left:-6px;animation:fxEq 2.4s ease-in-out infinite;animation-delay:var(--d)}
.fxr em{position:absolute;left:-22px;top:34%;translate:-50% 0;font-style:normal;font-family:var(--display);font-weight:800;font-size:.95rem;padding:0 6px;border-radius:99px;opacity:0;animation:fxTag 2.2s ease-out infinite;animation-delay:var(--d);box-shadow:0 2px 6px #0007}
.fxr.up em{background:#16a34a;color:#fff}.fxr.dn em{background:#dc2626;color:#fff}
@keyframes fxRing{0%{opacity:0;scale:.85}25%{opacity:1}100%{opacity:0;scale:1.25}}
@keyframes fxUp{0%{opacity:0;translate:0 10px}25%{opacity:1}100%{opacity:0;translate:0 -34px}}
@keyframes fxDn{0%{opacity:0;translate:0 -10px}25%{opacity:1}100%{opacity:0;translate:0 34px}}
@keyframes fxEq{0%,100%{opacity:0;translate:-6px 0}50%{opacity:.8;translate:6px 0}}
@keyframes fxTag{0%{opacity:0;translate:-50% 6px}20%,70%{opacity:1;translate:-50% 0}100%{opacity:0;translate:-50% -6px}}
/* revelado de la media nueva */
.frt.rv-wait{display:inline-block;transition:transform .23s ease-in;transform-origin:50% 50%}
.frt.rv-flip{transform:rotateX(90deg)}
.frt.rv-up{animation:rvUp 2.2s ease-out}.frt.rv-dn{animation:rvDn 2.2s ease-out}
@keyframes rvUp{0%{box-shadow:0 0 0 0 #22c55e;scale:1.45}15%{box-shadow:0 0 0 4px #22c55e,0 0 18px #22c55e;scale:1.3}100%{box-shadow:0 0 0 0 transparent;scale:1}}
@keyframes rvDn{0%{box-shadow:0 0 0 0 #ef4444;scale:1.45}15%{box-shadow:0 0 0 4px #ef4444,0 0 18px #ef4444;scale:1.3}100%{box-shadow:0 0 0 0 transparent;scale:1}}
/* ---------- motion ---------- */
/* neon search: glows while there's text in it */
input[type="search"]{transition:box-shadow .3s,border-color .3s,background .3s}
input[type="search"]:focus:not(:placeholder-shown){border-color:var(--neon);outline:none;box-shadow:0 0 0 1px var(--neon),0 0 10px color-mix(in srgb,var(--neon) 65%,transparent),0 0 26px color-mix(in srgb,var(--neon) 35%,transparent),inset 0 0 8px color-mix(in srgb,var(--neon) 18%,transparent);animation:neonOn .45s ease-out,neonHum 2.4s ease-in-out .45s infinite}
input[type="search"].kick:focus:not(:placeholder-shown){animation:neonKick .28s ease-out,neonHum 2.4s ease-in-out .28s infinite}
@keyframes neonOn{0%{box-shadow:0 0 0 1px var(--neon)}12%{box-shadow:0 0 0 1px var(--neon),0 0 18px var(--neon),0 0 40px var(--neon)}22%{box-shadow:0 0 0 1px var(--neon)}34%{box-shadow:0 0 0 1px var(--neon),0 0 14px var(--neon),0 0 32px color-mix(in srgb,var(--neon) 60%,transparent)}}
@keyframes neonKick{0%{box-shadow:0 0 0 1px var(--neon),0 0 18px var(--neon),0 0 38px color-mix(in srgb,var(--neon) 70%,transparent)}}
@keyframes neonHum{50%{box-shadow:0 0 0 1px var(--neon),0 0 14px color-mix(in srgb,var(--neon) 80%,transparent),0 0 34px color-mix(in srgb,var(--neon) 45%,transparent),inset 0 0 10px color-mix(in srgb,var(--neon) 24%,transparent)}}
select.kick{animation:selKick .5s cubic-bezier(.2,.8,.2,1)}
@keyframes selKick{30%{box-shadow:0 0 0 3px color-mix(in srgb,var(--neon) 55%,transparent);scale:1.02}}
/* power switch (strategy two-way options) */
.pswitch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:400px;padding:3px;border-radius:99px;background:var(--sunk);border:1.5px solid var(--line);isolation:isolate;box-shadow:inset 0 2px 5px #0002}
.pswitch button{position:relative;z-index:2;font:inherit;font-family:var(--mono);font-size:.8rem;border:0;background:transparent;color:var(--muted);padding:.38rem .5rem .38rem 1.7rem;border-radius:99px;cursor:pointer;transition:color .3s .08s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pswitch button[aria-pressed="true"]{color:var(--accent-ink);font-weight:600}
.pswitch button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.pswitch .knob{position:absolute;z-index:1;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:99px;background:linear-gradient(180deg,color-mix(in srgb,var(--neon) 55%,var(--accent)),var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--neon) 60%,transparent),0 0 12px color-mix(in srgb,var(--neon) 55%,transparent),0 2px 6px #0004;transition:translate .42s cubic-bezier(.5,1.6,.4,1),box-shadow .3s;display:flex;align-items:center;padding-left:9px;color:var(--accent-ink)}
.pswitch[data-on="1"] .knob{translate:100% 0}
.pswitch .knob svg{filter:drop-shadow(0 0 3px var(--neon));transition:rotate .42s}
.pswitch[data-on="1"] .knob svg{rotate:360deg}
.pswitch.flip .knob{animation:powerKnob .42s ease-out}
.pswitch.flip::after{content:"";position:absolute;inset:-2px;border-radius:99px;pointer-events:none;animation:powerRing .5s ease-out forwards}
@keyframes powerKnob{0%{filter:brightness(.55) saturate(.4)}35%{filter:brightness(.6) saturate(.4)}55%{filter:brightness(1.7)}100%{filter:none}}
@keyframes powerRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--neon) 70%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.pswitch:hover .knob{box-shadow:0 0 0 1px var(--neon),0 0 18px color-mix(in srgb,var(--neon) 70%,transparent),0 2px 6px #0004}
@keyframes casIn{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes casSide{from{opacity:0;translate:-14px 0}to{opacity:1;translate:0 0}}
@keyframes fmIn{0%{opacity:0;scale:.35;translate:0 -26px}70%{opacity:1;scale:1.08;translate:0 2px}100%{opacity:1;scale:1;translate:0 0}}
@keyframes pageIn{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes pageOut{to{opacity:0;translate:0 -8px}}
@keyframes popIn{from{opacity:0;scale:.96;translate:0 -6px}to{opacity:1;scale:1;translate:0 0}}
.cas{animation:casIn .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 28ms)}
.list-body>.cas{animation-name:casSide}
.fm.cas{animation:fmIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(120ms + var(--i,0) * 55ms)}
.bn.cas{animation-delay:calc(400ms + var(--i,0) * 35ms)}
main.enter{animation:pageIn .38s cubic-bezier(.2,.8,.2,1) both}
.leave{animation:pageOut .14s ease-in both;pointer-events:none}
.gres:not([hidden]){animation:popIn .16s ease-out}
.toast{transition:opacity .22s,translate .22s,visibility 0s}
.toast[hidden]{display:flex;opacity:0;visibility:hidden;translate:0 14px;pointer-events:none;transition:opacity .22s,translate .22s,visibility 0s .22s}
.subtabs [aria-selected="true"],.seg [aria-pressed="true"],.tab[aria-selected="true"]{transition:background .2s,color .2s,border-color .25s}
.item{transition:background .15s}

/* ---- rendimiento: las filas de la lista que no se ven no se calculan ni se pintan ---- */
.list-body > .item{content-visibility:auto;contain-intrinsic-size:auto 51px}
.card{contain:layout style}
/* ---- pulido general ---- */
.btn:active:not(:disabled){translate:0 1px}
.btn.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}
.btn.icon{min-width:28px;padding:.18rem .4rem;font-size:.85rem;line-height:1.2}
.card.tcard{position:relative;overflow:hidden;padding-top:20px}
.card.tcard::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--t1) 0 62%,var(--t2) 62% 78%,var(--t1) 78% 84%,var(--t2) 84%)}
.card.tcard::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:200px;background:radial-gradient(closest-side,color-mix(in srgb,var(--t1) 22%,transparent),transparent);pointer-events:none}
.card.tcard>*{position:relative;z-index:1}
.subtabs button{border-radius:6px 6px 0 0;transition:color .15s,background .15s}
.subtabs button:hover{background:var(--sunk);color:var(--ink)}
tbody tr{transition:background .12s}
tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}
html.uifade body,html.uifade .card,html.uifade .list,html.uifade .item,html.uifade .tabbar,html.uifade .top,html.uifade .btn,html.uifade .seg,html.uifade .seg button,html.uifade .fchips button,html.uifade input,html.uifade select,html.uifade th,html.uifade td,html.uifade .chip,html.uifade .tab,html.uifade .subtabs button{transition:background-color .6s,border-color .6s,color .6s,box-shadow .6s!important}
/* ---- plantel como tabla de datos ---- */
.dtbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:8px;border-radius:var(--r,8px);background:var(--sunk);border:1px solid var(--line)}
.dtbar #rq{flex:1 1 210px;max-width:300px;background:var(--panel)}
.dtbar .fchips button{font-size:.74rem;padding:.16rem .55rem}
.dttools{display:flex;gap:6px;align-items:center;margin-left:auto}
/* filtros del plantel: buscador y herramientas arriba, Posición y Estado abajo con su nombre */
.dtbar .fgroups{order:3;flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px}
.dtbar .fgrp{display:flex;align-items:center;gap:8px;min-width:0}
.dtbar .flab{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:none}
.dtbar .dttools{order:2}
@media (max-width:700px){.dtbar .fgrp{flex:1 1 100%}.dtbar .flab{min-width:62px}}
.seg.mini button{min-width:30px;padding:.2rem .45rem;font-size:.85rem}
.pop{position:relative}
.popmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:7;min-width:220px;display:grid;gap:4px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r,8px);box-shadow:0 14px 36px -12px #0008;animation:popIn .16s cubic-bezier(.2,.8,.2,1) both}
.popmenu[hidden]{display:none}
.popmenu .btn.ghost{text-align:left;justify-content:flex-start}
.popmenu .btn.ghost:hover{background:var(--sel)}
.bulkbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:7px 10px;border-radius:var(--r,8px);background:color-mix(in srgb,var(--accent) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);font-size:.86rem;animation:popIn .2s cubic-bezier(.2,.8,.2,1) both}
.bulkbar[hidden]{display:none}
.bulkbar:has(.popmenu:not([hidden])){position:relative;z-index:8}
.popmenu.kitmenu{left:0;right:auto;width:min(420px,calc(100vw - 32px));grid-template-columns:1fr 1fr;gap:8px 10px;max-height:min(70vh,560px);overflow:auto}
.popmenu.kitmenu .f{margin:0}
.popmenu.kitmenu .f select{max-width:none;width:100%}
.popmenu.kitmenu > .btn,.popmenu.kitmenu > .note{grid-column:1/-1}
.bulkbar b{font-family:var(--display);font-size:1.15rem}
.tablebox.dtbox{max-height:min(74vh,980px);overflow:auto;border:1px solid var(--line);border-radius:var(--r,8px);overscroll-behavior:contain}
.dt thead th{position:sticky;top:0;z-index:2;background:var(--panel);box-shadow:inset 0 -1.5px var(--line);white-space:nowrap}
.dt th.sortable{cursor:pointer;user-select:none}
.dt th.sortable:hover{color:var(--ink)}
.dt th.on{color:var(--accent)}
.dt .sarr{font-style:normal;margin-left:4px;font-size:.62rem;opacity:.45}
.dt th.on .sarr{opacity:1}
.dt th:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.dt .c-sel{width:30px;text-align:center}
.dt .c-sel input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}
.dt tr.sel td{background:color-mix(in srgb,var(--accent) 11%,transparent)}
.dt tr.prow[hidden]{display:none}
.dt .pcell{display:inline-flex;align-items:center;gap:7px;min-width:0}
.dt .pn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.lockico{display:inline-grid;width:15px;height:15px;color:var(--warn);flex:none;opacity:.9}
.lockico svg{width:100%;height:100%}
.dt .acts{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}
.dt select.mini{width:auto;max-width:132px;padding:.18rem .35rem;font-size:.78rem}
/* acciones de cada fila: un botón ⋯ chico; el menú se abre con todas las opciones */
.dt select.actsel{-webkit-appearance:none;appearance:none;width:32px;height:30px;padding:0;text-align:center;text-align-last:center;font-size:1.05rem;font-weight:700;line-height:1;background-image:none;cursor:pointer;font-style:normal!important;text-transform:none!important}
.dt select.actsel option{font-size:.9rem;font-weight:400;text-align:left}
.dt .natc{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:.8rem}
.dt.d-compact td{padding:.08rem .4rem}.dt.d-compact td.num input{padding:.1rem .3rem}.dt.d-compact .face{width:1.3em;height:1.3em}
.dt.d-comfy td{padding:.55rem .55rem}.dt.d-comfy .face{width:2em;height:2em}
.dt.h-xi .c-xi,.dt.h-num .c-num,.dt.h-id .c-id,.dt.h-pos .c-pos,.dt.h-val .c-val,.dt.h-age .c-age,.dt.h-h .c-h,.dt.h-nat .c-nat,.dt.h-foot .c-foot,.dt.h-mv .c-mv,.dt.h-cap .c-cap,.dt.h-act .c-act{display:none}
.dtsum{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.82rem;color:var(--muted);padding:0 4px}
.dtsum b{color:var(--ink);font-family:var(--mono);font-weight:500}
.rcard{grid-template-columns:minmax(0,1fr)}
.rcard>*{min-width:0}
#rsort{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.bulkbar select{max-width:min(170px,100%)}
@media (max-width:700px){.dttools{margin-left:0}.dtbar #rq{max-width:none;flex-basis:100%}.dtbar .fchips{max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dtbar .fchips button{flex:none;white-space:nowrap}}
/* ---- ayuda "Cómo funciona" ---- */
.card.helpcard{padding:0;gap:0;background:transparent;border-style:dashed;box-shadow:none}
details.help>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 16px;font-weight:600;font-size:.9rem;color:var(--muted);border-radius:var(--r,8px);transition:color .15s,background .15s}
details.help>summary::-webkit-details-marker{display:none}
details.help>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .2s}
details.help[open]>summary::after{rotate:225deg;translate:0 2px}
details.help>summary:hover{color:var(--ink);background:var(--sunk)}
details.help>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hq{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--display);font-weight:800;font-size:.9rem;flex:none}
.hb{display:grid;gap:14px;padding:4px 18px 18px;max-width:92ch;animation:popIn .2s cubic-bezier(.2,.8,.2,1) both}
.hb .hintro{margin:0;font-size:.95rem;line-height:1.55}
.hb h4{margin:0 0 6px;font-family:var(--display);font-size:1.08rem;font-weight:700;letter-spacing:.01em}
.hb dl{margin:0;display:grid;gap:7px}
.hb dl>div{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:4px 14px;padding:7px 10px;border-radius:calc(var(--r,8px) * .75);background:var(--sunk);line-height:1.5}
.hb dt{font-weight:700;color:var(--ink)}
.hb dd{margin:0;color:var(--muted)}
.hb dd::first-letter{text-transform:uppercase}
@media (max-width:600px){.hb dl>div{grid-template-columns:1fr}}
/* ---- estudio de kits: visor 3D, texturas y modelos ---- */
.ks3dwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:12px;align-items:start;width:100%}
/* visor ampliado: sin la lista de kits y más alto */
.kscard.ksbig .kslayout{grid-template-columns:1fr}.kscard.ksbig .kslist{display:none}
.kscard.ksbig #ks3d{height:min(84vh,1000px)}.kscard.ksbig .k3side{max-height:min(84vh,1000px)}
/* pantalla completa: el visor ocupa todo y los paneles quedan al costado */
.ks3dwrap:fullscreen{background:var(--bg,#0c1016);padding:12px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}
.ks3dwrap:fullscreen #ks3d{height:calc(100vh - 24px)}.ks3dwrap:fullscreen .k3side{max-height:calc(100vh - 24px)}
/* fondo como la pantalla de Uniforme del juego */
.ks3d.game{background:radial-gradient(ellipse at 62% 38%,#4aa3ff55 0,#0000 55%),repeating-linear-gradient(115deg,#ffffff0a 0 2px,#0000 2px 9px),linear-gradient(160deg,#2f8af5 0%,#1260dc 45%,#0a3fb0 100%)}
.ks3d.game .k3floor{display:none}
@media (max-width:1100px){.ks3dwrap{grid-template-columns:1fr}}
.ks3d{position:relative;border-radius:var(--r,8px);overflow:hidden;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--panel) 80%,#fff 6%) 0%,var(--sunk) 60%,color-mix(in srgb,var(--sunk) 70%,#000) 100%);border:1px solid var(--line)}
#ks3d{width:100%;height:min(66vh,620px);display:block;cursor:grab;touch-action:none;position:relative;z-index:1}
#ks3d.grab,canvas[data-drag].grab{cursor:grabbing}
.k3floor{position:absolute;left:50%;bottom:6%;width:46%;height:7%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,#0009,#0000);pointer-events:none}
.k3side{display:grid;gap:8px;max-height:min(66vh,620px);overflow:auto;padding-right:2px}
.k3pan{border:1px solid var(--line);border-radius:var(--r,8px);background:var(--sunk);padding:4px 10px 10px}
.k3pan>summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.05rem;padding:6px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}
.k3pan>summary::-webkit-details-marker{display:none}
.k3pan>summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);rotate:45deg;transition:rotate .2s}
.k3pan[open]>summary::after{rotate:225deg}
.k3pan>*:not(summary){margin-top:6px}
.k3seg{display:flex;width:100%}.k3seg button{flex:1;font-size:.74rem;padding:.25rem .3rem}
.k3s label{display:flex;justify-content:space-between}.k3s output{font-family:var(--mono);color:var(--accent)}
.ksample input{font-family:var(--mono);text-transform:uppercase}.ksample.kp input{text-transform:none}
canvas[data-drag]{cursor:grab;touch-action:none}
.ksslots{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.ksslot{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--sunk)}
.ksslot.has{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.kst{display:grid;place-items:center;background:repeating-conic-gradient(#0000 0 25%,#ffffff10 0 50%) 0 0/14px 14px,var(--panel);border-radius:calc(var(--r,8px) * .75);min-height:96px;overflow:hidden}
.kst canvas{width:96px;height:auto}.kst span{font-size:1.6rem;color:var(--muted)}
.ksi{display:grid;gap:2px;min-width:0}.ksi small{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ksi small.ok{color:var(--accent)}.ksi small.muted{color:var(--muted)}.ksi .note{font-size:.76rem}
.kstex canvas{max-width:100%;height:auto;border-radius:6px;background:repeating-conic-gradient(#0000 0 25%,#ffffff10 0 50%) 0 0/16px 16px}
.ksmodel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border-radius:var(--r,8px);background:var(--sunk);border:1px solid var(--line)}
.ksmodel h4{margin:0;width:100%;font-family:var(--display);font-size:1.05rem}
.kspick{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--r,8px);border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;text-align:left}
.kspick:hover{border-color:var(--accent)}.kspick canvas{width:56px;height:56px;border-radius:6px;background:var(--sunk)}.kspick span{display:grid}.kspick small{color:var(--muted);font-size:.72rem}
.ksmodel .f{min-width:130px}
.modal.ksmodal{width:min(980px,100%)}
.kpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;max-height:60vh;overflow:auto;padding:2px}
.kpi{display:grid;justify-items:center;gap:2px;padding:4px;border-radius:8px;border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);cursor:pointer;font:inherit}
.kpi canvas{width:80px;height:80px}.kpi b{font-family:var(--mono);font-size:.78rem}
.kpi:hover{border-color:var(--accent)}.kpi.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}
.ksgen{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:16px}
@media (max-width:760px){.ksgen{grid-template-columns:1fr}}
.ksgenl{display:grid;gap:10px;align-content:start}.ksgenr{display:grid;gap:8px;align-content:start}
.ksgenr canvas{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
/* Kit Studio Pro › Fuentes (creador de fuentes para KitPos) */
/* ---- Creador de fuentes (Kit Studio Pro › 🔤 Fuentes) ---- */
.kpfin{margin-top:12px}
/* dentro de la ficha del equipo hay menos ancho: los pasos van debajo del título */
.kpfin .kpfhero{grid-template-columns:minmax(0,1fr) auto}.kpfin .kpfsteps{grid-column:1/-1;grid-row:2}
.kpf{display:grid;gap:14px;border-radius:var(--r,8px);outline:2px dashed transparent;outline-offset:4px;transition:outline-color .2s}
.kpf.over{outline-color:var(--accent)}
.kpfhero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r,8px);border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),var(--sunk)}
.kpfhero h2{margin:0 0 4px;font-family:var(--display);font-size:1.6rem;line-height:1.1}.kpfhero p{margin:0;max-width:78ch}
@media (max-width:980px){.kpfhero{grid-template-columns:minmax(0,1fr)}}
.kpfsteps{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.kpfsteps li{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:99px;border:1px solid var(--line);font-size:.8rem;font-weight:700;opacity:.6;background:var(--panel)}
.kpfsteps li i{font-style:normal;display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;background:color-mix(in srgb,var(--line) 70%,transparent);font-size:.78rem}
.kpfsteps li.now{opacity:1;border-color:var(--accent)}.kpfsteps li.now i{background:var(--accent);color:var(--panel)}
.kpfsteps li.done{opacity:.95}.kpfsteps li.done i{background:var(--ok,#2fa35a);color:#fff}
.kpfstudio{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(270px,330px);gap:14px;align-items:start}
@media (max-width:1280px){.kpfstudio{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.kpfr{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
@media (max-width:820px){.kpfstudio{grid-template-columns:minmax(0,1fr)}}
.kpfl,.kpfr{display:grid;gap:10px;align-content:start;align-items:start;min-width:0}.kpfl label output{font-family:var(--mono);color:var(--accent);margin-left:4px}
.kpfsec{display:grid;gap:8px;padding:10px 12px 12px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk);min-width:0}
.kpfsec h5{margin:0;display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:1.02rem;letter-spacing:.01em}
.kpfsec h5 i{font-style:normal;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--accent);color:var(--panel);font-size:.8rem;font-family:var(--mono)}
.kpffonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:212px;overflow:auto;padding:2px}
.kpffonts button{display:grid;gap:2px;justify-items:center;padding:8px 4px 6px;border:1.5px solid var(--line);border-radius:var(--r,8px);background:var(--panel);color:inherit;cursor:pointer;font:inherit;min-width:0}
.kpffonts button b{font-size:1.4rem;line-height:1.1;font-weight:700}.kpffonts button small{font-size:.66rem;opacity:.75;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpffonts button:hover{border-color:var(--accent)}.kpffonts button[aria-selected="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}
.kpfup{display:flex;gap:6px;flex-wrap:wrap}
.kpfimg{display:flex;gap:10px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--panel)}
.kpfimg canvas{width:110px;height:auto;border-radius:4px;flex:none}.kpfimg>div{display:grid;gap:4px;min-width:0}
.kpftpl{flex-direction:column}.kpftpl canvas{width:100%;background:#2a3038}.kpftplhow{font-size:.85rem}.kpftplhow summary{cursor:pointer;font-weight:600;color:var(--muted)}.kpftplhow ol{margin:6px 0 0;padding-left:1.2em;display:grid;gap:4px}
.kpfpres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.kpfpres button{display:grid;gap:3px;padding:4px 4px 5px;border:1.5px solid var(--line);border-radius:var(--r,8px);background:var(--panel);color:inherit;font:inherit;font-size:.72rem;cursor:pointer;min-width:0}
.kpfpres button:hover{border-color:var(--accent);transform:translateY(-1px)}.kpfpres canvas{width:100%;height:auto;border-radius:calc(var(--r,8px) * .6)}
.kpfcolors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpfcolors .row{flex-wrap:nowrap;gap:6px}.kpfcolors input[type=range]{min-width:0;flex:1}
.kpfc{display:grid;gap:10px;min-width:0;align-content:start}
.kpfsample{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.kpfsample input{width:200px}.kpfsample .fchips{flex:1 1 100%}
.kpfstage{position:relative;display:grid;gap:8px;padding:10px;border-radius:var(--r,8px);border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 10%,var(--sunk)),var(--sunk))}
.kpfstage .kpfview{justify-self:start}
.kpfstage>canvas,.kpfatlas canvas{width:100%;height:auto;border-radius:var(--r,8px);border:1px solid var(--line);box-shadow:inset 0 0 40px #0004,0 6px 18px #0003}
.kpfatlas{display:grid;gap:4px}.kpfatlas[hidden],.kpfstage>canvas[hidden]{display:none}
.kpfkits{display:flex;flex-wrap:wrap;gap:6px}
.kpfkit{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 5px;border:1.5px solid var(--line);border-radius:var(--r,8px);background:var(--panel);color:inherit;font:inherit;cursor:pointer;min-width:0}
.kpfkit span{display:grid;line-height:1.15;text-align:left}.kpfkit b{font-size:.84rem}.kpfkit small{font-size:.68rem;opacity:.75}
.kpfkit:hover{border-color:var(--accent)}.kpfkit[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.kpfkit.all{padding-left:9px}
.kpfback{margin:0;display:grid;gap:4px;justify-items:center;padding:6px;border-radius:var(--r,8px);border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#2b4d86,#0c1a33)}
.kpfback canvas{width:100%;max-width:300px;height:auto}.kpfback figcaption{font-size:.74rem;color:#dfe8f7;opacity:.85}
.kpfbtns{display:flex;flex-wrap:wrap;gap:6px}
.kpflog{min-height:1.3em;margin:0;font-family:var(--mono);font-size:.8rem}
.kpfst{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.kpfst li{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:var(--r,6px);border:1px solid var(--line);font-size:.84rem;background:var(--panel)}
.kpfst li>i{font-style:normal;font-weight:800;width:1.3em;text-align:center}.kpfst li>span{flex:1;min-width:0}
.kpfst li.ok>i{color:var(--ok,#2fa35a)}.kpfst li.bad>i{color:var(--bad,#d0453b)}.kpfst li.unk>i{color:var(--muted)}
.kpfreqs{display:grid;gap:8px;padding:10px 12px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk)}
.kpfreqs h5{margin:0;font-family:var(--display);font-size:1.02rem}
.kpfreqs ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px}
.kpfreq{display:grid;gap:6px;align-content:start;min-width:0;padding:8px 10px;border-radius:var(--r,6px);border:1px solid var(--line);border-left:4px solid var(--muted);background:var(--panel)}
.kpfreq.ok{border-left-color:var(--ok,#2fa35a)}.kpfreq.later{opacity:.8}.kpfreq.bad{border-left-color:var(--bad,#d0453b)}
.kpfrh{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;min-width:0}.kpfrh b{flex:1;min-width:0;font-size:.9rem}
.kpfrh>i{font-style:normal;flex:none;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--accent);color:var(--panel);font-size:.78rem;font-family:var(--mono)}
.kpfrh .chip{flex:none;font-size:.7rem}
.kpfreq p{margin:0;font-size:.82rem;line-height:1.35}
.kpfreq .mono,.kpfreq .kpfini{font-family:var(--mono);font-size:.92em;background:color-mix(in srgb,var(--line) 45%,transparent);padding:0 3px;border-radius:3px;overflow-wrap:anywhere}
.kpfreq .kpfini{margin:0;padding:5px 7px;font-size:.74rem;line-height:1.4;white-space:pre;overflow-x:auto}
.kpfhow{padding:10px 14px;border-radius:var(--r,8px);border:1px solid var(--line)}
.kpfhow summary{font-weight:700;cursor:pointer}.kpfhow ol{margin:6px 0 0;padding-left:1.3em;display:grid;gap:6px;font-size:.88rem;max-width:110ch}
.kpfhow .mono{font-family:var(--mono);font-size:.92em;background:color-mix(in srgb,var(--line) 45%,transparent);padding:0 3px;border-radius:3px}
/* formato de la textura, revisión del kit y guía (Fuentes) */
.kpffmt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:auto}.kpffmt button{display:grid;gap:1px;justify-items:start;align-content:center;text-align:left;font-family:inherit;padding:.4rem .6rem;min-width:0;height:auto;min-height:0;white-space:normal;overflow:visible;line-height:1.2}
.kpffmt button b{font-size:.84rem}.kpffmt button small{font-size:.7rem;opacity:.8;font-family:var(--mono)}
.kpffmtn{margin:4px 0 8px;font-size:.8rem}
.kpfdiag{display:grid;gap:6px;margin-top:8px}.kpfdh{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kpfdiag ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.kpfdiag li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:7px 9px;border-radius:var(--r,6px);border:1px solid var(--line);border-left:4px solid var(--muted);background:var(--panel)}
.kpfdiag li>i{font-style:normal;font-weight:800;display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;font-size:.78rem;color:#fff;background:var(--muted)}
.kpfdiag li.ok{border-left-color:var(--ok,#2fa35a)}.kpfdiag li.ok>i{background:var(--ok,#2fa35a)}
.kpfdiag li.bad{border-left-color:var(--bad,#d0453b)}.kpfdiag li.bad>i{background:var(--bad,#d0453b)}
.kpfdiag li.warn{border-left-color:#d79a1e}.kpfdiag li.warn>i{background:#d79a1e}
.kpfdiag li b{font-size:.86rem}.kpfdiag li p{margin:2px 0 5px;font-size:.8rem;line-height:1.38}.kpfdiag li .btn{justify-self:start}
.kpfdiag>small{font-size:.74rem;overflow-wrap:anywhere}
.kpfguide summary{font-family:var(--display);font-size:1.02rem}
.kpfgsec{margin-top:12px;display:grid;gap:6px}.kpfgsec h6{margin:0;font-family:var(--display);font-size:.96rem;color:var(--accent)}
.kpfgsec p,.kpfgsec ul{margin:0;font-size:.88rem;line-height:1.42;max-width:110ch}.kpfgsec ul{padding-left:1.3em;display:grid;gap:6px}
.kpfguide .mono{overflow-wrap:anywhere}
.kpfdemo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;max-width:1080px}
.kpfdemo figure{margin:0;display:grid;gap:4px}.kpfdemo canvas{width:100%;height:auto;border-radius:var(--r,6px);border:1px solid var(--line)}
.kpfdemo figcaption{font-size:.8rem;font-weight:700}.kpfdemo figure:last-child figcaption{color:var(--bad,#d0453b)}
.kpfwhy{display:grid;border:1px solid var(--line);border-radius:var(--r,6px);overflow:hidden;font-size:.84rem;max-width:1200px}
.kpfwhy>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);border-top:1px solid var(--line)}.kpfwhy>div:first-child{border-top:0}
.kpfwhy>div>div{padding:6px 9px;line-height:1.36}.kpfwhy>div>div+div{border-left:1px solid var(--line)}
.kpfwhy .hd{background:var(--sunk);font-weight:700}.kpfwhy>div>div:first-child{font-weight:600}
@media (max-width:700px){.kpfwhy>div{grid-template-columns:minmax(0,1fr)}.kpfwhy>div>div+div{border-left:0;border-top:1px dashed var(--line)}.kpfwhy .hd{display:none}.kpffmt{grid-template-columns:minmax(0,1fr)}}
html[data-gfx="pes6"] :is(.kpfdiag li,.kpfwhy,.kpfdemo canvas){border-radius:0!important}html[data-gfx="pes6"] .kpfdiag li>i{border-radius:0}
html[data-gfx="pes6"] #kpfSam button{font-family:"Saira","Segoe UI",system-ui,sans-serif;font-style:italic;text-transform:none;letter-spacing:.01em}
/* ---- Posición libre (KitPos): Kit Studio Pro y pestaña Fuentes ---- */
.kpos{display:grid;gap:8px;margin-top:10px;padding:10px 12px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk)}
.kpos.flash{animation:kposFlash 1.4s ease}@keyframes kposFlash{0%,40%{box-shadow:0 0 0 3px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}
.kpos{scroll-margin-top:72px}
.kpos.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.kposh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.kposh h4{margin:0;font-family:var(--display);font-size:1.02rem}.kposh h4 small{font-weight:400;opacity:.7;margin-left:3px}
.kposh .chip{font-size:.72rem}.kposh #kposSave{margin-left:auto}
.kposinst{display:grid;gap:6px;justify-items:start}.kposinst p{margin:0;font-size:.86rem}
.kposg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}
.kposg fieldset{margin:0;padding:6px 10px 8px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--panel);display:grid;gap:2px;min-width:0}
.kposg legend{font-weight:700;font-size:.8rem;padding:0 4px}
.kposr{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr) 62px 22px;grid-template-areas:"l r n x" ". v v v";align-items:center;gap:0 6px;padding:2px 0}
.kposr label{grid-area:l;font-size:.8rem;white-space:nowrap}.kposr input[type=range]{grid-area:r;min-width:0;width:100%}
.kposr input[type=number]{grid-area:n;width:100%;font-family:var(--mono);font-size:.78rem;padding:2px 4px}
.kposr .kposv{grid-area:v;font-size:.7rem;opacity:.7;line-height:1.2;margin-top:-3px}
.kposr.own label{color:var(--accent);font-weight:700}
.kposx{grid-area:x;border:0;background:none;color:inherit;cursor:pointer;font-size:.95rem;padding:0;opacity:.75}.kposx:disabled{opacity:.2;cursor:default}
html[data-gfx="pes6"] :is(.kpos,.kposg fieldset,.kpfsec,.kpfstage,.kpfkit,.kpfpres button,.kpfhow,.kplpanels,.kplov){border-radius:0!important}
html[data-gfx="pes6"] :is(.kpfreqs,.kpfreq,.kpfreq .kpfini,.kpfhero,.kpffonts button,.kpfimg,.kpfgame,.kpfst li,.kpfback,.kpfprev>canvas,.kpfatlas canvas){border-radius:0!important}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid2 label output,.ksgenl label output{font-family:var(--mono);color:var(--accent);margin-left:4px}

/* ---- visor 3D: capas, cámara, luz ---- */
.k3fade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:2}
.ks3d{container:ks3d/inline-size}
/* ayuda del visor: pastillas de vidrio que se acomodan al ancho (en un visor angosto quedan solo las primeras) */
.k3cap .k3src{display:inline-block;justify-self:start;width:auto;margin-top:3px;padding:1px 7px;border-radius:99px;font-style:normal;font-size:.62rem;font-weight:700;color:#fff;background:#ffffff1f;border:1px solid #ffffff38;backdrop-filter:blur(6px)}.k3cap .k3src.kp{background:#56d6ff33;border-color:#56d6ff88}
html[data-gfx="pes6"] .k3cap .k3src{border-radius:0}
.k3hud{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;max-width:min(44%,440px);pointer-events:none}
.k3hud .hp{font-size:clamp(.6rem,1.5cqi,.74rem);line-height:1.25;color:#fff;padding:3px 9px;border-radius:99px;background:radial-gradient(ellipse at 50% 30%,#ffffff1c,#0b0f1661 80%);border:1px solid #ffffff2e;backdrop-filter:blur(8px);box-shadow:0 4px 14px #0003;text-shadow:0 1px 2px #0009}
@container ks3d (max-width:760px){.k3hud .hp:nth-child(n+3){display:none}}
@container ks3d (max-width:700px){.k3hud{top:10px;right:10px;bottom:auto;left:auto;max-width:48%;justify-content:flex-end}.k3hud .hp:nth-child(n+2){display:none}}
@container ks3d (max-width:380px){.k3hud{display:none}}
.k3cam{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.k3cam .btn{padding:.25rem .2rem;font-size:.74rem}
.k3envs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.k3envs button{display:grid;gap:3px;padding:3px;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;font-size:.68rem;font-weight:600;text-align:center;transition:border-color .15s,translate .15s}
.k3envs button:hover{translate:0 -1px;border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.k3envs button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.k3envs canvas{width:100%;height:auto;aspect-ratio:2/1;border-radius:5px;display:block}
.k3envs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k3sun{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
#k3Sphere{width:112px;height:112px;cursor:crosshair;touch-action:none;border-radius:50%;background:radial-gradient(circle,#0000 60%,#0003 72%)}
.k3sunv{display:grid;gap:4px}.k3sunt{font-size:.72rem}
.k3brush{display:grid;gap:4px;padding:8px;border-radius:8px;border:1px dashed var(--line);margin-top:6px}
.ks3d.clear{background:radial-gradient(ellipse at 50% 45%,#0000 42%,rgb(0 0 0/calc(var(--vig,0) * .85)) 118%),var(--k3bg,var(--sunk))}
.ks3d.clear.grad{background:radial-gradient(ellipse at 50% 45%,#0000 42%,rgb(0 0 0/calc(var(--vig,0) * .85)) 118%),radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--k3bg) 72%,#fff) 0%,var(--k3bg) 52%,color-mix(in srgb,var(--k3bg) 62%,#000) 100%)}
.ks3d.game::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0000 42%,rgb(0 0 0/calc(var(--vig,0) * .85)) 118%);pointer-events:none}
.ks3d.nofloor .k3floor{display:none}
#ks3d.pix{image-rendering:pixelated}
/* imagen: estilos con una muestra de color */
.k3looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.k3looks button{display:grid;gap:4px;justify-items:center;padding:6px 4px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--panel);color:inherit;font-size:.72rem;cursor:pointer;line-height:1.15}
.k3looks button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.k3lk{width:100%;height:30px;border-radius:5px;background:radial-gradient(circle at 30% 35%,#ffe08a 0 14%,#0000 15%),linear-gradient(135deg,#1f9d55 0 45%,#2f80ed 45% 70%,#e85d4a 70%)}
.k3lk-tv{filter:saturate(1.2) contrast(1.15)}.k3lk-cine{filter:sepia(.35) contrast(1.2) saturate(.85);box-shadow:inset 0 0 12px #000c}.k3lk-vivo{filter:saturate(1.8)}
.k3lk-byn{filter:grayscale(1) contrast(1.3);box-shadow:inset 0 0 10px #000a}.k3lk-ps2{filter:saturate(1.25);background:repeating-conic-gradient(#0000 0 25%,#0001 0 50%) 0 0/6px 6px,linear-gradient(135deg,#1f9d55 0 45%,#2f80ed 45% 70%,#e85d4a 70%)}
html[data-gfx="pes6"] :is(.k3looks button,.k3lk){border-radius:0}html[data-gfx="pes6"] :is(.k3looks button,.ksside button){font-family:var(--display);font-style:italic;text-transform:uppercase;letter-spacing:0}html[data-gfx="pes6"] .k3looks button{font-size:.6rem}html[data-gfx="pes6"] .ksside button{font-size:.62rem}
/* Kit Studio a lo ancho: sin la lista de equipos */
.split.wide.kswide{grid-template-columns:minmax(0,1fr)}.split.kswide>aside.list{display:none}
.kstall .ksshow{grid-template-columns:minmax(0,1fr) minmax(270px,340px)}
.ksshow3d #ks3d{transition:height .42s cubic-bezier(.2,.8,.2,1)}.kstall .ksshow3d #ks3d{height:min(76vh,860px)}
@media (max-width:1000px){.kstall .ksshow{grid-template-columns:1fr}}
/* botón flotante para la lista de equipos: arriba del de la música */
.ksfab{position:fixed;left:16px;bottom:92px;z-index:46;display:flex;align-items:center;gap:0;height:50px;min-width:50px;padding:0 13px;border-radius:25px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%);color:var(--ink);box-shadow:0 18px 44px -16px #000b;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);cursor:pointer;font:inherit;font-weight:600;animation:ksfabIn .4s cubic-bezier(.2,.8,.2,1);transition:background .2s,scale .15s}
.ksfab:active{scale:.94}.ksfab.on{background:var(--accent);color:var(--accent-ink,#fff);border-color:transparent}
.ksfabi{font-size:1.25rem;line-height:1;width:22px;text-align:center}
.ksfabt{max-width:0;overflow:hidden;white-space:nowrap;font-size:.85rem;transition:max-width .35s cubic-bezier(.2,.8,.2,1),margin .35s}
.ksfab:hover .ksfabt,.ksfab:focus-visible .ksfabt{max-width:160px;margin-left:8px}
@keyframes ksfabIn{from{opacity:0;translate:-24px 0}}
html[data-gfx="pes6"] .ksfab{border-radius:0;background:linear-gradient(180deg,#f6f5f1f5,#e2e1dbf5);border:1px solid #8f8c84;color:#1c1c1a}
html[data-gfx="pes6"] .ksfab.on{background:linear-gradient(180deg,#ffe36b,#e8b400);border-color:#8a6a00}
html[data-gfx="pes6"] .ksfabt{font-family:var(--display);font-style:italic;text-transform:uppercase}
html.tking .ksfab{bottom:142px}
@media (max-width:640px){.ksfab{left:8px;bottom:84px}html.tking .ksfab{bottom:138px}}
@media (prefers-reduced-motion:reduce){.ksfab,.ksshow3d #ks3d{animation:none;transition:none}}
/* celular: visor más bajo, paneles y deslizadores más chicos */
@media (max-width:640px){.ksshow3d #ks3d,.kstall .ksshow3d #ks3d{height:min(58vh,480px)}.k3float{scale:.82;transform-origin:top left}.k3tools .k3tsel button{padding:.2rem .4rem;font-size:.7rem}.k3looks{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---- Visualizador de Kit Studio Pro: el kit en grande y los dorsales al costado ---- */
.ksshow{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:14px;align-items:start}
@media (max-width:1000px){.ksshow{grid-template-columns:1fr}}
.ksstage{display:grid;gap:8px;min-width:0}
.ksshow3d{grid-template-columns:1fr}
.ksshow3d #ks3d{height:min(64vh,660px)}
.ks3dwrap.ksshow3d:fullscreen #ks3d{height:calc(100vh - 24px)}
.ks3dwrap.ksshow3d:fullscreen{grid-template-columns:1fr}
.ksshowbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ksshowbar .k3cam{display:flex;flex-wrap:wrap;gap:4px}.ksshowbar .k3cam .btn{padding:.25rem .55rem}
.ksshowbar .k3seg{width:auto}.ksshowbar .k3seg button{flex:none;padding:.25rem .6rem}
.ksgrp{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ksshowbar .lab{font-size:.74rem;color:var(--muted);margin-left:4px}.ksshowbar .chk{margin:0}
.kssep{width:1px;align-self:stretch;background:var(--line);margin:0 2px}
.k3cap{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:99px;background:#000a;color:#fff;pointer-events:none;backdrop-filter:blur(4px)}
.k3cap span{display:grid;line-height:1.15}.k3cap b{font-family:var(--display);font-size:.95rem}.k3cap small{font-size:.7rem;opacity:.8}
.k3cap .crest.k3crest{width:30px;height:26px;font-size:.62rem}
.ksdors{display:grid;gap:8px;padding:10px;border-radius:var(--r,8px);background:var(--sunk);border:1px solid var(--line)}
.ksdors h4{margin:0;font-family:var(--display);font-size:1.1rem}
.ksdors .ksample input[type=text]:first-of-type{flex:1;min-width:0}.ksdors .ksample input[type=text]:last-of-type{width:52px}
.ksdors .chk{margin:0}
.ksdor{margin:0;padding:4px 10px 8px;border:1px solid var(--line);border-left:4px solid var(--dc);border-radius:var(--r,8px);background:var(--panel);display:grid;gap:4px;min-width:0}
.ksdor.off{opacity:.65}
.ksdor legend{padding:0 4px}
.ksdor legend button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;padding:2px 0}
.ksdor legend button:hover span{opacity:1}.ksdor legend span{opacity:.55;font-size:.85em}
.ksdor legend i{width:10px;height:10px;border-radius:50%;background:var(--dc);box-shadow:0 0 0 2px #0003}
.ksdor .ksf{min-width:0}.ksdor .ksf small.note{display:none}
html[data-gfx="pes6"] :is(.ksdors,.ksdor,.k3cap){border-radius:0!important}
.ksdors{max-height:min(84vh,900px);overflow:auto}
.ksside{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.ksside button{display:grid;justify-items:center;gap:1px;min-width:0;padding:.3rem .2rem;font-size:.72rem;line-height:1.1;white-space:nowrap}.ksside button span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ksside button span:first-child{font-size:1rem}
.kspane{display:grid;gap:8px;min-width:0}.kspane[hidden]{display:none}
.kspane .k3pan{background:var(--panel)}
/* atajos sobre el 3D: qué mover, cruz de flechas con un círculo para arrastrar y tamaño / ancho / curva */
.k3tools{position:absolute;right:10px;bottom:10px;z-index:4;display:grid;gap:6px;padding:7px;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#ffffff1f,#0b0f1680 75%);color:#fff;border:1px solid #ffffff38;box-shadow:0 8px 26px #0005;backdrop-filter:blur(8px);max-width:calc(100% - 20px)}
.k3tools.on{border-color:color-mix(in srgb,var(--dc) 60%,transparent)}
.k3tsel{display:flex;gap:4px;flex-wrap:wrap}
.k3tsel button{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;border:1px solid #ffffff2a;background:#ffffff10;color:#fff;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer}
.k3tsel button i{width:9px;height:9px;border-radius:50%;background:var(--dc)}
.k3tsel button[aria-pressed="true"]{background:var(--dc);color:#111;border-color:var(--dc)}.k3tsel button[aria-pressed="true"] i{background:#111}
.k3tsel button:disabled{opacity:.35;cursor:not-allowed}
.k3tbody{display:flex;gap:8px;align-items:center;justify-content:center}
.k3tpad{display:grid;grid-template:repeat(3,30px)/repeat(3,30px);gap:2px}
.k3tpad .u{grid-area:1/2}.k3tpad .l{grid-area:2/1}.k3tpad .r{grid-area:2/3}.k3tpad .d{grid-area:3/2}
.k3tb{border:1px solid #ffffff30;background:#ffffff14;color:#fff;border-radius:8px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;min-width:30px;height:30px;padding:0 6px;touch-action:none;user-select:none}
.k3tb:hover{background:#ffffff2a}.k3tb:active{background:var(--dc);color:#111}
.k3pad{grid-area:2/2;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--dc) 70%,#fff) 0 30%,color-mix(in srgb,var(--dc) 35%,transparent) 31% 100%);border:2px solid var(--dc);display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none}
.k3pad span{color:#111;font-size:.95rem;font-weight:900;transform:translate(calc(var(--dx,0px) * .35),calc(var(--dy,0px) * .35))}
.k3pad.drag{cursor:grabbing;box-shadow:0 0 0 4px color-mix(in srgb,var(--dc) 35%,transparent)}
.k3tcol{display:grid;gap:4px}.k3tg{display:flex;gap:2px}
.k3tval,.k3thint{margin:0;font-size:.68rem;opacity:.85;text-align:center;max-width:250px}
.k3tools:not(.on) .k3thint{opacity:1;font-weight:600}.k3tools:not(.on) .k3thint::before{content:'👆 '}
.k3float{position:absolute;z-index:5;display:grid;gap:6px;justify-items:center;padding:10px 8px 8px;border-radius:18px;background:radial-gradient(ellipse at 50% 40%,#ffffff24,#0b0f1666 75%);color:#fff;border:1px solid #ffffff38;box-shadow:0 8px 26px #0005;backdrop-filter:blur(8px);transition:left .12s ease-out,top .12s ease-out}
.k3sls{display:flex;gap:6px}
.k3sl{display:grid;justify-items:center;gap:3px;width:38px;--kp:.5}
.k3sl small{font-size:.58rem;opacity:.85;white-space:nowrap}
.k3si{font-size:.72rem;font-weight:800;line-height:1;cursor:pointer;opacity:.85;user-select:none;padding:2px}.k3si:hover{opacity:1;color:var(--dc)}
.k3tr{position:relative;width:24px;height:118px;cursor:pointer;touch-action:none}
.k3tr::before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:4px;margin-left:-2px;border-radius:4px;background:#ffffff4d;box-shadow:inset 0 1px 2px #0004}
.k3kn{position:absolute;left:50%;bottom:calc(6px + (100% - 12px) * var(--kp));width:20px;height:20px;margin:0 0 -10px -10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#e6eaf0 60%,#c9d0da);box-shadow:0 2px 6px #0006,0 0 0 2px #ffffff55;transition:transform .1s}
.k3sl:hover .k3kn,.k3sl.drag .k3kn{transform:scale(1.18);box-shadow:0 2px 8px #0007,0 0 0 3px var(--dc)}
.k3sl.h{display:flex;align-items:center;width:auto;gap:4px}.k3sl.h small{order:9;margin-left:2px}
.k3sl.h .k3tr{width:110px;height:24px}
.k3sl.h .k3tr::before{left:6px;right:6px;top:50%;bottom:auto;width:auto;height:4px;margin:-2px 0 0}
.k3sl.h .k3kn{left:calc(6px + (100% - 12px) * var(--kp));bottom:auto;top:50%;margin:-10px 0 0 -10px}
.k3ty{display:flex;border-radius:99px;overflow:hidden;border:1px solid #ffffff40}
.k3ty button{border:0;background:#ffffff14;color:#fff;font:inherit;font-weight:800;font-size:.75rem;padding:3px 12px;cursor:pointer}.k3ty button[aria-pressed="true"]{background:var(--dc);color:#111}
.k3del{border:1px solid #ffffff38;background:#0000;color:#fff;border-radius:99px;font:inherit;font-size:.68rem;padding:2px 10px;cursor:pointer;opacity:.8}.k3del:hover{opacity:1;background:#e5484d;border-color:#e5484d}
.k3tsel button.add{border-style:dashed;background:#0000;color:#fff;opacity:.85}.k3tsel button.add:hover{opacity:1;background:var(--dc);color:#111}
.k3float[hidden],.k3arc[hidden]{display:none}
/* el menú aparece y se va con un desvanecido de vidrio (click afuera o Esc) */
.k3float:not(.in),.k3arc:not(.in){opacity:0}
.k3float.in,.k3arc.in{animation:k3in .3s cubic-bezier(.2,.8,.3,1)!important}
.k3float.out,.k3arc.out{animation:k3out .24s ease-in forwards!important;pointer-events:none}
@keyframes k3in{from{opacity:0;translate:0 10px;scale:.94;filter:blur(6px)}}
@keyframes k3out{to{opacity:0;translate:0 10px;scale:.94;filter:blur(6px)}}
/* sin movimiento (Windows con animaciones apagadas): solo se desvanece */
@media (prefers-reduced-motion:reduce){@keyframes k3in{from{opacity:0}}@keyframes k3out{to{opacity:0}}}
.k3float .k3tval{max-width:120px;font-size:.62rem;line-height:1.25}
.k3fh{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 2px}.k3fh b{font-size:.78rem;letter-spacing:.02em;color:var(--dc,#fff)}
.k3x{width:22px;height:22px;display:grid;place-items:center;border-radius:99px;border:1px solid #ffffff40;background:#ffffff14;color:#fff;font:inherit;font-size:.7rem;cursor:pointer}.k3x:hover{background:#ffffff33}
.k3fhelp{margin:0;max-width:160px;font-size:.62rem;line-height:1.3;text-align:center;color:#fff;opacity:.92}
html[data-gfx="pes6"] .k3x{border-radius:0}
.k3arc{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 7px;border-radius:99px;border:2px solid var(--dc);background:#0b0f1680;backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:.72rem;font-weight:700;cursor:ns-resize;touch-action:none;user-select:none;transition:left .12s ease-out,top .12s ease-out}
.k3arc span{color:var(--dc);font-size:1rem;line-height:1}.k3arc.drag,.k3arc:hover{background:var(--dc);color:#111}.k3arc.drag span,.k3arc:hover span{color:#111}
.k3tools .k3thint:empty{display:none}
.ks3dwrap.present .k3tools,.ks3dwrap.present .k3float,.ks3dwrap.present .k3arc,.ks3dwrap.present .k3hud{display:none}
html[data-gfx="pes6"] :is(.k3tools,.k3tb,.k3tsel button,.k3arc,.k3ty,.k3del){border-radius:0!important}
html[data-gfx="pes6"] .k3sl small{font-size:.5rem;letter-spacing:0}html[data-gfx="pes6"] .k3sls{gap:12px}
/* los otros modos con el mismo menú del 3D: Retro con esquinas rectas como sus menús, Clásico con esquinas apenas redondeadas */
html[data-gfx="retro"] :is(.k3tools,.k3tb,.k3tsel button,.k3arc,.k3ty,.k3del,.k3x,.k3float,.k3hud .hp,.k3cap,.k3cap .k3src,.ksdors,.ksdor){border-radius:0!important}
html[data-gfx="clasico"] :is(.k3tools,.k3tb,.k3tsel button,.k3arc,.k3ty,.k3del,.k3x,.k3float,.k3hud .hp,.k3cap,.k3cap .k3src,.ksdors,.ksdor){border-radius:3px!important}
:is(.k3tools,.k3float) :is(.k3tval,.k3thint){color:#fff!important}
/* PES 6 pinta los textos de las tarjetas con acero oscuro: en el visor 3D van en blanco para leerse sobre el vidrio */
html[data-gfx="pes6"] :is(.k3float,.k3tools,.k3hud,.k3arc) :is(p,.note,label,.lab,small,.emo,.k3si){color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;filter:none!important;text-shadow:0 1px 2px #000c}
/* aviso: elegir kitpos_slots.ini antes de mostrar el kit */
.ksgate{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--r,10px);border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--sunk))}
.ksgate h4{margin:0 0 6px;font-family:var(--display);font-size:1.25rem}.ksgate p{margin:0 0 12px;max-width:62ch}
.ksgateic{font-size:2.4rem;line-height:1}
/* sliders con relleno hasta el valor y perilla con aro */
input.k3r{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;--p:50%}
input.k3r::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--accent) 0 var(--p),color-mix(in srgb,var(--line) 85%,var(--ink) 15%) var(--p) 100%)}
input.k3r::-moz-range-track{height:6px;border-radius:99px;background:color-mix(in srgb,var(--line) 85%,var(--ink) 15%)}
input.k3r::-moz-range-progress{height:6px;border-radius:99px;background:var(--accent)}
input.k3r::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--panel);border:3px solid var(--accent);box-shadow:0 1px 4px #0006;transition:transform .12s,box-shadow .12s}
input.k3r::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--panel);border:3px solid var(--accent);box-shadow:0 1px 4px #0006}
input.k3r:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}
input.k3r:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 28%,transparent)}
input.k3r:focus-visible{outline:none}input.k3r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--accent)}
.k3s label{font-size:.76rem}
/* selector de cuello / short */
.modal.kpmodal{width:min(1180px,100%)}
.kpwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
@media (max-width:860px){.kpwrap{grid-template-columns:1fr}}
.kpgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));max-height:min(64vh,640px)}
.kpi{position:relative;transition:border-color .15s,translate .15s,box-shadow .15s}.kpi:hover{translate:0 -2px}
.kpi canvas{width:96px;height:96px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--panel) 70%,#fff 8%),var(--sunk) 75%);border-radius:6px}
.kpi i{position:absolute;top:6px;left:6px;font-style:normal;font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--accent);color:var(--accent-ink)}
.kpprev{display:grid;gap:8px;align-content:start}
.kpview{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--panel) 70%,#fff 8%) 0%,var(--sunk) 65%)}
#kpV{width:100%;height:380px;display:block;cursor:grab;touch-action:none}
.kpinfo{display:grid}.kpinfo b{font-family:var(--display);font-size:1.3rem}
.kspick.flash{animation:pickFlash .9s ease}
@keyframes pickFlash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}100%{box-shadow:0 0 0 14px transparent}}

/* ---- introducción ---- */
html.introing,html.introing body{overflow:hidden}
.intro{--nc:var(--neon);position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;overflow:hidden;background:radial-gradient(ellipse 75% 60% at 50% 40%,color-mix(in srgb,var(--panel) 92%,var(--nc) 8%) 0%,var(--bg) 55%,color-mix(in srgb,var(--bg) 70%,#000) 100%);transition:opacity .7s ease .15s}
.intro.dk{background:radial-gradient(ellipse 75% 60% at 50% 40%,color-mix(in srgb,#10141a 85%,var(--nc) 15%) 0%,#07090c 60%,#020203 100%)}
.intro.out{opacity:0;pointer-events:none;transition:opacity .85s ease .2s}
.introbg,.introsteps,.introbar{transition:scale 1.1s cubic-bezier(.4,0,.2,1),filter .8s ease,opacity .6s ease}
.intro.out .introbg{scale:1.12;filter:blur(6px)}.intro.out .introsteps,.intro.out .introbar,.intro.out .musbtn{opacity:0;filter:blur(4px)}
.introbg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.introbg i{position:absolute;top:-30%;width:26vmax;height:160%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--nc) 12%,transparent),transparent);rotate:24deg;animation:introBeam 6s ease-in-out infinite}
.introbg i:nth-child(1){left:-10%}.introbg i:nth-child(2){left:35%;animation-delay:-2s;animation-duration:7s}.introbg i:nth-child(3){left:75%;animation-delay:-4s;animation-duration:8s}
@keyframes introBeam{0%,100%{translate:-6vmax 0;opacity:.35}50%{translate:6vmax 0;opacity:1}}
/* piso con grilla en perspectiva, como un estadio de noche */
.introfloor{position:absolute;left:-50%;right:-50%;bottom:-8%;height:52%;background:linear-gradient(color-mix(in srgb,var(--nc) 30%,transparent) 1px,transparent 1px) 0 0/100% 46px,linear-gradient(90deg,color-mix(in srgb,var(--nc) 30%,transparent) 1px,transparent 1px) 0 0/46px 100%;transform:perspective(420px) rotateX(62deg);transform-origin:50% 0;-webkit-mask:linear-gradient(transparent,#000 35%,#000 60%,transparent);mask:linear-gradient(transparent,#000 35%,#000 60%,transparent);opacity:.35;animation:introFloor 2.2s linear infinite}
@keyframes introFloor{to{background-position:0 46px,0 0}}
/* rayos de luz que giran detrás del logo */
.introrays{position:absolute;left:50%;top:40%;width:150vmax;height:150vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--nc) 16%,transparent) 0 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 42%);mask:radial-gradient(circle,#000 0,transparent 42%);opacity:0;animation:introRays 40s linear infinite}
.intro.logo-in .introrays{opacity:.8;transition:opacity 1.6s ease .5s}
@keyframes introRays{to{rotate:360deg}}
/* chispas que suben */
.introsparks b{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--nc);box-shadow:0 0 8px 2px var(--nc);opacity:0;animation:introSpark linear infinite}
@keyframes introSpark{0%{translate:0 0;opacity:0}10%{opacity:.9}100%{translate:var(--dx,0) -105vh;opacity:0}}
.introc{position:relative;display:grid;justify-items:center;gap:24px;width:min(720px,100%)}
.introlog{position:relative;width:min(640px,88vw);aspect-ratio:1200/417;-webkit-box-reflect:below 0 linear-gradient(transparent 80%,#ffffff26);margin-bottom:14px}
.introlog>img{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}
.intro.logo-in .introlog>img{animation:introLogo 1.4s cubic-bezier(.16,.9,.2,1) forwards}
@keyframes introLogo{0%{opacity:0;scale:1.45;filter:blur(22px) brightness(2.6)}45%{opacity:1;filter:blur(2px) brightness(1.7)}62%{scale:.97;filter:blur(0) brightness(1.15)}100%{opacity:1;scale:1;filter:none}}
/* destello al aparecer */
.introflash{position:absolute;left:50%;top:50%;width:140%;aspect-ratio:2.4;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#fff,color-mix(in srgb,var(--nc) 60%,transparent) 40%,transparent);opacity:0;pointer-events:none;mix-blend-mode:screen}
.intro.logo-in .introflash{animation:introFlash 1.3s ease-out .35s}
.intro.finish .introflash{animation:introFlash .9s ease-out}
@keyframes introFlash{0%{opacity:0;scale:.3}18%{opacity:.95}100%{opacity:0;scale:1.5}}
/* neón: contorno de las letras con brillo que se prende y se apaga */
.introneon{position:absolute;inset:0;pointer-events:none;opacity:0;filter:drop-shadow(0 0 1.5px var(--nc)) drop-shadow(0 0 5px color-mix(in srgb,var(--nc) 80%,transparent))}
/* luz de fondo: la silueta del logo desenfocada detrás de las letras */
.introback{position:absolute;inset:0;pointer-events:none;opacity:0;filter:blur(14px);scale:1.03}.introback i{position:absolute;inset:0;background:var(--nc);-webkit-mask:var(--lm) center/100% 100% no-repeat;mask:var(--lm) center/100% 100% no-repeat}
.intro.neon-on .introback{animation:neonIgnite 1.5s steps(1,end) forwards,neonLife 7s ease-in-out 1.5s infinite}
.intro.finish .introback{animation:none;opacity:1}
.introneon i{position:absolute;inset:0;background:color-mix(in srgb,var(--nc) 35%,#fff);-webkit-mask:var(--nm) center/100% 100% no-repeat;mask:var(--nm) center/100% 100% no-repeat}
.intro.neon-on .introneon{animation:neonIgnite 1.5s steps(1,end) forwards,neonLife 7s ease-in-out 1.5s infinite}
@keyframes neonIgnite{0%{opacity:0}8%{opacity:.9}12%{opacity:.1}20%{opacity:1}24%{opacity:.2}30%{opacity:.85}34%{opacity:.35}46%{opacity:1}100%{opacity:1}}
@keyframes neonLife{0%,36%{opacity:1}50%,64%{opacity:.06}67%{opacity:.75}69%{opacity:.15}72%{opacity:.9}74%{opacity:.3}78%,100%{opacity:1}}
/* halo en el logo mismo, sigue al neón */
.introhalo{position:absolute;inset:-8% -4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--nc) 34%,transparent),transparent);opacity:0;pointer-events:none;filter:blur(10px)}
.intro.neon-on .introhalo{animation:neonIgnite 1.5s steps(1,end) forwards,neonLife 7s ease-in-out 1.5s infinite}
.introlog .sheen{position:absolute;inset:-20% auto -20% -40%;width:24%;background:linear-gradient(100deg,transparent,#ffffffaa,transparent);skew:-18deg;opacity:0;mix-blend-mode:overlay;pointer-events:none}
.introsheenwrap{position:absolute;inset:0;overflow:hidden;-webkit-mask:var(--lm) center/100% 100% no-repeat;mask:var(--lm) center/100% 100% no-repeat;pointer-events:none}
.intro.logo-in .sheen{animation:introSheen 3.2s ease-in-out 1.3s infinite}
@keyframes introSheen{0%{left:-40%;opacity:0}8%{opacity:1}45%{left:120%;opacity:1}46%,100%{left:120%;opacity:0}}
.intro.busy .introneon,.intro.busy .introhalo,.intro.busy .introback{animation:neonBusy 1.1s ease-in-out infinite}
@keyframes neonBusy{0%,100%{opacity:1}50%{opacity:.45}}
.intro.busy .introbar b{background:linear-gradient(90deg,var(--accent),var(--nc),#fff,var(--nc),var(--accent)) 0 0/200% 100%;animation:introBarRun 1.2s linear infinite}
@keyframes introBarRun{to{background-position:-200% 0}}
.intro.finish .introneon,.intro.finish .introhalo{animation:none;opacity:1;transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.introrays,.introfloor,.introsparks{display:none}.intro .introneon,.intro .introhalo{animation:none!important;opacity:.85}.intro.logo-in .introlog>img{animation:none;opacity:1}}
.introsteps{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:min(520px,100%);font-size:.9rem}
.introsteps li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;color:var(--muted);animation:popIn .3s cubic-bezier(.2,.8,.2,1) both}
.introsteps li::before{content:"";width:14px;height:14px;border-radius:50%;justify-self:center}
.introsteps li[data-s="run"]{color:var(--ink)}.introsteps li[data-s="run"]::before{border:2px solid var(--line);border-top-color:var(--accent);animation:introSpin .8s linear infinite}
.introsteps li[data-s="ok"]::before{content:"✓";width:auto;height:auto;color:var(--accent);font-weight:700}
.introsteps li[data-s="wait"]{color:var(--ink)}.introsteps li[data-s="wait"]::before{background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 25%,transparent);animation:introPulse 1.4s ease-in-out infinite}
.introsteps li[data-s="err"]{color:var(--bad)}.introsteps li[data-s="err"]::before{content:"✕";width:auto;height:auto;font-weight:700}
.introsteps li[data-s="warn"]{color:var(--warn)}.introsteps li[data-s="warn"]::before{content:"⚠";width:auto;height:auto;font-weight:700}.intro.dk .introsteps li[data-s="warn"]{color:#ffd166}
@keyframes introPulse{50%{box-shadow:0 0 0 8px transparent}}
@keyframes introSpin{to{rotate:360deg}}
.introbar{width:min(520px,100%);height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 60%,transparent);overflow:visible;position:relative}
.introbar b{position:relative;display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--nc,var(--neon)));box-shadow:0 0 12px color-mix(in srgb,var(--nc,var(--neon)) 70%,transparent);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.introbar b::after{content:"";position:absolute;right:-3px;top:50%;width:11px;height:11px;translate:0 -50%;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #fff,0 0 18px 6px var(--nc,var(--neon));animation:introTip 1s ease-in-out infinite}
@keyframes introTip{50%{scale:.6;opacity:.7}}
.introact{display:none;justify-items:center;gap:10px;width:min(520px,100%);text-align:center}.introact.on{display:grid;animation:popIn .3s both}
.introact p{margin:0;font-size:.84rem;color:var(--muted);line-height:1.5}
.introact a{color:var(--nc,var(--neon));font-weight:600}
@media (max-height:820px){.introlog{width:min(640px,88vw,57vh)}.introc{gap:14px}}
.introact .siderhow{margin:0;padding:6px 6px 6px 26px;max-height:30vh;overflow:auto;text-align:left;font-size:.8rem;line-height:1.5;color:var(--muted)}.introact .siderhow li+li{margin-top:3px}.intro.dk .introact .siderhow{color:#c9c0aa}.ksmodal a.btn{text-decoration:none}.introact .introrow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}html[data-gfx="pes6"] .introact .siderhow{font-size:.7rem;max-height:26vh}
.btn.big{font-size:1rem;padding:.65rem 1.3rem}
.tabs .uibtn,#bUi{margin-left:8px}
/* barra de pestañas: a lo ancho de la pantalla y sin desplazarse */

.tabbar .status{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}
.tabbar .status .chip{white-space:nowrap}
.font-pes .tab{font-size:.98rem;padding-inline:.55rem;letter-spacing:0}
.font-pes .tab .count{font-size:.62rem}
/* QuickExpress es ancha: los textos de ayuda de los campos van más chicos para que entren */
.font-pes :is(input,select)::placeholder{font-size:.82em}
.font-pes .dtbar #rq{flex-basis:260px;max-width:340px}
@media (max-width:1366px){.font-pes .tab{font-size:.9rem;padding-inline:.45rem}.tabbar .status .chip.copy{display:none}}
/* ---- fotos en el plantel ---- */
.face.pl{width:2.7em;height:2.7em;border-radius:50%;overflow:hidden;place-items:end center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--g1,#888) 35%,var(--panel)) 0%,var(--sunk) 75%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--g1,#888) 55%,var(--line));transition:scale .18s cubic-bezier(.3,1.5,.5,1),box-shadow .18s}
.face.pl::before{display:none}.face.pl svg{width:68%!important;height:68%!important;align-self:center}
.face.pl.has img{width:96%;height:96%;filter:drop-shadow(0 2px 3px #0006);animation:faceIn .35s ease both}
.face.ph.has img{object-fit:cover;object-position:50% 18%;border-radius:50%;width:88%;height:88%;align-self:center;filter:none;box-shadow:0 0 0 2px var(--g1,#fff)}
@keyframes faceIn{from{opacity:0;translate:0 4px}}
tr:hover .face.pl{scale:1.12;box-shadow:inset 0 0 0 2px var(--accent),0 4px 12px -4px #0008}
.dt.d-compact .face.pl{width:1.9em;height:1.9em}.dt.d-comfy .face.pl{width:3.4em;height:3.4em}
/* ---- música ---- */
.musbtn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.8rem;font-weight:600;padding:.3rem .65rem;border-radius:99px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.musbtn:hover{border-color:var(--accent);color:var(--ink)}
.musbtn.on{color:var(--ink);border-color:color-mix(in srgb,var(--neon) 55%,var(--line));box-shadow:0 0 12px -4px var(--neon)}
.musbtn[aria-pressed="false"] .eq{opacity:.45}.musbtn[aria-pressed="false"] .mlab{text-decoration:line-through}
.musbtn .eq{display:inline-flex;align-items:end;gap:2px;height:12px}
.musbtn .eq i{width:3px;height:30%;border-radius:1px;background:currentColor;transition:height .3s}
.musbtn.on .eq i{background:var(--neon);animation:eqBar .9s ease-in-out infinite}
.musbtn.on .eq i:nth-child(2){animation-delay:-.3s;animation-duration:.7s}.musbtn.on .eq i:nth-child(3){animation-delay:-.55s;animation-duration:1.1s}.musbtn.on .eq i:nth-child(4){animation-delay:-.15s;animation-duration:.8s}
.musbtn.wait .eq i{animation:eqWait 1.4s ease-in-out infinite}.musbtn.wait .eq i:nth-child(2){animation-delay:.15s}.musbtn.wait .eq i:nth-child(3){animation-delay:.3s}.musbtn.wait .eq i:nth-child(4){animation-delay:.45s}
@keyframes eqBar{0%,100%{height:25%}50%{height:100%}}
@keyframes eqWait{0%,100%{height:25%;opacity:.5}50%{height:55%;opacity:1}}
.musbtn.intromus{position:absolute;top:16px;right:16px;z-index:3;font-size:.85rem;padding:.4rem .85rem}
/* ---- reproductor de música (abajo a la izquierda) ---- */
.mp{--mpc:var(--accent);--mpk:color-mix(in srgb,var(--mpc) 70%,var(--ink));position:fixed;left:16px;bottom:16px;z-index:45;width:340px;font-size:14px;color:var(--ink)}
.mp[hidden]{display:none}
.mpbar,.mpfull{background:color-mix(in srgb,var(--panel) 86%,var(--mpc) 14%);border:1px solid color-mix(in srgb,var(--mpc) 30%,var(--line));box-shadow:0 18px 44px -16px #000b,0 0 0 1px #0000;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transition:background .8s,border-color .8s}
.mpbar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:6px;padding:7px 8px 9px 7px;border-radius:16px;overflow:hidden;transition:width .35s cubic-bezier(.2,.8,.2,1),padding .35s,border-radius .35s,background .8s}
.mpb{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--ink);cursor:pointer;position:relative;transition:background .15s,color .15s,scale .15s}
.mpb:hover{background:color-mix(in srgb,var(--mpc) 18%,transparent)}.mpb:active{scale:.9}
.mpb.on{color:var(--mpk)}.mpb.on::after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor}
.mpb small{position:absolute;top:5px;right:4px;font-size:.6rem;font-weight:800}
.mpmain{background:var(--mpc);color:#fff;width:52px;height:52px;box-shadow:0 6px 18px -6px var(--mpc)}.mpmain:hover{background:color-mix(in srgb,var(--mpc) 85%,#fff)}
.mpmain.sm{width:38px;height:38px}
.mpcov{position:relative;width:50px;height:50px;padding:0;border:0;border-radius:11px;overflow:visible;cursor:pointer;background:var(--sunk);flex:none}
.mpcov img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;box-shadow:0 4px 14px -4px #000a}
.mpring{position:absolute;inset:-3px;border-radius:14px;pointer-events:none;opacity:0;background:conic-gradient(from var(--a,0deg),var(--mpc),transparent 40%,var(--mpc) 70%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;transition:opacity .4s}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.mp.playing .mpring{opacity:1;animation:mpSpin 3.5s linear infinite}
@keyframes mpSpin{to{--a:360deg}}
.mpmeta{display:grid;gap:1px;min-width:0;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:0 2px;cursor:pointer}
.mpt{display:block;overflow:hidden;white-space:nowrap;font-family:var(--display);font-size:1.02rem;line-height:1.2;-webkit-mask:linear-gradient(90deg,#000 85%,transparent);mask:linear-gradient(90deg,#000 85%,transparent)}
.mpt span{display:inline-block}
.mp.playing .mpt.long span{animation:mpMarq 9s linear infinite;padding-right:40px}
@keyframes mpMarq{0%,15%{translate:0}100%{translate:-100%}}
.mpmeta small{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--mpc) 18%,transparent)}
.mpprog b{display:block;height:100%;width:0;background:var(--mpc);box-shadow:0 0 8px var(--mpc);transition:width .25s linear}
.mpup svg{transition:rotate .3s}.mp.open .mpup svg{rotate:180deg}
/* panel grande */
.mpfull{position:absolute;left:0;bottom:calc(100% + 10px);width:100%;max-height:min(720px,calc(100vh - 110px));overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:12px 14px 14px;border-radius:18px;opacity:0;translate:0 14px;scale:.96;transform-origin:20% 100%;pointer-events:none;visibility:hidden;transition:opacity .25s,translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.mp.open .mpfull{opacity:1;translate:0 0;scale:1;pointer-events:auto;visibility:visible;transition:opacity .25s,translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mphead{display:flex;align-items:center;gap:2px;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mphead span{flex:1}.mphead .mpb{width:28px;height:28px}
.mpart{position:relative;width:min(100%,250px);aspect-ratio:1;justify-self:center;border-radius:16px}
.mpart img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;box-shadow:0 18px 40px -14px #000c}
.mpglow{position:absolute;inset:8% 4% -6%;border-radius:inherit;background:var(--mpc);filter:blur(28px);opacity:.55;transition:background .8s}
.mp.playing .mpart img{animation:mpBreath 4s ease-in-out infinite}
@keyframes mpBreath{50%{scale:1.018}}
.mpbars{position:absolute;right:10px;bottom:10px;display:flex;align-items:end;gap:3px;height:22px;padding:5px 7px;border-radius:8px;background:#000a;opacity:0;transition:opacity .3s}
.mp.playing .mpbars{opacity:1}.mpbars i{width:3px;height:30%;background:#fff;border-radius:1px}
.mp.playing .mpbars i{animation:eqBar .8s ease-in-out infinite}.mpbars i:nth-child(2){animation-delay:-.2s!important;animation-duration:.6s!important}.mpbars i:nth-child(3){animation-delay:-.45s!important;animation-duration:1s!important}.mpbars i:nth-child(4){animation-delay:-.1s!important;animation-duration:.7s!important}.mpbars i:nth-child(5){animation-delay:-.6s!important;animation-duration:.9s!important}
.mpinfo{display:grid;text-align:center;gap:2px;min-width:0;overflow-wrap:anywhere}.mpinfo b{font-family:var(--display);font-size:1.3rem;line-height:1.15}.mpinfo span{color:var(--muted);font-size:.82rem}
.mpseek,.mpvol{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.mpvol b{min-width:3.4em;text-align:right;font-weight:500}
.mp input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;--p:0%}
.mp input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--mpc) var(--p),color-mix(in srgb,var(--line) 80%,transparent) var(--p))}
.mp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--mpc),0 2px 6px #0008;transition:scale .15s}
.mp input[type=range]:hover::-webkit-slider-thumb{scale:1.2}
.mp input[type=range]::-moz-range-track{height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent)}
.mp input[type=range]::-moz-range-progress{height:5px;border-radius:99px;background:var(--mpc)}
.mp input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--mpc)}
.mp input[type=range]:disabled{opacity:.4}
.mpctl{display:flex;justify-content:center;align-items:center;gap:8px}
.mpmix{display:grid;gap:6px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--sunk) 75%,transparent);border:1px solid var(--line)}
.mpmix .lab{font-size:.75rem;color:var(--muted)}
.mpmix .seg{width:100%}.mpmix .seg button{flex:1}
.mpmix .seg button[aria-pressed="true"]{background:var(--mpc);color:#fff}
.mpfade{display:grid;gap:2px;font-size:.75rem;color:var(--muted)}.mpfade b{color:var(--ink)}
.mpnote{margin:0;font-size:.74rem;color:var(--muted);line-height:1.45}
.mplist{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.mplist li{display:flex;align-items:center;gap:4px}
.mplist li{min-width:0}.mplist li>button[data-i]{flex:1;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px 5px 5px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.mplist li>button[data-i]:hover{background:color-mix(in srgb,var(--mpc) 12%,transparent)}
.mplist li>button.on{background:color-mix(in srgb,var(--mpc) 20%,transparent);border-color:color-mix(in srgb,var(--mpc) 45%,transparent)}
.mplist img{width:40px;height:40px;border-radius:7px;object-fit:cover}
.mplist b{display:block;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mplist small{font-size:.72rem;color:var(--muted)}
.mpeq{display:flex;align-items:end;gap:2px;height:14px}.mpeq i{width:3px;height:40%;background:var(--mpk);border-radius:1px}
.mp.playing .mpeq i{animation:eqBar .8s ease-in-out infinite}.mpeq i:nth-child(2){animation-delay:-.3s!important}.mpeq i:nth-child(3){animation-delay:-.55s!important}
.mpdel{width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer}.mpdel:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}
.mpfoot{display:flex;gap:6px;flex-wrap:wrap}
.mp.empty .mpcov img,.mp.empty .mpart img{visibility:hidden}.mp.empty .mpcov,.mp.empty .mpart{background:repeating-linear-gradient(135deg,var(--sunk) 0 8px,color-mix(in srgb,var(--line) 60%,transparent) 8px 16px)}.mp.empty .mpmain,.mp.empty #mpNext,.mp.empty .mpctl,.mp.empty .mpseek,.mp.empty #mpCoverB{opacity:.35;pointer-events:none}
/* YouTube en el reproductor */
.mpyt{display:grid;gap:6px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--sunk) 75%,transparent);border:1px solid var(--line)}
.mpyt[hidden]{display:none}.mpyt label{font-size:.75rem;color:var(--muted)}.mpyt input{flex:1;min-width:0}
/* buscador de música (YouTube y Spotify) */
.mpfind{display:grid;gap:8px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--sunk) 75%,transparent);border:1px solid var(--line);min-width:0}
.mpfind[hidden]{display:none}
.mfq{display:flex;gap:6px}.mfq input{flex:1;min-width:0}
.mpres{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:300px;overflow-y:auto;overscroll-behavior:contain}
.mpres:empty{display:none}
.mfr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:5px 6px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.mfr:hover,.mfr:focus-visible{background:color-mix(in srgb,var(--mpc) 16%,transparent)}
.mfr img,.mfimg{width:56px;height:42px;border-radius:6px;object-fit:cover;background:var(--sunk);display:grid;place-items:center}
.mfimg.yt{background:#f03;color:#fff;font-size:.9rem}.mfimg.sp{background:#1ed760;color:#000;font-size:1rem}
.mfr>span:nth-child(2){display:grid;min-width:0}.mfr b{font-size:.84rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mfr small{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfr small em{font-style:normal;font-weight:700;color:var(--mpk)}
.mfadd{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--mpc) 22%,transparent);color:var(--ink);font-weight:700}
.mfr.in .mfadd{background:var(--mpc);color:#fff}
.mfload{display:flex;justify-content:center;gap:6px;padding:14px}.mfload i{width:8px;height:8px;border-radius:50%;background:var(--mpc);animation:mfDot 1s ease-in-out infinite}.mfload i:nth-child(2){animation-delay:.15s}.mfload i:nth-child(3){animation-delay:.3s}
@keyframes mfDot{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:none}}
.mp.sp .mptv{background:#121212}
.mptv{position:absolute;left:0;bottom:calc(100% + 10px);width:200px;height:200px;z-index:3;border-radius:12px;overflow:hidden;background:#000;border:1px solid color-mix(in srgb,var(--mpc) 40%,var(--line));box-shadow:0 14px 34px -14px #000c;display:none;transition:left .3s,top .3s,width .3s,height .3s,border-radius .3s}
.mp.yt .mptv{display:block}
.mp.open .mptv{bottom:auto;border-radius:16px}
@media (max-width:640px){.mp.yt:not(.open) .mptv{display:none}}
.mptvp{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease}
.mptvp.on{opacity:1;pointer-events:auto}
.mptvp iframe,.mptvp>div{width:100%;height:100%;border:0;display:block}
/* achicado: solo la carátula */
/* sin música sonando también queda en círculo, para no tapar la lista de la izquierda */
.mp.min,.mp:not(.open):not(.playing):not(.waiting){width:auto}
:is(.mp.min,.mp:not(.open):not(.playing):not(.waiting)) .mpbar{grid-template-columns:auto;padding:6px;border-radius:50%}
:is(.mp.min,.mp:not(.open):not(.playing):not(.waiting)) .mpbar>:not(.mpcov):not(.mpprog){display:none}
:is(.mp.min,.mp:not(.open):not(.playing):not(.waiting)) :is(.mpcov,.mpcov img,.mpring){border-radius:50%}
:is(.mp.min,.mp:not(.open):not(.playing):not(.waiting)) .mpprog{display:none}
.mp:not(.open):not(.playing):not(.waiting) .mpcov{width:44px;height:44px}
.mp:not(.open):not(.playing):not(.waiting) .mpcov::after{content:"♪";position:absolute;inset:0;display:grid;place-items:center;font-size:1.3rem;font-weight:700;color:var(--ink);text-shadow:0 1px 3px color-mix(in srgb,var(--panel) 80%,transparent);pointer-events:none}
.mp:not(.empty):not(.open):not(.playing):not(.waiting) .mpcov::after{color:#fff;text-shadow:0 1px 4px #000b}
.mp.min.playing .mpcov img{animation:mpVinyl 8s linear infinite}
@keyframes mpVinyl{to{rotate:360deg}}
.mp.waiting .mpmain{animation:introPulseDot 1.4s ease-in-out infinite}
/* pantallas chicas: barra de abajo a lo ancho */
@media (max-width:640px){.mp{left:8px;right:8px;bottom:8px;width:auto}:is(.mp.min,.mp:not(.open):not(.playing):not(.waiting)){right:auto}.mpfull{max-height:74vh}}
@media (prefers-reduced-motion:reduce){.mp *{animation:none!important}}
/* ---- panel de gráficos ---- */
.gfxgrid{display:grid;gap:8px}
.gfxcard{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;text-align:left;padding:9px 11px;border-radius:var(--r,8px);border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.gfxcard:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.gfxcard[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--sunk))}
.gfxcard b{font-family:var(--display);font-size:1.05rem}.gfxcard>span:last-child{grid-column:2;font-size:.76rem;color:var(--muted);line-height:1.4}
.gfxprev{grid-row:1 / span 2;width:64px;height:46px;border-radius:6px;position:relative;overflow:hidden;border:1px solid #0003}
.gfxprev i{position:absolute;display:block}
.gp-moderno{background:linear-gradient(160deg,#16231c,#0b120e)}.gp-moderno i:nth-child(1){left:6px;top:6px;width:30px;height:5px;border-radius:3px;background:#4dbd83;box-shadow:0 0 8px #16d98a}.gp-moderno i:nth-child(2){left:6px;top:16px;right:6px;height:22px;border-radius:5px;background:#1c2a22}.gp-moderno i:nth-child(3){right:10px;top:22px;width:14px;height:9px;border-radius:3px;background:#4dbd83}
.gp-clasico{background:#d4d0c8}.gp-clasico i:nth-child(1){left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,#0a246a,#a6caf0)}.gp-clasico i:nth-child(2){left:6px;top:15px;right:6px;height:23px;background:#ece9d8;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080}.gp-clasico i:nth-child(3){right:10px;top:22px;width:16px;height:9px;background:#d4d0c8;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040}
.gp-retro{background:linear-gradient(180deg,#0a1a4a,#020615)}.gp-retro::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0006 0 1px,transparent 1px 3px)}.gp-retro i:nth-child(1){left:6px;top:7px;width:34px;height:6px;background:#ffd400;transform:skewX(-20deg)}.gp-retro i:nth-child(2){left:6px;top:18px;right:6px;height:20px;background:#13307a;border:1px solid #37c6ff}.gp-retro i:nth-child(3){left:12px;top:24px;width:22px;height:7px;background:#ffd400;transform:skewX(-20deg)}
.gp-low{background:#2a2f2c}.gp-low i:nth-child(1){left:8px;top:10px;width:48px;height:6px;background:#777}.gp-low i:nth-child(2){left:8px;top:22px;width:34px;height:6px;background:#555}
.gp-mid{background:linear-gradient(160deg,#1d3a2c,#0b1310)}.gp-mid i:nth-child(1){left:8px;top:10px;width:48px;height:6px;border-radius:3px;background:#4dbd83}.gp-mid i:nth-child(2){left:8px;top:22px;width:34px;height:6px;border-radius:3px;background:#2c6b4a}
.gp-high{background:radial-gradient(circle at 30% 30%,#2a6b4c,#06100b)}.gp-high i:nth-child(1){left:8px;top:10px;width:48px;height:6px;border-radius:3px;background:#7dffc2;box-shadow:0 0 10px #16d98a,0 0 20px #16d98a}.gp-high i:nth-child(2){left:8px;top:22px;width:34px;height:6px;border-radius:3px;background:#4dbd83;box-shadow:0 0 8px #16d98a}.gp-high i:nth-child(3){right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #fff}
.gfxfps{display:flex;align-items:baseline;gap:10px}.gfxfps b{font-family:var(--mono);font-size:1.3rem;color:var(--accent)}.gfxfps span{font-size:.8rem;color:var(--muted)}
/* ---- calidad baja: sin animaciones, desenfoques, sombras ni filtros ---- */
html[data-q="low"] *,html[data-q="low"] *::before,html[data-q="low"] *::after{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
html[data-q="low"] .face img,html[data-q="low"] .mpcov img,html[data-q="low"] .mpart img,html[data-q="low"] .mpglow,html[data-q="low"] .siderbtn img{filter:none!important}
html[data-q="low"] .introrays,html[data-q="low"] .introfloor,html[data-q="low"] .introsparks,html[data-q="low"] .introbg i,html[data-q="low"] .introback,html[data-q="low"] .introhalo,html[data-q="low"] .introflash,html[data-q="low"] .mpglow{display:none!important}
html[data-q="low"] .introneon{filter:none!important;opacity:.9!important}
html[data-q="low"] .intro.logo-in .introlog>img{opacity:1}
html[data-q="low"] .introlog{-webkit-box-reflect:none}
html[data-q="low"] .tabbar,html[data-q="low"] .mpbar,html[data-q="low"] .mpfull{background:var(--panel)!important}
html[data-q="low"] .list-body>.item{content-visibility:auto}
/* ---- calidad alta: efectos más intensos ---- */
html[data-q="high"] .tabbar{backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}
html[data-q="high"] .card{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 60%,transparent),0 18px 40px -24px #000a,0 0 0 1px color-mix(in srgb,var(--accent) 6%,transparent)}
html[data-q="high"] .mpbar,html[data-q="high"] .mpfull{backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
html[data-q="high"] .btn.primary{box-shadow:0 4px 16px -6px var(--accent)}
html[data-q="high"] .tab[aria-selected="true"]{text-shadow:0 0 14px color-mix(in srgb,var(--neon) 55%,transparent)}
html[data-q="high"] .mpglow{filter:blur(36px);opacity:.7}
html[data-q="high"] .introneon{filter:drop-shadow(0 0 1.5px var(--nc)) drop-shadow(0 0 6px var(--nc)) drop-shadow(0 0 14px color-mix(in srgb,var(--nc) 70%,transparent))}
/* ---- modo clásico: editor de escritorio de antes ---- */
html[data-gfx="clasico"]{--bg:#d4d0c8!important;--panel:#ece9d8!important;--sunk:#f6f4ec!important;--ink:#000!important;--muted:#4a4a4a!important;--line:#9a968c!important;--accent:#0a246a!important;--accent-ink:#fff!important;--accent-soft:#c9d6ef!important;--sel:#c9d6ef!important;--neon:#3a6ea5!important;--bar-lo:#c0bcb2!important;--r:2px!important;color-scheme:light}
html[data-gfx="clasico"].cdark{--bg:#2b2b2b!important;--panel:#3a3a3a!important;--sunk:#323232!important;--ink:#eee!important;--muted:#b4b4b4!important;--line:#5c5c5c!important;--accent:#3a6ea5!important;--accent-ink:#fff!important;--accent-soft:#34465c!important;--sel:#34465c!important;--neon:#6fa3dc!important;color-scheme:dark}
html[data-gfx="clasico"] .btn,html[data-gfx="clasico"] .seg,html[data-gfx="clasico"] .chip{border-radius:2px!important;border:1px solid var(--line)!important;box-shadow:inset 1px 1px #fff8,inset -1px -1px #0005!important;background:var(--panel)}
html[data-gfx="clasico"] .btn:active{box-shadow:inset -1px -1px #fff8,inset 1px 1px #0005!important}
html[data-gfx="clasico"] .btn.primary{background:var(--accent)}
html[data-gfx="clasico"] .card,html[data-gfx="clasico"] .mpbar,html[data-gfx="clasico"] .mpfull,html[data-gfx="clasico"] .uipanel{box-shadow:inset 1px 1px #fff8,inset -1px -1px #0004,2px 2px 0 #0002!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:2px!important}
html[data-gfx="clasico"] .top{background:linear-gradient(180deg,var(--panel),var(--bg))}
html[data-gfx="clasico"] .tabbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-gfx="clasico"] .tab[aria-selected="true"]{background:var(--panel);border:1px solid var(--line);border-bottom:3px solid var(--accent);border-radius:2px 2px 0 0}
html[data-gfx="clasico"] input,html[data-gfx="clasico"] select{border-radius:0!important;box-shadow:inset 1px 1px #0004,inset -1px -1px #fff8}
html[data-gfx="clasico"] .intro{background:var(--bg)!important}
/* ---- modo retro: menús de PES en PS2 ---- */
html[data-gfx="retro"]{--bg:#030a24!important;--panel:#0b1c52!important;--sunk:#071440!important;--ink:#f2f6ff!important;--muted:#9fb3e8!important;--line:#2a4fa8!important;--accent:#ffd400!important;--accent-ink:#0a0f2a!important;--accent-soft:#2a2a10!important;--sel:#14307a!important;--neon:#37c6ff!important;--bar-lo:#14307a!important;--pitch:#1f5a2e!important;--r:0px!important;color-scheme:dark}
html[data-gfx="retro"] body{background:radial-gradient(ellipse at 50% -20%,#1b3d9a 0%,transparent 60%),repeating-linear-gradient(135deg,#ffffff06 0 2px,transparent 2px 14px),var(--bg) fixed}
html[data-gfx="retro"] body::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;background:repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,#0008 100%)}
html[data-gfx="retro"][data-q="low"] body::after{background:none}
html[data-gfx="retro"] .top{background:linear-gradient(180deg,#0e2470,#071440);border-bottom:2px solid var(--neon)}
html[data-gfx="retro"] .tabbar{background:#061238e6;border-bottom:2px solid var(--line)}
html[data-gfx="retro"] .tab[aria-selected="true"]{color:#0a0f2a;background:linear-gradient(90deg,#ffd400,#ffb000);border-bottom-color:transparent;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
html[data-gfx="retro"] .card{background:linear-gradient(180deg,#0f2566e6,#081a4ee6);border:2px solid var(--line);box-shadow:0 0 0 1px #000,inset 0 1px #ffffff22}
html[data-gfx="retro"] .btn{border-radius:0;border-width:2px}
html[data-gfx="retro"] .btn.primary{background:linear-gradient(180deg,#ffe24a,#ffb800);border-color:#fff3;color:#0a0f2a}
html[data-gfx="retro"] .item[aria-current="true"],html[data-gfx="retro"] .item.on{background:linear-gradient(90deg,#ffd40033,transparent);box-shadow:inset 4px 0 #ffd400}
html[data-gfx="retro"] .tab[aria-selected="true"] .count{color:#0a0f2acc}
html[data-gfx="retro"] .brandsub b,html[data-gfx="retro"] h2,html[data-gfx="retro"] h3{text-shadow:2px 2px 0 #000}
html[data-gfx="retro"] .mpbar,html[data-gfx="retro"] .mpfull{border-radius:0;border:2px solid var(--neon);background:#071440f0}
/* ---- estilo PES 6 Editar: barras plateadas sobre fondo ámbar desenfocado, selección amarilla dorada, barra de título gris carbón ---- */
.gp-pes6{background:radial-gradient(circle at 25% 20%,#ffe9a8,#e9962e 45%,#8a4a14)}.gp-pes6 i:nth-child(1){left:0;right:0;top:0;height:8px;background:#3a3a3a}.gp-pes6 i:nth-child(2){left:6px;top:14px;width:46px;height:9px;border-radius:3px;background:linear-gradient(180deg,#fdf0a0,#e6c02e);box-shadow:0 0 0 1px #b8901a}.gp-pes6 i:nth-child(3){left:10px;top:27px;width:42px;height:9px;border-radius:3px;background:linear-gradient(180deg,#fafaf8,#c9c8c2);box-shadow:0 0 0 1px #8f8c84}
html[data-gfx="pes6"]{--bg:#c4782a!important;--panel:#efeee9!important;--sunk:#e2e1db!important;--ink:#1c1c1a!important;--muted:#56534b!important;--line:#a19d92!important;--accent:#d9a91c!important;--accent-ink:#1c1c1a!important;--accent-soft:#f6e9b0!important;--sel:#f7e795!important;--neon:#ffd23a!important;--bar-lo:#d5d3cb!important;--pitch:#2f7d4f!important;--warn:#9a5800!important;--bad:#b0281f!important;--r:7px!important;color-scheme:light}
html[data-gfx="pes6"] body{background:#b8661e}
/* fondo: foto del estadio en sepia, apenas desenfocada y pixelada como una tele CRT */
html[data-gfx="pes6"] body::before{content:"";position:fixed;inset:-12px;z-index:-1;pointer-events:none;background:#7d3e10 url("../assets/pes6-fondo.jpg") center/cover no-repeat;image-rendering:pixelated;filter:blur(1.2px) saturate(1.1) brightness(1.02)}
/* CRT: líneas de barrido, rejilla de fósforo RGB y bordes más oscuros */
html[data-gfx="pes6"] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ff00000d 0 1px,#00ff000d 1px 2px,#0000ff0d 2px 3px),radial-gradient(ellipse at center,transparent 55%,#0007 100%)}
html[data-gfx="pes6"][data-q="low"] body::before{filter:none}
html[data-gfx="pes6"] .top{background:linear-gradient(180deg,#4b4b4b,#2b2b2b);color:#f2f2f0;border-bottom:2px solid #1a1a1a}
html[data-gfx="pes6"] .top .brandsub{border-left-color:#666}html[data-gfx="pes6"] .top .brandsub span{color:#bdbdb8}
html[data-gfx="pes6"] .top input{background:linear-gradient(180deg,#fafaf8,#e4e3de);color:#1c1c1a;border-color:#8f8c84}
html[data-gfx="pes6"] .tabbar{background:#2b2b2bcc;border-bottom:1px solid #1a1a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html[data-gfx="pes6"] .tabbar .tabs{gap:5px;padding-block:5px}
html[data-gfx="pes6"] .tab{color:#1c1c1a;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;border-radius:6px;box-shadow:inset 0 1px #fff,0 2px 4px #0005;padding-block:.22rem}
html[data-gfx="pes6"] .tab:hover{background:linear-gradient(180deg,#fffbe0,#e9dfae)}
html[data-gfx="pes6"] .tab[aria-selected="true"]{color:#1c1c1a;background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;box-shadow:inset 0 1px #fff9,0 0 0 2px #ffd23a88,0 2px 6px #0006}
html[data-gfx="pes6"] .tab .count{color:#5a4a10}
html[data-gfx="pes6"] .tabbar .status .chip{background:#f2f1ec;color:#2b2b2b;border-color:#8f8c84}
html[data-gfx="pes6"] .tabbar .uibtn{color:#1c1c1a}
@media (max-width:1500px){html[data-gfx="pes6"] .tabbar .ublab{display:none}}
html[data-gfx="pes6"] .card{background:linear-gradient(180deg,#f6f5f1f2,#e7e6e0f2);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 10px 24px -14px #5a2a00cc}
html[data-gfx="pes6"] .btn{background:linear-gradient(180deg,#fafaf8,#cfcdc7);color:#1c1c1a;border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 1px 2px #0003}
html[data-gfx="pes6"] .btn:hover:not(:disabled){background:linear-gradient(180deg,#fffbe0,#efd96e);border-color:#a8820f}
html[data-gfx="pes6"] .btn.primary{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;color:#1c1c1a}
html[data-gfx="pes6"] .btn.ghost{background:transparent;box-shadow:none;border-color:transparent}
html[data-gfx="pes6"] .top .btn.ghost{color:#f2f2f0}
html[data-gfx="pes6"] .seg{border-color:#8f8c84;background:#e2e1db}
html[data-gfx="pes6"] .seg button[aria-pressed="true"]{background:linear-gradient(180deg,#fdf0a0,#e6c02e);color:#1c1c1a}
html[data-gfx="pes6"] .list-body{padding:4px 6px}
html[data-gfx="pes6"] .item{margin:3px 0;border-radius:6px;background:linear-gradient(180deg,#fbfbf9,#d9d8d2);border:1px solid #9d9a90;box-shadow:inset 0 1px #fff}
html[data-gfx="pes6"] .item:hover{background:linear-gradient(180deg,#fffbe0,#ece0a8)}
html[data-gfx="pes6"] .item.on{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;box-shadow:inset 0 1px #fff9,0 0 0 2px #ffd23a99}
html[data-gfx="pes6"] .dt thead th{background:linear-gradient(180deg,#5a5a5a,#343434);color:#f2f2f0}
html[data-gfx="pes6"] tr:hover td{background:#f7e79566}
html[data-gfx="pes6"] .mpbar,html[data-gfx="pes6"] .mpfull,html[data-gfx="pes6"] .uipanel{background:linear-gradient(180deg,#f6f5f1f5,#e2e1dbf5);border:1px solid #8f8c84}
html[data-gfx="pes6"] .uipanel{color:#1c1c1a}
/* ---- paso suave de la pantalla de carga a la página ---- */
html.introing body>*:not(.intro){opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px)}
html.revealing body>*:not(.intro){transition:opacity .9s ease .15s,transform 1.1s cubic-bezier(.16,.84,.3,1) .15s,filter .9s ease .15s}
html.introing body>.top{transform:none}
html.revealing body>.top{transition-delay:.05s}html.revealing body>main{transition-delay:.3s}
.capb{display:inline-grid;place-items:center;width:1.25em;height:1.25em;margin-left:6px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:700 .72em/1 var(--mono);flex:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.sdbsteps{margin:8px 0;padding-left:1.3em;display:grid;gap:5px;line-height:1.5}
.dbroster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.dbp{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.dbp:hover{border-color:var(--accent)}.dbp .num{min-width:1.6em;text-align:center;font-family:var(--mono)}.dbp .pn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---- botón Sider ---- */
.siderbtn{display:inline-flex;align-items:center;gap:7px}
.siderbtn img{width:22px;height:22px;margin:-4px 0;filter:drop-shadow(0 1px 1px #0005);transition:rotate .35s cubic-bezier(.3,1.6,.5,1)}
.siderbtn:hover img{rotate:-14deg}
/* ---- novedades ---- */
.tab .count.newsdot{color:var(--neon);background:transparent;font-size:.7rem;animation:introPulseDot 1.6s ease-in-out infinite}
@keyframes introPulseDot{50%{opacity:.35}}
.newshead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.newshead h2{margin:0;font-family:var(--display);font-size:1.7rem}.newshead .note{margin:2px 0 0}
.newsf{flex-wrap:wrap}
.newslist{list-style:none;margin:0;padding:0 0 0 6px;display:grid;gap:14px;position:relative}
.newslist::before{content:"";position:absolute;left:52px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--line) 80%,transparent))}
.newsv{display:grid;grid-template-columns:96px 1fr;gap:16px;animation:popIn .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms)}
.newsbadge{display:grid;justify-items:center;align-content:start;gap:4px;position:relative;z-index:1}
.newsbadge b{display:grid;place-items:center;min-width:66px;font-size:.92rem!important;padding:4px 10px;border-radius:99px;font-family:var(--display);font-size:1.05rem;background:var(--panel);border:2px solid var(--line);color:var(--ink)}
.newsv.fresh .newsbadge b,.newsv:first-child .newsbadge b{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),0 0 18px color-mix(in srgb,var(--neon) 40%,transparent)}
.chip.newchip{background:color-mix(in srgb,var(--neon) 18%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--neon) 50%,transparent)}
.newsbody{border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk);overflow:hidden;transition:border-color .2s}
.newsv.fresh .newsbody{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.newsbody>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;list-style:none}
.newsbody>summary::-webkit-details-marker{display:none}
.newsbody>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);rotate:45deg;translate:0 -3px;transition:rotate .2s,translate .2s;flex:none}
.newsbody[open]>summary::after{rotate:225deg;translate:0 2px}
.newsbody>summary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.newstt{flex:1;display:grid;gap:2px;min-width:0}
.newstt h3{margin:0;font-family:var(--display);font-size:1.2rem}
.newstt time{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.newstt time small{opacity:.8}
.newsn{font-size:.72rem;color:var(--muted);white-space:nowrap}
.newslead{margin:0 16px 10px;font-size:.92rem;color:var(--muted);line-height:1.5}
.newsbody ul{margin:0;padding:0 16px 14px;list-style:none;display:grid;gap:10px}
.newsbody>ul>li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;line-height:1.55;font-size:.92rem;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--line) 80%,transparent)}
.newsbody[open]>ul>li{animation:popIn .3s both}
.newsh{display:block;font-size:.98rem;margin-bottom:2px}
.newsbody p{margin:0}.newsbody>.newslead{margin:0 16px 10px}
.newshow{margin-top:8px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:3px solid var(--accent)}
.newshow>span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.newshow ol{margin:4px 0 0;padding-left:1.2em;display:grid;gap:3px}
.newstools{display:flex;gap:6px;align-items:center}.newstools input{min-width:220px}
.newsf{margin-bottom:14px}
.newstag{margin-top:3px}
.newstag[data-k="musica"]{background:color-mix(in srgb,#a855f7 14%,transparent);color:color-mix(in srgb,#a855f7 75%,var(--ink))}
.newstag{font-size:.7rem;font-weight:700;white-space:nowrap;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.newstag[data-k="kits"]{background:color-mix(in srgb,#d4a017 16%,transparent);color:color-mix(in srgb,#d4a017 75%,var(--ink))}
.newstag[data-k="archivo"]{background:color-mix(in srgb,#3b82f6 14%,transparent);color:color-mix(in srgb,#3b82f6 75%,var(--ink))}
.newstag[data-k="velocidad"]{background:color-mix(in srgb,#ef4444 14%,transparent);color:color-mix(in srgb,#ef4444 75%,var(--ink))}
@media (max-width:640px){.newslist::before{display:none}.newsv{grid-template-columns:1fr;gap:6px}.newsbadge{justify-items:start;grid-auto-flow:column;justify-content:start}.newsbody>ul>li{grid-template-columns:1fr;gap:4px}.newstag{justify-self:start}.newstools{width:100%}.newstools input{flex:1;min-width:0}.newsn{display:none}}
/* ---- carpeta del juego / WEPES ---- */
.pesedits{display:grid;gap:6px}
.pesedit{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:8px 12px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk)}
.pesedit.on{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.pesedit .mono{font-family:var(--mono);font-size:.74rem;color:var(--muted);grid-column:1}.pesedit small{grid-column:1;color:var(--muted);font-size:.74rem}.pesedit .btn,.pesedit .chip{grid-column:2;grid-row:1 / span 3}
.wepcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-family:var(--display);font-weight:700;font-size:1.1rem}.wepcrumb i{font-style:normal;color:var(--muted)}.wepcrumb span:last-child{color:var(--accent)}
.wepgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.wepi{display:grid;gap:4px;padding:8px;border-radius:var(--r,8px);border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,translate .15s}
.wepi:hover{border-color:var(--accent);translate:0 -2px}
.wept{display:grid;place-items:center;height:100px;border-radius:6px;font-size:2.2rem;background:repeating-conic-gradient(#0000 0 25%,#ffffff0d 0 50%) 0 0/14px 14px,var(--panel)}
.wept canvas{width:100%;height:100%;object-fit:contain}
.wepi b{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wepi small{font-size:.7rem;color:var(--muted)}
.wepempty{display:grid;gap:6px;justify-items:center;text-align:center;padding:40px 16px;border:1.5px dashed var(--line);border-radius:var(--r,8px);color:var(--muted)}.wepempty b{color:var(--ink);font-family:var(--display);font-size:1.2rem}
.wepprev{display:grid;place-items:center;background:repeating-conic-gradient(#0000 0 25%,#ffffff10 0 50%) 0 0/16px 16px;border-radius:8px;padding:8px}.wepprev img{max-width:100%;max-height:60vh}
/* ---- panel de apariencia ---- */
.uipanel{position:fixed;top:12px;right:12px;bottom:12px;z-index:40;width:min(380px,calc(100vw - 24px));overflow-y:auto;display:grid;align-content:start;gap:14px;padding:14px 16px 18px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--r,8px) + 4px);box-shadow:0 24px 70px -20px #000a;translate:calc(100% + 24px) 0;transition:translate .22s cubic-bezier(.2,.8,.2,1)}
.uipanel.on{translate:0 0}
.uipanel[hidden]{display:none}
.uihead{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 -4px}
.uihead h3{margin:0;font-family:var(--display);font-size:1.45rem;font-weight:700;letter-spacing:.01em}
.uipanel{grid-template-columns:minmax(0,1fr);overflow-x:hidden}
.uisec{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);min-width:0}
.uisec.two{grid-template-columns:minmax(0,1fr);gap:12px}
.uisec.two>div{display:grid;gap:6px}
.uisec .seg{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%}
.uisec .seg button{flex:1 0 auto}
.uisec .lab b{font-family:var(--mono);color:var(--accent);margin-left:4px}
.uibases{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:6px}
.uibases button{display:flex;align-items:center;gap:7px;font:inherit;font-size:.8rem;font-weight:600;padding:6px 8px;border-radius:calc(var(--r,8px) * .75);border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);cursor:pointer;text-align:left}
.uibases button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.uibd{width:22px;height:22px;flex:none;border-radius:50%;background:conic-gradient(var(--a) 0 50%,var(--b) 50% 100%);box-shadow:inset 0 0 0 1px #0002}
.uiteam{grid-template-columns:auto 1fr;align-items:center;padding:10px;border-radius:var(--r,8px);background:linear-gradient(100deg,color-mix(in srgb,var(--team1) 22%,var(--sunk)),var(--sunk) 70%);border:1px solid var(--line)}
.uiteam > span{display:grid;min-width:0}.uiteam .sub{font-size:.74rem;color:var(--muted)}
.uiteam .chk,.uiteam .btn{grid-column:1 / -1}
.uiteam .crest{width:34px;height:30px}
.uiscale{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:-2px}
.uisw{display:inline-block;width:30px;height:30px;border-radius:calc(var(--r,8px) * .75);border:1px solid var(--line);box-shadow:inset 0 0 0 1px #ffffff14}
.uifontprev{display:grid;gap:2px;margin:2px 0 0;padding:8px 10px;border-radius:8px;background:var(--sunk);border:1px dashed var(--line)}.uifontprev b{font-family:var(--display);font-size:1.15rem}.uifontprev span{font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.uiprev{display:grid;gap:8px;padding:10px;border-radius:var(--r,8px);background:var(--bg);border:1px dashed var(--line)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ---- Estrategia en cada modo gráfico ---- */
html[data-gfx="clasico"] .stratcard{--att:#a3174f;--dfc:#0a5e8a}
html[data-gfx="clasico"].cdark .stratcard{--att:#e46b9b;--dfc:#5bb3e0}
html[data-gfx="clasico"] .stside{border-radius:2px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--side);box-shadow:inset 1px 1px #0003,inset -1px -1px #fff8}
html[data-gfx="clasico"] :is(.stchoice button,.qt,.advt){border-radius:2px;border:1px solid var(--line);background:var(--panel);box-shadow:inset 1px 1px #fff8,inset -1px -1px #0004;transition:none}
html[data-gfx="clasico"] :is(.stchoice button,.advt)[aria-pressed="true"],html[data-gfx="clasico"] .qt[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset -1px -1px #fff4,inset 1px 1px #0006}
html[data-gfx="clasico"] :is(.stchoice button,.qt,.advt)[aria-pressed="true"] small{color:var(--accent-ink);opacity:.85}
html[data-gfx="clasico"] .advn{border-radius:2px}
html[data-gfx="retro"] .stratcard{--att:#ff4f8b;--dfc:#36d1ff}
html[data-gfx="retro"] .stside{border-radius:0;background:#071440cc;border:2px solid var(--line);border-top:3px solid var(--side);box-shadow:0 0 0 1px #000}
html[data-gfx="retro"] .stside h4{text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 10px color-mix(in srgb,var(--side) 60%,transparent)}
html[data-gfx="retro"] :is(.stchoice button,.qt,.advt){border-radius:0;border:2px solid var(--line);background:linear-gradient(180deg,#123080,#0b1c52)}
html[data-gfx="retro"] :is(.stchoice button,.advt)[aria-pressed="true"]{border-color:var(--accent);background:linear-gradient(180deg,#2a3c8a,#14286a);box-shadow:inset 4px 0 0 var(--side),0 0 12px #ffd40044}
html[data-gfx="retro"] .qt[aria-pressed="true"]{border-color:var(--accent);background:linear-gradient(180deg,#ffe24a,#ffb800);color:#0a0f2a;box-shadow:none}
html[data-gfx="retro"] .qt[aria-pressed="true"] small{color:#0a0f2acc}
html[data-gfx="retro"] .advn{border-radius:0;color:#0a0f2a}
html[data-gfx="pes6"] .stratcard{--att:#c2185b;--dfc:#1b7fa8}
html[data-gfx="pes6"] .stside{border-radius:3px;background:#e2e1db;border:1px solid #8f8c84;border-top:4px solid var(--side);box-shadow:inset 0 1px #fff}
html[data-gfx="pes6"] :is(.stchoice button,.qt,.advt){border-radius:3px;background:linear-gradient(180deg,#fafaf8,#d9d7d1);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 1px 2px #0002;color:#1c1c1a}
html[data-gfx="pes6"] :is(.stchoice button,.qt,.advt):hover{background:linear-gradient(180deg,#fffbe0,#efd96e);border-color:#a8820f}
html[data-gfx="pes6"] :is(.stchoice button,.qt,.advt)[aria-pressed="true"]{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;box-shadow:inset 4px 0 0 var(--side),inset 0 1px #fff8}
html[data-gfx="pes6"] .qt[aria-pressed="true"]{box-shadow:inset 0 1px #fff8}
html[data-gfx="pes6"] :is(.stchoice button,.qt,.advt)[aria-pressed="true"] small{color:#3c3a33}
/* ---- Apariencia: grupos con ícono, botones con dibujo y paletas con vista previa ---- */
.uigrp{display:grid;gap:8px;padding:12px;border-radius:var(--r,8px);background:var(--sunk);border:1px solid var(--line);min-width:0}
.uih{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.01em}
.uihi{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:.95rem}
.uinote{margin:-4px 0 0;font-size:.74rem}
.uigrp .uisec{gap:6px}
.uitiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px}
.uitiles button{display:grid;justify-items:center;align-content:center;gap:3px;min-height:58px;padding:6px 4px;font:inherit;font-size:.74rem;font-weight:600;line-height:1.15;text-align:center;border-radius:calc(var(--r,8px) * .75);border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,translate .12s}
.uitiles button:hover{border-color:var(--accent)}
.uitiles button[aria-pressed="true"]{border-color:var(--accent);background:var(--sel);box-shadow:0 0 0 1px var(--accent)}
.uiic{display:grid;place-items:center;height:24px;font-size:1.15rem;line-height:1}
.uidot{display:block;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}
.uidot0{background:repeating-linear-gradient(135deg,var(--line) 0 4px,transparent 4px 8px)}
.uicorner{display:block;width:26px;height:20px;border:2.5px solid currentColor;border-right:0;border-bottom:0}
.uibases{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
.uibases button{position:relative;display:grid;gap:6px;justify-items:stretch;padding:6px;background:var(--panel)}
.uimock{position:relative;display:block;height:46px;border-radius:6px;background:var(--mb);overflow:hidden;box-shadow:inset 0 0 0 1px #0002}
.uimock i{position:absolute;left:6px;right:6px;top:6px;height:8px;border-radius:3px;background:var(--mp);box-shadow:0 1px 2px #0002}
.uimock b{position:absolute;left:6px;right:40%;top:19px;bottom:6px;border-radius:4px;background:var(--mp);box-shadow:0 1px 2px #0002}
.uimock em{position:absolute;right:6px;bottom:6px;width:30%;height:10px;border-radius:3px;background:var(--ma)}
.uibn{font-size:.78rem;text-align:center}
.uick{position:absolute;top:2px;right:2px;display:none;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.7rem;font-weight:800}
.uibases button[aria-pressed="true"] .uick{display:grid}
.uigrp .uiteam{background:linear-gradient(100deg,color-mix(in srgb,var(--team1) 22%,var(--panel)),var(--panel) 70%)}
.uireset{justify-self:center}
html[data-gfx="clasico"] .uitiles button{border-radius:0}
html[data-gfx="retro"] .uitiles button,html[data-gfx="retro"] .uigrp{border-radius:0}
/* ---- PES 6: tabla del plantel dorada, botones de la barra legibles y logo que "respira" ---- */
html[data-gfx="pes6"] .dt thead th{background:linear-gradient(180deg,#f3d25a,#c99a12);color:#2a2000;border-bottom:1px solid #8a6a08;text-shadow:0 1px #fff6}
html[data-gfx="pes6"] .dt thead th.on,html[data-gfx="pes6"] .dt thead th .sarr{color:#1c1c1a}
html[data-gfx="pes6"] .dt tbody tr.prow td{background:#fffaf0;color:#1c1c1a;border-bottom-color:#e6d6a4}
html[data-gfx="pes6"] .dt tbody tr.prow:nth-child(even) td{background:#fbf3dc}
html[data-gfx="pes6"] .dt tbody tr.prow.starter td{background:#fcecb6}
html[data-gfx="pes6"] .dt tbody tr.prow.starter:nth-child(even) td{background:#f8e4a2}
html[data-gfx="pes6"] .dt tbody tr.prow:hover td{background:#fff3c4}
html[data-gfx="pes6"] .dt tbody tr.prow.sel td{background:#ffe48a}
html[data-gfx="pes6"] .dt tbody td.mono,html[data-gfx="pes6"] .dt tbody .sub,html[data-gfx="pes6"] .dt tbody .idc{color:#4a4128}
html[data-gfx="pes6"] .dt tr.starter td:first-child{box-shadow:inset 4px 0 0 #a8820f}
html[data-gfx="pes6"] .dt .stno{color:#6b5000}
html[data-gfx="pes6"] .tabbar .uibtn{color:#1c1c1a;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;border-radius:6px;box-shadow:inset 0 1px #fff,0 2px 4px #0005;font-weight:700}
html[data-gfx="pes6"] .tabbar .uibtn:hover,html[data-gfx="pes6"] .tabbar .uibtn[aria-expanded="true"]{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f}
.brand{position:relative}
.brandfx{display:none}
html[data-gfx="pes6"] .brandfx{display:block;position:absolute;inset:0;pointer-events:none}
html[data-gfx="pes6"] .brandfx i{position:absolute;inset:0;opacity:0;transition:opacity .4s}
html[data-gfx="pes6"] .bfill{background:linear-gradient(180deg,#fdf0a0,#e6c02e 55%,#a8820f);-webkit-mask:var(--lm) center/contain no-repeat;mask:var(--lm) center/contain no-repeat;z-index:-1}
html[data-gfx="pes6"] .bline{background:#ffe25a;-webkit-mask:var(--nm) center/contain no-repeat;mask:var(--nm) center/contain no-repeat;filter:drop-shadow(0 0 1px #ffd23a) drop-shadow(0 0 3px #e6a800)}
html[data-gfx="pes6"] .brand:hover{scale:1;filter:none}
html[data-gfx="pes6"] .brand:hover .brandlogo{animation:pesLogoBreath 2.8s ease-in-out infinite}
html[data-gfx="pes6"] .brand:hover .bfill{opacity:.55;animation:pesLogoEcho 2.8s ease-in-out infinite}
html[data-gfx="pes6"] .brand:hover .bline{animation:pesLogoLine 2.8s ease-in-out infinite}
@keyframes pesLogoBreath{0%,100%{scale:1}50%{scale:1.05}}
@keyframes pesLogoEcho{0%{scale:.92;opacity:.85}100%{scale:1.14;opacity:0}}
@keyframes pesLogoLine{0%{scale:.94;opacity:0}15%{opacity:1}80%{scale:1.22;opacity:0}100%{scale:1.22;opacity:0}}
html[data-gfx="pes6"][data-q="low"] .brand:hover :is(.brandlogo,.bfill,.bline){animation:none}
/* ---- plantel: jugadores más grandes y bandera al lado de la nación ---- */
.face.pl{width:3.4em;height:3.4em}
.dt.d-compact .face.pl{width:2.3em;height:2.3em}.dt.d-comfy .face.pl{width:4.4em;height:4.4em}
.dt .pn{font-size:.98rem;font-weight:600}
.dt .natw{display:inline-flex;align-items:center;gap:6px;min-width:0}
.dt .natc{max-width:130px}
.crest.flagmini{width:22px;height:15px;border-radius:2px;font-size:.5rem;box-shadow:0 0 0 1px #0003}
/* ---- PES 6: bordes rectos, como los menús de la época ---- */
html[data-gfx="pes6"] :is(.card,.btn,.tab,.item,.seg,.seg button,.fchips button,input,select,.chip,.uitiles button,.uigrp,.uihi,.uipanel,.dtbar,.tablebox,.popmenu,.gres,.bulkbar,.warnbox,.crest,.tabbar .uibtn,.stside,.stchoice button,.qt,.advt,.hero,.uiprev,.uifontprev,.mpfull,.list,.gfxpanel){border-radius:0!important}
html[data-gfx="pes6"] .face.pl{border-radius:2px}
.crest.flagmini i{display:none}
/* ---- PES 6: barra de abajo con texto que corre (novedades, ideas, saga y ayuda del menú) ---- */
.tk{display:none}
html.tking .tk{position:fixed;left:0;right:0;bottom:0;z-index:44;display:flex;align-items:stretch;height:30px;background:linear-gradient(180deg,#5a5a5a,#2b2b2b);border-top:2px solid #1a1a1a;box-shadow:0 -1px 0 #ffffff22 inset,0 -6px 18px -8px #000a;color:#f2f2f0;font-size:.82rem;font-weight:600}
.tktag{display:grid;place-items:center;flex:none;min-width:86px;padding:0 12px;background:linear-gradient(180deg,#fdf0a0,#e6c02e);color:#1c1c1a;font-weight:800;font-size:.72rem;letter-spacing:.08em;border-right:2px solid #1a1a1a;box-shadow:inset 0 1px #fff9}
.tk.helping .tktag{background:linear-gradient(180deg,#fff,#e6c02e)}
.tkwin{position:relative;flex:1;min-width:0;overflow:hidden}
.tkrun{position:absolute;top:0;bottom:0;left:0;display:flex;width:max-content;animation:tkLoop 120s linear infinite;will-change:transform}
.tkseg{display:flex;align-items:center;flex:none}
.tki{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding-right:46px;text-shadow:0 1px 0 #000}
.tki b{font-size:.62rem;letter-spacing:.08em;padding:1px 6px;color:#1c1c1a;background:linear-gradient(180deg,#fdf0a0,#e6c02e);text-shadow:none}
.tki[data-k="pes"] b{background:linear-gradient(180deg,#fafaf8,#c9c8c2)}
.tki[data-k="idea"] b{background:linear-gradient(180deg,#d9f0ff,#7fb8e6)}
.tkhelp{position:absolute;top:0;bottom:0;left:14px;right:14px;opacity:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px;color:#fdf0a0;text-shadow:0 1px 0 #000;transition:opacity .2s}
.tk.helping .tkhelp{opacity:1}.tk.helping .tkrun{opacity:0;animation-play-state:paused}
.tk:hover .tkrun{animation-play-state:paused}
@keyframes tkLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html.tking main{padding-bottom:86px}
html.tking .mp{bottom:44px}
html.tking .toast{bottom:44px}
/* texto de la barra de abajo: blanco y con la fuente de PES, como el resto del estilo */
html.tking .tk{font-family:"PES Express",var(--body);color:#fff}
.tki,.tkhelp{color:#fff;font-family:inherit;text-shadow:0 1px 0 #000,0 0 6px #0008}
.tki b,.tktag{font-family:inherit}
.dt .flagw{position:relative;display:inline-block;width:22px;height:15px;flex:none}
.dt .flagw .crest{position:absolute;inset:0}
.flagimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0003}
#rlook button{padding-inline:.6rem;font-size:.76rem}
.intro.dk .introsteps li[data-s="run"],.intro.dk .introsteps li[data-s="wait"]{color:#f1ece0}.intro.dk .introact .btn.ghost{color:#e9dfc4}.intro.dk .introact .btn.ghost:hover{color:#fff}
.intro.dk .introact p{color:#c9c0aa}
.introchoice{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.introchoice .btn{display:grid;gap:4px;justify-items:center;padding:12px 14px;white-space:normal;height:auto}.introchoice small{font-size:.74rem;font-weight:400;opacity:.85;line-height:1.35;text-transform:none}@media (max-width:520px){.introchoice{grid-template-columns:1fr}}
#fsrc button{padding:3px 10px}
.introsteps li:nth-last-child(n+4){display:none}
/* modos claros con Windows en modo oscuro: que no se cuelen los colores oscuros (por ej. el dorsal repetido quedaba negro) */
html[data-gfx="pes6"],html[data-gfx="clasico"]:not(.cdark){--a60:#b65a1a!important;--a70:#a07a00!important;--a80:#4f8f2f!important;--a90:#1d6e47!important;--alo:#8a958f!important;--bad-soft:#f8e0dd!important;--warn-soft:#fbeed8!important;--pitch-ink:#fff!important;--pitch-line:#ffffff66!important}
html[data-gfx="clasico"]:not(.cdark){--warn:#9a5800!important;--bad:#b0281f!important;--pitch:#2f7d4f!important}
html[data-gfx="pes6"] tr.dup td.num input{background:linear-gradient(180deg,#fffaf0,#f6e7c4);border-color:#c98a1a;color:#1c1c1a}
.mptvcov{position:absolute;inset:0;z-index:4;display:none;border:0;padding:0;margin:0;background:#000;cursor:pointer;animation:popIn .5s both}.mp.ytmin .mptvcov{display:block}.mp.ytmin .mptvp{opacity:0!important}.mptvcov img{width:100%;height:100%;object-fit:cover;display:block}.mptvcov span{position:absolute;left:50%;bottom:10px;translate:-50% 0;padding:4px 10px;border-radius:99px;background:#000b;color:#fff;font:600 .78rem var(--body);white-space:nowrap;opacity:.85}.mptvcov:hover span{opacity:1;background:var(--mpc,#000)}
/* foto del plantel: borde y fondo según la posición (arquero, defensa, medio, delantero) */
.dt tr[data-g="gk"]{--pc:#d4a017}.dt tr[data-g="df"]{--pc:#2f6db3}.dt tr[data-g="mf"]{--pc:#2e8b57}.dt tr[data-g="fw"]{--pc:#c0392b}
.dt tr[data-g] .face.pl{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pc) 28%,var(--panel)) 0%,color-mix(in srgb,var(--pc) 14%,var(--sunk)) 78%);box-shadow:inset 0 0 0 2.5px var(--pc)}
html[data-gfx="pes6"] .dt tr[data-g] .face.pl{background:radial-gradient(circle at 50% 30%,#fff 0%,color-mix(in srgb,var(--pc) 10%,#efe6cc) 80%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pc) 75%,#7a5f17)}
.rsumnote{flex-basis:100%;font-size:.8rem;color:var(--muted);font-style:italic}
.thstad b{font-weight:700;color:var(--ink)}
html[data-gfx="pes6"],html[data-gfx="clasico"]:not(.cdark){color-scheme:light!important}
/* pestaña elegida: una animación con la personalidad de cada modo gráfico */
@property --tkA{syntax:'<angle>';inherits:false;initial-value:0deg}
.tab{position:relative}
.tab[aria-selected="true"]::after{content:"";position:absolute;pointer-events:none}
/* Moderno: un brillo que recorre la línea de abajo */
html:not([data-gfx]) .tab[aria-selected="true"]::after{left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent 0 35%,color-mix(in srgb,#fff 75%,var(--accent)) 50%,transparent 65% 100%) no-repeat;background-size:250% 100%;animation:tabShine 2.4s ease-in-out infinite}
@keyframes tabShine{0%{background-position:100% 0}100%{background-position:0 0}}
/* Clásico: la franja naranja de arriba, como las pestañas de Windows XP, que late */
html[data-gfx="clasico"] .tab[aria-selected="true"]::after{left:-1px;right:-1px;top:-1px;height:3px;background:linear-gradient(90deg,#e68b2c,#ffc76b,#e68b2c);border-radius:2px 2px 0 0;animation:tabXp 1.6s ease-in-out infinite alternate}
@keyframes tabXp{from{opacity:.55}to{opacity:1}}
/* Retro: la flechita de menú de PlayStation que titila */
html[data-gfx="retro"] .tab[aria-selected="true"]::before{content:"▶";font-size:.62em;margin-right:.4em;vertical-align:.12em;animation:tabBlink .9s steps(2,jump-none) infinite}
@keyframes tabBlink{50%{opacity:0}}
/* PES 6: un trazado de otro color que da vueltas detrás del borde dorado */
html[data-gfx="pes6"] .tab[aria-selected="true"]::after{inset:-1px;padding:3px;border-radius:7px;background:conic-gradient(from var(--tkA),transparent 0 45%,#b3200f 60%,#ff5a1f 75%,#ffb37a 84%,#fff 87%,transparent 89% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:tabTrace 2.6s linear infinite}
@keyframes tabTrace{to{--tkA:360deg}}
html[data-q="low"] .tab[aria-selected="true"]::after,html[data-q="low"] .tab[aria-selected="true"]::before{animation:none}
@media (prefers-reduced-motion:reduce){.tab[aria-selected="true"]::after,.tab[aria-selected="true"]::before{animation:none}}
/* PES 6: estática de tele vieja cuando cambia lo que se ve en pantalla */
.tvstatic{position:fixed;z-index:60;pointer-events:none;background-repeat:repeat;background-size:240px 180px;image-rendering:pixelated;mix-blend-mode:normal;animation:tvStatic .36s steps(6) forwards}
.tvstatic::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:#fff;box-shadow:0 0 12px 4px #fffa;animation:tvLine .36s ease-out forwards}
@keyframes tvStatic{0%{opacity:.55;background-position:0 0}30%{opacity:.4;background-position:-37px 61px}60%{opacity:.2;background-position:83px -29px}100%{opacity:0;background-position:-120px 90px}}
@keyframes tvLine{0%{opacity:0;scale:1 1}35%{opacity:.9}100%{opacity:0;scale:.2 .5}}

/* YouTube escondido: el video desaparece y queda la carátula del reproductor con un ▶ para traerlo de vuelta */
.mp .mptv{transition:left .3s,top .3s,width .3s,height .3s,border-radius .3s,opacity .45s,transform .45s,visibility 0s}
.mp.ytmin .mptv{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.25);transform-origin:0 100%;transition:left .3s,top .3s,width .3s,height .3s,border-radius .3s,opacity .45s,transform .45s,visibility 0s .45s}
.mp.ytmin .mpcov::before{content:"\25B6";position:absolute;right:-5px;bottom:-5px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--mpc,#c00);color:#fff;font-size:.6rem;box-shadow:0 2px 6px #0008;pointer-events:none;animation:popIn .4s both}
.mptvx{position:absolute;top:6px;right:6px;z-index:5;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#000b;color:#fff;font:700 .8rem/1 var(--body);cursor:pointer;opacity:.75;transition:opacity .2s,background .2s}
.mptvx:hover,.mptvx:focus-visible{opacity:1;background:var(--mpc,#c00)}
.mp.ytmin .mptvx{display:none}
/* panel de equipos: más ancho, Ordenar al lado de los filtros y selector de liga o país */
.split.wide{grid-template-columns:minmax(300px,410px) minmax(0,1fr)}
@media (max-width:860px){.split.wide{grid-template-columns:1fr}}
.tfrow{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
.tfrow .fchips{flex:none;flex-wrap:nowrap;gap:4px}
.tfrow .fchips button{padding-inline:7px;font-size:.84em;white-space:nowrap}
.tsort,.tleague{display:flex;align-items:center;gap:8px;min-width:0}
.tsort{flex:1 1 0;gap:6px;min-width:0}
.tfrow .tsort select{min-width:118px}
html[data-gfx="pes6"] .tfrow .fchips button{font-size:.74em;padding-inline:5px}
html[data-gfx="pes6"] .tsort .lab{font-size:0}
html[data-gfx="pes6"] .tsort .lab::before{content:"\21C5";font-size:15px}
.tsort select{font-size:.86em;padding-inline:6px 22px}
.tsort .lab,.tleague .lab{white-space:nowrap}
.tsort select,.tleague select{flex:1;min-width:0}
.tleague{flex-wrap:nowrap}
/* Formación: banco más largo sin jugador elegido, varios jugadores elegidos y valor de Transfermarkt */
.fside.nosel .bench{max-height:min(74vh,860px)}
.hint-card{gap:6px}
.hint-card kbd{font:600 .78em var(--mono);padding:0 4px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--sunk)}
.hint-card .btn{justify-self:start}
.hint-card .btn[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.fm.multi{background:#37c6ff2e;outline:2px dashed #37c6ff;outline-offset:2px}
.fm.multi .fav{box-shadow:0 0 0 3px #37c6ff99}
.selcard.multi{display:grid;gap:4px}
.frvals{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:4px}
.frvals .frv{display:grid;gap:1px;font-size:.84rem}
.frvals .frv small{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-weight:500}
.frvals .frv b{font-weight:700;font-size:1.02rem}
.frtmrow{display:flex;align-items:center;gap:6px}
.frtm{all:unset;cursor:pointer;font-weight:700;font-size:1.02rem;border-bottom:1px dashed #fff8}
.frtm.empty{font-size:.8rem;font-weight:600;padding:2px 8px;border:1px solid #fff6;border-radius:99px;background:#fff1}
.frtm:hover,.frtm:focus-visible{color:#ffd54a;border-color:#ffd54a}
.frtmgo{color:inherit;text-decoration:none;opacity:.75;font-weight:700;font-size:.9rem}
.frtmgo:hover{opacity:1;color:#ffd54a}
.frtmin{width:90px;font-size:.9rem;padding:2px 6px}
.frdiff{font-style:normal;font-family:var(--mono);font-size:.62rem;opacity:.9}
.frdiff.up{color:#8ff0b0}.frdiff.dn{color:#ffb3a8}

/* Retro: caja de menú de PS2, bordes de pixel y sombras duras */
html[data-gfx="retro"] .fbanner{border-radius:0;border:3px solid #fff;box-shadow:6px 6px 0 #000,inset 0 0 0 3px #0b1c52}
html[data-gfx="retro"] .fbanner::after{background:repeating-linear-gradient(0deg,#0003 0 2px,transparent 2px 4px)}
html[data-gfx="retro"] .frate{border-radius:0;background:#0b1c52;border:2px solid #ffd400;box-shadow:4px 4px 0 #000}
html[data-gfx="retro"] .frnum{color:#ffd400;text-shadow:3px 3px 0 #000;font-size:3.4rem}
html[data-gfx="retro"] .frl::before{content:"▶ ";color:#ffd400;animation:tabBlink .9s steps(2,jump-none) infinite}
html[data-gfx="retro"] .frvals .frv{padding:3px 8px;background:#030a24;border:2px solid #2a4fa8}
html[data-gfx="retro"] .frvals .frv.tm{border-color:#37c6ff}
html[data-gfx="retro"] .frvals .frv b,html[data-gfx="retro"] .frtm{color:#ffd400}
html[data-gfx="retro"] .frtm.empty{border-radius:0;border:1px solid #37c6ff;color:#37c6ff}
html[data-gfx="retro"] .flines span{border-radius:0;border:2px solid #fff;background:#0b1c52;box-shadow:3px 3px 0 #000}

/* PES 6: placa plateada con números dorados, como los cuadros del menú Editar */
html[data-gfx="pes6"] .fbanner{border-radius:0;border:1px solid #1a1a1a;box-shadow:inset 0 1px #fff4,0 3px 8px #0006}
html[data-gfx="pes6"] .frate{border-radius:0;color:#1c1c1a;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;box-shadow:inset 0 1px #fff,0 2px 6px #0007;padding:8px 16px}
html[data-gfx="pes6"] .frnum{color:#1c1c1a;background:linear-gradient(180deg,#ffe57a,#d9a91c);padding:4px 10px;border:1px solid #8a6a0c;text-shadow:0 1px #fff8;box-shadow:inset 0 1px #fff9}
html[data-gfx="pes6"] .frl{opacity:1;color:#56534b}
html[data-gfx="pes6"] .frvals .frv{padding:3px 10px;background:#fff8;border:1px solid #a19d92;border-left:4px solid #d9a91c}
html[data-gfx="pes6"] .frvals .frv.tm{border-left-color:#1d4fa0}
html[data-gfx="pes6"] .frvals .frv small{opacity:1;color:#56534b}
html[data-gfx="pes6"] .frtm{border-bottom-color:#1c1c1a80}
html[data-gfx="pes6"] .frtm.empty{border-radius:0;border:1px solid #6f6c64;background:linear-gradient(180deg,#fff,#e2e1db)}
html[data-gfx="pes6"] .frtm:hover,html[data-gfx="pes6"] .frtmgo:hover{color:#9a5800}
html[data-gfx="pes6"] .frdiff.up{color:#1b7a3d}html[data-gfx="pes6"] .frdiff.dn{color:#b0281f}
html[data-gfx="pes6"] .flines span{border-radius:0;color:#1c1c1a;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;box-shadow:inset 0 1px #fff,0 2px 4px #0005}
/* los colores de cada línea abajo del número, como en los otros modos */
html[data-gfx="pes6"] .flines .ln-df{box-shadow:inset 0 -4px 0 #5aa2ff,inset 0 1px #fff,0 2px 4px #0005}
html[data-gfx="pes6"] .flines .ln-mf{box-shadow:inset 0 -4px 0 #5fd38d,inset 0 1px #fff,0 2px 4px #0005}
html[data-gfx="pes6"] .flines .ln-fw{box-shadow:inset 0 -4px 0 #ff6b5b,inset 0 1px #fff,0 2px 4px #0005}
html[data-gfx="pes6"] .fm.multi{outline-color:#ffd23a;background:#ffd23a2e}
html[data-gfx="pes6"] .fm.multi .fav{box-shadow:0 0 0 3px #ffd23a99}
/* selector de idioma, al lado de Recargar */
.langpick{position:relative;display:inline-flex}
.langmenu[hidden]{display:none!important}
#bLang{display:inline-flex;align-items:center;gap:6px;padding-inline:9px}
#bLang svg,.langmenu svg{display:block;border-radius:2px;box-shadow:0 0 0 1px #0003;flex:none}
.langcode{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.04em}
.langmenu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;display:grid;gap:2px;min-width:150px;padding:5px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--r,10px);box-shadow:0 14px 34px -12px #000a}
.langmenu button{all:unset;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:calc(var(--r,10px) - 3px);cursor:pointer;font-weight:600;font-size:.9rem}
.langmenu button:hover,.langmenu button:focus-visible{background:var(--sel)}
.langmenu button[aria-checked="true"]{background:var(--accent-soft)}
.langmenu button[aria-checked="true"]::after{content:"✓";margin-left:auto;color:var(--accent)}
html[data-gfx="pes6"] .langmenu,html[data-gfx="retro"] .langmenu{border-radius:0}
html[data-gfx="pes6"] .langmenu{background:linear-gradient(180deg,#fafaf8,#d5d3cb);border-color:#6f6c64}
html[data-gfx="retro"] .langmenu{border:2px solid #fff;box-shadow:4px 4px 0 #000}
html[data-gfx="pes6"] .langmenu button,html[data-gfx="retro"] .langmenu button{border-radius:0}
.introlang{position:absolute;top:16px;right:132px;z-index:3;display:flex;gap:2px;padding:3px;border-radius:99px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent)}
.introlang button{all:unset;display:inline-flex;align-items:center;gap:6px;padding:.25rem .6rem;border-radius:99px;cursor:pointer;font:600 .78rem var(--mono);color:var(--muted)}
.introlang button svg{display:block;border-radius:2px;box-shadow:0 0 0 1px #0004}
.introlang button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.introlang button:hover{color:var(--ink)}
/* Versión nueva y caché */
.brandsub .appdate{color:var(--accent);white-space:nowrap;max-width:none}
html[data-gfx="pes6"] .top .brandsub .appdate{color:#e8c25a}
.updbar{position:fixed;left:50%;width:max-content;top:calc(12px + env(safe-area-inset-top,0px));z-index:110;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100% - 32px);padding:.55rem .7rem .55rem .9rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:calc(var(--r,8px) + 2px);box-shadow:0 18px 50px -18px #000a;transform:translate(-50%,-140%);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s}
.updbar.on{transform:translate(-50%,0);opacity:1}
.updbar .sub{color:var(--muted)}
.updico{font-size:1.1rem}
html[data-gfx="pes6"] .updbar{background:linear-gradient(180deg,#f6f5f1f8,#e2e1dbf8);color:#1c1c1a;border-color:#8f8c84;border-left-color:#c79a1e}
html[data-gfx="pes6"] .updbar .sub{color:#55534d}
.updtxt{min-width:0}
.updmsg{display:block;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}
.updmsg:empty{display:none}
html[data-gfx="pes6"] .updmsg{color:#55534d}
.sessopts{display:grid;gap:8px;margin-top:10px}
.sesscard{display:grid;gap:3px;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r,8px);background:color-mix(in srgb,var(--accent) 6%,var(--panel));transition:background .15s,border-color .15s,transform .15s}
.sesscard:hover,.sesscard:focus-visible{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-color:var(--accent);outline:none}
.sesscard:active{transform:scale(.99)}
.sesscard b{font-size:.98rem}
.sesscard span{font-size:.85rem;color:var(--muted)}
html[data-gfx="pes6"] .sesscard{background:linear-gradient(180deg,#f6f5f1,#e4e3dd);color:#1c1c1a;border-color:#8f8c84;border-left-color:#c79a1e}
html[data-gfx="pes6"] .sesscard:hover,html[data-gfx="pes6"] .sesscard:focus-visible{background:linear-gradient(180deg,#fff8dc,#f0e2a8);border-color:#c79a1e}
html[data-gfx="pes6"] .sesscard span{color:#55534d}
.uicache{display:grid;gap:3px;font-size:.8rem}
.uicache>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:2px}
.uicache b{font-weight:600;color:var(--muted)}
.uicache i{font-style:normal;font-family:var(--mono);white-space:nowrap;text-transform:none}
.uicache + .btn{justify-self:start;margin-top:6px}
@media (prefers-reduced-motion:reduce){.updbar{transition:none}}
/* Subir tu propio escudo */
.crestup .crestrow{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:18px;align-items:start}
.crestbox{display:grid;gap:6px;justify-items:center}
.crestup .crest.big{width:120px;height:120px;font-size:2rem;border-radius:10px}
.crestup .crest.big.img{background:transparent;border-color:transparent}
.crestnew{width:120px;height:120px;display:grid;place-items:center;border-radius:10px;cursor:pointer;background:repeating-conic-gradient(var(--sunk) 0 25%,var(--panel) 0 50%) 0 0/16px 16px;border:1px solid var(--line)}
.crestnew img{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 10px #0004)}
.crestnew.empty{border:2px dashed var(--line);background:var(--sunk);color:var(--muted);font-size:.74rem;text-align:center;line-height:1.3}
.crestup.drag .crestnew{border-color:var(--accent);background:var(--accent-soft)}
.crestinfo{display:grid;gap:8px;min-width:0}
.crestinfo .note.bad{color:var(--bad)}.crestinfo .note.ok{color:var(--accent);font-weight:600}.crestinfo .note.warn{color:var(--warn)}
.crestfiles{margin-top:12px}.crestfiles summary{cursor:pointer;font-size:.8rem;color:var(--muted)}
.crestfiles .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
html[data-gfx="pes6"] .crestnew.empty{border-color:#8f8c84}
.crestask{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft)}
.crestprev{margin-top:12px;display:grid;gap:6px}
.crestthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.crestthumb{margin:0;display:grid;gap:4px;align-content:start;justify-items:center;font-size:.72rem}
.crestthumb>div{width:100%;aspect-ratio:1;display:grid;place-items:center;align-self:start;border-radius:8px;border:1px solid var(--line);background:repeating-conic-gradient(var(--sunk) 0 25%,var(--panel) 0 50%) 0 0/12px 12px}
.crestthumb.b>div{background:#0c0c0c}.crestthumb.w>div{background:#fff}
.crestthumb img{max-width:84px;max-height:84px}
.crestthumb figcaption{font-family:var(--mono);text-align:center}.crestthumb small{color:var(--muted)}.crestthumb .crestfix{display:block;color:var(--accent);font-weight:600}
@media (max-width:700px){.crestup .crestrow{grid-template-columns:auto auto}.crestinfo{grid-column:1/-1}}
/* Escudos de PES Logos */
.plbox{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--sunk)}
.plbox .row input[type=search]{flex:1;min-width:0}
.plgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px}
.plitem{display:grid;gap:4px;justify-items:center;align-content:start;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:inherit;font:inherit;font-size:.72rem;text-align:center;cursor:pointer}
.plitem:hover,.plitem:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.plitem:disabled{opacity:.6;cursor:wait}
.plimg{width:84px;height:84px;display:grid;place-items:center}.plimg img{max-width:100%;max-height:100%}
.plitem b{font-weight:600;line-height:1.2}.plitem small{color:var(--muted)}
.plsrc{font-size:.72rem;color:var(--muted);margin:0}
.mfcard .mfrow{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:18px;align-items:start}
.mfbox{display:grid;gap:6px;justify-items:center}
.mfnow .face{width:120px;height:120px}
.mfstage{position:relative;width:240px;height:240px;border-radius:10px;overflow:hidden;cursor:grab;touch-action:none;background:repeating-conic-gradient(var(--sunk) 0 25%,var(--panel) 0 50%) 0 0/16px 16px;border:1px solid var(--line)}
.mfstage:active{cursor:grabbing}.mfstage canvas{width:100%;height:100%;display:block}
.mfstage.empty{display:grid;place-items:center;cursor:pointer;border:2px dashed var(--line);background:var(--sunk);color:var(--muted);font-size:.74rem;text-align:center;line-height:1.3}
.mfcard.drag .mfstage{border-color:var(--accent);background:var(--accent-soft)}
.mfguide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mfguide ellipse,.mfguide line{fill:none;stroke:var(--accent);stroke-width:.6;stroke-dasharray:2 1.6;opacity:.85}
.mfinfo{display:grid;gap:8px;min-width:0}.mfline{display:flex;align-items:center;gap:10px;font-size:.82rem}.mfline span{min-width:72px;color:var(--muted)}.mfline input[type=range]{flex:1}.mfline select{width:auto}
.mfinfo .note.bad{color:var(--bad)}.mfinfo .note.ok{color:var(--accent);font-weight:600}
.mfprog{height:6px;border-radius:3px;background:var(--sunk);overflow:hidden}.mfprog b{display:block;height:100%;background:var(--accent);transition:width .15s}
html[data-gfx="pes6"] .mfstage.empty{border-color:#8f8c84}
@media (max-width:700px){.mfcard .mfrow{grid-template-columns:auto auto}.mfinfo{grid-column:1/-1}.mfstage{width:180px;height:180px}}
/* ---------- últimos partidos: temporada, goleadores, forma por jugador ---------- */
.lmtop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0}.lmtop .lab{margin-right:2px}.lmtop .chip small{margin-left:4px;color:var(--muted);font-size:.62rem}
.chip.lmdeep{cursor:pointer;gap:4px}.chip.lmdeep input{margin:0;width:13px;height:13px;accent-color:var(--accent)}
.chip.lmprog .spin{width:10px;height:10px;border-width:2px}
.frow .crt{display:inline-flex;align-items:center;gap:4px}.frow .why{font:inherit;font-size:.78rem;line-height:1;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.frow .why:hover{color:var(--accent);border-color:var(--accent)}
.injb{display:inline-block;font-family:var(--mono);font-weight:400;font-size:.62rem;padding:0 5px;border-radius:99px;margin-left:5px;vertical-align:middle;white-space:nowrap}.injb.out{background:var(--warn-soft);color:var(--warn)}.injb.abs{background:var(--sunk);color:var(--muted);border:1px dashed var(--line)}
.why .whyhead{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:1rem}
.whytable{width:100%;border-collapse:collapse;font-size:.84rem;margin:8px 0}.whytable th,.whytable td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.whytable th{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.whytable td:first-child{white-space:nowrap;font-weight:600}.whytable td:last-child{text-align:right;font-family:var(--mono);white-space:nowrap}.whytable .tot td{font-weight:700;background:var(--sunk)}.whytable .pos{color:#0f9d48}.whytable .neg{color:#d32f2f}
.lmhelp ul{margin:6px 0;padding-left:1.1em}.lmhelp li{margin:3px 0}.lmhelp .note p{margin:.4em 0}
.lmform > .note{margin:4px 0 6px}
.lmform .frow .cnm small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
/* ---------- en desarrollo ---------- */
.devlist{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.devlist li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.devlist .devic{font-size:1.2rem;line-height:1.3}.devlist b{font-family:var(--display);font-size:1rem}.devlist p{margin:2px 0 0;font-size:.84rem;color:var(--muted);line-height:1.35}.devlist .devst{font-size:.62rem;padding:0 .45rem;vertical-align:middle}
.devcard{margin:0 0 14px;border-style:dashed}.devcard h3{margin:0}
.devpop{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100% - 36px));max-height:calc(100vh - 140px);overflow:auto;z-index:20;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 18px 50px #0006;opacity:0;translate:0 24px;transition:opacity .3s,translate .3s}
.devpop.on{opacity:1;translate:0 0}.devpop h3{margin:0;font-family:var(--display)}.devpop .devbtns{justify-content:flex-end;margin-top:4px}
.devpop .devtop{gap:4px;flex-wrap:nowrap}.devpop.min{width:auto;padding:8px 10px 8px 14px;overflow:hidden}.devpop.min .devbody{display:none}.devpop.min h3{cursor:pointer;font-size:1rem;margin-right:10px}
html[data-gfx="pes6"] .devpop{border-radius:0;border:2px solid #8f8c84;background:#f2f1ec;color:#2b2b2b}
html[data-gfx="pes6"] .devcard{border-radius:0}
/* ===== Ficha hexagonal ===== */
.hexa{display:grid;grid-template-columns:minmax(280px,460px) minmax(0,1fr);gap:22px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hexa.ro{grid-template-columns:minmax(240px,400px);justify-content:center;border:0;margin:6px 0 10px;padding:0}
.hxwrap{touch-action:none;user-select:none;-webkit-user-select:none}
.hxsvg{display:block;width:100%;height:auto;overflow:visible}
.hxring{fill:none;stroke:var(--line);stroke-width:1;opacity:.55}
.hxring.max{opacity:1;fill:color-mix(in srgb,var(--sunk) 70%,transparent)}
.hxspoke{stroke:var(--line);stroke-width:1;opacity:.6}
.hxval-poly{fill:color-mix(in srgb,var(--accent) 34%,transparent);stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;transition:none}
.hxorig{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-dasharray:5 4}
.hxlab{font:600 13px var(--display,inherit);fill:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.hxlab.hot{fill:var(--ink)}
.hxval{font:700 17px var(--mono,monospace);fill:var(--ink)}
.hxval.v90{fill:var(--a90)}.hxval.v80{fill:var(--a80)}.hxval.v70{fill:var(--a70)}.hxval.v60{fill:var(--a60)}.hxval.vlo{fill:var(--alo)}
.hxd{font-size:12px}.hxd.up{fill:#1f9a4b}.hxd.dn{fill:#c8323a}
.hxh{cursor:grab;outline:none}
.hxh .hxhit{fill:transparent}
.hxh .hxdot{fill:var(--panel);stroke:var(--accent);stroke-width:3;transition:r .12s}
.hxh:hover .hxdot,.hxh:focus-visible .hxdot,.hxh.hot .hxdot{r:11;fill:var(--accent);stroke:var(--ink)}
.hxh:focus-visible .hxhit{stroke:var(--neon);stroke-width:2}
.hxwrap:active .hxh{cursor:grabbing}
.hxside h3{margin:0 0 4px}
.hxrate{display:flex;align-items:baseline;gap:10px;margin:10px 0}
.hxrate span{color:var(--muted);font-size:.85rem}
.hxrate b{font:700 2.2rem/1 var(--display,inherit)}
.hxrate i{font-style:normal;font-weight:700}.hxrate i.up{color:#1f9a4b}.hxrate i.dn{color:#c8323a}
.hxlist{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.82rem}
.hxlist b{font-weight:700}.hxlist span{color:var(--muted)}
.hxlegend{display:flex;align-items:center;gap:8px}
.hxsw{display:inline-block;width:26px;border-top:2px dashed var(--muted)}
@media (max-width:720px){.hexa{grid-template-columns:1fr}.hxwrap{max-width:440px;margin:0 auto;width:100%}}
html[data-gfx="retro"] .hxval-poly{fill:#ffd40044;stroke:#ffd400}
html[data-gfx="retro"] .hxlab{fill:#9fb3e8}html[data-gfx="retro"] .hxlab.hot{fill:#fff}
html[data-gfx="pes6"] .hxval-poly{fill:#d9a91c55;stroke:#b8860b}
html[data-gfx="pes6"] .hxring.max{fill:#fbfaf5}
/* ===== Editar la media desde el plantel ===== */
.qeval{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;margin:-2px -6px;border-radius:6px;border:1px solid transparent;font:inherit}
.qeval:hover,.qeval:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.qeval .qepen{font-style:normal;font-size:.8em;opacity:0;color:var(--muted);transition:opacity .12s}
.qeval:hover .qepen,.qeval:focus-visible .qepen{opacity:1}
@media (hover:none){.qeval .qepen{opacity:.6}}
.modal.qemodal{width:min(1000px,100%);max-height:92vh;padding:16px 20px 18px}
.qehead{display:flex;align-items:center;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.qeface{width:64px;height:64px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--sunk)}
.qeface img,.qeface svg{max-width:100%;max-height:100%}
.qewho{min-width:0;flex:1}
.qewho h2{margin:2px 0 0;line-height:1.1}
.qex{align-self:flex-start}
.qebody{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:22px;align-items:start}
.qerate{display:grid;gap:10px}
.qebig{display:flex;align-items:baseline;gap:10px}
.qebig b{font:700 4.6rem/0.9 var(--display);letter-spacing:-.01em}
.qebig span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.qebig i{display:none}
.qesince{font-size:.85rem;color:var(--muted)}.qesince.up{color:#1f9a4b}.qesince.dn{color:#c8323a}
.qebtns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.qebtns .btn{font-weight:700;font-size:1.05rem;padding:.5rem 0;justify-content:center}
.qerange{width:100%;accent-color:var(--accent);height:28px}
.qescale{display:flex;justify-content:space-between;font:500 .72rem var(--mono);color:var(--muted);margin-top:-6px}
.qehex .hexa{margin:0;padding:0;border:0;grid-template-columns:minmax(0,1fr)}
.qehex .hxwrap{max-width:460px;margin:0 auto;width:100%}
.qehex .hxside .note{margin:4px 0 0;text-align:center}
.qefoot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);gap:8px;flex-wrap:wrap}
.qero{display:grid;gap:12px;justify-items:center;text-align:center}
@media (max-width:760px){.qebody{grid-template-columns:1fr}.qebig b{font-size:3.6rem}}
html[data-gfx="retro"] .modal.qemodal{border-radius:0;border:2px solid var(--neon)}
html[data-gfx="pes6"] .qebig b{text-shadow:0 1px 0 #fff}
/* ---- pestaña Sider: sider.ini, carpetas de contenido y módulos ---- */
.siwrap{max-width:1040px}
.sititle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--display);font-size:1.25rem;font-weight:700;margin-top:4px}
.sititle img{border-radius:6px}
.siintro{margin:0;font-size:.95rem;line-height:1.5}
.sisave{justify-content:flex-end}
.siwarns{display:grid;gap:6px}
.sirow{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--sunk);margin-top:6px;text-align:left}
.sirow.off{opacity:.55}
.sirow.off .simain b{text-decoration:line-through}
.sirow.miss{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}
.sirow.flash{animation:siflash 1.8s ease-out}
@keyframes siflash{0%,40%{background:color-mix(in srgb,var(--accent) 28%,var(--sunk));border-color:var(--accent)}100%{background:var(--sunk)}}
.sinum{font-family:var(--mono);font-size:.72rem;color:var(--muted);min-width:1.4em;text-align:right}
.simain{display:grid;gap:4px;min-width:0}
.siname{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.siname b{font-size:.95rem}
.sipath,.sikey{font-family:var(--mono);font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sidesc{font-size:.8rem;color:var(--muted)}
.sitypes{display:flex;flex-wrap:wrap;gap:4px}
.chip.sitype.guess{border-style:dashed}
.chip.sitool{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.siact{display:flex;gap:3px}
.sifree{margin-top:10px;display:grid;gap:5px}
.sw{position:relative;display:inline-block;width:34px;height:20px;flex:none;cursor:pointer}
.sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sw i{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:background .15s}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px #0004;transition:translate .15s}
.sw input:checked+i{background:var(--accent)}
.sw input:checked+i::after{translate:14px 0}
.sw input:focus-visible+i{outline:3px solid var(--accent);outline-offset:2px}
.sw.big{width:40px;height:22px}.sw.big i::after{width:18px;height:18px}.sw.big input:checked+i::after{translate:18px 0}
.sigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.sifold{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--sunk);text-align:left}
.siico{font-size:1.5rem;line-height:1}
.sifbody{display:grid;gap:2px;min-width:0}
.sifbody b{font-size:.95rem;overflow:hidden;text-overflow:ellipsis}
.sifwhat{font-size:.8rem}
.sitoolline{color:var(--accent)}
.sisets{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:8px 20px}
.siset{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:6px 0;border-bottom:1px solid var(--line);text-align:left}
.siset.miss{opacity:.8}
.siset.off{opacity:.55}
.sisetl{display:grid;gap:2px;min-width:0}
.sisetl span:first-child{font-size:.9rem;font-weight:600}
.sisetl code{font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.siset select,.siset .sinum-in{width:auto;min-width:120px;font-size:.82rem;padding:.2rem .4rem}
.siothers{display:grid;gap:4px;margin-top:8px}
.siothers .siset{grid-template-columns:auto 220px 1fr;align-items:center}
.siothers input[type=text]{font-family:var(--mono);font-size:.8rem;padding:.25rem .45rem}
.siother>summary,.siraw>summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--muted)}
.siraw textarea{width:100%;font-family:var(--mono);font-size:.78rem;line-height:1.45;padding:8px 10px;border:1.5px solid var(--line);border-radius:calc(var(--r,8px) * .75);background:var(--sunk);color:var(--ink);resize:vertical;margin:8px 0;box-sizing:border-box}
@media (max-width:700px){.sirow{grid-template-columns:auto auto 1fr}.siact{grid-column:1 / -1;justify-content:flex-end}.sisets{grid-template-columns:1fr}.siothers .siset{grid-template-columns:auto 1fr}.siothers .siset input{grid-column:1 / -1}}
/* Kit Studio Pro › Uniformes: cargar un kit arrastrando un .zip */
.ksdrop{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:10px 0 4px;border:2px dashed color-mix(in srgb,var(--neon) 55%,var(--line));border-radius:12px;background:var(--sunk);cursor:pointer;transition:border-color .2s,background .2s}
.ksdrop:hover,.ksdrop:focus-visible{border-color:var(--neon);outline:none}.ksdrop.drag{border-color:var(--accent);background:var(--accent-soft)}
.ksdrop .ksdropi{font-size:1.8rem}.ksdrop b{display:block}.ksdrop small{color:var(--muted);display:block;line-height:1.35}
.kzlist{display:grid;gap:10px;margin:8px 0}.kzkit{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--sunk)}
.kzprev{width:110px;height:110px;border-radius:8px;background:#2a3038}.kzinfo{display:grid;gap:6px;align-content:start}.kzinfo .mono{color:var(--muted);font-size:.75rem}
.kzfiles{display:flex;flex-wrap:wrap;gap:4px}.kzchip{display:grid;justify-items:center;padding:3px 7px;border-radius:6px;border:1px solid var(--line);font-size:.74rem;line-height:1.15}.kzchip small{font-size:.66rem;color:var(--muted)}
.kzchip.ok{border-color:color-mix(in srgb,#2fbf71 70%,var(--line))}.kzchip.gen{border-color:color-mix(in srgb,#3b8cff 70%,var(--line))}.kzchip.none{opacity:.55}
.kzrep:not([hidden]){display:grid;gap:4px}
@media (max-width:560px){.kzkit{grid-template-columns:1fr}.kzprev{width:90px;height:90px}}

/* ventanita del video: barra para moverla y esquina para cambiar el tamaño (solo con el reproductor cerrado) */
.mptvbar{position:absolute;left:50%;top:6px;translate:-50% 0;z-index:5;padding:3px 12px;border-radius:99px;background:#000b;color:#fff;font:600 .72rem var(--body);cursor:grab;user-select:none;touch-action:none;opacity:0;transition:opacity .2s}
.mptvrs{position:absolute;right:0;bottom:0;z-index:5;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,#fffa 50%,#fffa 60%,transparent 60%,transparent 70%,#fffa 70%,#fffa 80%,transparent 80%);opacity:0;transition:opacity .2s}
.mp:not(.open) .mptv:hover .mptvbar,.mp:not(.open) .mptv:hover .mptvrs,.mptv.drag .mptvbar,.mptv.drag .mptvrs{opacity:.85}
.mp.open .mptvbar,.mp.open .mptvrs,.mp.ytmin .mptvbar,.mp.ytmin .mptvrs{display:none}
.mptv.drag{transition:none!important}.mptv.drag .mptvp{pointer-events:none!important}.mptv.drag .mptvbar{cursor:grabbing}
.mfstage.wand,.mfstage.wand:active{cursor:crosshair}
/* ---- PES 6: texto de las tarjetas con brillo metálico (acero con reflejo arriba), igual de legible ---- */
html[data-gfx="pes6"] .card :is(p,.note,label,.lab,h2,h3,h4,summary,.sub):not(.ok,.bad,.warn,.btn){color:transparent;background:linear-gradient(180deg,#3a3a37 0%,#3a3a37 24%,#a9a9a3 32%,#74746f 44%,#0b0b0a 52%,#262624 64%,#6c6c66 76%,#3a3a37 84%) 0 0/100% 1lh repeat;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 .4px #000c) drop-shadow(0 1px 0 #fff)}
html[data-gfx="pes6"] .card :is(p,.note,label,.lab,h2,h3,h4,summary,.sub):not(.ok,.bad,.warn,.btn) :is(p,.note,label,.lab,.sub){filter:none}
html[data-gfx="pes6"] .card .emo{color:#000;-webkit-text-fill-color:initial;background:none}
html[data-gfx="pes6"] .card :is(p,.note,label,.lab,h2,h3,h4,summary,.sub) code{color:#1b1b19;-webkit-text-fill-color:initial}
/* ---- En desarrollo: barra de avance con color según cuánto falta, y prioridad alta ---- */
.devhead{justify-content:space-between;gap:12px;flex-wrap:wrap}.devhead h3{margin:0}
.devleg{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-left:auto}.devleg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-left:6px}
.devcard.devoff{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;opacity:.85}
.devprog{display:flex;align-items:center;gap:8px;margin:5px 0 2px;max-width:520px}
.devprog i{position:relative;flex:1;height:10px;border-radius:5px;background:var(--sunk);box-shadow:inset 0 1px 2px #0004;overflow:hidden}
.devprog i b{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--dc);box-shadow:inset 0 1px #fff6,0 0 8px var(--dc);background-image:linear-gradient(180deg,#ffffff55,#ffffff00 55%,#0000001f),repeating-linear-gradient(135deg,#ffffff26 0 6px,#ffffff00 6px 12px);animation:devFill .9s cubic-bezier(.2,.8,.2,1) both}
.devprog span{font-family:var(--mono);font-size:.74rem;font-weight:700;color:var(--dc);min-width:3.2em;text-align:right}
.devprog.start,.devleg .start{--dc:#d9534f;background-color:var(--dc)}.devprog.lo,.devleg .lo{--dc:#ef8a17;background-color:var(--dc)}.devprog.mid,.devleg .mid{--dc:#d4a20b;background-color:var(--dc)}.devprog.hi,.devleg .hi{--dc:#2f9e44;background-color:var(--dc)}
.devprog.start,.devprog.lo,.devprog.mid,.devprog.hi{background-color:transparent}
.devlist li.devhot{background:linear-gradient(90deg,#f4c43a22,transparent 70%);border-left:3px solid #e6b422;padding:6px 8px 6px 6px;margin-left:-9px;border-radius:0 8px 8px 0}
.devlist .devpri{font-size:.62rem;padding:0 .45rem;vertical-align:middle;background:linear-gradient(180deg,#fdf0a0,#e6c02e);color:#3a2c00;border-color:#a8820f}
@keyframes devFill{from{width:0}}
@media (prefers-reduced-motion:reduce){.devprog i b{animation:none}}
html[data-gfx="pes6"] .devprog i,html[data-gfx="pes6"] .devprog i b,html[data-gfx="pes6"] .devlist li.devhot{border-radius:0}
.devlist li.devwarm{background:linear-gradient(90deg,#7fb8e61c,transparent 70%);border-left:3px solid #7fb8e6;padding:6px 8px 6px 6px;margin-left:-9px;border-radius:0 8px 8px 0}
.devlist .devpri.mid{background:linear-gradient(180deg,#e3f2ff,#9cc8ec);color:#0f3050;border-color:#5f93bf}
html[data-gfx="pes6"] .devlist li.devwarm{border-radius:0}

/* ----- Ficha del jugador · Perfil: nombre y apellido separados, equipo y selección, nivel (estrellas y actitud) ----- */
.inrow{display:flex;gap:6px;align-items:center}.inrow input{flex:1 1 auto;min-width:0}.inrow .btn{flex:none}
/* mayúsculas: aviso de Bloq Mayús justo debajo del campo (no tapa la vista previa del nombre) y ayuda si el nombre quedó todo en mayúsculas.
   La columna del campo no se ensancha por el aviso: si es más largo que el campo, sobresale hacia la derecha */
.idgrid{grid-template-columns:repeat(2,minmax(0,300px))}@media (max-width:560px){.idgrid{grid-template-columns:minmax(0,1fr)}}
.capf{grid-template-columns:minmax(0,1fr)}
.capsw{position:relative;z-index:6;justify-self:start;width:max-content;margin-top:5px;display:inline-flex;align-items:center;gap:6px;padding:.22rem .55rem;border-radius:99px;font-size:.74rem;font-weight:600;color:var(--warn);background:var(--warn-soft,#fff3d6);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);box-shadow:0 4px 12px -6px #0006;white-space:nowrap;overflow:visible;pointer-events:none;animation:popIn .16s ease-out}
.capsw[hidden]{display:none}
/* fuera de PES 6 queda "⇪ Mayúsculas activadas": la palabra "Bloq Mayús" se esconde y solo queda la flecha */
.capsw b{display:inline-flex;align-items:center;gap:4px;font-size:0;font-weight:700}.capsw b i{font-style:normal;font-size:.95rem;line-height:1}
.capsw::before{content:"";position:absolute;left:14px;top:-5px;width:8px;height:8px;rotate:45deg;background:inherit;border-left:inherit;border-top:inherit}
.casew{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:2px 0 0;font-size:.74rem;color:var(--warn)}
.casew[hidden]{display:none}
.casew .btn i{font-style:normal;font-weight:800;letter-spacing:-.02em}.casew .btn b{font-weight:700}
/* PES 6: caja gris carbón con la etiqueta dorada de la barra de abajo, como un cartel del juego */
html[data-gfx="pes6"] .capsw{padding:0;gap:0;border-radius:0;color:#fff;background:linear-gradient(180deg,#5a5a5a,#2b2b2b);border:2px solid #1a1a1a;box-shadow:inset 0 1px #ffffff33,0 4px 10px #0008;font-family:"PES Express",var(--body);font-size:.8rem;letter-spacing:.02em;text-shadow:0 1px 0 #000}
html[data-gfx="pes6"] .capsw::before{left:16px;top:-7px;width:10px;height:10px;background:#fdf0a0;border-color:#1a1a1a}
html[data-gfx="pes6"] .capsw b{font-size:.68rem;gap:5px;align-self:stretch;padding:.3rem .55rem;color:#1c1c1a;background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-right:2px solid #1a1a1a;box-shadow:inset 0 1px #fff9;letter-spacing:.08em;text-transform:uppercase;text-shadow:none}
html[data-gfx="pes6"] .capsw b i{font-size:.9rem;animation:capsBlink 1s steps(1) infinite}
html[data-gfx="pes6"] .capsw span{padding:.3rem .65rem;text-transform:uppercase}
@keyframes capsBlink{50%{opacity:.15}}
/* la letra de PES 6 (QuickExpress) dibuja las minúsculas como mayúsculas chicas: todo lo que se escribe (campos de texto, buscadores,
   notas) usa una letra con minúsculas de verdad, en cursiva para que siga pareciendo del juego; títulos, botones y menús siguen con la de PES 6.
   Los números, las rutas y el sider.ini (letra de código) y la muestra de la camiseta (.ksample) quedan con su letra */
.font-pes :is(input:is(:not([type]),[type=text],[type=search],[type=url],[type=email]):not(.ksample *,.siothers *),textarea:not(.siraw *),#pFull,.casew b,.casew .btn i){font-family:"Saira","Segoe UI",system-ui,sans-serif;font-style:italic;font-weight:600;letter-spacing:.01em}
.font-pes :is(input:is(:not([type]),[type=text],[type=search],[type=url],[type=email]),textarea)::placeholder{font-style:italic;font-weight:500}

html[data-gfx="pes6"] .casew{color:#7a4400;font-weight:600}
@media (max-width:520px){.capsw{width:auto;white-space:normal}}
@media (prefers-reduced-motion:reduce){.capsw,html[data-gfx="pes6"] .capsw b i{animation:none}}
.fullnm{margin-top:-4px}.fullnm b{color:var(--ink);font-weight:600}
.fullnm #pBytes{font-family:var(--mono);font-size:.68rem;margin-left:6px;padding:.05rem .4rem;border-radius:99px;background:var(--sunk);border:1px solid var(--line)}.fullnm #pBytes.bad{color:var(--bad);border-color:var(--bad)}
.tslots{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 14px}
.tslot{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:start;min-width:0}
.tsrow{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r,8px);background:var(--sunk);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
button.tsrow:hover{border-color:var(--accent);background:var(--sel)}
.tsrow .crest{width:34px;height:30px}
.tsnm{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsnum{font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1;min-width:2.2ch;text-align:center;padding:.12rem .4rem;border-radius:6px;background:var(--panel);border:1px solid var(--line)}
.tsnone .tsrow{cursor:default;color:var(--muted);border-style:dashed}.tsnone .tsnm{font-weight:400}
.crest.ghost{background:var(--panel);border:1px dashed var(--line);color:var(--muted)}
.tclab{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.hdteams{margin:6px 0 0}
.idro{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:10px}.idro>div{display:grid;gap:1px}.idro b{font-weight:600}

/* nivel: el color y el brillo suben con el valor; el máximo tiene un destello que pasa */
.lvls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px 18px}
.lvl{--lc:var(--muted);--gl:0px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--r,8px);border:1px solid var(--line);background:var(--sunk);position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.lvl:not([data-lv="0"]){border-color:color-mix(in srgb,var(--lc) 60%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lc) 18%,transparent),0 0 calc(var(--gl) * 1.6) -3px var(--lc)}
.lvl button{font:inherit;cursor:pointer;border:0;background:none;color:var(--muted);padding:0;line-height:1;position:relative;z-index:1}
.lvstar .lvs{font-size:1.7rem;width:1.1em;color:color-mix(in srgb,var(--muted) 35%,transparent);transition:transform .15s,color .2s,text-shadow .2s}
.lvstar .lvs.on{color:var(--lc);text-shadow:0 0 var(--gl) var(--lc),0 1px 0 #0005}
.lvstar .lvs:hover{transform:scale(1.18)}
.lvatt .lvb{flex:1 1 0;height:18px;min-width:34px;border-radius:99px;background:color-mix(in srgb,var(--muted) 22%,transparent);overflow:hidden;transition:background .2s,box-shadow .2s,transform .15s}
.lvatt .lvb:hover{transform:scaleY(1.2)}
.lvatt .lvb.on{background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 62%,#fff),var(--lc) 60%,color-mix(in srgb,var(--lc) 80%,#000));box-shadow:0 0 var(--gl) var(--lc)}
.lvnum{margin-left:auto;padding-left:6px;font-family:var(--display);font-size:1.6rem;line-height:1;color:var(--lc);text-shadow:0 0 var(--gl) color-mix(in srgb,var(--lc) 70%,transparent)}
.lvnum small{font-size:.5em;color:var(--muted);text-shadow:none;margin-left:1px}
.lvl[data-lv="0"] .lvnum{color:var(--muted)}
.lvstar[data-lv="1"]{--lc:#b4703a;--gl:0px}
.lvstar[data-lv="2"]{--lc:#8f9ba8;--gl:3px}
.lvstar[data-lv="3"]{--lc:#d9a400;--gl:5px}
.lvstar[data-lv="4"]{--lc:#f08400;--gl:7px}
.lvstar[data-lv="5"]{--lc:#ffb300;--gl:10px}
.lvatt[data-lv="1"]{--lc:#2f9e5f;--gl:2px}
.lvatt[data-lv="2"]{--lc:#e09400;--gl:5px}
.lvatt[data-lv="3"]{--lc:#e2392a;--gl:9px}
.lvstar[data-lv="5"]::after,.lvatt[data-lv="3"]::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-110%);animation:lvshine 3s ease-in-out infinite}
.lvstar[data-lv="5"] .lvs.on,.lvatt[data-lv="3"] .lvb.on{animation:lvpulse 1.6s ease-in-out infinite}
@keyframes lvshine{0%,35%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@keyframes lvpulse{50%{filter:brightness(1.18) saturate(1.15)}}
[data-q="low"] .lvl::after,[data-q="low"] .lvl .on{animation:none!important}
@media (prefers-reduced-motion:reduce){.lvl::after,.lvl .on{animation:none!important}}
/* Clásico: sin brillos, bordes hundidos como Windows */
html[data-gfx="clasico"] .lvl{--gl:0px!important;border-radius:2px;box-shadow:inset 1px 1px #0004,inset -1px -1px #fff8!important;border-color:var(--line)!important}
html[data-gfx="clasico"] .lvl::after{display:none}html[data-gfx="clasico"] .lvl .on{animation:none!important}
html[data-gfx="clasico"] .lvatt .lvb{border-radius:0;border:1px solid var(--line)}html[data-gfx="clasico"] .lvatt .lvb.on{background:var(--lc);box-shadow:inset 1px 1px #fff6,inset -1px -1px #0005}
html[data-gfx="clasico"] .tsrow,html[data-gfx="clasico"] .tsnum{border-radius:2px}
html[data-gfx="clasico"] .lvstar .lvs.on{text-shadow:1px 1px 0 #0006}
/* Retro: cuadrado, sombra dura y barras inclinadas */
html[data-gfx="retro"] .lvl,html[data-gfx="retro"] .tsrow,html[data-gfx="retro"] .tsnum{border-radius:0;border-width:2px}
html[data-gfx="retro"] .lvatt .lvb{border-radius:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
html[data-gfx="retro"] .lvstar .lvs.on{text-shadow:2px 2px 0 #000,0 0 var(--gl) var(--lc)}
html[data-gfx="retro"] .lvnum{text-shadow:2px 2px 0 #000,0 0 var(--gl) var(--lc)}
/* PES 6: plateado con relieve y rellenos brillantes, como los botones del modo Editar */
html[data-gfx="pes6"] .lvl{background:linear-gradient(180deg,#fafaf8,#d6d5cf);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 2px 4px #0003}
html[data-gfx="pes6"] .lvl:not([data-lv="0"]){border-color:color-mix(in srgb,var(--lc) 55%,#6f6c64);box-shadow:inset 0 1px #fff,0 0 0 2px color-mix(in srgb,var(--lc) 35%,transparent),0 2px 6px #0004}
html[data-gfx="pes6"] .lvatt .lvb{background:linear-gradient(180deg,#bdbcb6,#e8e7e2);border:1px solid #8f8c84;box-shadow:inset 0 1px 2px #0004}
html[data-gfx="pes6"] .lvatt .lvb.on{background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--lc) 55%,#fff) 18%,var(--lc) 55%,color-mix(in srgb,var(--lc) 75%,#000));border-color:color-mix(in srgb,var(--lc) 60%,#000)}
html[data-gfx="pes6"] .lvstar .lvs{color:#b9b8b1;text-shadow:0 1px #fff}
html[data-gfx="pes6"] .lvstar .lvs.on{color:var(--lc);-webkit-text-stroke:1px color-mix(in srgb,var(--lc) 55%,#000);text-shadow:0 0 var(--gl) var(--lc),0 2px 2px #0005}
html[data-gfx="pes6"] .lvnum{-webkit-text-stroke:.5px color-mix(in srgb,var(--lc) 50%,#000)}
html[data-gfx="pes6"] .lvl[data-lv="0"] .lvnum{-webkit-text-stroke:0}
html[data-gfx="pes6"] .tsrow{background:linear-gradient(180deg,#fafaf8,#e2e1db);border-color:#8f8c84;box-shadow:inset 0 1px #fff}
html[data-gfx="pes6"] button.tsrow:hover{background:linear-gradient(180deg,#fffbe0,#e9dfae)}
html[data-gfx="pes6"] .tsnum{background:linear-gradient(180deg,#4b4b4b,#2b2b2b);color:#ffd23a;border-color:#1a1a1a}
html[data-gfx="pes6"] :is(.lvl,.tsrow,.tsnum){border-radius:0!important}
.card h3.sec{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
html[data-gfx="pes6"] .card h3.sec{border-top:2px solid #b9b6ad;box-shadow:inset 0 1px #fff}
html[data-gfx="retro"] .card h3.sec{border-top:2px solid var(--line)}
html[data-gfx="pes6"] .fullnm #pBytes{color:#1c1c1a;background:linear-gradient(180deg,#fafaf8,#d6d5cf);border-color:#8f8c84;border-radius:0}
html[data-gfx="pes6"] .fullnm #pBytes.bad{color:#b0281f}
html[data-gfx="pes6"] .tsnone .tsrow{background:#ffffff55;box-shadow:none}
/* − y + a los costados de Estrellas y Actitud */
.lvl .lvstep{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--display);font-size:1.25rem;font-weight:700;display:grid;place-items:center;transition:transform .12s,border-color .2s,background .2s}
.lvl .lvstep:hover:not(:disabled){border-color:var(--lc,var(--accent));transform:scale(1.1)}
.lvl .lvstep:active:not(:disabled){transform:scale(.92)}
.lvl .lvstep:disabled{opacity:.35;cursor:default}
.lvl .lvnum+.lvstep{margin-left:4px}
html[data-gfx="clasico"] .lvl .lvstep{border-radius:2px;box-shadow:inset 1px 1px #fff8,inset -1px -1px #0005}
html[data-gfx="clasico"] .lvl .lvstep:active:not(:disabled){box-shadow:inset -1px -1px #fff8,inset 1px 1px #0005;transform:none}
html[data-gfx="retro"] .lvl .lvstep{border-radius:0;border-width:2px;border-color:var(--neon);background:#071440;color:var(--accent);text-shadow:2px 2px 0 #000}
html[data-gfx="pes6"] .lvl .lvstep{border-radius:0!important;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;box-shadow:inset 0 1px #fff,0 2px 3px #0004;color:#1c1c1a}
html[data-gfx="pes6"] .lvl .lvstep:hover:not(:disabled){background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f}

/* ----- Ficha del jugador · Habilidades: barras con el color del nivel, − y + en cada una ----- */
.abt{--lc:#8a958f}.abt[data-t="1"]{--lc:#2f9e5f}.abt[data-t="2"]{--lc:#cfa000}.abt[data-t="3"]{--lc:#f08400}.abt[data-t="4"]{--lc:#e2392a}
.abscale{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:.68rem;color:var(--muted);margin-top:-4px}
.abscale span{display:inline-flex;align-items:center;gap:5px}.abscale i{width:18px;height:6px;border-radius:99px;background:var(--lc)}
.abgroups{gap:18px 26px}
.abgrp{gap:4px}
.abgrp h4{display:flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:2px solid color-mix(in srgb,var(--line) 70%,transparent)}
.gavg{margin-left:auto;min-width:2.3em;text-align:center;font-family:var(--display);font-size:1.05rem;line-height:1.35;color:#fff;background:var(--lc);border-radius:6px;padding:0 .35rem;box-shadow:0 1px 0 #0003;text-shadow:0 1px 0 #0004}
.abr{--p:50%;display:grid;grid-template-columns:minmax(96px,1.15fr) minmax(70px,1fr) auto;gap:10px;align-items:center;min-height:32px}
.abr .abn{font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abr input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;accent-color:var(--lc)}
.abr input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--lc) 55%,#fff) 0,var(--lc) var(--p),color-mix(in srgb,var(--line) 75%,transparent) var(--p));transition:background .2s}
.abr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--lc),0 2px 5px #0006;transition:scale .15s}
.abr input[type=range]:hover::-webkit-slider-thumb{scale:1.18}
.abr input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:color-mix(in srgb,var(--line) 75%,transparent)}
.abr input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--lc) 55%,#fff),var(--lc))}
.abr input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--lc)}
.abr[data-t="4"] input[type=range]::-webkit-slider-runnable-track{box-shadow:0 0 8px -1px var(--lc)}
.abctl{display:flex;align-items:center;gap:3px}
.abstep{width:24px;height:24px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 1rem/1 var(--display);cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .12s,border-color .2s}
.abstep:hover{border-color:var(--lc);transform:scale(1.1)}.abstep:active{transform:scale(.9)}
.abr .abctl input[type=number]{width:44px;text-align:center;padding:.15rem .1rem;font-family:var(--display);font-size:1.15rem;font-weight:700;color:var(--lc);-moz-appearance:textfield;appearance:textfield}
.abr .abctl input[type=number]::-webkit-inner-spin-button,.abr .abctl input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.abr[data-t="4"] .abctl input[type=number]{text-shadow:0 0 8px color-mix(in srgb,var(--lc) 60%,transparent)}
.ab.ro.abt .abbar b{background:linear-gradient(90deg,color-mix(in srgb,var(--lc) 55%,#fff),var(--lc));opacity:1}.ab.ro.abt .abv{color:var(--lc);font-weight:700}
/* pierna mala, forma y lesiones: mismas barras que Actitud, con el color según qué tan alto está */
:is(.lvatt,.lvgen) .lvb{flex:1 1 0;height:18px;min-width:10px;border-radius:99px;background:color-mix(in srgb,var(--muted) 22%,transparent);overflow:hidden;transition:background .2s,box-shadow .2s,transform .15s;border:0;cursor:pointer;padding:0}
.lvgen .lvb:hover{transform:scaleY(1.2)}
.lvgen .lvb.on{background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 62%,#fff),var(--lc) 60%,color-mix(in srgb,var(--lc) 80%,#000));box-shadow:0 0 var(--gl) var(--lc)}
.lvgen[data-t="0"]{--lc:#8a958f;--gl:0px}.lvgen[data-t="1"]{--lc:#2f9e5f;--gl:2px}.lvgen[data-t="2"]{--lc:#cfa000;--gl:3px}.lvgen[data-t="3"]{--lc:#f08400;--gl:5px}.lvgen[data-t="4"]{--lc:#e2392a;--gl:8px}
.lvgen{border-color:color-mix(in srgb,var(--lc) 60%,var(--line))}
.lvgen .lvnum{min-width:1.1em;text-align:center}
.lvgen[data-t="4"]::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-110%);animation:lvshine 3s ease-in-out infinite}
/* Clásico */
html[data-gfx="clasico"] .abr input[type=range]::-webkit-slider-runnable-track{border-radius:0;box-shadow:inset 1px 1px #0005,inset -1px -1px #fff8;background:linear-gradient(90deg,var(--lc) var(--p),var(--sunk) var(--p))}
html[data-gfx="clasico"] .abr input[type=range]::-webkit-slider-thumb{border-radius:1px;width:11px;height:20px;margin-top:-6px;background:var(--panel);box-shadow:inset 1px 1px #fff,inset -1px -1px #0006,0 0 0 1px #0007}
html[data-gfx="clasico"] .gavg,html[data-gfx="clasico"] .abstep{border-radius:2px;box-shadow:inset 1px 1px #fff6,inset -1px -1px #0005}
html[data-gfx="clasico"] .lvgen .lvb{border-radius:0;border:1px solid var(--line)}html[data-gfx="clasico"] .lvgen .lvb.on{background:var(--lc);box-shadow:inset 1px 1px #fff6,inset -1px -1px #0005}
html[data-gfx="clasico"] .abr .abctl input[type=number]{text-shadow:none}
/* Retro */
html[data-gfx="retro"] .abr input[type=range]::-webkit-slider-runnable-track{border-radius:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 6px,#071440 6px 8px),linear-gradient(90deg,var(--lc) var(--p),#14307a var(--p))}
html[data-gfx="retro"] .abr input[type=range]::-webkit-slider-thumb{border-radius:0;width:10px;height:18px;margin-top:-4px;background:#fff;box-shadow:2px 2px 0 #000,0 0 0 2px var(--lc)}
html[data-gfx="retro"] .gavg,html[data-gfx="retro"] .abstep{border-radius:0}
html[data-gfx="retro"] .abstep{border:2px solid var(--neon);background:#071440;color:var(--accent)}
html[data-gfx="retro"] .abr .abctl input[type=number]{text-shadow:2px 2px 0 #000}
html[data-gfx="retro"] .lvgen .lvb{border-radius:0;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
html[data-gfx="retro"] .abgrp h4{border-bottom-color:var(--line)}
/* PES 6: barra hundida, perilla plateada y el número en un recuadro oscuro como el del juego */
html[data-gfx="pes6"] .abr input[type=range]::-webkit-slider-runnable-track{border-radius:0;height:10px;border:1px solid #6f6c64;box-shadow:inset 0 1px 2px #0005;background:linear-gradient(180deg,#ffffff70,#fff0 50%),linear-gradient(90deg,var(--lc) var(--p),#cfcec8 var(--p))}
html[data-gfx="pes6"] .abr input[type=range]::-webkit-slider-thumb{border-radius:0;width:12px;height:20px;margin-top:-6px;background:linear-gradient(180deg,#fafaf8,#b9b8b1);box-shadow:0 0 0 1px #6f6c64,0 2px 3px #0005}
html[data-gfx="pes6"] .abr .abctl input[type=number]{background:linear-gradient(180deg,#4b4b4b,#2b2b2b);border-color:#1a1a1a;color:var(--lc);border-radius:0;filter:brightness(1.15)}
html[data-gfx="pes6"] .abstep{border-radius:0!important;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border:1px solid #6f6c64;box-shadow:inset 0 1px #fff,0 2px 3px #0004;color:#1c1c1a}
html[data-gfx="pes6"] .abstep:hover{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f}
html[data-gfx="pes6"] .gavg{border-radius:0;border:1px solid color-mix(in srgb,var(--lc) 60%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 55%,#fff),var(--lc) 55%,color-mix(in srgb,var(--lc) 80%,#000))}
html[data-gfx="pes6"] .abgrp h4{border-bottom:2px solid #b9b6ad;box-shadow:0 1px #fff}
html[data-gfx="pes6"] .lvgen .lvb{border-radius:0;background:linear-gradient(180deg,#bdbcb6,#e8e7e2);border:1px solid #8f8c84;box-shadow:inset 0 1px 2px #0004}
html[data-gfx="pes6"] .lvgen .lvb.on{background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--lc) 55%,#fff) 18%,var(--lc) 55%,color-mix(in srgb,var(--lc) 75%,#000));border-color:color-mix(in srgb,var(--lc) 60%,#000)}
html[data-gfx="pes6"] .abscale i{border-radius:0}
html[data-gfx="pes6"] .abr .abn{font-size:.76rem}

/* ----- Habilidades: explicación de cada estadística y animaciones al subir o bajar ----- */
.abr .abn{display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:.83rem;text-align:left;cursor:help}
.abr .abn>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abi{flex:none;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--line);background:var(--sunk);color:var(--muted);font:italic 700 .62rem/1 Georgia,serif;padding:0;cursor:help;opacity:.75;transition:opacity .15s,border-color .15s,color .15s;vertical-align:middle}
.abr .abn:hover .abi,.abr .abn:focus-visible .abi,button.abi:hover,button.abi:focus-visible{opacity:1;border-color:var(--lc,var(--accent));color:var(--lc,var(--accent))}
.abr .abn:hover>span{color:var(--lc)}
.lab button.abi{margin-left:3px}
.abtip{position:fixed;z-index:400;display:grid;gap:5px;padding:10px 12px;border-radius:10px;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 30px -10px #000a;font-size:.8rem;line-height:1.45;pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .15s,transform .15s;visibility:hidden}
.abtip.on{opacity:1;transform:none;visibility:visible}.abtip.up{transform-origin:bottom}
.abtip b{font-family:var(--display);font-size:1rem;letter-spacing:.01em}.abtip p{margin:0;color:var(--muted)}
.abtip .abt{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.68rem;color:var(--lc)}.abtip .abt i{width:18px;height:6px;border-radius:99px;background:var(--lc)}
html[data-gfx="clasico"] .abtip{border-radius:2px;background:#ffffe1;color:#000;border-color:#000;box-shadow:2px 2px 0 #0004}html[data-gfx="clasico"] .abtip p{color:#222}
html[data-gfx="retro"] .abtip{border-radius:0;border:2px solid var(--neon);background:#071440f2;box-shadow:4px 4px 0 #000}
html[data-gfx="pes6"] .abtip{border-radius:0;background:linear-gradient(180deg,#fafaf8,#dedcd5);border:1px solid #6f6c64;box-shadow:inset 0 1px #fff,0 0 0 2px #ffd23a88,0 8px 18px #0006;color:#1c1c1a}html[data-gfx="pes6"] .abtip p{color:#3a3a37}
html[data-gfx="pes6"] .abi{border-radius:0;background:linear-gradient(180deg,#fafaf8,#c9c8c2);border-color:#6f6c64;color:#1c1c1a;opacity:.9}
/* el número salta y cambia de color un momento; "+1"/"−1" sube y se desvanece */
.abctl{position:relative}
.bump-up{animation:abBumpUp .55s cubic-bezier(.3,1.6,.5,1)}
.bump-dn{animation:abBumpDn .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes abBumpUp{0%{transform:scale(1)}30%{transform:scale(1.28) translateY(-2px);filter:brightness(1.3) drop-shadow(0 0 6px #2fd27a)}100%{transform:none}}
@keyframes abBumpDn{0%{transform:scale(1)}30%{transform:scale(.8) translateY(2px);filter:brightness(.85) drop-shadow(0 0 6px #ff5a4a)}100%{transform:none}}
.dchip{position:absolute;left:50%;top:-4px;z-index:20;pointer-events:none;font:700 .78rem/1 var(--display);padding:2px 5px;border-radius:6px;color:#fff;transform:translate(-50%,0);animation:abChip 1s ease-out forwards;white-space:nowrap}
.dchip.up{background:#1f9d55;box-shadow:0 0 10px #2fd27a99}.dchip.dn{background:#d63a2c;box-shadow:0 0 10px #ff5a4a99}
@keyframes abChip{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.05)}100%{opacity:0;transform:translate(-50%,-22px)}}
.abr.anim input[type=range]::-webkit-slider-runnable-track{transition:none}
@property --p{syntax:'<percentage>';inherits:true;initial-value:50%}
.abr.anim{transition:--p .45s cubic-bezier(.2,.9,.3,1)}
/* barras de nivel: las que se prenden saltan, las que se apagan se encogen */
.lvl .pop{animation:lvPop .5s cubic-bezier(.3,1.7,.5,1)}
.lvl .drop{animation:lvDrop .45s ease-out}
@keyframes lvPop{0%{transform:scale(.4);filter:brightness(1.8)}60%{transform:scale(1.25);filter:brightness(1.3)}100%{transform:none}}
@keyframes lvDrop{0%{transform:scale(1.1);filter:brightness(1.4)}100%{transform:none}}
.lvl .lvnum.bump-up,.lvl .lvnum.bump-dn,.gavg.bump-up,.gavg.bump-dn{display:inline-block}
html[data-gfx="clasico"] .dchip{border-radius:2px;box-shadow:none}html[data-gfx="retro"] .dchip,html[data-gfx="pes6"] .dchip{border-radius:0;box-shadow:2px 2px 0 #000}
@media (prefers-reduced-motion:reduce){.dchip,.bump-up,.bump-dn,.lvl .pop,.lvl .drop{animation:none!important}.abr.anim{transition:none}}
/* botón ⓘ al lado del + */
.abinfo{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--sunk);color:var(--muted);font:italic 700 .8rem/1 Georgia,serif;display:grid;place-items:center;padding:0;cursor:help;transition:transform .12s,border-color .2s,color .2s,background .2s}
.abinfo:hover,.abinfo:focus-visible,.abinfo[aria-describedby]{border-color:var(--lc,var(--accent));color:var(--lc,var(--accent));background:var(--panel);transform:scale(1.1)}
.abctl .abinfo{margin-left:4px}
.lvl .abinfo{width:30px;height:30px;font-size:.95rem;margin-left:2px;border:1px solid var(--line);background:var(--sunk);color:var(--muted);font-family:Georgia,serif;font-style:italic;font-weight:700}
.lvl .abinfo:hover,.lvl .abinfo[aria-describedby]{border-color:var(--lc,var(--accent));color:var(--lc,var(--accent));background:var(--panel)}
html[data-gfx="clasico"] .abinfo{border-radius:2px;box-shadow:inset 1px 1px #fff8,inset -1px -1px #0005;font-style:normal}
html[data-gfx="retro"] .abinfo{border-radius:0;border:2px solid var(--neon);background:#071440;color:var(--neon)}
html[data-gfx="pes6"] .abinfo{border-radius:0!important;background:linear-gradient(180deg,#e9f2ff,#9fc0e6);border:1px solid #4d6f9a;box-shadow:inset 0 1px #fff,0 2px 3px #0004;color:#0f3050}
html[data-gfx="pes6"] .abinfo:hover,html[data-gfx="pes6"] .abinfo[aria-describedby]{background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;color:#1c1c1a}
/* ===== Habilidades: selector de vista y vista FIFA ===== */
.abview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.abview .seg button{font-family:var(--display);font-size:.9rem;padding:.35rem .9rem}
.f80{--lc:#14853b}.f70{--lc:#62b331}.f50{--lc:#e6a117}.f0{--lc:#d8412b}
/* el escenario: la pestaña toma el color de la carta (oro, plata, bronce o ícono) */
.fifa{--tc:#f5c84b;--s1:#f7e7c0;--s2:#c9974a;--sink:#2e2106;--smut:#6b5422;--pan:#fffaf0b0;display:grid;grid-template-columns:minmax(250px,280px) minmax(0,1fr);gap:22px;align-items:start;padding:20px;border-radius:16px;color:var(--sink);position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 80% at 15% 0%,#ffffffb0,transparent 55%),repeating-linear-gradient(115deg,#ffffff16 0 2px,transparent 2px 46px),linear-gradient(140deg,var(--s1),var(--s2));box-shadow:inset 0 0 0 1px #0000001a,0 10px 30px -18px var(--s2)}
.fifa::before{content:"";position:absolute;inset:-30% -10%;z-index:-1;background:linear-gradient(115deg,transparent 40%,#ffffff40 47%,transparent 54%);animation:stageSweep 7s ease-in-out infinite;pointer-events:none}
@keyframes stageSweep{0%,20%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.fifa.t-silver{--tc:#e3e9f0;--s1:#eef1f5;--s2:#9aa4b1;--sink:#1f252d;--smut:#4d5866;--pan:#ffffffb0}
.fifa.t-bronze{--tc:#d98f55;--s1:#f1d2b4;--s2:#a8693b;--sink:#2f1a0a;--smut:#6e4526;--pan:#fff5ecb0}
.fifa.t-icon{--tc:#ffe39a;--s1:#fffaf0;--s2:#d8bf80;--sink:#33280c;--smut:#6d5a2a;--pan:#ffffffc0}
.fifa .note,.fifa .futinfo dt{color:var(--smut)}
.fifaside{display:grid;gap:12px;justify-items:center;position:relative}
.fifaside .note{font-size:.78rem;margin:0;text-align:center}
.futbtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.futbtns [aria-pressed="true"]{background:var(--tc);color:#2b2108;border-color:color-mix(in srgb,var(--tc) 60%,#000)}
.fgrp{background:var(--pan);border-radius:12px;padding:10px 12px;box-shadow:0 1px 0 #ffffff80 inset,0 4px 14px -10px #0007;backdrop-filter:blur(4px)}
.fifa .abgrp h4{border-bottom-color:color-mix(in srgb,var(--sink) 18%,transparent)}
/* ----- la carta (250 x 350). Forma actual por defecto; FIFA 15 en PES 6 y Clásico ----- */
.fut{--c1:#efd88f;--c2:#dcbd66;--c3:#b48f3b;--ink:#3b2c0b;--edge:#f6e6b0;--tab:#d9bb6a;position:relative;width:250px;height:350px;flex:none;filter:drop-shadow(0 14px 20px #0007);animation:futIn .55s cubic-bezier(.2,1.2,.4,1);z-index:1;font-family:var(--body)}
.fut.rare{--c1:#fbe9a6;--c2:#e9c85f;--c3:#b88c25;--edge:#fff1bf}
.fut.silver{--c1:#e9ecf0;--c2:#c6ccd4;--c3:#959eaa;--ink:#232830;--edge:#f7f9fb;--tab:#c4cad3}
.fut.silver.rare{--c1:#f6f8fa;--c2:#cdd3db;--c3:#8d97a5}
.fut.bronze{--c1:#e9b88f;--c2:#cf9466;--c3:#9c623a;--ink:#3a1f0d;--edge:#f8d2b1;--tab:#cf9466}
.fut.bronze.rare{--c1:#f4c59b;--c2:#d78f5a;--c3:#93552c}
.fut.icon{--c1:#f6f4ef;--c2:#e6e1d6;--c3:#cfc6b4;--ink:#4a3a18;--edge:#c9a24e;--tab:#efe7d4}
.futfr{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.futfr path{fill:none;stroke:var(--edge);stroke-width:2.5;stroke-linejoin:round}.futfr .p15{display:none}
.fut.icon .futfr path{stroke-width:6;stroke:#c9a24e;filter:drop-shadow(0 0 1px #7a5a17) drop-shadow(0 0 4px #e8c76a99)}
/* fondo: no rara con arcos suaves; rara con rayos y cintas de luz; abajo la franja del nombre */
.futin{position:absolute;inset:0;clip-path:path('M8 34Q30 32 34 10Q125 0 216 10Q220 32 242 34L242 292Q242 310 224 316Q168 324 142 336Q125 344 108 336Q82 324 26 316Q8 310 8 292Z');color:var(--ink);overflow:hidden;
  background:linear-gradient(180deg,transparent 0 198px,#00000014 198px 199px,#ffffff1c 199px),radial-gradient(circle at 108% -6%,transparent 0 70px,#ffffff2e 71px 73px,transparent 74px 104px,#ffffff26 105px 107px,transparent 108px 140px,#ffffff1e 141px 143px,transparent 144px 178px,#ffffff16 179px 181px,transparent 182px 218px,#ffffff10 219px 221px,transparent 222px),linear-gradient(180deg,var(--c1),var(--c2) 62%,var(--c3))}
.fut.rare .futin{background:linear-gradient(180deg,transparent 0 198px,#00000014 198px 199px,#ffffff1c 199px),linear-gradient(150deg,transparent 30%,#ffffff55 36%,transparent 41%,transparent 47%,#ffffff40 51%,transparent 55%),repeating-conic-gradient(from 180deg at 102% -2%,#ffffff3a 0 .7deg,transparent .7deg 3.2deg),radial-gradient(80% 50% at 85% 10%,#ffffff70,transparent 70%),linear-gradient(180deg,var(--c1),var(--c2) 62%,var(--c3))}
.fut.icon .futin{background:linear-gradient(180deg,transparent 0 198px,#a8842c33 198px 199px,transparent 199px),radial-gradient(160px 60px at 30% 30%,transparent 0 96%,#c9a24e 97% 99%,transparent 100%),radial-gradient(200px 90px at 78% 64%,transparent 0 96%,#c9a24ecc 97% 99%,transparent 100%),radial-gradient(120px 40px at 18% 72%,#00000010,transparent 70%),radial-gradient(90px 160px at 70% 20%,#0000000c,transparent 70%),repeating-linear-gradient(28deg,transparent 0 18px,#00000008 18px 19px,transparent 19px 41px,#0000000d 41px 42px),repeating-linear-gradient(-52deg,transparent 0 26px,#ffffff70 26px 28px,transparent 28px 63px),linear-gradient(170deg,var(--c1),var(--c2) 60%,var(--c3))}
.futin::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff70 48%,transparent 60%);transform:translateX(-130%);animation:futShine 4s ease-in-out 1.2s infinite;pointer-events:none;z-index:2}
.fut.rare .futin::after{animation-duration:2.6s;background:linear-gradient(110deg,transparent 35%,#fff 48%,transparent 60%);opacity:.7}
.futin>div{position:absolute}
.fu-ovr{left:44px;top:40px;display:grid;justify-items:center;line-height:1}
.fu-ovr b{font:800 2.75rem/.92 var(--body);letter-spacing:-.03em}
.fu-ovr span{font:700 1rem/1.15 var(--body)}
.fu-ovr i{font:800 .85rem/.9 var(--body);font-style:normal;letter-spacing:-.05em}
.futin:not(:has(.fu-ps i)) .fu-ovr{left:30px}
.fu-ps{left:12px;top:52px;width:26px;height:26px;display:grid;place-items:center}
.fu-ps i{width:19px;height:19px;transform:rotate(45deg);border:1.5px solid var(--ink);border-radius:4px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 60%,#fff),var(--c2));position:relative}
.fu-ps i::after{content:"";position:absolute;inset:4px;border-radius:50%;border:1.5px solid var(--ink);border-top-color:transparent;transform:rotate(-45deg)}
.fu-ps:empty{display:none}
.fu-face{right:18px;top:24px;width:166px;height:172px;display:grid;place-items:end center}
.face.futf{width:100%;height:100%}.face.futf::before{display:none}.face.futf svg{width:70%!important;height:70%!important;align-self:center}
.face.futf.has img{filter:drop-shadow(0 6px 8px #0004)}
.fu-nm{left:14px;right:14px;top:202px;text-align:center;font:800 1.42rem/1.1 var(--body);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fu-st{left:18px;right:18px;top:233px;display:grid;grid-template-columns:repeat(6,1fr);text-align:center}
.fu-st div{display:flex;flex-direction:column-reverse;align-items:center;gap:1px}
.fu-st span{font:700 .72rem/1 var(--body);opacity:.9}.fu-st b{font:800 1.3rem/1.15 var(--body)}
.fu-st div:nth-child(1){order:1}.fu-st div:nth-child(3){order:2}.fu-st div:nth-child(5){order:3}.fu-st div:nth-child(2){order:4}.fu-st div:nth-child(4){order:5}.fu-st div:nth-child(6){order:6}
.fu-nat,.fu-club{top:284px}
.fu-nat{left:calc(50% - 38px)}.fu-club{left:calc(50% + 12px)}
.fu-nat .flagw{position:relative;display:block;width:26px;height:17px}.fu-nat .flagw .crest{position:absolute;inset:0;width:auto;height:auto}
.crest.futcrest{width:24px;height:24px;font-size:.45rem;border-radius:4px;margin-top:-3px}
.fu-band{display:none}
/* posiciones extra (pestañas a la derecha) y datos de abajo, como en FC */
.fu-alt{position:absolute;right:-9px;top:60px;z-index:4;display:grid;gap:2px}
.fu-alt span.b{opacity:.7;filter:saturate(.6);border-style:dashed}
.fu-alt span{display:block;min-width:34px;padding:4px 4px;text-align:center;font:800 .62rem/1 var(--body);color:var(--ink);background:linear-gradient(180deg,var(--c1),var(--tab));border:1.5px solid color-mix(in srgb,var(--ink) 55%,transparent);border-radius:3px;box-shadow:0 1px 3px #0004}
.fu-tabs{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);z-index:4;display:flex;gap:3px}
.fu-tabs span{font:800 .66rem/1 var(--body);color:var(--ink);padding:4px 10px;background:linear-gradient(180deg,var(--c1),var(--tab));clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);filter:drop-shadow(0 1px 0 #0003)}
.fu-tabs span:last-child::after{content:" cm";font-size:.55rem}
.fifaside:has(.fu-tabs) .futbtns{margin-top:10px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fifaside .futbtns{margin-top:0}
.fu-icon{left:0;right:0;top:14px;text-align:center;font:800 .62rem/1 var(--body);letter-spacing:.35em;color:#a8842c}
@keyframes futIn{0%{opacity:0;transform:perspective(700px) rotateY(-70deg) scale(.85)}100%{opacity:1;transform:none}}
@keyframes futShine{0%{transform:translateX(-130%)}35%,100%{transform:translateX(130%)}}
/* FIFA 15: nombre arriba, media y posición a la izquierda con escudo y bandera, franja del estilo y 3 filas de 2 */
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut .futin{clip-path:path('M8 36C70 34 92 8 125 8S180 34 242 36L242 306Q242 314 234 317L136 346Q125 349 114 346L16 317Q8 314 8 306Z');color:#fffbe8;text-shadow:0 1px 2px #0000008c;
  background:linear-gradient(172deg,#ffffff66,transparent 34%),radial-gradient(circle at 74% 44%,transparent 0 58px,#ffffff30 59px 62px,transparent 63px 82px,#ffffff20 83px 86px,transparent 87px 110px,#ffffff14 111px 113px,transparent 114px),linear-gradient(180deg,var(--c1),var(--c2) 50%,var(--c3))}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut{--c1:#f4da70;--c2:#dfb83c;--c3:#b38a1c;--edge:#fff2b0}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.silver{--c1:#eef0f3;--c2:#c4cad2;--c3:#8a939f;--edge:#fff}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.silver .futin{color:#262a31;text-shadow:0 1px 0 #ffffffa0}html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.silver .fu-st div{border-bottom-color:#0000002a}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.bronze{--c1:#dca06a;--c2:#b06f3c;--c3:#7c4520;--edge:#f4c79b}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.icon{--c1:#fdfcff;--c2:#e2daf2;--c3:#a596cf;--edge:#fff}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fut.icon .futin{color:#463781;text-shadow:0 1px 0 #fff}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .futfr .p15{display:block}html:is([data-gfx="pes6"],[data-gfx="clasico"]) .futfr .pfc{display:none}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-nm{top:40px;font-size:1.55rem;text-transform:uppercase;letter-spacing:.04em}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-ovr{left:26px;top:76px;display:flex;align-items:baseline;gap:6px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-ovr b{font-size:2.4rem}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-club{left:30px;top:118px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .crest.futcrest{width:42px;height:42px;font-size:.65rem;margin:0}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-nat{left:30px;top:168px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-nat .flagw{width:42px;height:28px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-face{right:14px;top:70px;width:138px;height:138px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-ps{display:none}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-band{display:flex;left:10px;right:10px;top:206px;height:28px;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#00000014,#00000026);border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;font:700 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-st{top:238px;left:30px;right:30px;grid-template-columns:1fr 1fr;column-gap:16px}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-st div{order:0!important;flex-direction:row;justify-content:flex-start;gap:6px;padding:1px 0;border-bottom:1px solid #ffffff38}.fu-st div:nth-last-child(-n+2){border-bottom:0}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-st b{font-size:1.15rem;min-width:1.5em;text-align:right}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-st span{font-size:.98rem;opacity:1}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-icon{top:24px;color:#7a68b8;text-shadow:none}
.fu-band .emo{color:inherit!important}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-tabs{display:none}
html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-alt{top:76px;right:-12px}
html[data-gfx="pes6"] .fu-alt span{font-family:"Saira Condensed",sans-serif;font-size:.78rem;border-radius:2px;padding:3px 5px;min-width:38px}
html[data-gfx="clasico"] .fut{font-family:var(--display)}html:is([data-gfx="pes6"],[data-gfx="clasico"]) .fu-ovr i{display:none}
html[data-gfx="clasico"] :is(.fu-ovr b,.fu-ovr span,.fu-nm,.fu-st b,.fu-st span){font-family:var(--display)}
/* PES 6: letra estilo FIFA (condensada y gruesa) en la carta */
html[data-gfx="pes6"] .fut :is(.fu-ovr b,.fu-ovr span,.fu-nm,.fu-st b,.fu-st span,.fu-band,.fu-icon){font-family:"Saira Condensed","Big Shoulders",sans-serif;font-style:normal;font-weight:700;letter-spacing:.01em}
html[data-gfx="pes6"] .fut .fu-ovr b{font-size:2.9rem;font-weight:800;letter-spacing:-.02em}html[data-gfx="pes6"] .fut .fu-ovr span{font-size:1.35rem}
html[data-gfx="pes6"] .fut .fu-nm{font-size:1.75rem;letter-spacing:.03em}html[data-gfx="pes6"] .fut .fu-band{font-size:1.05rem;letter-spacing:.06em}
html[data-gfx="pes6"] .fut .fu-st b{font-size:1.45rem}html[data-gfx="pes6"] .fut .fu-st span{font-size:1.25rem;font-weight:600}
/* ----- la apertura en toda la pestaña: primero el sobre espera a que lo rasgues pasando el mouse por arriba;
   al rasgarlo: destello, bandera → posición → escudo, y la carta aparece grande en el centro antes de ir a su lugar ----- */
.fopen{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.fopen>*{position:absolute;left:50%;top:var(--cy,300px)}
.fo-beam{--bc:#dfe6f5;width:240px;height:900px;margin:-450px 0 0 -120px;background:linear-gradient(0deg,transparent,var(--bc) 35%,#fff 50%,var(--bc) 65%,transparent);filter:blur(22px);opacity:.25;animation:foIdleBeam 2.4s ease-in-out infinite}
/* el sobre: tira de arriba (se rasga) y cuerpo */
.fo-pack{width:250px;height:360px;margin:-180px 0 0 -125px;display:grid;grid-template-rows:58px 1fr;pointer-events:auto;outline:none;animation:foPackIn .7s cubic-bezier(.3,1.4,.5,1) both,foFloat 2.6s ease-in-out .7s infinite}
/* el sobre es igual para todas las cartas: no adelanta si sale oro, plata, bronce o ícono */
.fo-pack>*{background:repeating-linear-gradient(135deg,#ffffff0d 0 6px,transparent 6px 14px),radial-gradient(ellipse at 50% 38%,#3a4566,transparent 70%),linear-gradient(160deg,#28304a,#121726 55%,#07090f);box-shadow:0 0 40px #dfe6f540,inset 0 0 0 2px #d4a93c,inset 0 0 0 4px #00000080,inset 0 0 0 5px #ffffff30}
.fo-top{position:relative;border-radius:12px 12px 0 0;cursor:crosshair;touch-action:none;transform-origin:100% 100%;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) 0 100%/12px 6px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) 0 100%/12px 6px repeat-x}
.fo-top::after{content:"";position:absolute;left:8px;right:8px;bottom:9px;border-bottom:2px dashed #fff9}
.fo-cut{position:absolute;left:0;bottom:7px;height:5px;width:var(--tear,0%);background:linear-gradient(90deg,#fff8,#fff);box-shadow:0 0 12px #fff,0 0 24px var(--tc);border-radius:3px;transition:width .08s}
.fo-body{position:relative;border-radius:0 0 14px 14px;display:grid;place-items:center;align-content:center;gap:6px;font-size:4.4rem;-webkit-mask:linear-gradient(#000 0 0) bottom/100% calc(100% - 6px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) 0 0/12px 6px repeat-x;mask:linear-gradient(#000 0 0) bottom/100% calc(100% - 6px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) 0 0/12px 6px repeat-x}
.fo-logo{width:224px;height:auto;filter:drop-shadow(0 4px 6px #000a);pointer-events:none;user-select:none}
.fo-body span{font:800 .9rem/1 var(--display);letter-spacing:.2em;color:#fff;text-shadow:0 1px 2px #0008;text-transform:uppercase}
.fo-hint{width:420px;margin:200px 0 0 -210px;text-align:center;font:600 .95rem/1.3 var(--body,inherit);color:#fff;text-shadow:0 1px 3px #000;animation:fadeOnly .4s ease .6s both}
.fo-hand{width:34px;height:34px;margin:-186px 0 0 -112px;font-size:1.7rem;filter:drop-shadow(0 2px 3px #000a);animation:foHand 1.8s ease-in-out .8s infinite both;pointer-events:none}
.fo-flash{width:1400px;height:1400px;margin:-700px 0 0 -700px;background:radial-gradient(circle,#fff 0 18%,color-mix(in srgb,var(--tc) 60%,transparent) 30%,transparent 60%);opacity:0}
.fo-w{width:600px;height:240px;margin:-120px 0 0 -300px;display:grid;place-items:center;opacity:0}
.fo-w1 .flagw{position:relative;display:block;width:240px;height:160px;box-shadow:0 0 60px var(--tc),0 0 0 3px #fff6}.fo-w1 .flagw .crest{position:absolute;inset:0;width:auto;height:auto}
.fo-w2 b{font:800 8rem/1 var(--display);color:#fff;text-shadow:0 0 30px var(--tc),0 5px 0 #0006;letter-spacing:.02em}
.fo-w b{font-size:7rem}
.crest.fobig{width:200px;height:200px;font-size:3rem;border-radius:22px;box-shadow:0 0 60px var(--tc)}
.fo-rays{width:1500px;height:1500px;margin:-750px 0 0 -750px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--tc) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0 12%,transparent 55%);mask:radial-gradient(circle,#000 0 12%,transparent 55%);opacity:0}
.fo-parts i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--tc);box-shadow:0 0 10px var(--tc),0 0 2px #fff;opacity:0}
.fo-parts i:nth-child(3n){width:6px;height:6px;background:#fff}
.fo-skip{position:absolute;right:12px;top:12px;z-index:7;font:600 .8rem/1 var(--body,inherit);padding:.45rem .8rem;border-radius:99px;border:1px solid #ffffff60;background:#0009;color:#fff;cursor:pointer;animation:fadeOnly .3s ease .3s both}
.fifa.opening{min-height:620px}
.fifa.opening::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% var(--cy,300px),#2a2108e6,#000000f2 70%);animation:fadeOnly .4s ease both}
.fifa.opening .fifaside{z-index:6}
.fifa.opening :is(.fifaside,.fright){pointer-events:none}
.fifa.opening:not(.go) :is(.fut,.futbtns,.futinfo,.fifaside>.note,.futglow,.fright){visibility:hidden}
/* después de rasgar */
.fifa.go .fo-top{animation:foTear .9s cubic-bezier(.3,.6,.4,1) both;pointer-events:none}
.fifa.go .fo-pack{animation:foBurst .7s ease-in .45s both}
.fifa.go :is(.fo-hint,.fo-hand){display:none}
.fifa.go .fo-beam{--bc:var(--tc);animation:foBeam 1.6s ease both}
.fifa.go .fo-flash{animation:foFlash .9s ease .55s both}
.fifa.go .fo-w1{animation:foWalk 1s ease 1.15s both}.fifa.go .fo-w2{animation:foWalk 1s ease 2.15s both}.fifa.go .fo-w3{animation:foWalk 1s ease 3.15s both}
.fifa.go .fo-rays{animation:foRays 2.8s ease-out 4.1s both}
.fifa.go .fo-parts i{animation:foPart 1.6s ease-out 4.2s both}
.fifa.go::after{animation:foDimOut 7s ease both}
@keyframes foDimOut{0%,88%{opacity:1}100%{opacity:0}}
.fifa.opening.go .fut{animation:futReveal 2.7s cubic-bezier(.3,.9,.3,1) 4.1s both}
.fifa.opening.go :is(.futbtns,.futinfo,.fifaside>.note,.futglow){animation:fadeOnly .7s ease 6.6s both}
.fifa.opening.go .fright{animation:fgIn .7s ease 6.4s both}
/* confeti disparado al abrir el sobre */
.fo-conf i{position:absolute;left:0;top:0;width:9px;height:14px;margin:-7px 0 0 -4px;background:var(--c);border-radius:2px;opacity:0}
.fo-conf i:nth-child(3n){width:6px;height:6px;border-radius:50%}.fo-conf i:nth-child(4n){width:14px;height:5px}
.fifa.go .fo-conf i{animation:foConf var(--t,2.8s) cubic-bezier(.15,.65,.4,1) calc(.55s + var(--d)) both}
@keyframes foConf{0%{opacity:1;transform:translate(0,0) rotate(0) rotateX(0)}30%{transform:translate(calc(var(--x) * .6),calc(var(--y) * -1)) rotate(calc(var(--r) * .4)) rotateX(360deg)}85%{opacity:1}100%{opacity:0;transform:translate(var(--x),calc(var(--y) * -1 + 640px)) rotate(var(--r)) rotateX(1080deg)}}
.fifa.opening .fgrp,.fifa.opened .fgrp,.fifa.opened .fut,.fifa.opened .fright{animation:none}
@keyframes foIdleBeam{0%,100%{opacity:.15}50%{opacity:.35}}
@keyframes foPackIn{0%{opacity:0;transform:translateY(160px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes foFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}
@keyframes foHand{0%{transform:translateX(0);opacity:0}15%{opacity:1}70%{transform:translateX(210px);opacity:1}100%{transform:translateX(220px);opacity:0}}
@keyframes foTear{0%{transform:none}30%{transform:rotate(-8deg) translate(10px,-6px)}100%{transform:rotate(-38deg) translate(160px,-240px);opacity:0}}
@keyframes foBurst{0%{transform:none;filter:brightness(1)}60%{transform:scale(1.15);filter:brightness(2.2)}100%{opacity:0;transform:scale(1.7);filter:brightness(3)}}
@keyframes foBeam{0%{opacity:.3;transform:scaleY(.6)}40%{opacity:.95;transform:none}100%{opacity:0}}
@keyframes foFlash{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(1)}}
@keyframes foWalk{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}40%{transform:none}80%{opacity:1}100%{opacity:0;transform:scale(1.35)}}
@keyframes futReveal{0%{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) rotateY(200deg) scale(.5)}25%{opacity:1;transform:translate(var(--fx,0),var(--fy,0)) rotateY(-12deg) scale(1.6)}35%{transform:translate(var(--fx,0),var(--fy,0)) rotateY(0) scale(1.5)}72%{transform:translate(var(--fx,0),var(--fy,0)) rotateY(0) scale(1.5)}100%{opacity:1;transform:translate(0,0) rotateY(0) scale(1)}}
@keyframes foRays{0%{opacity:0;transform:rotate(0) scale(.5)}20%{opacity:1}75%{opacity:.8}100%{opacity:0;transform:rotate(70deg) scale(1.1)}}
@keyframes foPart{0%{opacity:0;transform:rotate(var(--a)) translateY(0)}10%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d) - 120px))}}
/* brillo detrás de las cartas de oro e ícono */
.futglow{position:absolute;left:50%;top:175px;width:440px;height:440px;margin:-220px 0 0 -220px;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 75%,#fff) 0 18%,color-mix(in srgb,var(--tc) 45%,transparent) 34%,transparent 62%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tc) 55%,transparent) 0 4deg,transparent 4deg 16deg);-webkit-mask:radial-gradient(circle,#000 0 30%,transparent 66%);mask:radial-gradient(circle,#000 0 30%,transparent 66%);animation:glowSpin 26s linear infinite,glowPulse 3.2s ease-in-out infinite;filter:blur(1px)}
.fifa.t-icon .futglow{background:radial-gradient(circle,#fff 0 18%,#ffe9a8aa 34%,transparent 62%),repeating-conic-gradient(from 0deg,#f1d27a99 0 4deg,transparent 4deg 16deg)}
@keyframes glowSpin{to{rotate:360deg}}
@keyframes glowPulse{0%,100%{opacity:.75;scale:.94}50%{opacity:1;scale:1.04}}
@media (prefers-reduced-motion:reduce){.futglow{animation:none}}
@keyframes fadeOnly{from{opacity:0}}
.futinfo{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;width:100%;max-width:270px;font-size:.86rem}
.futinfo dd{margin:0;font-weight:600;text-align:right}
.fst{color:#e6a117;letter-spacing:1px}.fst s{text-decoration:none;opacity:.3;color:currentColor}
/* grupos de atributos, con el color de FIFA según el valor */
.fgrid{columns:2 230px;column-gap:16px}
.fgrid>.fgrp{break-inside:avoid;margin-bottom:14px}
.fgrp{gap:5px;animation:fgIn .4s ease both}.fgrp:nth-child(2){animation-delay:.04s}.fgrp:nth-child(3){animation-delay:.08s}.fgrp:nth-child(4){animation-delay:.12s}.fgrp:nth-child(5){animation-delay:.16s}.fgrp:nth-child(6){animation-delay:.2s}.fgrp:nth-child(7){animation-delay:.24s}
.fat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:3px}
.fatn{font-size:.86rem;cursor:help;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fatn:hover{color:var(--lc,var(--accent))}
.fat>b{min-width:2.2em;text-align:center;font:700 .92rem/1.45 var(--display);color:#fff;background:var(--lc);border-radius:5px;text-shadow:0 1px 0 #0004}
.fbar{grid-column:1/-1;height:4px;border-radius:99px;background:color-mix(in srgb,var(--sink) 14%,transparent);overflow:hidden}
.fbar u{display:block;height:100%;background:var(--lc);border-radius:inherit;transform-origin:left;animation:fbGrow .6s cubic-bezier(.2,.9,.3,1) both}
@keyframes fbGrow{from{transform:scaleX(0)}}
@keyframes fgIn{from{opacity:0;transform:translateY(8px)}}
@media (max-width:760px){.fifa{grid-template-columns:1fr;padding:14px}}
@media (prefers-reduced-motion:reduce){.fut,.futin::after,.fgrp,.fbar u,.fifa::before{animation:none!important}}
/* Clásico: escenario gris de ventana, grupos como cuadros hundidos */
html[data-gfx="clasico"] .fifa{border-radius:0;--sink:#000;--smut:#333;--pan:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--s2) 30%,#d4d0c8),#d4d0c8 160px);box-shadow:inset 1px 1px #808080,inset -1px -1px #fff}
html[data-gfx="clasico"] .fifa::before{display:none}
html[data-gfx="clasico"] .fgrp{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff,inset 2px 2px #404040;backdrop-filter:none}
html[data-gfx="clasico"] .fut{filter:drop-shadow(2px 3px 0 #0006)}
html[data-gfx="clasico"] .fat>b{border-radius:1px;box-shadow:inset 1px 1px #fff6,inset -1px -1px #0005}
html[data-gfx="clasico"] .fbar{height:6px;border:1px solid #808080;background:#fff;border-radius:0}
html[data-gfx="clasico"] .fbar u{border-radius:0}
/* Retro: escenario de noche con brillo del color de la carta y líneas de TV */
html[data-gfx="retro"] .fifa{border-radius:0;--sink:#e8f0ff;--smut:#9fb0e0;--pan:#0a1446d0;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002a 2px 3px),radial-gradient(circle at 140px 200px,color-mix(in srgb,var(--tc) 45%,transparent),transparent 320px),#060d33;box-shadow:inset 0 0 0 2px var(--neon),4px 4px 0 #000}
html[data-gfx="retro"] .fifa::before{display:none}
html[data-gfx="retro"] .fgrp{border-radius:0;box-shadow:inset 0 0 0 2px var(--line);backdrop-filter:none}
html[data-gfx="retro"] .fut{filter:drop-shadow(4px 4px 0 #000)}
html[data-gfx="retro"] .futin::before{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000018 2px 3px);pointer-events:none}
html[data-gfx="retro"] .fat>b,html[data-gfx="retro"] .fbar,html[data-gfx="retro"] .fbar u{border-radius:0}
html[data-gfx="retro"] .fbar{height:6px;background:#000;box-shadow:inset 0 0 0 1px var(--line)}
html[data-gfx="retro"] .fbar u{background:repeating-linear-gradient(90deg,var(--lc) 0 6px,transparent 6px 8px)}
/* PES 6: la vista FIFA mantiene los colores de PES 6 (paneles plateados, títulos metálicos, resaltado amarillo);
   la carta FIFA 15 conserva su color de oro, plata, bronce o ícono */
html[data-gfx="pes6"] .fifa{border-radius:0;--sink:#1c1c1a;--smut:#55534c;--pan:linear-gradient(180deg,#fbfbf9,#e9e8e2);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 10px 24px -14px #5a2a00cc;
  background:repeating-linear-gradient(180deg,#ffffff00 0 3px,#00000008 3px 4px),linear-gradient(180deg,#e2e0d9,#cfcdc5)}
html[data-gfx="pes6"] .fifa::before{background:linear-gradient(115deg,transparent 42%,#ffffff55 48%,transparent 54%)}
html[data-gfx="pes6"] .fifa .abgrp h4{border-bottom:2px solid #b9b6ad;box-shadow:0 1px #fff}
html[data-gfx="pes6"] .fgrp,html[data-gfx="pes6"] .fskills{border-radius:0;background:var(--pan);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff,0 2px 4px -2px #0005;backdrop-filter:none}
html[data-gfx="pes6"] .fatn,html[data-gfx="pes6"] .futinfo dd:not(.fst){color:#1c1c1a}html[data-gfx="pes6"] .fatn{font-size:.8rem}
html[data-gfx="pes6"] .futinfo{border-radius:0;padding:8px 10px;box-sizing:border-box;background:var(--pan);border:1px solid #8f8c84;box-shadow:inset 0 1px #fff}
html[data-gfx="pes6"] .card .fst .emo{color:inherit;text-shadow:none}
html[data-gfx="pes6"] .fat>b{border-radius:0;border:1px solid color-mix(in srgb,var(--lc) 60%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 55%,#fff),var(--lc) 55%,color-mix(in srgb,var(--lc) 80%,#000))}
html[data-gfx="pes6"] .fbar{border-radius:0;height:5px;background:#0000001c;box-shadow:inset 0 1px #0003}
html[data-gfx="pes6"] .fbar u{border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 50%,#fff),var(--lc) 60%)}
html[data-gfx="pes6"] .fifa .futbtns .btn:not([aria-pressed="true"]){filter:none}

html[data-gfx="pes6"] .card div.fifa .fo-hint{color:#fff;background:none;-webkit-text-fill-color:#fff;filter:none;text-shadow:0 1px 0 #000,0 0 6px #000,0 0 14px #000c}
html[data-gfx="pes6"] .fo-skip{-webkit-text-fill-color:#fff;color:#fff}

/* ===== Skills: chips con ícono propio (vista PES) e insignias (vista FIFA) ===== */
:is(.skgrp,.skchip,.fskb)[data-c="0"]{--kc:#8b5cf6}:is(.skgrp,.skchip,.fskb)[data-c="1"]{--kc:#e0452c}:is(.skgrp,.skchip,.fskb)[data-c="2"]{--kc:#2f7fe0}
:is(.skgrp,.skchip,.fskb)[data-c="3"]{--kc:#13a39a}:is(.skgrp,.skchip,.fskb)[data-c="4"]{--kc:#2e9e4f}:is(.skgrp,.skchip,.fskb)[data-c="ia"]{--kc:#d98a12}
h3.sec .skn{font-size:.8rem;font-weight:500;color:var(--muted);margin-left:8px;letter-spacing:0}
.skgroups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:10px}
.skgrp h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:4px;border-bottom:2px solid color-mix(in srgb,var(--kc) 55%,transparent)}
.skgrp h4 b{margin-left:auto;font:600 .75rem/1 var(--mono);color:var(--muted)}
.skchips{display:flex;flex-wrap:wrap;gap:6px}
.skchip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;border:1.5px solid var(--line);background:var(--sunk);color:var(--muted);font-size:.82rem;cursor:pointer;user-select:none;transition:background .2s,border-color .2s,color .2s,transform .15s}
.skchip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.skchip:hover{border-color:var(--kc);color:var(--ink);transform:translateY(-1px)}
.skchip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.skico{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--kc) 14%,var(--panel));color:color-mix(in srgb,var(--kc) 70%,var(--muted));transition:background .2s,color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.skico svg,.fskb svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skchip:has(input:checked){background:color-mix(in srgb,var(--kc) 16%,var(--panel));border-color:var(--kc);color:var(--ink);font-weight:600}
.skchip:has(input:checked) .skico{background:var(--kc);color:#fff;transform:rotate(-8deg) scale(1.06);box-shadow:0 0 10px color-mix(in srgb,var(--kc) 55%,transparent)}
html[data-gfx="clasico"] .skchip{border-radius:2px;box-shadow:inset 1px 1px #fff8,inset -1px -1px #0005}html[data-gfx="clasico"] .skico{border-radius:2px}
html[data-gfx="retro"] .skchip{border-radius:0;border:2px solid var(--line)}html[data-gfx="retro"] .skchip:has(input:checked){border-color:var(--kc);box-shadow:0 0 8px var(--kc)}html[data-gfx="retro"] .skico{border-radius:0}
html[data-gfx="pes6"] .skchip{border-radius:0;background:linear-gradient(180deg,#fafaf8,#d9d8d1);border:1px solid #8f8c84;color:#3a3a37;box-shadow:inset 0 1px #fff}
html[data-gfx="pes6"] .skchip:has(input:checked){background:linear-gradient(180deg,#fdf0a0,#e6c02e);border-color:#a8820f;color:#1c1c1a}
html[data-gfx="pes6"] .skico{border-radius:0;border:1px solid #0003}
/* vista FIFA: insignias hexagonales como los PlayStyles */
.fright{display:grid;gap:14px;align-content:start;min-width:0}
.fskills{background:var(--pan);border-radius:12px;padding:10px 12px;box-shadow:0 1px 0 #ffffff80 inset,0 4px 14px -10px #0007}
.fskills h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--display);font-size:1.05rem}.fskills h4 b{margin-left:auto;font:700 .9rem/1 var(--display);opacity:.7}
.fstyle{margin:0 0 8px;font-size:.85rem;color:var(--smut)}.fstyle b{color:var(--sink)}
.fsk{display:flex;flex-wrap:wrap;gap:10px 8px}
.fskb{display:grid;justify-items:center;gap:3px;width:74px;cursor:help;outline:none}
.fskb i{width:40px;height:44px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,color-mix(in srgb,var(--kc) 55%,#fff),var(--kc) 60%,color-mix(in srgb,var(--kc) 70%,#000));color:#fff;transition:transform .25s cubic-bezier(.3,1.6,.5,1),filter .2s}
.fskb svg{width:21px;height:21px}
.fskb em{font-style:normal;font-size:.68rem;line-height:1.15;text-align:center;color:var(--sink)}
.fskb:hover i,.fskb:focus-visible i,.fskb[aria-describedby] i{transform:scale(1.15) rotate(-6deg);filter:drop-shadow(0 0 6px var(--kc))}
.fsknone{font-size:.85rem;color:var(--smut)}
html[data-gfx="clasico"] .fskills{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff,inset 2px 2px #404040}
html[data-gfx="retro"] .fskills{border-radius:0;box-shadow:inset 0 0 0 2px var(--line)}
html[data-gfx="pes6"] .card div.fifa .fstyle{color:var(--smut)}
/* ===== Encabezado del jugador: foto grande, posición encima a la izquierda y las otras posiciones al costado ===== */
.phead{position:relative;flex:none;display:flex;padding:6px 24px 2px 14px}
.phead .face.pl{width:96px;height:96px;border-radius:14px}
.phead .phpos{position:absolute;left:0;top:0;z-index:2;min-width:40px;height:24px;font-size:.95rem;box-shadow:0 2px 6px #0005}
.phalt{position:absolute;right:0;bottom:0;z-index:2;display:grid;gap:2px;justify-items:end}
.phalt .posb{min-width:30px;height:16px;font-size:.62rem;padding:0 4px;box-shadow:0 1px 3px #0004}
.phalt .posb.pbb{opacity:.72;filter:saturate(.6)}
/* marco de la foto con los colores de las posiciones (proporción según el nivel en cada una) */
.pframe{--pf-gk:#d9a514;--pf-df:#2f6db3;--pf-mf:#2e8b57;--pf-fw:#c0392b;padding:5px;border-radius:19px;background:var(--pf);box-shadow:0 3px 10px -3px #0007,inset 0 0 0 1px #ffffff40}
.pframe .face.pl{background-color:var(--panel)}
html[data-gfx="clasico"] .pframe{border-radius:4px;padding:3px;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0006}
html[data-gfx="retro"] .pframe{border-radius:0;padding:3px;box-shadow:none;align-self:center}
html[data-gfx="pes6"] .pframe{--pf-gk:#f2c80f;--pf-df:#19a9c4;--pf-mf:#3cb43a;--pf-fw:#e2392a;border-radius:3px;padding:5px;border:1px solid #000a;box-shadow:inset 0 1px #ffffffa0,inset 0 -2px #0004,0 2px 6px #0004}
.phmore{font:700 .62rem/1 var(--mono);color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:1px 4px}
/* Retro: queda como antes (posición al lado y foto chica), para mantener el toque retro */
html[data-gfx="retro"] .phead{display:contents}
html[data-gfx="retro"] .phead .phpos{position:static;min-width:34px;height:22px;font-size:.85rem;box-shadow:none}
html[data-gfx="retro"] .phead .face.pl{width:3.4em;height:3.4em;border-radius:0}
html[data-gfx="retro"] .phalt{display:none}
html[data-gfx="clasico"] .phead .face.pl{border-radius:2px}
/* PES 6: placas de posición como en el plantel del juego (amarillo arquero, azul defensa, verde medio, rojo ataque) */
html[data-gfx="pes6"] .posb{border-radius:3px;border:1px solid #0009;font-family:var(--display);font-style:italic;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 1px #0008;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0003}
html[data-gfx="pes6"] .posb.gk{background:linear-gradient(180deg,#fff27a,#f2c80f 55%,#c99a00)}
html[data-gfx="pes6"] .posb.df{background:linear-gradient(180deg,#7fe6f2,#19a9c4 55%,#0b7891)}
html[data-gfx="pes6"] .posb.mf{background:linear-gradient(180deg,#9df07e,#3cb43a 55%,#227e22)}
html[data-gfx="pes6"] .posb.fw{background:linear-gradient(180deg,#ff9a86,#e2392a 55%,#a51d14)}
html[data-gfx="pes6"] .phead .face.pl{width:96px;height:96px;border-radius:2px;border:1px solid #6f6c64;box-shadow:inset 0 0 0 1px #fff,0 2px 6px #0004}
/* ===== Ideas: lo que viene, pedidos de usuarios y feedback ===== */
.ideasend2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 12px}
.ideabig{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;font:inherit;color:var(--ink);background:var(--sunk);border:1.5px solid var(--line);border-radius:calc(var(--r,8px) * 1.2);padding:12px 14px;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s}
.ideabig>span{grid-row:1/3;font-size:1.9rem;line-height:1}.ideabig b{font-family:var(--display);font-size:1.1rem}.ideabig small{color:var(--muted);font-size:.8rem}
.ideabig:hover{transform:translateY(-1px);border-color:#e6b422;box-shadow:0 4px 14px #e6b42233}.ideabig.bug:hover{border-color:#d9534f;box-shadow:0 4px 14px #d9534f33}
.ideabig[aria-pressed="true"]{border-color:#e6b422;background:linear-gradient(180deg,#f4c43a22,transparent)}.ideabig.bug[aria-pressed="true"]{border-color:#d9534f;background:linear-gradient(180deg,#d9534f1f,transparent)}
.ideaform{border:1.5px dashed var(--line);border-radius:calc(var(--r,8px) * 1.2);padding:12px;margin:0 0 14px;animation:ideaIn .25s ease both}
.ideaform .f{display:grid;gap:6px}.ideaform .f span{font-size:.9rem;font-weight:600}.ideaform textarea{width:100%;box-sizing:border-box;font:inherit;resize:vertical;min-height:96px}
.ideaenv{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin:8px 0 0}.ideaenv code{font-size:.74rem}
.ideasend{gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.ideastats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.ideastats>div{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r,8px);padding:8px 10px;display:grid}.ideastats b{font-family:var(--display);font-size:1.5rem;line-height:1.1}.ideastats span{font-size:.76rem;color:var(--muted)}
.ideatools{justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}.ideaf{flex-wrap:wrap}.ideaf small{opacity:.7;font-size:.72rem}
.ideasort{display:flex;gap:6px;align-items:center;font-size:.85rem;color:var(--muted);white-space:nowrap}
.idealeg{margin:0 0 8px}.devleg .done,.devprog.done{--dc:#1c7ed6;background-color:var(--dc)}.devprog.done{background-color:transparent}
.idealist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ideai{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r,8px);background:var(--card,transparent);animation:ideaIn .3s ease both;animation-delay:calc(var(--i) * 25ms)}
.ideai.pri-alta{border-left-color:#e6b422;background:linear-gradient(90deg,#f4c43a14,transparent 60%)}.ideai.pri-media{border-left-color:#7fb8e6}.ideai.st-listo{opacity:.92}
.ideaic{font-size:1.5rem;line-height:1.2}.ideatop{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ideah{font-family:var(--display);font-size:1.05rem}
.ideai p{margin:3px 0 0;font-size:.86rem;color:var(--muted);line-height:1.4}.ideai .devprog{max-width:none}
.ideast,.ideauser,.ideapri{font-size:.66rem;padding:0 .45rem}.ideast.st-listo{background:#2f9e4422;border-color:#2f9e44;color:inherit}.ideast.st-beta{background:#ef8a1722;border-color:#ef8a17;color:inherit}
.ideauser{background:linear-gradient(180deg,#e3f2ff,#9cc8ec);color:#0f3050;border-color:#5f93bf}
.ideapri.pri-alta{background:linear-gradient(180deg,#fdf0a0,#e6c02e);color:#3a2c00;border-color:#a8820f}
.ideahow{font-size:.84rem}.ideahow span{font-weight:700;color:var(--ink);margin-right:4px}
.ideameta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.ideadif{display:inline-flex;gap:3px;align-items:center;font-size:.74rem;color:var(--muted)}.ideadif i{width:9px;height:9px;border-radius:50%;background:var(--sunk);border:1px solid var(--line)}.ideadif span{margin-left:4px}
.ideadif[data-d="1"] i:nth-child(-n+1){background:#2f9e44;border-color:#2f9e44}.ideadif[data-d="2"] i:nth-child(-n+2){background:#d4a20b;border-color:#d4a20b}.ideadif[data-d="3"] i{background:#d9534f;border-color:#d9534f}
.linkbtn{font:inherit;color:var(--accent);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
@keyframes ideaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ideai,.ideaform{animation:none}}
@media (max-width:640px){.ideasend2{grid-template-columns:1fr}.ideastats{grid-template-columns:1fr 1fr}.ideabig>span{font-size:1.5rem}.ideatools{flex-direction:column;align-items:stretch}}
html[data-gfx="pes6"] .ideabig,html[data-gfx="pes6"] .ideaform,html[data-gfx="pes6"] .ideai,html[data-gfx="pes6"] .ideastats>div{border-radius:0}