:root{color-scheme:dark;--navy:#0e1a5c;--navy-dark:#091240;--navy-light:#1a2a80;--lime:#b6ff3b;--red:#e0262f;--grass:#2e8b3d;--grass-dark:#267a34}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-size:16px;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:var(--navy-dark);color:#fff;min-height:100vh}
a{color:inherit}
.logo{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1;text-decoration:none}

/* Fondo rotativo */
.bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transition:opacity .9s}
.bg.show{opacity:1}
.bg.photo{background-size:cover;background-position:center top}
.bg.photo::after{background:linear-gradient(180deg,rgba(9,18,64,.55),rgba(9,18,64,.86))}
.card.locked{position:relative;cursor:not-allowed;overflow:hidden}
.card.locked:hover{transform:none;border-color:var(--navy-light)}
.card.locked > *{filter:blur(2px) grayscale(.6);opacity:.55}
.card.locked .soon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;filter:none;opacity:1;background:rgba(9,18,64,.55)}
.soon span{background:var(--lime);color:var(--navy-dark);font-weight:900;font-size:20px;letter-spacing:.08em;text-transform:uppercase;padding:10px 22px;border-radius:999px;transform:rotate(-6deg);box-shadow:0 6px 20px rgba(0,0,0,.45)}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,18,64,.28),rgba(9,18,64,.74))}

/* Cabecera */
header{background:rgba(14,26,92,.95);padding:14px 20px;padding-right:210px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:env(safe-area-inset-top,0px);z-index:10;border-bottom:3px solid var(--lime);min-height:66px}
header .logo{font-size:28px}
nav{display:flex;gap:16px;font-weight:700;font-size:13px;text-transform:uppercase}
nav a{text-decoration:none;opacity:.85}
nav a:hover{opacity:1;color:var(--lime)}

/* Marcador fijo */
.scoreboard{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:1000;background:#000;border:2px solid var(--lime);border-radius:10px;
  display:flex;align-items:center;gap:8px;padding:6px 12px;box-shadow:0 4px 14px rgba(0,0,0,.5);font-weight:900;font-family:"Arial Black",Arial,sans-serif}
.scoreboard .team{font-size:13px;letter-spacing:1px}
.scoreboard .pts{background:var(--lime);color:#000;border-radius:6px;min-width:30px;text-align:center;padding:2px 6px;font-size:20px}
.scoreboard .dash{opacity:.6}
.scoreboard .live{font-size:9px;color:var(--red);letter-spacing:1px;display:flex;align-items:center;gap:3px}
.scoreboard .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}

/* Inicio */
.hero{background:linear-gradient(180deg,rgba(14,26,92,.45),rgba(9,18,64,0));text-align:center;padding:44px 20px 24px}
.hero .logo{font-size:clamp(44px,12vw,92px);display:block;margin-bottom:10px}
.hero .sub{font-size:clamp(15px,3.4vw,20px);opacity:.92;max-width:600px;margin:0 auto 6px}
.hero .club{display:inline-block;margin:10px 0 18px;padding:4px 14px;border-radius:999px;background:#000;border:2px solid var(--red);font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.btn{display:inline-block;background:var(--lime);color:var(--navy-dark);font-weight:800;border:none;border-radius:999px;padding:11px 24px;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}
.btn:hover{filter:brightness(1.08)} .btn:disabled{opacity:.4;cursor:default}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}

main{max-width:1000px;margin:0 auto;padding:0 16px 60px}
h2{font-size:24px;text-transform:uppercase;margin:34px 0 14px;display:flex;align-items:center;gap:10px}
h2::before{content:"";width:8px;height:24px;background:var(--lime);border-radius:3px}
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px}
.card{display:block;text-decoration:none;color:inherit;background:rgba(14,26,92,.94);border:2px solid var(--navy-light);border-radius:14px;padding:18px;cursor:pointer;transition:.15s}
.card:hover{transform:translateY(-3px);border-color:var(--lime)}
.card .emoji{font-size:34px} .card h3{margin:8px 0 4px;font-size:18px} .card p{font-size:14px;opacity:.8}
.status{margin-top:12px;font-size:13px;font-weight:800;color:var(--lime)}
.status.done{color:#9fb0ff} .status.prog{color:#ffd45e}

/* Páginas de juego */
.back{display:inline-block;margin-top:18px;color:var(--lime);font-weight:700;text-decoration:none}
.back:hover{text-decoration:underline}
.gtitle{font-size:clamp(24px,5vw,34px);margin:12px 0 6px;text-transform:uppercase}
.gdesc{opacity:.88;margin-bottom:14px}
#stage{background:rgba(14,26,92,.94);border:2px solid var(--navy-light);border-radius:16px;padding:18px;margin-top:10px}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
select,input[type=text]{background:var(--navy-dark);color:#fff;border:2px solid var(--navy-light);border-radius:8px;padding:9px 12px;font-size:16px}
.hint{text-align:center;font-size:13px;opacity:.78;margin-top:10px}
.msg{text-align:center;font-weight:800;margin:10px 0;min-height:24px}
.ok{color:var(--lime)} .bad{color:#ff7a80}
.warn{background:#2a1f05;border:2px solid #f5c518;color:#ffe08a;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}

/* Reloj de bloqueo diario */
.lockbox{text-align:center;background:var(--navy-dark);border:2px solid var(--lime);border-radius:14px;padding:16px;margin:16px auto 4px;max-width:480px}
.lockbox .lk-t{font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px}
.lockbox .clock{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(34px,10vw,52px);font-weight:900;color:var(--lime);letter-spacing:2px;margin:4px 0}
.lockbox .lk-s{font-size:12px;opacity:.75}

/* Adiviná el jugador */
.clues{list-style:none;max-width:480px;margin:0 auto 14px}
.clues li{background:var(--navy-dark);border:2px solid var(--navy-light);border-radius:10px;padding:10px 14px;margin-bottom:8px;font-weight:700}
.clues li.locked{opacity:.35}
.guessrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* Nombre del jugador (letras) */
.lives{text-align:center;font-size:24px;letter-spacing:4px;margin-bottom:6px}
.lives .dead{filter:grayscale(1);opacity:.25}
.word{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:20px 0}
.cell{width:clamp(26px,8vw,40px);height:clamp(38px,11vw,54px);border-bottom:4px solid #fff;font-size:clamp(22px,7vw,32px);font-weight:900;display:flex;align-items:flex-end;justify-content:center}
.cell.gap{border:none;width:14px}
.cell.missed{color:#ff7a80}
.keys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:520px;margin:0 auto}
.key{width:40px;height:44px;border-radius:8px;border:2px solid var(--navy-light);background:var(--navy-dark);color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.key:hover:not(:disabled){border-color:var(--lime)}
.key.hit{background:var(--lime);color:#000;border-color:var(--lime)}
.key.miss{background:var(--red);border-color:var(--red);opacity:.7}
.key:disabled{cursor:default}

/* Cancha de rugby */
.field{position:relative;width:100%;max-width:460px;aspect-ratio:2/3;margin:0 auto;border-radius:12px;overflow:hidden;border:4px solid #fff;
  background:repeating-linear-gradient(0deg,var(--grass) 0 10%,var(--grass-dark) 10% 20%)}
.field .l{position:absolute;left:0;right:0;border-top:2px solid rgba(255,255,255,.8)}
.slot{position:absolute;transform:translate(-50%,-50%);width:21.5%;text-align:center;cursor:pointer}
.slot .shirt{width:40px;height:40px;margin:0 auto;border-radius:50%;background:#000;border:3px solid var(--red);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.slot.filled .shirt{background:var(--navy);border-color:#fff}
.slot.right .shirt{background:var(--lime);color:#000;border-color:#000}
.slot.wrong .shirt{background:var(--red);border-color:#fff}
.slot.target .shirt{border-color:var(--lime);box-shadow:0 0 0 4px rgba(182,255,59,.4)}
.slot .nm{margin-top:2px;font-size:10px;font-weight:800;background:rgba(9,18,64,.88);border-radius:6px;padding:2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0}
.chip{background:var(--navy-dark);border:2px solid var(--navy-light);color:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;cursor:pointer}
.chip:hover{border-color:var(--lime)} .chip.sel{background:var(--lime);color:#000;border-color:var(--lime)} .chip.used{opacity:.3;pointer-events:none}
.chip.miss{border-color:var(--red);color:#ff9a9f;cursor:default}
.chips.scroll{max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--navy-light);border-radius:12px;background:var(--navy-dark)}
.ptitle{text-align:center;font-weight:800;margin-top:12px}
.matchbox{text-align:center;background:var(--navy-dark);border:2px solid var(--navy-light);border-radius:12px;padding:12px;margin-bottom:14px}
.matchbox b{font-size:20px}
.total{text-align:center;font-size:22px;font-weight:900;margin:10px 0}

footer{text-align:center;padding:24px;opacity:.8;font-size:13px;border-top:1px solid var(--navy-light);background:rgba(9,18,64,.7)}
footer .logo{display:block;font-size:22px;margin-bottom:6px}

@media(max-width:400px){
  .slot .nm{font-size:8.5px;padding:2px 1px}
  .slot .shirt{width:36px;height:36px;font-size:13px}
}
@media(max-width:640px){
  header{padding-right:150px}
  nav{display:none}
  .scoreboard{padding:5px 9px;gap:6px} .scoreboard .team{font-size:11px} .scoreboard .pts{font-size:17px;min-width:26px}
  .key{width:34px;height:42px}
}

/* Varias partidas por día */
.again{text-align:center;margin:14px 0 4px}
.chip small{opacity:.85;font-weight:700;margin-left:4px}

/* Wordle del apellido */
.wmeta{text-align:center;font-size:14px;opacity:.92;margin-bottom:12px}
.wboard{--n:7;display:grid;gap:6px;width:min(100%,calc(var(--n)*56px + 24px));margin:0 auto 10px}
.wrow{display:grid;gap:5px;container-type:inline-size}
.wc{aspect-ratio:1/1.1;display:flex;align-items:center;justify-content:center;border:2px solid var(--navy-light);border-radius:6px;background:var(--navy-dark);
  font-weight:900;color:#fff;line-height:1;font-size:calc(100cqw / var(--n) * .55)}
.wc.typed{border-color:#fff}
.wc.g{background:#2f9e44;border-color:#2f9e44}
.wc.y{background:#d4a017;border-color:#d4a017;color:#1b1400}
.wc.x{background:#4a5278;border-color:#4a5278}
.wlegend{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;font-size:12px;margin:6px 0 10px}
.lg::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}
.lg.g::before{background:#2f9e44} .lg.y::before{background:#d4a017} .lg.x::before{background:#4a5278}
.kb{max-width:520px;margin:10px auto 0}
.krow{display:flex;gap:5px;justify-content:center;margin-bottom:6px}
.wk{flex:1;min-width:0;max-width:46px;height:52px;border-radius:8px;border:none;background:#2b3470;color:#fff;font-weight:800;font-size:15px;cursor:pointer;padding:0}
.wk.wide{flex:1.7;max-width:76px;font-size:12px}
.wk.g{background:#2f9e44} .wk.y{background:#d4a017;color:#1b1400} .wk.x{background:#1c2142;opacity:.6}
.wk:disabled{opacity:.5;cursor:default}
.wk:focus-visible,.btn:focus-visible{outline:3px solid var(--lime);outline-offset:2px}

/* Adiviná el jugador: vidas y autocompletado */
.lives{text-align:center;font-size:26px;letter-spacing:4px;margin:0 0 10px}
.ac-wrap{position:relative}
.ac{position:absolute;left:50%;transform:translateX(-50%);width:min(100%,440px);top:100%;z-index:20;margin-top:4px;max-height:260px;overflow-y:auto;background:var(--navy-dark);border:2px solid var(--lime);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
.ac[hidden]{display:none}
.opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--navy-light);color:#fff;font-size:15px;font-weight:700;padding:9px 12px;cursor:pointer}
.opt:last-child{border-bottom:0}
.opt:hover,.opt.on{background:var(--navy-light)}
.pos{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:900;color:#fff;background:#3a4170}
.pos.fw{background:#e0262f}
.pos.bk{background:#1f6fe0}

/* ---------- ¿Más o menos? ---------- */
.mm-modes{display:grid;gap:12px;margin:18px 0}
.mm-modes button{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(14,26,92,.94);color:#fff;border:2px solid var(--navy-light);border-radius:14px;padding:16px;font-size:16px;cursor:pointer;font-family:inherit}
.mm-modes button:hover{border-color:var(--lime);transform:translateY(-2px)}
.mm-modes .e{font-size:30px}.mm-modes b{display:block;font-size:17px}.mm-modes small{opacity:.75}
.mm-top{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-weight:700}
.mm-duel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.mm-card{background:rgba(14,26,92,.94);border:2px solid var(--navy-light);border-radius:14px;padding:18px 10px;text-align:center;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.mm-card .nm{font-size:18px;font-weight:800;line-height:1.15}
.mm-card .val{font-size:46px;font-weight:900;color:var(--lime);line-height:1}
.mm-card .un{font-size:13px;opacity:.8}
.mm-card .q{font-size:46px;font-weight:900;opacity:.6}
.mm-card.ok{border-color:#3ddc84}.mm-card.ko{border-color:#ff5a5a}
.mm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.mm-btns .btn{font-size:17px;padding:14px}
@media(max-width:480px){.mm-card .nm{font-size:15px}.mm-card .val,.mm-card .q{font-size:38px}}
.wins{display:inline-block;margin-top:4px;color:var(--lime);font-weight:700}

/* ---------- Ventana de estadísticas ---------- */
.smodal{position:fixed;inset:0;z-index:100;background:rgba(5,9,35,.8);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.scard{position:relative;width:100%;max-width:460px;background:var(--navy);border:2px solid var(--lime);border-radius:16px;padding:22px 16px 18px;text-align:center}
.scard h2{font-size:26px;letter-spacing:1px}.ssub{opacity:.8;font-size:14px;margin:2px 0 12px}
.sx{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.stiles{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}
.stile{flex:1 1 0;min-width:0;border:2px solid var(--navy-light);border-radius:10px;padding:8px 4px;background:var(--navy-dark)}
.stile b{display:block;font-size:clamp(18px,5.5vw,26px);color:var(--lime)}.stile span{font-size:clamp(9px,2.7vw,12px);opacity:.85}
.scap{margin:14px 0 4px;font-size:13px;opacity:.8}
.sbars{display:flex;align-items:flex-end;gap:6px;height:150px;padding:0 4px}
.sbar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.sbar .sn{font-size:12px}.sbar .sl{font-size:13px;opacity:.9}
.sbar .sfill{width:100%;background:#3b82f6;border-radius:4px 4px 0 0;min-height:2px}
.sbar .sfill.hot{background:var(--lime)}.sbar .sfill.bad{background:var(--red)}
.sact{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:center}
.sact .btn{width:100%;text-align:center}.snext{font-size:14px}.snext b{color:var(--lime);font-size:18px}

/* ---------- Vidas y pistas con transición ---------- */
.lives .hrt{display:inline-block;transition:filter .5s,opacity .5s,transform .5s}
.lives .hrt.dead{filter:grayscale(1);opacity:.25}
.lives .hrt.lose{animation:heartLose .9s ease-out both}
@keyframes heartLose{0%{filter:none;opacity:1;transform:scale(1)}25%{transform:scale(1.5) rotate(-12deg)}55%{transform:scale(.8) rotate(8deg);filter:none;opacity:1}100%{filter:grayscale(1);opacity:.25;transform:scale(1)}}
.clues li.reveal{animation:clueIn .7s ease-out .35s both}
@keyframes clueIn{0%{opacity:0;transform:translateY(-10px) scale(.97);background:#2a3fa0}60%{opacity:1;transform:none;background:#2a3fa0}100%{background:var(--navy-dark)}}
@media (prefers-reduced-motion:reduce){.lives .hrt.lose,.clues li.reveal{animation:none}}
.scoreboard .crest{height:28px;width:auto;max-width:34px;object-fit:contain;margin-right:2px}
@media(max-width:480px){.scoreboard .crest{height:22px;max-width:26px}}
@media(max-width:480px){.scoreboard{gap:5px;padding:4px 8px}.scoreboard .live{font-size:0;gap:0}.scoreboard .live::before{width:7px;height:7px}header .logo{font-size:20px}}

/* ---------- Cómo jugar, compartir, racha de días ---------- */
.howto-btn{display:inline-block;margin-top:2px;background:transparent;color:#fff;border:2px solid var(--navy-light);border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer;font-size:13px}
.howto-btn:hover{border-color:var(--lime);color:var(--lime)}
.hcard{text-align:left}.hcard h2,.hcard .ssub{text-align:center}
.hlist{margin:6px 0 4px 20px;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.35}
.sday{font-size:13px;opacity:.9;margin:-4px 0 10px}.sday b{color:var(--lime)}
.btn.share{background:#25d366;color:#052e14}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#000;color:#fff;border:2px solid var(--lime);border-radius:999px;padding:10px 18px;font-weight:700;z-index:300;opacity:0;pointer-events:none;transition:.25s}
.toast.on{opacity:1;transform:translate(-50%,0)}
.streakbar{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:7px 16px;border-radius:999px;background:rgba(0,0,0,.55);border:2px solid var(--navy-light);font-weight:800}
.streakbar b{color:var(--lime);font-size:20px}.streakbar small{font-weight:600;opacity:.75}
.streakwrap{text-align:center}
.mm-diff{display:flex;gap:8px;margin:10px 0 4px}
.mm-diff button{flex:1;padding:12px 8px;border-radius:12px;border:2px solid var(--navy-light);background:rgba(14,26,92,.94);color:#fff;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit}
.mm-diff button small{display:block;font-weight:500;opacity:.75;font-size:12px;margin-top:2px}
.mm-diff button.on{border-color:var(--lime);background:#1a2a8a;color:var(--lime)}
.mm-btns.three{grid-template-columns:1fr 1fr 1fr}
.mm-btns .btn.eq{background:#ffd45e;color:#2a2000}

/* Escudo afuera del tanteador, a su izquierda y más grande */
.sbwrap{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:10px;z-index:1000;display:flex;align-items:center;gap:10px}
.sbwrap .scoreboard{position:static;margin:0}
.scoreboard .crest{display:none}
.sbwrap .crest{height:54px;width:auto;max-width:48px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
@media(max-width:480px){.sbwrap{gap:6px;right:8px;top:calc(6px + env(safe-area-inset-top,0px))}.sbwrap .crest{height:42px;max-width:36px}}

/* ---------- Modo ilimitado ---------- */
.modetabs{display:flex;gap:8px;margin:12px 0 4px;max-width:480px}
.modetabs a{flex:1;text-align:center;padding:9px 6px;border-radius:999px;border:2px solid var(--navy-light);color:#fff;text-decoration:none;font-weight:800;font-size:14px;background:rgba(14,26,92,.7)}
.modetabs a.on{border-color:var(--lime);color:var(--lime);background:#1a2a8a}
.unlnote{font-size:13px;opacity:.8;margin:2px 0 6px}
.btn.unl{background:#7c5cff;color:#fff}
.mm-modes button.used{opacity:.45;cursor:not-allowed}
.mm-modes button.used:hover{border-color:var(--navy-light);transform:none}

.sugbtn{display:block;margin:12px auto 0;background:transparent;border:2px solid var(--lime);color:var(--lime);border-radius:999px;padding:8px 16px;font-weight:800;font-family:inherit;cursor:pointer;font-size:14px}
.sglbl{display:block;text-align:left;font-weight:800;font-size:13px;margin:8px 0 3px;opacity:.9}
.sgin{width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:2px solid var(--navy-light);background:#0e1a5c;color:#fff;font-family:inherit;font-size:15px}
textarea.sgin{resize:vertical}

.loginov{position:fixed;inset:0;z-index:500;background:rgba(5,9,35,.96);display:flex;align-items:center;justify-content:center;padding:16px}
.loginov .scard{max-width:380px}
.acct{margin-top:8px;font-size:13px}.acct a{color:var(--lime)}
.inbox{max-width:760px;margin:30px auto;padding:0 16px}
.inbox h2{font-size:22px;margin-bottom:8px}
.in-item,.in-user{background:rgba(14,26,92,.94);border:2px solid var(--navy-light);border-radius:12px;padding:10px 12px;margin-bottom:8px;text-align:left}
.in-user{padding:7px 12px;font-size:14px}
.in-h span,.in-user span{opacity:.7;font-size:13px;margin:0 6px}.in-h time,.in-user time{opacity:.6;font-size:12px;float:right}
.in-t{font-size:12px;color:var(--lime);margin:3px 0}.in-m{font-size:15px;line-height:1.35;white-space:pre-wrap}
.in-del{margin-top:6px;background:transparent;border:1px solid var(--navy-light);color:#fff;border-radius:8px;padding:3px 10px;cursor:pointer;font-size:12px}

.footbtns{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px}
.footbtns .sugbtn{margin:0}

/* ---------- Tatetisports ---------- */
.tt-modes{display:grid;gap:12px;max-width:520px;margin:0 auto}
h2.tt-h{text-align:center;margin:6px 0 4px;font-size:24px;letter-spacing:.3px}
.tt-mode{display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(135deg,#142270,#0b1650);border:2px solid var(--navy-light);color:#fff;border-radius:18px;padding:15px 18px;cursor:pointer;font-size:16px;box-shadow:0 6px 16px rgba(0,0,0,.35);transition:transform .15s,border-color .15s,box-shadow .15s}
.tt-mode:hover,.tt-mode:focus-visible{border-color:var(--lime);transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.45),0 0 0 3px rgba(182,255,59,.18)}
.tt-mode .ico{font-size:32px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(182,255,59,.12)}
.tt-mode small{display:block;opacity:.82;font-size:13px;margin-top:2px;font-weight:600}
.tt-score{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-weight:800;margin:0 0 10px}
.tt-score span{display:flex;align-items:center;gap:6px;background:rgba(9,18,64,.88);border:2px solid var(--navy-light);border-radius:999px;padding:5px 14px;font-size:14px}
.tt-score span:first-child{border-color:#ff6b70}.tt-score span:last-child{border-color:var(--lime)}
.tt-score b{color:var(--lime);font-size:22px;margin-left:3px;font-family:"Arial Black",Arial,sans-serif}
.tt-turn{text-align:center;font-weight:800;margin:0 auto 8px;max-width:520px;min-height:24px;padding:7px 14px;border-radius:12px;background:rgba(9,18,64,.82);border:2px solid var(--navy-light)}
.tt-turn.x{border-color:#ff6b70;box-shadow:0 0 14px rgba(255,107,112,.25)}.tt-turn.o{border-color:var(--lime);box-shadow:0 0 14px rgba(182,255,59,.22)}
.tt-turn.over{font-size:18px;color:var(--lime);border-color:var(--lime);background:linear-gradient(135deg,rgba(31,90,42,.9),rgba(9,18,64,.9))}
.tt-turn.over.won{font-size:21px;animation:ttpop .5s ease-out}
.tt-bar{height:10px;border-radius:99px;background:rgba(9,18,64,.9);margin:0 auto 14px;max-width:520px;overflow:hidden;border:1px solid var(--navy-light)}
.tt-bar i{display:block;height:100%;background:linear-gradient(90deg,#7bd62a,var(--lime));transition:width .2s linear;border-radius:99px}
.tt-bar i.low{background:linear-gradient(90deg,#c1121f,#ff6b70);animation:ttpulse .7s infinite alternate}
.tt-board{display:grid;grid-template-columns:minmax(70px,.9fr) repeat(3,minmax(0,1.2fr));gap:7px;max-width:580px;margin:0 auto 14px;padding:12px;border-radius:20px;background:linear-gradient(160deg,rgba(26,42,128,.55),rgba(9,18,64,.8));border:2px solid rgba(182,255,59,.35);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.tt-board .tt-h{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;font-size:12px;font-weight:800;line-height:1.15;padding:6px 4px;border-radius:12px;min-height:62px;overflow-wrap:anywhere;color:#fff;background:linear-gradient(160deg,#2b3fb0,#1a2a80);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.tt-board .tt-h .ic{font-size:18px;line-height:1}
.tt-board .tt-h.corner{background:transparent;border:0;box-shadow:none}
.tt-board .f-estado{background:linear-gradient(160deg,#a8323a,#6b1a22)}
.tt-board .f-anio{background:linear-gradient(160deg,#7a3fc0,#47207f)}
.tt-board .f-camada{background:linear-gradient(160deg,#c06a1f,#7f410f)}
.tt-board .f-pos{background:linear-gradient(160deg,#1f8f4d,#0f5a2d)}
.tt-board .f-cat{background:linear-gradient(160deg,#1a7fb5,#0e4c72)}
.tt-board .f-partidos{background:linear-gradient(160deg,#b8962b,#76601a)}
.tt-board .f-stats{background:linear-gradient(160deg,#c23b8a,#7c1e57)}
.tt-board .f-letra{background:linear-gradient(160deg,#4a5bc9,#2b3787)}
.tt-cell{position:relative;aspect-ratio:1/1;min-height:72px;border-radius:14px;border:2px solid var(--navy-light);background:radial-gradient(circle at 30% 25%,#14246f,#091240);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;font-weight:800;transition:transform .12s,border-color .12s,box-shadow .12s}
.tt-cell:not(:disabled):hover{border-color:var(--lime);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.4)}
.tt-cell.sel{border-color:var(--lime);box-shadow:0 0 0 3px rgba(182,255,59,.4),0 0 18px rgba(182,255,59,.35);animation:ttpulse 1s infinite alternate}
.tt-cell:disabled{cursor:default}
.tt-cell .mk{font-size:36px;line-height:1;font-weight:900;text-shadow:0 0 12px currentColor}.tt-cell .pn{font-size:11px;line-height:1.1;margin-top:2px;opacity:.95;overflow-wrap:anywhere;text-align:center}
.tt-cell.x{background:radial-gradient(circle at 30% 25%,#5a1b2b,#2a0c18);border-color:#ff6b70}
.tt-cell.o{background:radial-gradient(circle at 30% 25%,#1f5a2a,#0d2a15);border-color:var(--lime)}
.tt-cell.x .mk{color:#ff6b70}.tt-cell.o .mk{color:var(--lime)}
.tt-cell.pop{animation:ttpop .45s cubic-bezier(.2,1.6,.4,1)}
.tt-cell.win{border-color:#ffd23f;box-shadow:0 0 0 3px rgba(255,210,63,.45),0 0 22px rgba(255,210,63,.6);animation:ttwin 1s infinite alternate}
.tt-cell.rev{border:2px dashed #4cc9f0;background:radial-gradient(circle at 30% 25%,#0f3b66,#08213d)}
.tt-cell .rk{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#4cc9f0;font-weight:900}
.tt-cell.rev .pn{font-size:12px;margin-top:3px;color:#fff}.tt-cell .pm{font-size:10px;opacity:.7;margin-top:2px;font-weight:700}
.tt-board.shake{animation:ttshake .4s}
.tt-end{text-align:center;margin:6px 0 10px}.tt-end .btn{font-size:17px;padding:12px 26px}
.tt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:2px 0 12px}
.tt-actions .btn{padding:9px 18px;font-size:14px}
.tt-actions .btn.give{border-color:#ff6b70;color:#ffb3b6}.tt-actions .btn.give:hover{background:rgba(255,107,112,.15)}
.tt-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2000}
.tt-confetti i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:.95;animation:ttfall linear forwards}
@keyframes ttpop{0%{transform:scale(.3);opacity:.2}100%{transform:scale(1);opacity:1}}
@keyframes ttpulse{from{opacity:1}to{opacity:.72}}
@keyframes ttwin{from{transform:scale(1)}to{transform:scale(1.05)}}
@keyframes ttshake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
@keyframes ttfall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}
@media (prefers-reduced-motion:reduce){.tt-cell,.tt-board,.tt-bar i,.tt-turn,.tt-cell.sel,.tt-cell.win{animation:none!important;transition:none!important}}
@media (max-width:420px){.tt-board{gap:5px;padding:8px;grid-template-columns:minmax(62px,.85fr) repeat(3,minmax(0,1.2fr))}.tt-board .tt-h{font-size:10.5px;padding:4px 2px;min-height:56px}.tt-board .tt-h .ic{font-size:15px}.tt-cell .mk{font-size:28px}.tt-cell .pn{font-size:10px}.tt-cell.rev .pn{font-size:10px}}

/* ===== Rata Draft ===== */
.dr-intro,.dr-step{max-width:880px;margin:0 auto;text-align:center}
.dr-p{margin:8px auto;max-width:640px;line-height:1.45;opacity:.92}.dr-p.small{font-size:13px;opacity:.75}
.dr-introbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0}
.dr-stephead small,.dr-step>small{opacity:.7;display:block;margin-bottom:6px}
.dr-prog{height:6px;border-radius:6px;background:rgba(255,255,255,.14);margin:8px auto 14px;max-width:420px;overflow:hidden}.dr-prog i{display:block;height:100%;background:var(--lime);transition:width .3s}
.dr-opts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 18px}
.dr-opt{background:none;border:none;cursor:pointer;padding:0;color:inherit;transition:transform .15s}.dr-opt:hover,.dr-opt:focus-visible{transform:translateY(-6px) scale(1.03);outline:none}
.dr-card{position:relative;width:128px;min-height:172px;border-radius:14px 14px 40px 40px;padding:10px 8px 14px;text-align:center;color:#1b1400;border:2px solid rgba(0,0,0,.25);box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;gap:4px}
.dr-card .dr-top{display:flex;flex-direction:column;align-items:center;line-height:1}
.dr-ovr{font-size:38px;font-weight:900;font-family:"Arial Black",Arial,sans-serif;letter-spacing:-1px}.dr-ovr.pen{color:#b3121b}
.dr-pos{font-size:12px;font-weight:800;letter-spacing:.5px;margin-top:2px}
.dr-name{font-weight:800;font-size:15px;margin-top:6px;word-break:break-word;border-top:2px solid rgba(0,0,0,.25);padding-top:6px;width:100%}
.dr-meta{font-size:11px;font-weight:700;opacity:.8}.dr-stats{font-size:11px;opacity:.75}
.dr-c{position:absolute;top:6px;right:8px;background:#111;color:#ffd23f;font-style:normal;font-weight:900;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.t-bronze{background:linear-gradient(160deg,#e3a36b,#a8652c)}.t-silver{background:linear-gradient(160deg,#f1f4f8,#aab3c0)}.t-gold{background:linear-gradient(160deg,#ffe58a,#d9a521)}
.t-elite{background:linear-gradient(160deg,#eaff9a,#b6ff3b 45%,#58b81a);box-shadow:0 8px 22px rgba(182,255,59,.35),inset 0 0 0 2px rgba(255,255,255,.55)}
.t-hero{background:linear-gradient(160deg,#7a5cff,#2d1b91 55%,#1b0f5e);color:#fff;border-color:#7cf7ff}.t-hero .dr-name{border-color:rgba(255,255,255,.4)}
.t-leg{background:linear-gradient(160deg,#ff5a64,#9d0f1a 55%,#3c0508);color:#fff;border-color:#ffd23f}.t-leg .dr-name{border-color:rgba(255,255,255,.4)}
.dr-card.mini{width:72px;min-height:92px;padding:5px 3px 8px;border-radius:10px 10px 22px 22px;gap:1px}.mini .dr-ovr{font-size:21px}.mini .dr-pos{font-size:9px}.mini .dr-name{font-size:10.5px;margin-top:3px;padding-top:3px}.mini .dr-c{width:14px;height:14px;font-size:9px;top:3px;right:4px}
.dr-pitch{background:linear-gradient(180deg,#1f6b34,#175a2b);border:2px solid rgba(255,255,255,.35);border-radius:16px;padding:8px 6px 12px;margin:14px auto 8px;max-width:620px}
.dr-lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.7;margin:8px 0 4px;font-weight:800}
.dr-row{display:flex;justify-content:center;gap:8px;margin:5px 0}
.dr-slot{position:relative;background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:12px}
.dr-slot.empty .dr-ph{width:72px;height:92px;border:2px dashed rgba(255,255,255,.4);border-radius:10px 10px 22px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(0,0,0,.18)}
.dr-ph b{font-size:20px}.dr-ph small{font-size:9.5px;opacity:.8;padding:0 2px}
.dr-slot.cur{outline:3px solid var(--lime);box-shadow:0 0 16px rgba(182,255,59,.7)}.dr-slot.sel{outline:3px solid #ffd23f;transform:scale(1.06)}
.dr-no{position:absolute;left:-2px;top:-2px;font-style:normal;font-size:10px;font-weight:900;background:#000a;border-radius:8px;padding:0 5px}
.dr-chem{position:absolute;right:2px;bottom:4px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#888}.dr-chem.c3{background:#2ecc40}.dr-chem.c2{background:#ffd23f}.dr-chem.c1{background:#ff8a2b}.dr-chem.c0{background:#e0262f}
.dr-bench{max-width:760px;margin:6px auto;background:rgba(14,26,92,.7);border:2px solid var(--navy-light);border-radius:14px;padding:6px 6px 10px}
.dr-benchrow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.dr-coaches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.dr-coach{background:rgba(14,26,92,.9);border:2px solid var(--navy-light);border-radius:12px;padding:8px 46px 8px 12px;text-align:left;min-width:150px;display:flex;flex-direction:column;gap:2px;position:relative}.dr-coach small{opacity:.7;font-size:11px}.dr-coach span{position:absolute;right:10px;top:8px;font-weight:900;color:var(--lime);font-size:18px}.dr-coach.empty{opacity:.5;border-style:dashed}
.dr-opts.coach .dr-card{width:170px;min-height:150px}
.dr-team{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;background:rgba(14,26,92,.92);border:2px solid var(--navy-light);border-radius:14px;padding:12px 16px;margin:10px auto;max-width:700px}
.dr-ovrbig small{display:block;font-size:10px;letter-spacing:1px;opacity:.7}.dr-ovrbig b{font-size:40px;color:var(--lime);font-family:"Arial Black",Arial,sans-serif}
.dr-tstats{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:13px}.dr-tstats b{color:var(--lime)}
.dr-next{background:rgba(14,26,92,.95);border:2px solid var(--lime);border-radius:16px;padding:14px;margin:12px auto;max-width:560px}.dr-next small{opacity:.7;letter-spacing:1px}.dr-next h3{margin:4px 0}
.dr-rec{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:10px 0;font-size:15px}.dr-rec .w b{color:#6dff7a}.dr-rec .l b{color:#ff6b73}
.dr-h3{margin:18px 0 8px;font-size:17px}
.dr-results{display:flex;flex-direction:column;gap:5px;max-width:520px;margin:0 auto;max-height:260px;overflow:auto}
.dr-res{display:grid;grid-template-columns:40px 1fr auto 24px;gap:8px;align-items:center;text-align:left;background:rgba(14,26,92,.85);border-left:5px solid #888;border-radius:8px;padding:6px 10px;font-size:14px}.dr-res.G{border-color:#2ecc40}.dr-res.P{border-color:#e0262f}.dr-res.E{border-color:#ffd23f}.dr-res i{font-style:normal;font-weight:900}.dr-res .sc{font-weight:900}
.dr-table{width:100%;max-width:560px;margin:0 auto;border-collapse:collapse;font-size:13px;background:rgba(14,26,92,.9);border-radius:10px;overflow:hidden}
.dr-table th,.dr-table td{padding:5px 6px;text-align:center}.dr-table td:nth-child(2),.dr-table th:nth-child(2){text-align:left}.dr-table thead{background:var(--navy-dark);font-size:11px;opacity:.9}
.dr-table tr.champ td{background:rgba(255,210,63,.22)}.dr-table tr.po td{background:rgba(182,255,59,.10)}.dr-table tr.rel td{background:rgba(224,38,47,.18)}.dr-table tr.cut td{border-bottom:2px dashed var(--lime)}.dr-table tr.me td{background:rgba(224,38,47,.35);font-weight:800}
.dr-pobox{max-width:460px;margin:8px auto;background:rgba(14,26,92,.9);border:2px solid var(--navy-light);border-radius:12px;padding:8px 10px}.dr-pomatch{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:4px 0}.dr-pomatch span:last-child{text-align:right}.dr-pomatch.me{color:var(--lime);font-weight:800}
.dr-end{border-radius:18px;padding:18px;margin:10px auto;max-width:560px;background:linear-gradient(135deg,#142270,#0b1650);border:2px solid var(--navy-light)}.dr-end h2{font-size:30px;margin:6px 0}.dr-end.campeon{border-color:#ffd23f;box-shadow:0 0 26px rgba(255,210,63,.45)}
@media(max-width:520px){.dr-card{width:104px;min-height:150px}.dr-ovr{font-size:32px}.dr-card.mini{width:58px;min-height:78px}.mini .dr-ovr{font-size:17px}.mini .dr-name{font-size:9px}.dr-slot.empty .dr-ph{width:58px;height:78px}.dr-row{gap:4px}.dr-benchrow{gap:3px}}

.dr-leg{margin-top:6px}.dr-leg .k{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle;background:#ffd23f}.dr-leg .k.po{background:var(--lime);margin-left:2px}.dr-leg .k.rel{background:var(--red);margin-left:2px}
.dr-link{background:none;border:none;color:#fff;opacity:.8;text-decoration:underline;cursor:pointer;font-size:13px;margin-top:2px}
.dr-live{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:linear-gradient(135deg,#142270,#0b1650);border:2px solid var(--navy-light);border-radius:16px;padding:12px;max-width:640px;margin:10px auto}
.dr-lv-team b{display:block;font-size:17px}.dr-lv-team small{opacity:.6;font-size:10px;letter-spacing:1px}.dr-lv-team.me b{color:var(--lime)}
.dr-lv-score{display:flex;align-items:center;gap:8px;font-family:"Arial Black",Arial,sans-serif;font-size:38px;position:relative;padding-bottom:16px}.dr-lv-score i{font-style:normal;opacity:.6}.dr-lv-score em{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-style:normal;font-size:13px;font-family:"Segoe UI",Arial;color:var(--lime);font-weight:800}
.dr-prog.lv{max-width:640px}
.dr-feed{display:flex;flex-direction:column;gap:5px;max-width:640px;margin:8px auto;max-height:420px;overflow:auto;text-align:left}
.dr-ev{display:grid;grid-template-columns:38px 28px 1fr;gap:6px;align-items:center;background:rgba(14,26,92,.85);border-left:5px solid #667;border-radius:8px;padding:6px 8px;font-size:14px;animation:drin .35s}
.dr-ev.mine{border-color:var(--lime)}.dr-ev.riv{border-color:#e0262f}.dr-ev .mn{font-weight:900;color:#ffd23f}.dr-ev .sc{display:block;font-size:12px;opacity:.75;margin-top:1px}
.dr-ev.try .tx b,.dr-ev.tryc .tx b{color:#9dff5c}.dr-ev.red{background:rgba(120,10,16,.7)}.dr-ev.yellow{background:rgba(110,90,0,.55)}
.dr-ev.note{display:block;text-align:center;border-left:none;background:rgba(255,255,255,.08);font-size:13px}.dr-ev.note.final{background:rgba(182,255,59,.16);font-size:15px}.dr-ev.note.final.loss{background:rgba(224,38,47,.25)}
@keyframes drin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dr-coach em{font-style:normal;font-size:11px;color:var(--lime);opacity:.9}.dr-coach span{display:none}.dr-ovr.small{font-size:30px}
.dr-ev.injury{background:rgba(60,90,160,.55)}.dr-ev .why{display:block;font-size:11px;opacity:.7}
.dr-ht{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}

.dr-ev .ic svg.posts{width:20px;height:20px;color:#fff;vertical-align:middle}
.dr-ev.subs{background:rgba(30,90,60,.6);border-color:#4ade80}.dr-ev.subs .sw{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:12px}.dr-ev.subs i,.dr-sign i{font-style:normal}
.i.out,.out{color:#ff9aa0}.in{color:#9dff9d}
.dr-sign{max-width:640px;margin:8px auto;background:linear-gradient(135deg,#0d6b3a,#0b3d6b);border:2px solid #4ade80;border-radius:14px;padding:10px 14px;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.5);animation:drin .35s}
.dr-sign b{display:block;margin-bottom:4px}.dr-sign span{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14px}
.dr-auth{max-width:640px;margin:6px auto}.au-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.au-c{background:rgba(14,26,92,.9);border:2px solid var(--navy-light);border-radius:12px;padding:8px 10px;text-align:left;font-size:13px}.au-c.me{border-color:var(--lime)}.au-c h4{margin-bottom:4px;font-size:14px}
.au-l{margin:3px 0}.au-l b{display:block}.au-l span{display:block;opacity:.85;font-size:12px}.au-l svg.posts{width:14px;height:14px;vertical-align:-2px}
.dr-feed.full{max-height:none}
.dr-res.clickable{cursor:pointer}.dr-res.clickable:hover{filter:brightness(1.2)}
@media(max-width:420px){.au-grid{grid-template-columns:1fr}}
.dr-ev.subs .sw{display:block;margin-top:3px;font-size:12px}.dr-ev.subs .sw i{display:inline-block;margin-right:10px}.dr-sign span i{display:inline-block;margin-right:10px}

.dr-try{position:fixed;left:50%;top:22%;transform:translateX(-50%);z-index:1500;pointer-events:none;text-align:center;background:linear-gradient(135deg,#0f8a3c,#b6ff3b);color:#0b1650;border:3px solid #fff;border-radius:22px;padding:14px 30px;box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 40px rgba(182,255,59,.7)}
.dr-try b{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:44px;letter-spacing:2px;line-height:1}.dr-try small{display:block;font-size:15px;font-weight:800;margin-top:4px}.dr-try .ball{display:block;font-size:40px}
.dr-try.go{animation:tryin 2.3s ease forwards}.dr-try.go .ball{animation:ballspin 1.2s ease}
@keyframes tryin{0%{opacity:0;transform:translateX(-50%) scale(.3) rotate(-8deg)}12%{opacity:1;transform:translateX(-50%) scale(1.18) rotate(3deg)}25%{transform:translateX(-50%) scale(1) rotate(0)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.95)}}
@keyframes ballspin{0%{transform:translateY(40px) rotate(0)}50%{transform:translateY(-14px) rotate(360deg)}100%{transform:translateY(0) rotate(720deg)}}
.dr-lv-score.pulse{animation:scpulse .9s}@keyframes scpulse{0%,100%{transform:scale(1)}30%{transform:scale(1.25);color:var(--lime)}}

.dr-fsel{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;align-items:center;margin:6px 0}.dr-fsel select{background:#0b1650;color:#fff;border:2px solid var(--navy-light);border-radius:10px;padding:6px 10px;font-size:15px}.dr-fsel small{opacity:.7;font-size:12px}
.dr-fgames{display:flex;flex-direction:column;gap:6px;max-width:520px;margin:0 auto}
.dr-fg{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:rgba(14,26,92,.9);border:2px solid var(--navy-light);border-radius:10px;padding:8px 10px;color:#fff;cursor:pointer;font-size:14px;text-align:left;position:relative}.dr-fg span:last-child{text-align:right}.dr-fg b{font-size:16px}.dr-fg.me{border-color:var(--lime);background:rgba(182,255,59,.12)}.dr-fg:hover{filter:brightness(1.2)}.dr-fg small{position:absolute;top:-8px;left:10px;background:#0b1650;padding:0 6px;font-size:10px;opacity:.8}

.dr-allres{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:5px;text-align:left}
.dr-fecha{background:rgba(14,26,92,.88);border:2px solid var(--navy-light);border-radius:10px;overflow:hidden}
.dr-fecha summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:14px;list-style:none}.dr-fecha summary::-webkit-details-marker{display:none}
.dr-fecha summary b.G{color:#6dff7a}.dr-fecha summary b.P{color:#ff8a90}.dr-fecha summary b.E{color:#ffd23f}
.dr-gm,.dr-pbtn{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;width:100%;background:none;border:none;border-top:1px solid rgba(255,255,255,.08);color:inherit;padding:7px 12px;font-size:13px;cursor:pointer;text-align:left}
.dr-gm span:last-child,.dr-pbtn span:last-child{text-align:right}.dr-gm:hover,.dr-pbtn:hover{background:rgba(182,255,59,.1)}.dr-gm.me{color:var(--lime);font-weight:800}
.dr-pbtn{border-top:none}
.dr-ev.note.et{background:rgba(255,210,63,.18)}.dr-ev.kick.ok .tx b{color:#9dff9d}.dr-ev.kick.no .tx b{color:#ff9aa0}.dr-ev.kick .mn{font-size:12px}

.t-dev{background:linear-gradient(160deg,#7cf7ff,#6a5cff 45%,#ff3df0);color:#fff;border-color:#fff;box-shadow:0 0 14px #b66bff}.t-dev .dr-name{border-color:rgba(255,255,255,.5)}
.dr-card .dr-k{position:absolute;left:3px;bottom:2px;font-size:11px;font-style:normal;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.dr-card.big .dr-k{font-size:16px;left:6px;bottom:5px}
.dr-kpanel{margin:12px 0;padding:10px 12px;border:1px solid var(--navy-light);border-radius:12px;background:var(--navy-dark);text-align:center}.dr-kpanel .tt-h{margin:0 0 4px}
.dr-h4{margin:14px 0 6px;font-size:14px;color:var(--lime)}.dr-scroll{overflow-x:auto}.dr-st td.l,.dr-st th:first-child{text-align:left}.dr-st td{font-size:12px;padding:5px 6px}.dr-tot{flex-wrap:wrap;gap:8px 12px}.dr-tot span{font-size:12px}
.dr-try.hold{animation:none;opacity:1}.dr-try.tmo{background:linear-gradient(135deg,#b3000f,#ff3b4a);color:#fff;border-color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 40px rgba(255,59,74,.8)}.dr-try .tmo-badge{display:inline-block;background:#fff;color:#c00012;font-family:"Arial Black",Arial,sans-serif;font-size:20px;font-weight:900;letter-spacing:3px;padding:2px 12px;border-radius:8px;margin-bottom:6px}.dr-ev.notry{border-left:3px solid #ff3b4a}.dr-ev.notry .tx b{color:#ff6a75}
.dr-b2{margin:14px 0;padding:12px 14px;border:2px solid var(--lime);border-radius:14px;background:linear-gradient(160deg,rgba(182,255,59,.14),rgba(182,255,59,.03));text-align:center}.dr-b2 .dr-h3{margin-top:0}

.dr-b2.down{border-color:#e0262f;background:linear-gradient(160deg,rgba(224,38,47,.16),rgba(224,38,47,.03))}
.dr-fichado{text-align:center}.dr-fichado .hint{display:block;margin-bottom:4px}

.dr-b2.boss{border-color:#ffd23f;background:linear-gradient(160deg,rgba(255,210,63,.18),rgba(224,38,47,.08))}

/* Conexiones */
.cx-meta{text-align:center;margin:8px 0;font-size:.95rem}
.cx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:520px;margin:10px auto}
.cx-tile{min-height:64px;padding:4px;border:2px solid var(--navy-light);border-radius:8px;background:var(--navy);color:#fff;font:700 .85rem/1.1 inherit;cursor:pointer;text-transform:uppercase;word-break:break-word;hyphens:auto}
.cx-tile.sel{background:#fff;color:#091240;border-color:#fff}
.cx-tile.shake{animation:cxs .4s}
@keyframes cxs{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.cx-grp{grid-column:1/-1;border-radius:8px;padding:10px 6px;text-align:center;color:#1b1400}
.cx-grp b{display:block;text-transform:uppercase;font-size:.9rem}.cx-grp span{font-size:.85rem}
.cx-grp.c1,.cx-sq.c1{background:#f5d142}.cx-grp.c2,.cx-sq.c2{background:#5fbf5f}.cx-grp.c3,.cx-sq.c3{background:#5a9bf0}.cx-grp.c4,.cx-sq.c4{background:#a05cd6;color:#fff}
.cx-lives{text-align:center;margin:6px 0}.cx-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}
@media(max-width:420px){.cx-tile{font-size:.72rem;min-height:56px}}

.dr-delta{display:block;margin-top:6px;font-size:12px;font-weight:700;color:#b9c0e8}.dr-delta.up{color:#7dff7d}.dr-delta.dn{color:#ff7b7b}

/* Bingosports */
.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:560px;margin:12px auto}
.bg-cell{min-height:86px;padding:8px 6px;border:2px solid var(--navy-light);border-radius:10px;background:var(--navy);color:#fff;font:600 .82rem/1.2 inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.bg-cell:not([disabled]):hover{border-color:var(--lime)}
.bg-cell.ok{background:#2f9e44;border-color:#2f9e44;color:#fff;cursor:default}.bg-cell.ok b{font-size:.78rem;color:#eaffea}
.bg-cell.shake{animation:cxs .4s;border-color:var(--red)}
.bg-top{display:flex;justify-content:space-between;max-width:560px;margin:8px auto 4px;font-size:.95rem}
.bg-bar{max-width:560px;margin:0 auto;height:8px;border-radius:4px;background:var(--navy-dark);overflow:hidden}.bg-bar i{display:block;height:100%;background:var(--lime);transition:width .2s linear}
.bg-now{text-align:center;margin:12px 0 0}.bg-now small{opacity:.8}.bg-now .nm{font:900 1.6rem/1.15 inherit;margin-top:4px}

/* Impos-ports */
.ip-ring{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:8px auto}
.ip-chip{position:absolute;transform:translate(-50%,-50%);width:24%;min-height:44px;padding:4px;border:2px solid var(--navy-light);border-radius:10px;background:var(--navy);color:#fff;font:700 .68rem/1.15 inherit;cursor:pointer}
@media(min-width:480px){.ip-chip{font-size:.8rem;min-height:52px}}
.ip-chip.sel{background:#fff;color:#091240;border-color:#fff}.ip-chip.cur{border-color:var(--lime);box-shadow:0 0 0 3px rgba(182,255,59,.4)}
.ip-chip.ok{background:#2f9e44;border-color:#2f9e44}.ip-chip.ko{background:var(--red);border-color:var(--red)}.ip-chip.miss{background:#d4a017;border-color:#d4a017;color:#1b1400}
.ip-chip.imp{opacity:.45}.ip-mid small{display:block;margin-top:4px;color:#fff;font-weight:600;font-size:.72rem}
.ip-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center;font:800 .85rem/1.2 inherit;color:var(--lime)}

/* Mini cancha del partido en vivo */
.dr-pitch{max-width:640px;margin:10px auto 0;border-radius:10px;overflow:hidden;border:2px solid var(--navy-light)}
.pt-svg{display:block;width:100%;height:auto}
.pt-dot{transform-box:fill-box}
.pt-dot circle{stroke:#fff;stroke-width:.3}
.pt-dot.h circle{fill:#2f6bff}.pt-dot.a circle{fill:#e0262f}
.pt-dot text{font:700 2.6px/1 sans-serif;fill:#fff;pointer-events:none}
.pt-dot circle.carry{stroke:#ffe45e;stroke-width:.9}.pt-dot circle.kick{stroke:#ffe45e;stroke-width:.9}
.pt-dot circle.yel{fill:#ffd400}.pt-dot circle.redc{fill:#7a0000}
.pt-tag{font:800 4.2px sans-serif;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.65);stroke-width:.9px}
.pt-leg{text-align:center;font-size:12px;margin:4px 0 0;opacity:.9}.pt-leg .h{color:#2f6bff}.pt-leg .a{color:#e0262f}

.dr-b2.world .dr-p{margin:4px 0;text-align:left}
.sndbtn{margin-left:10px;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:3px 9px;font-size:15px;cursor:pointer}

.cer{position:fixed;inset:0;z-index:3000;background:rgba(5,10,35,.92);display:flex;align-items:center;justify-content:center;padding:16px}
.cer-in{max-width:520px;width:100%;text-align:center;color:#fff}
.cer-t{font-size:26px;font-weight:900;color:#ffd23f;text-shadow:0 0 18px rgba(255,210,63,.6);animation:cerpop .8s ease-out both}
.cer-s{opacity:.85;margin:2px 0 10px}
.cer-svg{width:100%;border-radius:14px;border:2px solid rgba(255,255,255,.4)}
.cer-p{opacity:0;animation:cerin .5s ease-out forwards}
.cer-p.cap{animation:cerin .5s ease-out forwards}
.cer-cup{opacity:0;animation:cerup ease-out both}
.cer-rays{transform-origin:50px 20px;animation:cerspin 14s linear infinite}
.cer-n{margin:10px 0}
@keyframes cerpop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes cerin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes cerup{0%{opacity:1;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:1;transform:translateY(4px) scale(1)}}
@keyframes cerspin{to{transform:rotate(360deg)}}

.lg-toast{position:fixed;left:50%;top:14px;transform:translate(-50%,-140%);z-index:4000;display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#0f8a3c,#b6ff3b);color:#0b1650;border:2px solid #fff;border-radius:16px;padding:10px 18px;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .45s ease;max-width:92vw}
.lg-toast.show{transform:translate(-50%,0)}.lg-toast>span{font-size:30px}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.lg-card{border:1px solid var(--navy-light);border-radius:14px;padding:12px;background:rgba(255,255,255,.05);display:flex;gap:10px;align-items:center}
.dr-weekly{border:1px solid var(--lime,#b6ff3b);border-radius:12px;padding:8px 12px;margin:0 0 10px;background:rgba(182,255,59,.08);font-size:14px}.dr-weekly small{opacity:.85}.dr-tac{margin:6px 0}
.eicon{width:1em;height:1em;vertical-align:-.14em;display:inline-block}
.lg-prog{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.15);margin:5px 0 2px;overflow:hidden}.lg-prog i{display:block;height:100%;background:var(--lime,#b6ff3b)}
.lg-card.off:has(.lg-prog){opacity:.8;filter:none}.lg-card.off:has(.lg-prog) .em{filter:grayscale(1)}
.lg-card .em{font-size:30px}.lg-card.off{opacity:.45;filter:grayscale(1)}.lg-card small{opacity:.8;display:block}
.mvp-box{margin:8px 0;padding:10px 14px;border-radius:12px;background:rgba(255,210,63,.15);border:1px solid #ffd23f;text-align:center}
.wx-badge{display:inline-block;margin:6px 0;padding:3px 12px;border-radius:99px;background:rgba(255,255,255,.1);font-size:13px}
.dr-pitch.wx-lluvia{position:relative}.dr-pitch.wx-lluvia::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,rgba(200,220,255,.0) 0 7px,rgba(200,220,255,.35) 7px 8px);background-size:30px 60px;animation:wxrain .5s linear infinite;border-radius:10px}

@keyframes wxrain{to{background-position:-12px 60px}}@keyframes wxwind{to{left:110%}}

.cer-m.jump{animation:cerjump .55s ease-in-out infinite alternate}.cer-m.hold{animation:cerhold .9s ease-in-out infinite alternate}
.cer-arm{animation:cerarm .3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center bottom}
@keyframes cerjump{from{transform:translateY(0)}to{transform:translateY(-2.4px)}}
@keyframes cerhold{from{transform:translateY(0)}to{transform:translateY(-1.2px)}}
@keyframes cerarm{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}

.tmo-badge.ok{background:#1db954;color:#fff}

.dr-balls{display:flex;gap:3px;justify-content:center;margin:2px 0 0}.dr-balls i{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.35);display:block}.dr-balls i.on{background:#7dff7d;border-color:#d8ffd8;box-shadow:0 0 5px #7dff7d}
.mini .dr-balls{gap:2px;margin-top:1px}.mini .dr-balls i{width:6px;height:6px}
.dr-delta.chem{margin-top:4px}

.lg-tab{position:fixed;left:0;top:42%;z-index:490;background:var(--navy,#16205c);color:#fff;border:1px solid var(--lime,#c8ff2e);border-left:0;border-radius:0 12px 12px 0;padding:10px 7px;cursor:pointer;font-size:20px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:2px 2px 10px rgba(0,0,0,.4)}
.lg-tab span{font-size:10px;font-weight:800;writing-mode:vertical-rl;letter-spacing:.5px}
.lg-panel{position:fixed;left:0;top:0;bottom:0;width:min(320px,86vw);z-index:500;background:#0f1647;border-right:2px solid var(--lime,#c8ff2e);padding:58px 10px 10px;overflow-y:auto;transform:translateX(-105%);transition:transform .25s;display:flex;flex-direction:column;gap:8px;box-shadow:4px 0 18px rgba(0,0,0,.5)}
.lg-panel.open{transform:none}.lg-ph{display:flex;justify-content:space-between;align-items:center;font-size:16px;position:sticky;top:-58px;background:#0f1647;padding:8px 0;z-index:1}.lg-ph button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
.lg-panel .lg-card{flex:0 0 auto}.lg-panel .lg-card .em{font-size:24px}.lg-panel .lg-card small{font-size:12px}

.lg-gh{font-weight:800;font-size:13px;color:var(--lime,#c8ff2e);margin-top:8px;letter-spacing:.3px}

/* hinchada que alienta: los puntitos de las gradas saltan; con un try del local saltan más fuerte y rápido */
.pt-fan{transform-box:fill-box;transform-origin:center bottom;animation:ptFan 1s ease-in-out infinite}
@keyframes ptFan{0%,100%{transform:translateY(0)}50%{transform:translateY(-.45px)}}
@keyframes ptFanHype{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.8px) scale(1.25)}}
.pt-svg.hype-h .pt-fan.fh,.pt-svg.hype-a .pt-fan.fa{animation-name:ptFanHype;animation-duration:.32s!important}
@media (prefers-reduced-motion:reduce){.pt-fan{animation:none!important}}

/* Modo diurno (ver assets/common.js > Modo noche / diurno) */
html.rs-day{filter:invert(1) hue-rotate(180deg);background:#fff}
html.rs-day img,html.rs-day video,html.rs-day canvas,html.rs-day svg.pt-svg,html.rs-day .bg,html.rs-day .crest,html.rs-day #credOv,html.rs-day .lg-toast{filter:invert(1) hue-rotate(180deg)}
#rsTheme{position:fixed;right:12px;bottom:12px;z-index:9998;width:44px;height:44px;border-radius:50%;border:2px solid var(--lime);background:var(--navy);color:#fff;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45)}
#rsTheme:active{transform:scale(.94)}
html.rs-day #rsTheme{filter:invert(1) hue-rotate(180deg)}

/* Lesiones y suspensiones */
.dr-slot.out .dr-card{filter:grayscale(.85) brightness(.7);outline:2px solid #e0262f}
.dr-slot .dr-outb{position:absolute;top:2px;left:2px;font-style:normal;font-size:13px;z-index:3;background:#0009;border-radius:8px;padding:0 3px}
.dr-out-box{background:rgba(224,38,47,.12);border:1px solid #e0262f;border-radius:12px;padding:8px 12px;margin:8px 0;text-align:left}
.dr-out-box b{color:#ff8a90}
.dr-p.bad{color:#ff8a90;font-weight:700}
.dr-note{display:flex;flex-direction:column;gap:2px;text-align:left;background:rgba(255,255,255,.07);border-radius:10px;padding:8px 12px;margin:6px 0}
.dr-note b{font-size:16px}.dr-note span{font-size:14px;opacity:.9}
.dr-note.i{border-left:4px solid #ffb020}.dr-note.s{border-left:4px solid #e0262f}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* Reproductor de música (inicio) */
.mus-bar{position:fixed;left:10px;bottom:12px;z-index:9997;display:flex;align-items:center;gap:6px;background:var(--navy);border:2px solid var(--lime);border-radius:999px;padding:4px 10px 4px 4px;box-shadow:0 4px 14px rgba(0,0,0,.45);max-width:calc(100vw - 80px)}
.mus-bar button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:17px;cursor:pointer}
.mus-bar span{font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
html.rs-day .mus-bar{filter:invert(1) hue-rotate(180deg)}

.opi{text-align:center;margin:18px auto 6px;max-width:420px}
.opi b{display:block;margin-bottom:8px}
.opi-b{display:flex;gap:12px;justify-content:center}
.opi-b button{font-size:20px;padding:8px 18px;border-radius:999px;border:2px solid var(--lime);background:var(--navy);color:#fff;cursor:pointer}
.opi-b button:active{transform:scale(.94)}
.opi small{display:block;margin-top:6px;opacity:.75}

/* Cuenta regresiva: Partido Contra SITAS */
.cd{background:#000;border:2px solid var(--lime);border-radius:10px;padding:3px 9px;text-align:center;line-height:1.15;color:#fff}
.cd .cd-t{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--lime)}
.cd .cd-n{display:block;font-size:13px;font-weight:700;white-space:nowrap}
.cd .cd-n i{font-style:normal;color:var(--lime);font-size:15px}
@media(max-width:480px){.sbwrap{flex-wrap:wrap;justify-content:flex-end}.sbwrap .cd{order:3;flex-basis:auto;padding:2px 8px}.cd .cd-t{font-size:9px}.cd .cd-n{font-size:11px}.cd .cd-n i{font-size:13px}}
.btn.sel{outline:2px solid var(--lime)}
.dr-pomatch.clickable{cursor:pointer}

.sbcol{display:flex;flex-direction:column;align-items:center;gap:2px}
.sb-last{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;opacity:.85;text-shadow:0 1px 3px #000}
.cd .cd-hoy{display:block;margin-top:2px;line-height:1.1}
.cd .cd-hoy b{display:block;color:#ff5a5f;font-size:13px;letter-spacing:2px}
.cd .cd-hoy em{display:block;font-style:normal;font-size:10px;opacity:.85}
.cd .cd-hoy[hidden]{display:none}

/* Ranking */
.rk-sel{width:100%;margin:6px 0;padding:10px;border-radius:10px;border:1px solid var(--line,#2a3a5c);background:var(--card,#13244a);color:inherit;font:inherit}
.rk-tabs{display:flex;gap:6px;margin:6px 0}.rk-tabs button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line,#2a3a5c);background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.rk-tabs button.on{background:var(--lime,#b6ff3b);color:#0b1b3a;border-color:transparent}
.rk-gh{margin:10px 0 4px;font-weight:800;font-size:13px;opacity:.8;text-align:left}
.rk-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.06);margin:3px 0;text-align:left}
.rk-row.me{background:rgba(182,255,59,.16)}.rk-pos{width:28px;text-align:center;font-weight:800}.rk-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-row small{opacity:.65}
.rk-home{display:block;margin:10px auto 0;padding:10px 16px;border-radius:12px;border:1px solid var(--line,#2a3a5c);background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}