:root{
  --bg:#070b13;--bg2:#0a101c;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.12);--panel3:rgba(255,255,255,.16);
  --text:#f6f8ff;--muted:#aab5c9;--line:rgba(255,255,255,.13);--green:#d4af37;--blue:#b8862b;--cyan:#f3d37a;--danger:#ff6b6b;--warn:#ffd166;
  --shadow:0 24px 80px rgba(0,0,0,.42);--r:24px;--r2:16px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(212,175,55,.18),transparent 28%),radial-gradient(circle at 92% 5%,rgba(184,134,43,.28),transparent 36%),linear-gradient(180deg,#070b13,#080d18 45%,#060912);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 65%);pointer-events:none}a{color:inherit}button,input,select,textarea{font:inherit}button{border:0}.container{width:min(1220px,calc(100% - 28px));margin:0 auto}.hidden{display:none!important}.mobile-only{display:none!important}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,11,19,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand strong{display:block;letter-spacing:-.04em;font-size:17px}.brand span{display:block;color:var(--muted);font-weight:800;font-size:12px;margin-top:-2px}.logo{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 0 34px rgba(212,175,55,.28);font-size:20px}.nav-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px;overflow:hidden}.card:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%,rgba(212,175,55,.08));opacity:.7}.card>*{position:relative}.compact{padding:12px}.soft{box-shadow:none;background:rgba(255,255,255,.055)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5.2vw,64px);line-height:.92;letter-spacing:-.07em;margin-bottom:14px}h2{font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:-.055em;margin-bottom:10px}h3{font-size:18px;letter-spacing:-.035em;margin-bottom:10px}p{color:var(--muted);line-height:1.55}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;padding:11px 14px;background:rgba(255,255,255,.11);color:var(--text);font-weight:900;cursor:pointer;text-decoration:none;transition:.14s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}.btn.primary{background:linear-gradient(135deg,var(--green),#c99a2b,var(--blue));color:#fff;box-shadow:0 14px 36px rgba(184,134,43,.25)}.btn.danger{background:rgba(255,107,107,.17);color:#ffd6d6}.btn.ghost{background:rgba(255,255,255,.07)}.btn.small{padding:8px 11px;border-radius:12px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.pill.good{color:#b9ffd1;background:rgba(212,175,55,.13);border-color:rgba(212,175,55,.24)}.pill.warn{color:#fff0bf;background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.23)}.pill.danger{color:#ffd7d7;background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.23)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:900}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);border-radius:15px;padding:12px 13px;outline:none;min-height:46px}textarea{min-height:92px;resize:vertical}select option{background:#121927;color:#fff}input:focus,select:focus,textarea:focus{border-color:rgba(212,175,55,.7);box-shadow:0 0 0 4px rgba(212,175,55,.12)}.form-grid{display:grid;gap:12px}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section{padding:22px 0}.landing{min-height:calc(100dvh - 68px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:18px;padding:28px 0}.landing-copy{padding:34px}.auth-form{display:grid;gap:13px}.auth-card{min-height:calc(100dvh - 90px);display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:center}.auth-hero{padding:24px}.journey{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.journey span{min-width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:1000}.journey i{width:24px;height:2px;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:99px}.user-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-hero h1{margin-bottom:6px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:min(420px,100%)}.stat-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.stat-card span{display:block;color:var(--muted);font-weight:800;font-size:12px}.stat-card strong{font-size:32px;letter-spacing:-.06em}.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.tab-btn{flex:0 0 auto}.tab-btn.active{background:linear-gradient(135deg,rgba(212,175,55,.28),rgba(184,134,43,.26));box-shadow:inset 0 0 0 1px rgba(212,175,55,.28)}.app-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);margin-top:16px}.left-stack,.right-stack{display:grid;gap:16px;align-content:start}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title p{margin-bottom:0}.match-list{display:grid;gap:12px}.match-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);padding:16px}.match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.match-main{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.team-name{font-weight:1000;font-size:18px;letter-spacing:-.03em}.team-code{color:var(--muted);font-weight:900;font-size:12px}.score-box{display:flex;align-items:center;gap:8px}.score-box input{width:64px;text-align:center;font-size:20px;font-weight:1000;padding:8px}.question-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:10px}.points-list,.draft-list,.team-grid{display:grid;gap:8px}.point-row,.draft-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.055)}.team-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.team-choice{justify-content:flex-start;text-align:left}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.admin-sidebar{position:sticky;top:90px;align-self:start;padding:16px}.side-title{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:1000;margin:4px 8px 12px}.side-link{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.08);color:var(--text);font-weight:1000;text-align:left;cursor:pointer}.side-link.active,.side-link:hover{background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(184,134,43,.18))}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.view-head h1{font-size:46px;margin:7px 0 0}.searchbox{width:min(360px,100%)}.view-panel{display:grid;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid var(--line)}.kpi-card span{color:var(--muted);font-weight:900}.kpi-card strong{display:block;font-size:36px;letter-spacing:-.06em;margin-top:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.split{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px}.mini-list{display:grid;gap:8px;max-height:540px;overflow:auto;padding-right:4px}.mini-card{padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055)}.mini-card strong{display:block}.mini-card small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:100;display:none;max-width:min(92vw,560px);padding:13px 16px;border-radius:16px;background:#111a2b;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:900}.toast.show{display:block}.empty{padding:22px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.admin-warning{padding:12px;border-radius:16px;background:rgba(255,209,102,.09);border:1px solid rgba(255,209,102,.18);color:#ffe8a3}.hr{height:1px;background:var(--line);margin:8px 0}
@media(max-width:980px){.landing,.auth-card,.admin-shell,.app-grid,.split{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:12px;right:12px;top:76px;z-index:60;display:none;max-height:calc(100dvh - 92px);overflow:auto}.admin-sidebar.open{display:block}.mobile-only{display:inline-flex!important}.view-head{align-items:stretch;flex-direction:column}.searchbox{width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-hero{align-items:stretch;flex-direction:column}.stat-row{min-width:0}.match-main{grid-template-columns:1fr}.score-box{justify-content:center}.team-name{text-align:left}.two,.three,.four{grid-template-columns:1fr}.landing{padding:18px 0}.landing-copy{padding:24px}.nav{align-items:center}.container{width:min(100% - 18px,1220px)}}
@media(max-width:560px){.nav{min-height:62px}.logo{width:38px;height:38px}.brand span{display:none}.nav-actions{gap:6px}.btn.small{font-size:12px;padding:7px 9px}.card{border-radius:20px;padding:16px}.landing-copy h1{font-size:40px}.view-head h1{font-size:38px}.kpi-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.score-box input{width:58px}.team-grid{grid-template-columns:1fr}.auth-card{min-height:auto}.table-wrap table{min-width:560px}}

/* ==============================
   User Panel V3
   ============================== */
body[data-page="user"] .container{width:min(1280px,calc(100% - 28px));}
body[data-page="user"] .topbar{box-shadow:0 14px 42px rgba(0,0,0,.18)}
body[data-page="user"] .brand strong{font-size:18px}
body[data-page="user"] .brand span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.user-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;padding:22px 0 34px;align-items:start}.user-sidebar{position:sticky;top:90px;padding:16px}.user-mini{display:flex;align-items:center;gap:12px;padding:10px 10px 16px;border-bottom:1px solid var(--line);margin-bottom:14px}.user-mini .avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 0 30px rgba(212,175,55,.22);font-size:22px}.user-mini span{display:block;color:var(--muted);font-size:12px;font-weight:900}.user-mini strong{display:block;font-size:20px;letter-spacing:-.04em}.user-menu{display:grid;gap:9px}.user-menu-link{width:100%;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px 14px;background:rgba(255,255,255,.075);color:var(--text);font-weight:1000;text-align:left;cursor:pointer;transition:.14s ease}.user-menu-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}.user-menu-link.active{background:linear-gradient(135deg,rgba(212,175,55,.23),rgba(184,134,43,.23));border-color:rgba(212,175,55,.23);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.user-content{display:grid;gap:18px}.user-dashboard-head{display:flex;align-items:stretch;justify-content:space-between;gap:18px}.user-dashboard-head h1{font-size:clamp(36px,4vw,56px);margin:9px 0 6px}.user-dashboard-head p{margin:0}.user-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;min-width:min(560px,100%)}.user-stat-grid .stat-card strong{font-size:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;display:block}.panel-view{display:grid;gap:16px;animation:fadeIn .16s ease}@keyframes fadeIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.phase-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 2px;scrollbar-width:thin}.phase-strip .tab-btn{border-radius:999px}.phase-strip .tab-btn.locked{opacity:.48}.match-list{gap:14px}.match-card{padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.052));border-radius:24px}.match-card-inner{padding:16px}.match-status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.fixture-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.14)}.fixture-team{display:flex;align-items:center;gap:10px;min-width:0}.fixture-team.right{justify-content:flex-end;text-align:right}.team-badge{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:1000;font-size:12px;color:#dff8ff;flex:0 0 auto}.fixture-team strong{display:block;font-size:18px;line-height:1.05;letter-spacing:-.04em;white-space:normal}.fixture-team small{display:block;color:var(--muted);font-weight:900;margin-top:3px}.predict-score{display:flex;align-items:center;gap:8px;justify-content:center}.predict-score input{width:58px;height:52px;min-height:52px;text-align:center;font-size:22px;font-weight:1000;border-radius:16px}.match-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.questions-panel{margin-top:14px;padding:14px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line);display:grid;gap:10px}.question-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px;align-items:center;padding:10px;border-radius:16px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.07)}.question-item strong{display:block;letter-spacing:-.03em}.team-stage-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.team-stage-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.team-stage-card .stage-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.team-stage-card h3{margin:0;font-size:16px}.team-stage-card strong{display:block;font-size:26px;letter-spacing:-.06em}.team-stage-card p{margin:4px 0 0;font-size:13px}.team-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;max-height:440px;overflow:auto;padding-right:3px}.team-pick-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:12px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid var(--line);color:var(--text);font-weight:1000;cursor:pointer}.team-pick-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.profile-card span{display:block;color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.profile-card strong{display:block;font-size:24px;letter-spacing:-.05em;margin-top:4px}.point-row strong.negative{color:var(--danger)}.ranking-medal{font-weight:1000}.ranking-medal.gold{color:#ffe08a}.ranking-medal.silver{color:#dfe8ff}.ranking-medal.bronze{color:#ffbd8a}.desktop-muted-note{display:block}.mobile-panel-tabs{display:none}.empty .btn{margin-top:12px}
@media(max-width:1020px){.user-shell{grid-template-columns:1fr}.user-sidebar{position:static}.user-menu{grid-template-columns:repeat(6,minmax(max-content,1fr));overflow-x:auto;padding-bottom:2px}.user-menu-link{white-space:nowrap;text-align:center}.user-dashboard-head{flex-direction:column}.user-stat-grid{min-width:0;width:100%}.fixture-grid{grid-template-columns:1fr}.fixture-team.right{justify-content:flex-start;text-align:left}.predict-score{order:3}.question-item{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}}
@media(max-width:620px){body[data-page="user"] .container{width:min(100% - 18px,1280px)}.user-shell{padding-top:12px;gap:12px}.user-sidebar{padding:10px;border-radius:20px}.user-mini{display:none}.user-menu{grid-template-columns:repeat(6,max-content);gap:7px}.user-menu-link{font-size:12px;padding:10px 11px;border-radius:999px}.user-dashboard-head{padding:16px;border-radius:20px}.user-stat-grid{grid-template-columns:1fr 1fr}.user-stat-grid .stat-card:last-child{grid-column:1/-1}.user-stat-grid .stat-card strong{font-size:24px;max-width:100%}.panel-view .card{padding:16px;border-radius:20px}.section-title h2{font-size:30px}.section-title p{font-size:14px}.fixture-grid{padding:11px}.fixture-team strong{font-size:16px}.team-badge{width:38px;height:38px;border-radius:13px}.predict-score input{width:54px;height:48px;min-height:48px}.match-actions{flex-direction:column;align-items:stretch}.match-actions .btn{width:100%}.match-meta .pill{font-size:11px;padding:6px 8px}.team-stage-list{grid-template-columns:1fr}.team-pick-grid{grid-template-columns:1fr}.desktop-muted-note{display:none}.nav-actions .btn{font-size:12px;padding:7px 8px}.brand strong{font-size:15px!important}.logo{width:38px;height:38px}}

/* ===== Admin V4: sidebar vertical derecha + gestor de resultados ===== */
body[data-page="admin"] .admin-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;}
body[data-page="admin"] .admin-content{grid-column:1;grid-row:1;min-width:0;}
body[data-page="admin"] .admin-sidebar{grid-column:2;grid-row:1;position:sticky;top:90px;align-self:start;}
body[data-page="admin"] .side-link{justify-content:flex-start;}
.results-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:16px;align-items:start;}
.results-filters{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:10px;margin:12px 0 16px;}
.result-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.result-card-list{display:grid;gap:10px;max-height:720px;overflow:auto;padding-right:4px;}
.result-card{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px;padding:14px;display:grid;gap:12px;}
.result-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.result-card-title{font-weight:1000;font-size:16px;letter-spacing:-.035em;}
.result-score{font-size:26px;font-weight:1000;letter-spacing:-.06em;white-space:nowrap;}
.result-meta{display:flex;gap:7px;flex-wrap:wrap;}
.result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.result-empty{border:1px dashed var(--line);border-radius:20px;padding:20px;color:var(--muted);text-align:center;}
.result-editing{border-color:rgba(212,175,55,.35);box-shadow:0 0 0 4px rgba(212,175,55,.07) inset;}
body[data-page="admin"] .view-head{align-items:flex-start;}
@media(max-width:1100px){body[data-page="admin"] .admin-shell{grid-template-columns:1fr;}body[data-page="admin"] .admin-content{grid-column:1;grid-row:auto;}body[data-page="admin"] .admin-sidebar{grid-column:1;grid-row:auto;position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}body[data-page="admin"] .side-title{grid-column:1/-1;}body[data-page="admin"] .side-link{margin:0;}.results-layout{grid-template-columns:1fr;}}
@media(max-width:700px){.results-filters{grid-template-columns:1fr;}.result-card-top{flex-direction:column;}.result-actions{justify-content:flex-start;}}

/* ===== Admin V5: panel tipo app, modales y cards responsive ===== */
body[data-page="admin"] .admin-section{padding-bottom:28px;}
body[data-page="admin"] .admin-shell-v5{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start;}
body[data-page="admin"] .admin-content-v5{grid-column:1;grid-row:1;min-width:0;}
body[data-page="admin"] .admin-sidebar-v5{grid-column:2;grid-row:1;position:sticky;top:88px;align-self:start;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);box-shadow:none;padding:18px;border-radius:28px;overflow:hidden;}
body[data-page="admin"] .admin-sidebar-v5:before{opacity:.28;}
body[data-page="admin"] .admin-sidebar-v5 .side-title{font-size:11px;letter-spacing:.18em;margin:4px 10px 14px;color:rgba(255,255,255,.65);}
body[data-page="admin"] .admin-sidebar-v5 .side-link{background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 7px;padding:12px 12px;border-radius:16px;color:rgba(246,248,255,.82);gap:10px;}
body[data-page="admin"] .admin-sidebar-v5 .side-link span{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:15px;}
body[data-page="admin"] .admin-sidebar-v5 .side-link b{font-size:15px;}
body[data-page="admin"] .admin-sidebar-v5 .side-link.active{background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(184,134,43,.22))!important;color:#fff;}
body[data-page="admin"] .admin-sidebar-v5 .side-link.active span{background:linear-gradient(135deg,rgba(212,175,55,.45),rgba(184,134,43,.45));}
body[data-page="admin"] .view-head-v5{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:start;gap:16px;margin-bottom:16px;}
body[data-page="admin"] .view-head-v5 h1{font-size:clamp(34px,4.6vw,58px);margin:8px 0 0;}
body[data-page="admin"] .view-panel{min-width:0;}
body[data-page="admin"] .admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
body[data-page="admin"] .admin-list-head h2{margin:0 0 8px;font-size:clamp(26px,3vw,42px);}
body[data-page="admin"] .admin-list-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
body[data-page="admin"] .admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;min-width:0;}
body[data-page="admin"] .admin-card-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
body[data-page="admin"] .team-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));}
body[data-page="admin"] .match-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));}
body[data-page="admin"] .data-card{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border-radius:22px;padding:15px;min-width:0;overflow:hidden;}
body[data-page="admin"] .data-card h3{font-size:19px;line-height:1.08;margin:9px 0 0;overflow-wrap:anywhere;}
body[data-page="admin"] .data-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;}
body[data-page="admin"] .data-top .btn{flex:0 0 auto;}
body[data-page="admin"] .data-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body[data-page="admin"] .data-meta span{display:grid;gap:4px;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:9px;background:rgba(0,0,0,.13);}
body[data-page="admin"] .data-meta small{color:var(--muted);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body[data-page="admin"] .data-meta b{font-size:13px;overflow-wrap:anywhere;line-height:1.15;}
body[data-page="admin"] .compact-data .data-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;}
body[data-page="admin"] .results-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);}
body[data-page="admin"] .result-form-card{min-width:0;}
body[data-page="admin"] .results-filters{grid-template-columns:1.2fr .8fr .8fr;}
body[data-page="admin"] .modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(2,6,14,.74);backdrop-filter:blur(12px);display:grid;place-items:center;padding:16px;}
body[data-page="admin"] .modal-card{width:min(720px,100%);max-height:min(88dvh,780px);overflow:auto;background:linear-gradient(180deg,rgba(23,37,54,.98),rgba(10,17,29,.98));border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.58);padding:20px;}
body[data-page="admin"] .modal-wide{width:min(980px,100%);}
body[data-page="admin"] .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
body[data-page="admin"] .modal-head h2{margin:8px 0 0;font-size:clamp(26px,4vw,42px);}
body[data-page="admin"] .modal-body{display:grid;gap:12px;}
body[data-page="admin"] .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;position:sticky;bottom:-20px;background:linear-gradient(180deg,rgba(10,17,29,.1),rgba(10,17,29,1) 38%);padding-top:16px;}
body[data-page="admin"] .table-wrap{overflow-x:hidden;}
body[data-page="admin"] table{min-width:0;}

@media(max-width:1100px){
  body[data-page="admin"] .admin-shell-v5{grid-template-columns:1fr;}
  body[data-page="admin"] .admin-content-v5{grid-column:1;grid-row:1;}
  body[data-page="admin"] .admin-sidebar-v5{grid-column:1;grid-row:2;position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:90;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;border-radius:24px;background:rgba(10,16,28,.9);backdrop-filter:blur(18px);}
  body[data-page="admin"] .admin-sidebar-v5 .side-title{display:none;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link{margin:0;padding:8px 4px;border-radius:16px;display:grid;place-items:center;text-align:center;gap:3px;min-width:0;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link span{width:28px;height:28px;font-size:15px;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link b{font-size:10px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-page="admin"] .admin-section{padding-bottom:110px;}
  body[data-page="admin"] .view-head-v5{grid-template-columns:1fr;}
  body[data-page="admin"] .results-layout{grid-template-columns:1fr;}
  body[data-page="admin"] .admin-card-grid.two-cols{grid-template-columns:1fr;}
}
@media(max-width:720px){
  body[data-page="admin"] .container{width:min(100% - 16px,1220px);}
  body[data-page="admin"] .nav{gap:8px;}
  body[data-page="admin"] .brand strong{font-size:15px;}
  body[data-page="admin"] .nav-actions .btn{padding:7px 8px;font-size:11px;}
  body[data-page="admin"] .admin-list-head{align-items:flex-start;flex-direction:column;}
  body[data-page="admin"] .admin-list-head .btn{width:100%;}
  body[data-page="admin"] .data-meta{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="admin"] .results-filters{grid-template-columns:1fr;}
  body[data-page="admin"] .grid.two{grid-template-columns:1fr;}
  body[data-page="admin"] .modal-card{padding:16px;border-radius:22px;}
  body[data-page="admin"] .modal-actions{display:grid;grid-template-columns:1fr 1fr;}
  body[data-page="admin"] .result-card-top{flex-direction:column;}
  body[data-page="admin"] .result-actions .btn{flex:1;}
}
@media(max-width:430px){
  body[data-page="admin"] .admin-sidebar-v5 .side-link b{display:none;}
  body[data-page="admin"] .admin-sidebar-v5{grid-template-columns:repeat(7,1fr);}
  body[data-page="admin"] .data-meta{grid-template-columns:1fr 1fr;}
  body[data-page="admin"] .data-top{align-items:stretch;flex-direction:column;}
  body[data-page="admin"] .data-top .btn{width:100%;}
}

/* ===== Admin V6: menú izquierdo + tablas compactas sin scroll horizontal ===== */
body[data-page="admin"] .admin-section{padding-top:26px;}
body[data-page="admin"] .admin-shell-v5{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start;
}
body[data-page="admin"] .admin-sidebar-v5{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  padding:10px 6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body[data-page="admin"] .admin-sidebar-v5:before{display:none!important;}
body[data-page="admin"] .admin-content-v5{grid-column:2!important;grid-row:1!important;min-width:0!important;}
body[data-page="admin"] .admin-sidebar-v5 .side-title{
  margin:0 0 12px 8px!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  color:rgba(246,248,255,.48)!important;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  margin:2px 0!important;
  padding:10px 8px!important;
  border-radius:12px!important;
  color:rgba(246,248,255,.72)!important;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link span{
  width:26px!important;
  height:26px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  font-size:14px!important;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link b{font-size:14px!important;}
body[data-page="admin"] .admin-sidebar-v5 .side-link.active{
  background:transparent!important;
  color:#fff!important;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link.active:before{
  content:"";
  width:3px;
  height:24px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--green),var(--blue));
  margin-right:2px;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link.active span{
  background:linear-gradient(135deg,rgba(212,175,55,.42),rgba(184,134,43,.42))!important;
}
body[data-page="admin"] .view-head-v5{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,430px)!important;
  align-items:start!important;
  gap:18px!important;
}
body[data-page="admin"] .view-head-v5 h1{font-size:clamp(42px,6vw,70px)!important;margin-top:6px!important;}
body[data-page="admin"] .searchbox{width:100%!important;}

body[data-page="admin"] .admin-list-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
  margin-bottom:16px;
}
body[data-page="admin"] .admin-list-head h2{font-size:clamp(28px,4vw,48px);margin:0;}
body[data-page="admin"] .admin-list-head>div{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;}
body[data-page="admin"] .admin-list-head .btn{white-space:nowrap;padding:10px 13px;border-radius:14px;}
body[data-page="admin"] .admin-table-card{padding:14px!important;overflow:hidden!important;border-radius:24px!important;}
body[data-page="admin"] .admin-table{
  width:100%;
  display:grid;
  gap:7px;
  overflow:hidden;
}
body[data-page="admin"] .admin-row{
  display:grid;
  grid-template-columns:var(--admin-cols);
  gap:8px;
  align-items:center;
  min-width:0;
}
body[data-page="admin"] .admin-row-head{
  padding:0 10px 4px;
  color:rgba(246,248,255,.52);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:1000;
}
body[data-page="admin"] .data-line{
  min-height:54px;
  padding:9px 10px;
  border-radius:17px;
  background:rgba(255,255,255,.052);
  border:1px solid rgba(255,255,255,.08);
}
body[data-page="admin"] .data-line:hover{background:rgba(255,255,255,.08);}
body[data-page="admin"] .admin-cell{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:850;
  color:rgba(246,248,255,.9);
}
body[data-page="admin"] .main-cell{font-weight:1000;color:#fff;}
body[data-page="admin"] .seed-cell,
body[data-page="admin"] .group-cell,
body[data-page="admin"] .code-cell,
body[data-page="admin"] .points-cell{
  color:#c9f7d6;
}
body[data-page="admin"] .status-cell{color:#b9c5db;}
body[data-page="admin"] .admin-actions-cell{display:flex;justify-content:flex-end;min-width:0;}
body[data-page="admin"] .btn.tiny{
  padding:6px 9px!important;
  border-radius:10px!important;
  font-size:12px!important;
  min-height:30px!important;
}
body[data-page="admin"] .admin-table-empty{
  padding:18px;
  border-radius:17px;
  border:1px dashed rgba(255,255,255,.14);
  color:var(--muted);
  text-align:center;
}
body[data-page="admin"] .admin-filterbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:12px!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
body[data-page="admin"] .admin-filterbar input,
body[data-page="admin"] .admin-filterbar select{min-height:40px;padding:9px 10px;border-radius:12px;}
body[data-page="admin"] .admin-filterbar label{font-size:11px;}

@media(max-width:1120px){
  body[data-page="admin"] .admin-shell-v5{grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link b{font-size:13px!important;}
  body[data-page="admin"] .optional-col{display:none!important;}
  body[data-page="admin"] .teams-table{--admin-cols:64px minmax(0,1fr) 60px 54px 60px!important;}
  body[data-page="admin"] .rules-table{--admin-cols:minmax(0,1fr) 74px minmax(110px,1fr) 48px 60px!important;}
  body[data-page="admin"] .matches-table{--admin-cols:48px 102px 100px 52px minmax(0,1fr) 60px!important;}
  body[data-page="admin"] .questions-table{--admin-cols:56px minmax(0,1fr) 92px 46px 60px!important;}
}
@media(max-width:760px){
  body[data-page="admin"]{padding-bottom:78px;}
  body[data-page="admin"] .admin-shell-v5{grid-template-columns:1fr!important;gap:12px!important;}
  body[data-page="admin"] .admin-content-v5{grid-column:1!important;grid-row:1!important;}
  body[data-page="admin"] .admin-sidebar-v5{
    grid-column:1!important;
    grid-row:2!important;
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;
    z-index:90!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:4px!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,13,24,.92)!important;
    backdrop-filter:blur(18px)!important;
    border:1px solid rgba(255,255,255,.1)!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-title{display:none!important;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link{display:grid!important;place-items:center!important;text-align:center!important;gap:3px!important;padding:7px 4px!important;margin:0!important;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link:before{display:none!important;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link span{width:28px!important;height:28px!important;}
  body[data-page="admin"] .admin-sidebar-v5 .side-link b{font-size:10px!important;line-height:1!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-page="admin"] .view-head-v5{grid-template-columns:1fr!important;gap:10px!important;}
  body[data-page="admin"] .view-head-v5 h1{font-size:42px!important;}
  body[data-page="admin"] .admin-list-head{grid-template-columns:1fr auto;align-items:center;}
  body[data-page="admin"] .admin-list-head h2{font-size:30px;}
  body[data-page="admin"] .admin-filterbar{grid-template-columns:1fr 1fr;}
  body[data-page="admin"] .admin-row-head{display:none!important;}
  body[data-page="admin"] .data-line{min-height:48px;padding:8px;gap:6px;border-radius:15px;}
  body[data-page="admin"] .teams-table{--admin-cols:50px minmax(0,1fr) 44px 40px 52px!important;}
  body[data-page="admin"] .rules-table{--admin-cols:minmax(0,1fr) 54px 62px 42px 52px!important;}
  body[data-page="admin"] .matches-table{--admin-cols:42px 78px 54px 38px minmax(0,1fr) 52px!important;}
  body[data-page="admin"] .questions-table{--admin-cols:42px minmax(0,1fr) 70px 34px 52px!important;}
  body[data-page="admin"] .admin-cell{font-size:12px;}
  body[data-page="admin"] .main-cell{font-size:13px;}
  body[data-page="admin"] .btn.tiny{font-size:11px!important;padding:5px 7px!important;}
  body[data-page="admin"] .date-cell{font-size:11px;}
}
@media(max-width:440px){
  body[data-page="admin"] .admin-sidebar-v5 .side-link b{display:none!important;}
  body[data-page="admin"] .admin-filterbar{grid-template-columns:1fr;}
  body[data-page="admin"] .teams-table{--admin-cols:44px minmax(0,1fr) 40px 34px 48px!important;}
  body[data-page="admin"] .matches-table{--admin-cols:38px 66px 42px minmax(0,1fr) 48px!important;}
  body[data-page="admin"] .matches-table .group-cell{display:none!important;}
  body[data-page="admin"] .questions-table{--admin-cols:38px minmax(0,1fr) 48px 30px 46px!important;}
}

/* ===== Admin V7: clasificación real por grupos ===== */
body[data-page="admin"] .standings-card{
  padding:18px!important;
  overflow:hidden!important;
}
body[data-page="admin"] .standings-toolbar{
  align-items:flex-start!important;
  margin-bottom:14px;
}
body[data-page="admin"] .standings-toolbar h2{
  margin:0 0 6px!important;
  font-size:clamp(26px,3.2vw,42px)!important;
}
body[data-page="admin"] .standings-toolbar p{
  margin:0!important;
  max-width:820px;
}
body[data-page="admin"] .standings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body[data-page="admin"] .standing-group{
  min-width:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  overflow:hidden;
}
body[data-page="admin"] .standing-group-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.12);
}
body[data-page="admin"] .standing-group-head strong{font-size:18px;letter-spacing:-.04em;}
body[data-page="admin"] .standing-group-head span{color:var(--muted);font-weight:900;font-size:12px;}
body[data-page="admin"] .standing-table{display:grid;gap:0;}
body[data-page="admin"] .standing-row{
  display:grid;
  grid-template-columns:minmax(120px,1fr) repeat(7,30px) 38px 48px;
  gap:7px;
  align-items:center;
  padding:9px 10px;
  border-bottom:1px solid rgba(255,255,255,.075);
  min-width:0;
}
body[data-page="admin"] .standing-row:last-child{border-bottom:0;}
body[data-page="admin"] .standing-head{
  color:rgba(246,248,255,.55);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:1000;
  padding-top:10px;
  padding-bottom:7px;
  background:rgba(255,255,255,.025);
}
body[data-page="admin"] .standing-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:900;
}
body[data-page="admin"] .standing-team b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
}
body[data-page="admin"] .standing-team small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-weight:800;
  font-size:10px;
  margin-top:2px;
}
body[data-page="admin"] .standing-pts{color:#fff;font-size:17px;}
body[data-page="admin"] .standing-bonus{color:#b9ffd1;}
@media(max-width:1180px){
  body[data-page="admin"] .standings-grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  body[data-page="admin"] .standing-row{
    grid-template-columns:minmax(95px,1fr) repeat(4,24px) 32px 42px;
    gap:5px;
    padding:8px;
  }
  body[data-page="admin"] .standing-row span:nth-child(6),
  body[data-page="admin"] .standing-row span:nth-child(7),
  body[data-page="admin"] .standing-row span:nth-child(8){display:none;}
  body[data-page="admin"] .standing-team small{display:none;}
  body[data-page="admin"] .standings-toolbar{display:grid!important;}
}

/* ===== Admin V9: resumen y tablas compactas ===== */
body[data-page="admin"] .overview-top-grid{margin-bottom:16px!important;}
body[data-page="admin"] .compact-upcoming .mini-card strong{font-size:14px!important;}
body[data-page="admin"] .compact-upcoming .mini-card small{font-size:11px!important;line-height:1.25!important;}
body[data-page="admin"] .matches-table .admin-cell{font-size:13px!important;}
body[data-page="admin"] .matches-table .main-cell{font-size:13px!important;}
body[data-page="admin"] .matches-table .date-cell{font-size:12px!important;}
body[data-page="admin"] .matches-table .data-line{min-height:46px!important;padding:7px 9px!important;}
body[data-page="admin"] .standings-card{margin-top:14px!important;}
body[data-page="admin"] .standings-toolbar h2{font-size:clamp(24px,3vw,38px)!important;}
body[data-page="admin"] .standings-toolbar p{font-size:14px!important;}
body[data-page="admin"] .standing-row{grid-template-columns:minmax(112px,1fr) repeat(7,28px) 34px 48px!important;gap:5px!important;padding:7px 8px!important;}
body[data-page="admin"] .standing-head{font-size:9px!important;letter-spacing:.08em!important;}
body[data-page="admin"] .standing-row span{font-size:12px!important;text-align:center!important;}
body[data-page="admin"] .standing-team{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:6px!important;align-items:center!important;text-align:left!important;}
body[data-page="admin"] .standing-team i{grid-row:1/3!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;font-style:normal!important;font-size:18px!important;line-height:1!important;}
body[data-page="admin"] .standing-team b{font-size:12px!important;line-height:1.05!important;white-space:normal!important;display:block!important;max-height:28px!important;overflow:hidden!important;text-align:left!important;}
body[data-page="admin"] .standing-team small{font-size:9px!important;margin:0!important;line-height:1!important;text-align:left!important;color:rgba(246,248,255,.55)!important;display:block!important;}
body[data-page="admin"] .standing-pts{font-size:14px!important;}
body[data-page="admin"] .standing-bonus{font-size:14px!important;color:#b9ffd1!important;}
@media(max-width:680px){
  body[data-page="admin"] .standing-row{grid-template-columns:minmax(96px,1fr) repeat(4,22px) 30px 38px!important;}
  body[data-page="admin"] .standing-row span:nth-child(6),
  body[data-page="admin"] .standing-row span:nth-child(7),
  body[data-page="admin"] .standing-row span:nth-child(8){display:none!important;}
  body[data-page="admin"] .standing-team small{display:block!important;}
}


/* V12 flags: mantener lógica de resultados intacta, solo visual de banderas */
body[data-page="admin"] .standing-team i{
  overflow:hidden!important;
  padding:0!important;
}
body[data-page="admin"] .standing-team .flag-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:999px!important;
}
body[data-page="admin"] .standing-team .flag-emoji-fallback{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:18px!important;
  line-height:1!important;
}

/* ==============================
   Draft por códigos V14
   ============================== */
.draft-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-height:560px;overflow:auto;padding-right:4px}
.draft-code-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.055)}
.draft-code-row small{grid-column:2 / -1;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.draft-code-row.claimed{border-color:rgba(255,209,102,.24);background:rgba(255,209,102,.07)}
.draft-code-row.used{border-color:rgba(212,175,55,.24);background:rgba(212,175,55,.08)}
.draft-order{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:1000;color:#fff}
.draft-code-text{font-size:17px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.code-export{min-height:170px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.03em;white-space:pre}
.draft-code-claim{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:12px 0}
.draft-code-claim.compact-claim{margin:8px 0 12px}
.draft-code-claim input{text-transform:uppercase;font-weight:1000;letter-spacing:.06em}
@media(max-width:680px){.draft-code-grid{grid-template-columns:1fr}.draft-code-claim{grid-template-columns:1fr}.draft-code-claim .btn{width:100%}.code-export{min-height:140px}.draft-code-text{font-size:15px}}

/* ===== User Draft V16: selección por tarjeta + confirmación ===== */
.draft-choice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:14px;align-items:start;}
.draft-team-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;max-height:560px;overflow:auto;padding:2px 4px 2px 2px;}
.draft-team-card{width:100%;display:grid;gap:11px;text-align:left;padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));color:var(--text);cursor:pointer;transition:.14s ease;}
.draft-team-card:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.065));border-color:rgba(212,175,55,.25);}
.draft-team-card.selected{border-color:rgba(212,175,55,.72);box-shadow:0 0 0 4px rgba(212,175,55,.12),0 18px 45px rgba(184,134,43,.16);background:linear-gradient(180deg,rgba(212,175,55,.16),rgba(184,134,43,.12));}
.draft-team-card:disabled{opacity:.52;cursor:not-allowed;transform:none;}
.draft-team-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.draft-team-head strong{display:block;font-size:20px;line-height:1.05;letter-spacing:-.045em;}
.draft-team-head span:not(.pill){display:block;color:var(--muted);font-size:12px;font-weight:900;margin-top:4px;}
.draft-team-total{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16);border-radius:15px;padding:9px 10px;}
.draft-team-total span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;}
.draft-team-total b{font-size:24px;letter-spacing:-.06em;color:#b9ffd1;}
.draft-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.draft-rule-list span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px;border-radius:13px;background:rgba(0,0,0,.13);border:1px solid rgba(255,255,255,.08);}
.draft-rule-list small{min-width:0;color:var(--muted);font-size:10px;font-weight:1000;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.draft-rule-list b{font-size:14px;color:#fff;font-weight:1000;}
.draft-confirm-card{position:sticky;top:88px;display:grid;gap:11px;padding:16px;border-radius:22px;border:1px solid rgba(212,175,55,.20);background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(184,134,43,.08));box-shadow:0 18px 55px rgba(0,0,0,.24);}
.draft-confirm-card h3{margin:0;font-size:26px;}
.draft-confirm-card strong{font-size:24px;line-height:1;letter-spacing:-.05em;}
.draft-confirm-card p{margin:0;}
.draft-confirm-rules{display:flex;gap:7px;flex-wrap:wrap;}
@media(max-width:940px){.draft-choice-layout{grid-template-columns:1fr}.draft-confirm-card{position:static}.draft-team-card-grid{max-height:none}}
@media(max-width:620px){.draft-team-card-grid{grid-template-columns:1fr}.draft-rule-list{grid-template-columns:1fr}.draft-team-head strong{font-size:18px}.draft-confirm-card h3{font-size:22px}}


/* ===== V17 Draft: tarjetas visibles y confirmación estable ===== */
.draft-choice-stack{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important;width:100%!important;min-width:0!important;}
.draft-choice-stack .draft-confirm-card{position:relative!important;top:auto!important;width:100%!important;max-width:none!important;min-width:0!important;}
.draft-confirm-full{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;}
.draft-confirm-full .draft-selected-preview{min-width:0!important;}
.draft-confirm-full .btn{min-width:190px!important;white-space:nowrap!important;}
.draft-choice-stack .draft-team-card-grid{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:12px!important;max-height:none!important;overflow:visible!important;padding:0!important;}
.draft-team-card{min-width:0!important;}
.draft-team-card *{min-width:0!important;}
@media(max-width:720px){
  .draft-confirm-full{grid-template-columns:1fr!important;}
  .draft-confirm-full .btn{width:100%!important;min-width:0!important;}
  .draft-choice-stack .draft-team-card-grid{grid-template-columns:1fr!important;}
}

/* ===== Draft user layout V20: distribución profesional de tablero ===== */
body.draft-view-active .container{width:min(1380px,calc(100% - 28px));}
body.draft-view-active .app-grid{grid-template-columns:minmax(0,1fr)!important;}
body.draft-view-active .right-stack{display:none!important;}
body.draft-view-active .left-stack{width:100%;}
body.draft-view-active #panel-draft{width:100%;max-width:none;}

#draft-summary{
  font-size:18px;
  line-height:1.55;
  color:var(--text);
}
#draft-summary strong{font-size:inherit;}
#draft-turns{
  display:grid;
  gap:12px;
}
#draft-turns .draft-row{
  min-height:84px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.11);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#draft-turns .draft-row span:first-child{
  font-size:18px;
  font-weight:950;
  color:#fff;
}
#draft-turns .draft-row .pill{
  font-size:16px;
  padding:10px 14px;
}

#draft-teams{min-width:0;}
.draft-board{display:grid;gap:20px;min-width:0;}
.draft-board-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:18px;
  align-items:stretch;
}
.draft-board-info{
  min-height:200px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px;
  border-radius:24px;
}
.draft-board-info h3{
  margin:2px 0 8px;
  font-size:34px;
  letter-spacing:-.05em;
}
.draft-board-info p{max-width:760px;font-size:15px;}
.draft-confirm-dock{
  position:relative!important;
  top:auto!important;
  display:grid;
  align-content:start;
  gap:14px;
  min-height:200px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(212,175,55,.20);
  background:linear-gradient(180deg,rgba(6,18,24,.88),rgba(5,16,35,.82));
}
.draft-confirm-header h3{margin:6px 0 0;font-size:18px;letter-spacing:-.03em;}
.draft-confirm-empty{font-size:15px;color:var(--muted);}
.draft-selected-preview{display:grid;gap:14px;min-width:0;}
.draft-selected-main{display:flex;align-items:center;gap:14px;min-width:0;}
.draft-selected-main strong{display:block;font-size:34px;line-height:.95;letter-spacing:-.06em;}
.draft-selected-main p{margin:4px 0 0;font-size:14px;}
.draft-confirm-rules{display:flex;gap:8px;flex-wrap:wrap;}
.draft-confirm-rules .pill{background:rgba(255,255,255,.06);}

.draft-tier-section{display:grid;gap:12px;min-width:0;}
.draft-tier-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.draft-tier-title-wrap{display:flex;align-items:center;gap:10px;min-width:0;}
.draft-tier-icon{
  width:28px;height:28px;border-radius:10px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-weight:1000;
}
.draft-tier-head h4{margin:0;font-size:18px;letter-spacing:-.02em;}
.tier-favorite .draft-tier-icon{color:#9af7bb;background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.18);}
.tier-medium .draft-tier-icon{color:#8ceeff;background:rgba(243,211,122,.10);border-color:rgba(243,211,122,.18);}
.tier-underdog .draft-tier-icon{color:#ffe08b;background:rgba(255,209,102,.10);border-color:rgba(255,209,102,.18);}

.draft-tier-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  min-width:0;
}
.draft-team-card{
  width:100%;
  display:grid;
  gap:14px;
  text-align:left;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));
  color:var(--text);
  cursor:pointer;
  transition:.14s ease;
  min-width:0;
  overflow:hidden;
}
.draft-team-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.24);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));}
.draft-team-card.selected{border-color:rgba(212,175,55,.70);box-shadow:0 0 0 4px rgba(212,175,55,.10),0 16px 40px rgba(184,134,43,.18);background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(184,134,43,.09));}
.draft-team-card.tier-favorite{box-shadow:inset 0 0 0 1px rgba(212,175,55,.08);}
.draft-team-card.tier-medium{box-shadow:inset 0 0 0 1px rgba(243,211,122,.07);}
.draft-team-card.tier-underdog{box-shadow:inset 0 0 0 1px rgba(255,209,102,.06);}
.draft-team-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;}
.draft-team-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1;}
.draft-team-copy{min-width:0;}
.draft-team-copy strong{display:block;font-size:24px;line-height:1;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.draft-team-copy span{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.draft-flag-badge{
  width:58px;height:58px;flex:0 0 58px;
  border-radius:999px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.draft-flag-badge.large{width:70px;height:70px;flex-basis:70px;}
.draft-flag-img{width:100%;height:100%;object-fit:cover;display:block;}
.flag-emoji-fallback{font-size:32px;line-height:1;}
.draft-flag-badge.large .flag-emoji-fallback{font-size:40px;}
.draft-rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.draft-rule-pill{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border-radius:14px;
  background:rgba(0,0,0,.15);
  border:1px solid rgba(255,255,255,.08);
}
.draft-rule-pill small{
  min-width:0;
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  font-weight:1000;
}
.draft-rule-pill b{flex:0 0 auto;font-size:15px;letter-spacing:-.03em;color:#b9ffd1;}

@media(max-width:1280px){
  .draft-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .draft-board-top{grid-template-columns:minmax(0,1fr) 340px;}
}
@media(max-width:1024px){
  body.draft-view-active .container{width:min(100% - 22px,1380px);}
  .draft-board-top{grid-template-columns:1fr;}
  .draft-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .draft-board-info,.draft-confirm-dock{min-height:auto;}
}
@media(max-width:720px){
  #draft-turns .draft-row{min-height:70px;padding:14px;}
  #draft-turns .draft-row span:first-child{font-size:16px;}
  #draft-turns .draft-row .pill{font-size:14px;padding:8px 11px;}
  .draft-tier-grid{grid-template-columns:1fr;}
  .draft-rule-grid{grid-template-columns:1fr;}
  .draft-selected-main strong{font-size:28px;}
  .draft-team-copy strong{font-size:21px;}
}

/* ===== Draft V21: tablero desktop real, 4 tarjetas por fila ===== */
body.draft-view-active .container{
  width:min(1480px,calc(100% - 40px))!important;
  max-width:1480px!important;
}
body.draft-view-active .user-shell{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
body.draft-view-active .user-content,
body.draft-view-active #panel-draft{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.draft-view-active .user-dashboard-head{
  margin-bottom:0!important;
}
#panel-draft.draft-panel-v21{
  display:block!important;
  gap:0!important;
  animation:none!important;
}
#panel-draft.draft-panel-v21 .draft-page-v21{
  display:grid!important;
  grid-template-columns:minmax(420px,1.06fr) minmax(330px,.64fr)!important;
  grid-template-areas:
    "turns action"
    "teams teams"!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  align-items:start!important;
}
.draft-turn-panel{grid-area:turns!important;min-height:280px!important;padding:22px!important;overflow:visible!important;}
.draft-pick-panel{grid-area:action!important;min-height:280px!important;padding:22px!important;overflow:visible!important;}
.draft-teams-panel{grid-area:teams!important;padding:22px!important;overflow:visible!important;}
.draft-title-row-v21{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.draft-title-row-v21 h2{
  margin:10px 0 0!important;
  font-size:clamp(34px,3vw,48px)!important;
  letter-spacing:-.065em!important;
}
.draft-summary-v21{
  color:var(--muted);
  font-size:16px;
  line-height:1.45;
  margin-bottom:18px;
  max-width:780px;
}
.draft-summary-v21 strong{color:#fff;}
.draft-turns-grid-v21{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.draft-turns-grid-v21 .draft-row{
  min-height:78px!important;
  padding:16px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.052))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.draft-turns-grid-v21 .draft-row span:first-child{
  font-size:16px!important;
  font-weight:1000!important;
  color:#fff!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.draft-turns-grid-v21 .draft-row .pill{
  font-size:13px!important;
  padding:8px 11px!important;
  flex:0 0 auto;
}
.draft-code-claim-v21{grid-column:1/-1;margin:0!important;}

.draft-action-card-v21{
  display:grid!important;
  gap:14px!important;
  align-content:start!important;
  height:100%!important;
  min-height:236px!important;
}
.draft-action-card-v21 h3{
  margin:0!important;
  font-size:20px!important;
  letter-spacing:-.035em!important;
}
.draft-action-card-v21 p{margin:0;color:var(--muted);}
.draft-selected-main-v21{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
.draft-selected-main-v21 strong{
  display:block!important;
  font-size:clamp(28px,2.4vw,40px)!important;
  line-height:.95!important;
  letter-spacing:-.07em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.draft-selected-main-v21 p{
  margin-top:5px!important;
  font-size:13px!important;
  font-weight:850!important;
}
.draft-confirm-rules-v21{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.draft-confirm-rules-v21 .pill{
  font-size:11px!important;
  padding:7px 9px!important;
  background:rgba(255,255,255,.06)!important;
}
.draft-confirm-empty-v21{font-size:15px!important;line-height:1.45!important;}

.draft-teams-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.draft-teams-panel-head h2{
  margin:0 0 6px!important;
  font-size:clamp(28px,2.6vw,42px)!important;
}
.draft-teams-panel-head p{margin:0;max-width:760px;}
.draft-board-v21{display:grid!important;gap:24px!important;width:100%!important;}
.draft-board-v21 .draft-tier-section{display:grid!important;gap:12px!important;width:100%!important;}
.draft-board-v21 .draft-tier-head{margin:0!important;}
.draft-board-v21 .draft-tier-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  padding:0!important;
}
.draft-board-v21 .draft-team-card{
  width:100%!important;
  min-width:0!important;
  min-height:156px!important;
  padding:16px!important;
  border-radius:22px!important;
  display:grid!important;
  align-content:start!important;
  gap:14px!important;
}
.draft-board-v21 .draft-team-card-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.draft-board-v21 .draft-team-identity{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.draft-board-v21 .draft-team-copy{min-width:0!important;}
.draft-board-v21 .draft-team-copy strong{
  font-size:22px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.draft-board-v21 .draft-team-copy span{
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.draft-board-v21 .draft-flag-badge{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}
.draft-board-v21 .draft-rule-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.draft-board-v21 .draft-rule-pill{
  min-height:34px!important;
  padding:8px 9px!important;
}
.draft-board-v21 .draft-rule-pill small{
  font-size:10px!important;
  line-height:1.05!important;
}
.draft-board-v21 .draft-rule-pill b{font-size:13px!important;}
.draft-flag-badge.large{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
}

@media(max-width:1180px){
  body.draft-view-active .user-shell{grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;}
  #panel-draft.draft-panel-v21 .draft-page-v21{grid-template-columns:1fr!important;grid-template-areas:"turns" "action" "teams"!important;}
  .draft-board-v21 .draft-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1020px){
  body.draft-view-active .container{width:min(100% - 22px,1480px)!important;}
  body.draft-view-active .user-shell{grid-template-columns:1fr!important;}
  .draft-turns-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #panel-draft.draft-panel-v21 .draft-page-v21{gap:12px!important;}
  .draft-turn-panel,.draft-pick-panel,.draft-teams-panel{padding:16px!important;border-radius:20px!important;}
  .draft-turns-grid-v21{grid-template-columns:1fr!important;}
  .draft-board-v21 .draft-tier-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .draft-board-v21 .draft-team-card{min-height:auto!important;}
  .draft-board-v21 .draft-rule-grid{grid-template-columns:1fr!important;}
  .draft-selected-main-v21 strong{font-size:28px!important;}
  .draft-teams-panel-head h2{font-size:30px!important;}
}

/* ===== User panel V23: 3 menús, perfil con ranking/puntos, equipos + draft ===== */
.nav-hidden-v23{display:none!important;}
body[data-page="user"] .user-menu{grid-template-columns:1fr!important;}
body[data-page="user"] .user-menu-link{min-width:0;}

.profile-combined-content-v23{
  display:grid!important;
  gap:16px!important;
}
.profile-summary-grid-v23{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.profile-data-grid-v23{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:16px;
  align-items:start;
}
.profile-data-card-v23{min-width:0;overflow:hidden;}
.profile-table-wrap-v23{max-width:100%;}
.profile-table-wrap-v23 table{min-width:520px;}
.profile-points-list-v23{display:grid;gap:8px;}
.profile-points-list-v23 .point-row{min-height:52px;}
.point-row-v104{
  align-items:flex-start!important;
}
.point-copy-v104{
  display:grid;
  gap:4px;
  min-width:0;
}
.point-label-v104{
  display:block;
  font-weight:900;
}
.point-meta-v104{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.phase-points-strip-v104{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:8px;
  margin:-2px 0 14px;
}
.phase-points-card-v104{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.04);
  display:grid;
  gap:4px;
  text-align:left;
  color:var(--text);
  cursor:pointer;
  transition:.14s ease;
}
.phase-points-card-v104.is-active{
  border-color:rgba(212,175,55,.34);
  background:rgba(212,175,55,.08);
}
.phase-points-card-v104:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.07);
}
.phase-points-card-v104.is-active:hover{
  background:rgba(212,175,55,.10);
}
.phase-points-card-v104 span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.phase-points-card-v104 strong{
  font-size:24px;
  line-height:1;
  letter-spacing:-.05em;
}
.phase-points-card-v104 small{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.profile-duels-card-v106{
  overflow:hidden;
}
.profile-duels-strip-v106{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(300px,340px);
  gap:12px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.profile-duel-item-v106{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.2);
  background:rgba(255,255,255,.025);
  min-height:180px;
  width:100%;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .14s ease, border-color .14s ease, background .14s ease;
}
.profile-duel-item-v106:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.34);
  background:rgba(255,255,255,.04);
}
.profile-duel-top-v106,
.profile-duel-foot-v106{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.profile-duel-top-v106 .pill,
.profile-duel-foot-v106 .pill{
  background:linear-gradient(135deg,rgba(212,175,55,.30),rgba(184,134,43,.22))!important;
  border-color:rgba(255,214,102,.46)!important;
  color:#fff2c4!important;
  font-weight:1000!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(212,175,55,.10);
}
.profile-duel-main-v106{
  display:grid;
  gap:14px;
}
.profile-duel-row-v106{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.profile-duel-sides-v106{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.profile-duel-side-v106{
  display:grid;
  gap:4px;
  min-width:0;
}
.profile-duel-flag-v118{
  width:36px;
  height:36px;
  border-radius:999px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(212,175,55,.16);
}
.profile-duel-flag-v118 .draft-flag-img,
.profile-duel-flag-v118 .flag-css-v30,
.profile-duel-flag-v118 .flag-emoji-fallback{
  width:100%;
  height:100%;
  display:block;
}
.profile-duel-flag-v118 .flag-emoji-fallback{
  display:grid;
  place-items:center;
  font-size:18px;
}
.profile-duel-side-v106.left{
  text-align:left;
}
.profile-duel-side-v106.right{
  text-align:right;
  justify-items:end;
}
.profile-duel-side-v106 strong{
  font-size:15px;
  line-height:1.15;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
}
.profile-duel-side-v106 span{
  color:rgba(255,241,220,.78);
  font-size:12px;
  line-height:1.3;
}
.profile-duel-versus-v106{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.profile-duel-score-v106{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.profile-duel-score-v106 b{
  display:grid;
  place-items:center;
  min-width:44px;
  height:38px;
  padding:0 10px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.24);
  background:#000;
  color:#fff;
  font-size:20px;
}
.profile-duel-score-v106 span{
  color:var(--muted);
  font-weight:900;
}
.duel-audit-overlay-v108{
  padding:18px;
}
.duel-audit-card-v108{
  width:min(980px,100%);
  display:grid;
  gap:16px;
}
.duel-audit-head-v108{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.duel-audit-head-v108 h2{
  margin:10px 0 6px;
}
.duel-audit-head-v108 p{
  margin:0;
}
.duel-audit-score-v108{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.03);
}
.duel-audit-score-v108 b{
  display:grid;
  place-items:center;
  width:44px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.24);
  background:#000;
  font-size:20px;
}
.duel-audit-score-v108 span{
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.duel-audit-score-v108 small{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.duel-audit-compare-head-v108{
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px 44px 56px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.03);
}
.duel-audit-player-v108{
  display:grid;
  gap:4px;
  padding:0;
  border:none;
  background:transparent;
  min-width:0;
  align-content:center;
}
.duel-audit-player-v108.left{
  text-align:left;
}
.duel-audit-player-v108.right{
  text-align:right;
}
.duel-audit-score-box-v108{
  display:grid;
  place-items:center;
  width:56px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.24);
  background:#000;
  color:#fff;
  font-size:20px;
  font-weight:1000;
}
.duel-audit-player-v108.center{
  place-items:center;
  align-content:center;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.duel-audit-player-v108 strong{
  font-size:18px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.duel-audit-player-v108 span{
  color:var(--muted);
  font-size:13px;
}
.duel-audit-player-v108 b{
  font-size:22px;
  line-height:1;
}
.duel-audit-grid-v108{
  display:grid;
  gap:8px;
  max-height:48vh;
  overflow:auto;
  padding-right:2px;
}
.duel-audit-row-v108{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 72px;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.12);
  background:rgba(0,0,0,.12);
}
.duel-audit-mid-v108{
  display:grid;
  gap:3px;
  min-width:0;
  text-align:center;
}
.duel-audit-mid-v108 span{
  font-weight:900;
}
.duel-audit-mid-v108 small{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.duel-audit-side-v108{
  display:grid;
  place-items:center;
  min-height:40px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.14);
  background:rgba(255,255,255,.03);
  font-weight:1000;
}
.duel-audit-side-v108.has-points{
  background:rgba(212,175,55,.12);
  border-color:rgba(212,175,55,.26);
}
.duel-audit-empty-v108{
  padding:14px;
  border-radius:14px;
  border:1px dashed rgba(212,175,55,.16);
  color:var(--muted);
  background:rgba(255,255,255,.02);
}

.draft-combined-panel-v23{
  display:block;
  width:100%;
  max-width:none;
  margin-top:16px;
}
#draft-combined-panel.draft-panel-v21{
  display:block!important;
  gap:0!important;
  animation:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#draft-combined-panel.draft-panel-v21 .draft-page-v21{
  display:grid!important;
  grid-template-columns:minmax(420px,1.06fr) minmax(330px,.64fr)!important;
  grid-template-areas:
    "turns action"
    "teams teams"!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  align-items:start!important;
}
#draft-combined-panel.draft-panel-v21 .draft-teams-panel{grid-area:teams!important;}
#draft-combined-panel.draft-panel-v21 .draft-turn-panel{grid-area:turns!important;}
#draft-combined-panel.draft-panel-v21 .draft-pick-panel{grid-area:action!important;}
#panel-draft:empty{display:none!important;}

@media(max-width:1180px){
  #draft-combined-panel.draft-panel-v21 .draft-page-v21{
    grid-template-columns:1fr!important;
    grid-template-areas:"turns" "action" "teams"!important;
  }
  .profile-summary-grid-v23{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .profile-data-grid-v23{grid-template-columns:1fr;}
}
@media(max-width:1020px){
  body[data-page="user"] .user-menu{grid-template-columns:repeat(3,minmax(max-content,1fr))!important;}
}
@media(max-width:760px){
  #draft-combined-panel.draft-panel-v21 .draft-page-v21{gap:12px!important;}
}
@media(max-width:620px){
  body[data-page="user"] .user-menu{grid-template-columns:repeat(3,max-content)!important;}
  .profile-summary-grid-v23{grid-template-columns:1fr!important;}
  .profile-table-wrap-v23 table{min-width:480px;}
  .phase-points-strip-v104{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .phase-points-card-v104{
    padding:10px;
  }
  .phase-points-card-v104 strong{
    font-size:20px;
  }
  .point-meta-v104{
    font-size:11px;
  }
  .profile-duels-strip-v106{
    grid-auto-columns:minmax(292px,92vw);
  }
  .profile-duel-item-v106{
    min-height:168px;
    padding:14px;
  }
  .profile-duel-row-v106{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:8px;
  }
  .profile-duel-side-v106 strong{
    font-size:14px;
  }
  .profile-duel-side-v106 span{
    font-size:11px;
  }
  .profile-duel-flag-v118{
    width:32px;
    height:32px;
  }
  .profile-duel-score-v106 b{
    min-width:40px;
    height:36px;
    font-size:18px;
  }
  .duel-audit-head-v108{
    grid-template-columns:1fr;
  }
  .duel-audit-compare-head-v108{
    grid-template-columns:minmax(0,1fr) 46px 32px 46px minmax(0,1fr);
    gap:8px;
    padding:9px 10px;
  }
  .duel-audit-player-v108{
    padding:0;
  }
  .duel-audit-score-box-v108{
    width:46px;
    height:34px;
    font-size:17px;
  }
  .duel-audit-player-v108 strong{
    font-size:14px;
  }
  .duel-audit-player-v108 span{
    font-size:11px;
  }
  .duel-audit-row-v108{
    grid-template-columns:58px minmax(0,1fr) 58px;
    padding:10px;
  }
  .duel-audit-side-v108{
    min-height:36px;
    font-size:13px;
  }
}


/* ===== User sidebar V25: estilo limpio tipo panel admin ===== */
body[data-page="user"] .user-sidebar{
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:none;
  border-radius:28px;
  padding:18px;
  overflow:hidden;
}
body[data-page="user"] .user-sidebar:before{opacity:.28;}
body[data-page="user"] .user-mini{
  padding:2px 6px 16px;
  margin-bottom:10px;
}
body[data-page="user"] .user-mini .avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  box-shadow:none;
}
body[data-page="user"] .user-mini span{
  font-size:11px;
  letter-spacing:.04em;
}
body[data-page="user"] .user-mini strong{
  font-size:18px;
}
body[data-page="user"] .user-menu{
  gap:4px;
}
body[data-page="user"] .user-menu-link{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px 12px 14px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(246,248,255,.82);
  border-radius:16px;
  text-align:left;
  font-weight:900;
  transition:.16s ease;
}
body[data-page="user"] .user-menu-link:hover{
  transform:none;
  background:rgba(255,255,255,.035)!important;
  color:#fff;
}
body[data-page="user"] .user-menu-link.active{
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(184,134,43,.22))!important;
  color:#fff!important;
}
body[data-page="user"] .user-menu-link.active:before{
  content:"";
  position:absolute;
  left:4px;
  top:11px;
  bottom:11px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--green),#f3d37a);
}

@media(max-width:1020px){
  body[data-page="user"] .user-sidebar{
    border-radius:24px;
    padding:14px;
  }
  body[data-page="user"] .user-menu{
    gap:8px;
  }
  body[data-page="user"] .user-menu-link{
    justify-content:center;
    text-align:center;
    padding:10px 12px;
    background:rgba(255,255,255,.05)!important;
    border:1px solid rgba(255,255,255,.07)!important;
  }
  body[data-page="user"] .user-menu-link.active:before{display:none;}
}

@media(max-width:620px){
  body[data-page="user"] .user-sidebar{
    padding:10px;
    border-radius:20px;
  }
  body[data-page="user"] .user-menu-link{
    border-radius:999px;
    font-size:12px;
    padding:10px 11px;
  }
}


/* ===== User sidebar V26: SIN bordes, SIN fondos y SIN sombras ===== */
body[data-page="user"] .user-sidebar,
body[data-page="user"] .user-sidebar.card{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:18px 8px!important;
  overflow:visible!important;
}
body[data-page="user"] .user-sidebar:before,
body[data-page="user"] .user-sidebar.card:before{
  display:none!important;
  content:none!important;
  background:none!important;
}
body[data-page="user"] .user-mini{
  background:transparent!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  padding:4px 8px 16px!important;
  margin-bottom:12px!important;
}
body[data-page="user"] .user-mini .avatar{
  box-shadow:none!important;
}
body[data-page="user"] .user-menu{
  display:grid!important;
  gap:8px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body[data-page="user"] .user-menu-link,
body[data-page="user"] .user-menu-link.active,
body[data-page="user"] .user-menu-link:hover,
body[data-page="user"] .user-menu-link:focus,
body[data-page="user"] .user-menu-link:active{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}
body[data-page="user"] .user-menu-link{
  position:relative!important;
  padding:12px 12px 12px 18px!important;
  border-radius:0!important;
  color:rgba(246,248,255,.70)!important;
  font-weight:950!important;
  text-align:left!important;
}
body[data-page="user"] .user-menu-link:hover{
  color:#fff!important;
}
body[data-page="user"] .user-menu-link.active{
  color:#fff!important;
}
body[data-page="user"] .user-menu-link.active:before{
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:0!important;
  top:9px!important;
  bottom:9px!important;
  width:3px!important;
  height:auto!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--green),var(--cyan))!important;
}
body[data-page="user"] .user-menu-link:not(.active):before{
  display:none!important;
}

@media(max-width:1020px){
  body[data-page="user"] .user-sidebar,
  body[data-page="user"] .user-sidebar.card{
    padding:10px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .user-menu{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
  body[data-page="user"] .user-menu-link{
    flex:0 0 auto!important;
    padding:10px 12px!important;
    border-radius:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .user-menu-link.active:before{
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:0!important;
    width:auto!important;
    height:3px!important;
  }
}
@media(max-width:620px){
  body[data-page="user"] .user-sidebar,
  body[data-page="user"] .user-sidebar.card{
    padding:8px 0!important;
  }
  body[data-page="user"] .user-menu-link{
    font-size:12px!important;
    padding:9px 10px!important;
  }
}

/* ===== User predictions V27: selección arriba + filtro por fechas ===== */
body[data-page="user"] #panel-predictions #team-pick-card,
body[data-page="user"] #panel-predictions #team-pick-card.card{
  order:-2;
}
body[data-page="user"] #panel-predictions .prediction-date-filters{
  margin-top:14px;
  padding:12px;
  border-radius:18px;
  background:rgba(0,0,0,.12);
  border:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:14px;
}
body[data-page="user"] .prediction-date-title span{
  display:block;
  color:#fff;
  font-weight:1000;
  letter-spacing:-.02em;
}
body[data-page="user"] .prediction-date-title small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-weight:850;
}
body[data-page="user"] .prediction-date-inputs{
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:10px;
  min-width:min(390px,100%);
}
body[data-page="user"] .prediction-date-inputs label{
  gap:5px;
  font-size:11px;
  color:rgba(246,248,255,.72);
  text-transform:uppercase;
  letter-spacing:.08em;
}
body[data-page="user"] .prediction-date-inputs input{
  min-height:40px;
  padding:9px 10px;
  border-radius:13px;
  font-size:13px;
  font-weight:900;
}
body[data-page="user"] #team-pick-card + .card .prediction-date-filters,
body[data-page="user"] #panel-predictions .card:has(#phase-tabs) .prediction-date-filters{
  margin-bottom:0;
}

@media(max-width:760px){
  body[data-page="user"] #panel-predictions .prediction-date-filters{
    grid-template-columns:1fr;
    align-items:stretch;
    padding:11px;
  }
  body[data-page="user"] .prediction-date-inputs{
    grid-template-columns:1fr 1fr;
    min-width:0;
  }
}
@media(max-width:430px){
  body[data-page="user"] .prediction-date-inputs{
    grid-template-columns:1fr;
  }
}

/* ===== User V29: eliminar claim duplicado + banderas completas ===== */
body[data-page="user"] #team-pick-panel.hidden,
body[data-page="user"] #team-pick-panel:empty{
  display:none!important;
}
.team-active-title-v29{align-items:center;}
.team-active-main-v29{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.active-team-flag-v29{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
}
.team-flag-badge-v29{
  border-radius:999px!important;
  overflow:hidden!important;
  padding:0!important;
  background:rgba(255,255,255,.08)!important;
}
.team-flag-badge-v29 .draft-flag-img,
.team-mini-flag-v29 .draft-flag-img,
.active-team-flag-v29 .draft-flag-img,
.draft-flag-badge .draft-flag-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.team-flag-badge-v29 .flag-emoji-fallback{
  font-size:24px!important;
}
.team-mini-flag-v29{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.team-mini-flag-v29.large{
  width:48px;
  height:48px;
  flex-basis:48px;
}
.team-mini-flag-v29 .flag-emoji-fallback{font-size:20px;}
.team-mini-flag-v29.large .flag-emoji-fallback{font-size:28px;}
.team-pick-name-v29{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.team-pick-name-v29>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-stage-main-v29{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.team-stage-main-v29>div:last-child{min-width:0;}
.team-stage-main-v29 strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:620px){
  .active-team-flag-v29{width:52px!important;height:52px!important;flex-basis:52px!important;}
  .team-active-main-v29{align-items:flex-start;}
}


/* ===== V30: banderas CSS sin depender de CDN para Inglaterra/Escocia ===== */
.flag-css-v30{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#fff;
}
.flag-eng-v30{
  background:#fff;
}
.flag-eng-v30:before,
.flag-eng-v30:after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:18%;
  background:#cf142b;
  transform:translateY(-50%);
}
.flag-eng-v30:after{
  left:50%;
  top:0;
  width:18%;
  height:100%;
  transform:translateX(-50%);
}
.flag-sco-v30{
  background:#0065bd;
}
.flag-sco-v30:before,
.flag-sco-v30:after{
  content:"";
  position:absolute;
  left:-18%;
  top:46%;
  width:136%;
  height:16%;
  background:#fff;
  transform:rotate(34deg);
  transform-origin:center;
}
.flag-sco-v30:after{
  transform:rotate(-34deg);
}
.flag-wal-v30{
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff 0 50%,#00ad36 50% 100%);
  font-size:24px;
}


/* ===== V31: contador de turno en draft por código ===== */
.draft-countdown-row-v31{
  border-color:rgba(212,175,55,.22)!important;
  background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(184,134,43,.06))!important;
}
.draft-countdown-row-v31.waiting{
  border-color:rgba(255,209,102,.20)!important;
  background:linear-gradient(180deg,rgba(255,209,102,.09),rgba(255,255,255,.04))!important;
}
.draft-countdown-pill-v31{
  min-width:96px;
  justify-content:center;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
}
[data-countdown-deadline]{
  font-variant-numeric:tabular-nums;
}
[data-countdown-deadline].danger{
  color:#ffd7d7!important;
  background:rgba(255,107,107,.14)!important;
  border-color:rgba(255,107,107,.28)!important;
}
.draft-countdown-card-v31{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.18);
  background:rgba(212,175,55,.09);
}
.draft-countdown-card-v31.waiting{
  border-color:rgba(255,209,102,.20);
  background:rgba(255,209,102,.08);
}
.draft-countdown-card-v31 span,
.draft-countdown-card-v31 small{
  color:var(--muted);
  font-weight:850;
}
.draft-countdown-card-v31 strong{
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
@media(max-width:720px){
  .draft-countdown-card-v31 strong{font-size:24px;}
}


/* ===== Admin V32: control de usuarios ===== */
body[data-page="admin"] .users-table-v32{--admin-cols:minmax(150px,1fr) minmax(170px,1fr) 136px minmax(150px,1fr) 96px 82px;}
body[data-page="admin"] .user-control-toolbar-v32{align-items:flex-start;margin-bottom:14px;}
body[data-page="admin"] .user-control-toolbar-v32 h2{margin:0 0 5px;font-size:32px;letter-spacing:-.055em;}
body[data-page="admin"] .user-line-v32 .pill{padding:6px 9px;font-size:11px;}
body[data-page="admin"] .danger-text{color:#ffd7d7!important;}
body[data-page="admin"] .profile-modal-head-v32{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
body[data-page="admin"] .profile-modal-head-v32 h3{font-size:32px;line-height:1;margin:8px 0 6px;letter-spacing:-.06em;}
body[data-page="admin"] .profile-info-grid-v32{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body[data-page="admin"] .profile-info-grid-v32 span{display:grid;gap:3px;padding:11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);min-width:0;}
body[data-page="admin"] .profile-info-grid-v32 small{color:var(--muted);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.08em;}
body[data-page="admin"] .profile-info-grid-v32 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body[data-page="admin"] .profile-picks-v32{padding:14px!important;}
body[data-page="admin"] .profile-picks-v32 h3{margin-bottom:10px;}
body[data-page="admin"] .user-danger-actions-v32{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:4px;}
body[data-page="admin"] .modal-wide{width:min(920px,calc(100vw - 26px))!important;}
@media(max-width:1120px){body[data-page="admin"] .users-table-v32{--admin-cols:minmax(120px,1fr) 118px minmax(120px,1fr) 82px 72px!important;}body[data-page="admin"] .users-table-v32 .optional-col{display:none!important;}}
@media(max-width:720px){body[data-page="admin"] .profile-info-grid-v32{grid-template-columns:1fr;}body[data-page="admin"] .user-danger-actions-v32{grid-template-columns:1fr;}body[data-page="admin"] .users-table-v32{--admin-cols:minmax(0,1fr) 96px 44px!important;}body[data-page="admin"] .users-table-v32 .team-cell, body[data-page="admin"] .users-table-v32 .status-cell{display:none!important;}}


/* ===== V34: tablas ordenables y toggle de ranking/clasificación ===== */
.overview-toggle-v34,
.profile-ranking-toggle-v34{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  margin-bottom:14px;
}
.admin-sort-head{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(246,248,255,.58);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:1000;
  text-align:left;
  padding:0;
  cursor:pointer;
}
.admin-sort-head:hover{color:#fff;}
.admin-ranking-table-v34 .admin-row,
.users-table-v32 .admin-row{align-items:center;}
.admin-ranking-line-v34 .rank-cell{color:#ffe08a;font-weight:1000;}
.admin-ranking-line-v34 .points-cell{color:#b9ffd1;font-weight:1000;}
.profile-ranking-head-v34{
  align-items:flex-start;
}
.profile-ranking-table-v34{
  min-width:680px;
}
.profile-ranking-table-v34 .pill{
  padding:5px 8px;
  font-size:11px;
}
@media(max-width:720px){
  .overview-toggle-v34,
  .profile-ranking-toggle-v34{
    justify-content:flex-start;
    width:100%;
  }
  .profile-ranking-head-v34{
    flex-direction:column;
  }
}


/* ===== V35: ranking de perfil sin scroll horizontal + botones en una fila ===== */
.profile-ranking-head-v34{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
}
.profile-ranking-toggle-v34{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.profile-ranking-toggle-v34 .btn{
  min-height:30px!important;
  padding:7px 9px!important;
  font-size:11px!important;
  border-radius:11px!important;
}

.profile-table-wrap-v23{
  overflow-x:hidden!important;
}
.profile-ranking-table-v34{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
.profile-ranking-table-v34 th,
.profile-ranking-table-v34 td{
  padding:9px 7px!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-ranking-table-v34 th{
  font-size:9px!important;
  letter-spacing:.07em!important;
}
.profile-ranking-table-v34 th:nth-child(1),
.profile-ranking-table-v34 td:nth-child(1){width:44px!important;}
.profile-ranking-table-v34 th:nth-child(2),
.profile-ranking-table-v34 td:nth-child(2){width:auto!important;}
.profile-ranking-table-v34 th:nth-child(3),
.profile-ranking-table-v34 td:nth-child(3){width:58px!important;}
.profile-ranking-table-v34 th:nth-child(4),
.profile-ranking-table-v34 td:nth-child(4){width:64px!important;}
.profile-ranking-table-v34 th:nth-child(5),
.profile-ranking-table-v34 td:nth-child(5){width:54px!important;text-align:center!important;}
.profile-ranking-table-v34 th:nth-child(6),
.profile-ranking-table-v34 td:nth-child(6){width:52px!important;text-align:center!important;}
.profile-ranking-table-v34 .pill{
  padding:4px 7px!important;
  font-size:10px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:620px){
  .profile-ranking-head-v34{
    grid-template-columns:1fr!important;
  }
  .profile-ranking-toggle-v34{
    justify-content:flex-start!important;
  }
  .profile-ranking-table-v34 th,
  .profile-ranking-table-v34 td{
    padding:8px 5px!important;
    font-size:11px!important;
  }
  .profile-ranking-table-v34 th{font-size:8px!important;}
  .profile-ranking-table-v34 th:nth-child(1),
  .profile-ranking-table-v34 td:nth-child(1){width:36px!important;}
  .profile-ranking-table-v34 th:nth-child(3),
  .profile-ranking-table-v34 td:nth-child(3){width:48px!important;}
  .profile-ranking-table-v34 th:nth-child(4),
  .profile-ranking-table-v34 td:nth-child(4){width:48px!important;}
  .profile-ranking-table-v34 th:nth-child(5),
  .profile-ranking-table-v34 td:nth-child(5){width:42px!important;}
  .profile-ranking-table-v34 th:nth-child(6),
  .profile-ranking-table-v34 td:nth-child(6){width:42px!important;}
}


/* ===== V36: landing, registro completo, Google y modal de perfil ===== */
.auth-landing-v36{
  min-height:calc(100dvh - 68px);
  display:grid;
  align-items:center;
  padding:34px 0;
}
.auth-landing-wrap-v36{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  gap:22px;
  align-items:center;
}
.landing-copy-v36{
  padding:26px;
}
.landing-copy-v36 h1{
  font-size:clamp(44px,6vw,86px);
  max-width:850px;
}
.landing-copy-v36 p{
  max-width:680px;
  font-size:18px;
}
.landing-feature-grid-v36{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.landing-feature-grid-v36 article{
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
}
.landing-feature-grid-v36 strong{
  display:block;
  margin-bottom:8px;
  font-size:16px;
}
.landing-feature-grid-v36 span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.auth-card-v36{
  display:grid;
  gap:16px;
}
.auth-tabs-v36{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:5px;
  border-radius:17px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.08);
}
.auth-tabs-v36 button{
  min-height:42px;
  border-radius:13px;
  background:transparent;
  color:var(--muted);
  font-weight:1000;
  cursor:pointer;
}
.auth-tabs-v36 button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(212,175,55,.26),rgba(184,134,43,.24));
}
.auth-pane-v36{
  display:none;
  gap:13px;
}
.auth-pane-v36.active{
  display:grid;
}
.auth-pane-v36 h2{
  margin:4px 0 0;
}
.auth-pane-v36 p{
  margin-bottom:4px;
}
.auth-separator-v36{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.auth-separator-v36:before,
.auth-separator-v36:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(255,255,255,.10);
}
.google-login-box-v36{
  display:grid;
  gap:8px;
  min-height:42px;
}
.profile-modal-overlay-v36{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(3,7,14,.76);
  backdrop-filter:blur(16px);
}
.profile-modal-card-v36{
  width:min(100%,520px);
  max-height:min(92dvh,720px);
  overflow:auto;
}
.profile-modal-card-v36 h2{
  margin:10px 0 6px;
}
body:has(#profile-completion-modal-v36) .user-shell,
body:has(#profile-completion-modal-v36) .user-dashboard-head{
  pointer-events:none;
  filter:blur(1px);
}

@media(max-width:980px){
  .auth-landing-wrap-v36{
    grid-template-columns:1fr;
  }
  .landing-feature-grid-v36{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .auth-landing-v36{
    padding:16px 0;
  }
  .landing-copy-v36{
    padding:10px 2px;
  }
  .landing-copy-v36 p{
    font-size:15px;
  }
  .auth-card-v36{
    padding:16px!important;
    border-radius:22px!important;
  }
  .auth-pane-v36 .grid.two{
    grid-template-columns:1fr;
  }
}


/* ===== V37: Google config desde backend público ===== */
.google-login-box-v36 small{
  display:block;
  text-align:center;
  margin-top:4px;
}


/* ===== V39: login amplio, modal sin scroll y código WhatsApp por país ===== */
html, body{
  overflow-x:hidden;
}

.auth-landing-v36{
  min-height:calc(100dvh - 58px)!important;
  padding:24px 0!important;
}
.auth-landing-wrap-v36.container{
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
}
.auth-landing-wrap-v36{
  grid-template-columns:minmax(470px,1.05fr) minmax(500px,540px)!important;
  gap:34px!important;
  align-items:center!important;
}
.landing-copy-v36{
  padding:22px 0!important;
  min-width:0;
}
.landing-copy-v36 h1{
  max-width:760px!important;
  font-size:clamp(54px,5.5vw,82px)!important;
  line-height:.9!important;
  letter-spacing:-.075em!important;
}
.landing-copy-v36 p{
  max-width:620px!important;
  font-size:18px!important;
}
.landing-feature-grid-v36{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:660px!important;
}
.auth-card-v36{
  width:100%!important;
  max-width:540px!important;
  padding:22px!important;
  justify-self:end;
  overflow:visible!important;
}
.auth-pane-v36{
  gap:10px!important;
}
.auth-pane-v36 h2{
  font-size:28px!important;
  line-height:1!important;
}
.auth-pane-v36 p{
  font-size:14px!important;
}
.register-grid-v39{
  gap:10px!important;
}
.auth-pane-v36 input,
.auth-pane-v36 select,
.profile-complete-grid-v39 input,
.profile-complete-grid-v39 select{
  min-height:42px!important;
}
.auth-pane-v36 label,
.profile-complete-grid-v39 label{
  min-width:0;
}
.auth-pane-v36 input::placeholder{
  font-size:12px;
}

.profile-modal-overlay-v36{
  overflow:hidden!important;
  padding:20px!important;
}
.profile-modal-card-v36.profile-modal-card-v39{
  width:min(96vw,560px)!important;
  max-width:560px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px!important;
  border-radius:24px!important;
}
.profile-modal-card-v39 h2{
  font-size:30px!important;
  line-height:1!important;
  margin:8px 0 6px!important;
}
.profile-modal-card-v39 p{
  font-size:14px!important;
  margin:0 0 10px!important;
}
.profile-complete-grid-v39{
  gap:10px!important;
}
.profile-complete-row-v39{
  gap:10px!important;
}
.profile-complete-grid-v39 .btn{
  margin-top:2px!important;
}

@media(max-width:1080px){
  .auth-landing-wrap-v36{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .auth-card-v36{
    max-width:620px!important;
    justify-self:center!important;
  }
  .landing-copy-v36{
    text-align:center;
  }
  .landing-copy-v36 h1,
  .landing-copy-v36 p,
  .landing-feature-grid-v36{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:620px){
  .auth-landing-wrap-v36.container{
    width:min(100% - 24px,1280px)!important;
  }
  .landing-copy-v36 h1{
    font-size:44px!important;
  }
  .landing-feature-grid-v36{
    grid-template-columns:1fr!important;
  }
  .auth-card-v36{
    padding:16px!important;
  }
  .register-grid-v39,
  .profile-complete-row-v39{
    grid-template-columns:1fr!important;
  }
  .profile-modal-overlay-v36{
    padding:12px!important;
  }
  .profile-modal-card-v36.profile-modal-card-v39{
    width:100%!important;
    padding:16px!important;
  }
}

/* Landing real separada */
.landing-page-v39{
  display:grid;
  gap:28px;
  padding:48px 0 70px;
}
.landing-hero-v39{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);
  gap:28px;
  align-items:center;
}
.landing-hero-v39 h1{
  font-size:clamp(48px,6vw,92px);
  line-height:.9;
  letter-spacing:-.075em;
}
.landing-hero-v39 p{
  max-width:720px;
  font-size:18px;
}
.landing-panel-v39{
  display:grid;
  gap:14px;
}
.landing-steps-v39,
.landing-champ-grid-v39{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.landing-steps-v39 article,
.landing-champ-grid-v39 article{
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
}
.landing-steps-v39 strong,
.landing-champ-grid-v39 strong{
  display:block;
  font-size:18px;
  margin-bottom:8px;
}
.landing-actions-v39{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
@media(max-width:920px){
  .landing-hero-v39,
  .landing-steps-v39,
  .landing-champ-grid-v39{
    grid-template-columns:1fr;
  }
}


/* ===== V41: login separado, sin header, centrado y Google full width ===== */
body[data-page="login"]{
  min-height:100dvh;
}
body[data-page="login"] .topbar{
  display:none!important;
}
.login-main-v41{
  min-height:100dvh;
  display:grid;
  place-items:center;
  width:100%;
  padding:24px;
}
body[data-page="login"] .auth-landing-v36{
  width:100%;
  min-height:auto!important;
  padding:0!important;
}
body[data-page="login"] .auth-landing-wrap-v36.container{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body[data-page="login"] .auth-landing-wrap-v36{
  grid-template-columns:minmax(430px,.95fr) minmax(460px,520px)!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-page="login"] .landing-copy-v36 h1{
  font-size:clamp(52px,5.2vw,78px)!important;
}
body[data-page="login"] .auth-card-v36{
  justify-self:center!important;
}
.google-login-box-v36,
.google-login-box-v36 > div,
.google-login-box-v36 iframe{
  width:100%!important;
  max-width:100%!important;
}
.google-login-box-v36 [role="button"]{
  width:100%!important;
}

@media(max-width:980px){
  .login-main-v41{
    place-items:start center;
    padding:18px;
  }
  body[data-page="login"] .auth-landing-wrap-v36{
    grid-template-columns:1fr!important;
  }
  body[data-page="login"] .landing-copy-v36{
    text-align:center;
  }
}


/* ===== V45: login realmente centrado + Google del mismo ancho ===== */
body[data-page="login"] .login-main-v41{
  min-height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
}
body[data-page="login"] .auth-landing-v36{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-page="login"] .auth-landing-wrap-v36.container{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:0 auto!important;
  padding:0!important;
}
body[data-page="login"] .auth-landing-wrap-v36{
  display:grid!important;
  grid-template-columns:minmax(330px,420px) minmax(420px,420px)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:56px!important;
}
body[data-page="login"] .landing-copy-v36{
  width:100%!important;
  padding:0!important;
}
body[data-page="login"] .landing-copy-v36 h1{
  font-size:clamp(46px,4.8vw,68px)!important;
  line-height:.92!important;
  max-width:420px!important;
}
body[data-page="login"] .landing-copy-v36 p{
  max-width:420px!important;
}
body[data-page="login"] .landing-feature-grid-v36{
  width:100%!important;
  max-width:420px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-page="login"] .auth-card-v36{
  width:420px!important;
  max-width:420px!important;
  justify-self:center!important;
}
body[data-page="login"] .google-login-box-v36{
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  overflow:hidden!important;
}
body[data-page="login"] .google-login-box-v36 > div,
body[data-page="login"] .google-login-box-v36 iframe,
body[data-page="login"] .google-login-box-v36 [role="button"]{
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
}
body[data-page="login"] .google-login-box-v36 iframe{
  display:block!important;
}

@media(max-width:920px){
  body[data-page="login"] .login-main-v41{
    align-items:flex-start!important;
    padding:18px!important;
  }
  body[data-page="login"] .auth-landing-wrap-v36{
    grid-template-columns:minmax(0,520px)!important;
    gap:18px!important;
  }
  body[data-page="login"] .landing-copy-v36{
    text-align:center!important;
  }
  body[data-page="login"] .landing-copy-v36 h1,
  body[data-page="login"] .landing-copy-v36 p,
  body[data-page="login"] .landing-feature-grid-v36{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body[data-page="login"] .auth-card-v36{
    width:100%!important;
    max-width:520px!important;
  }
}
@media(max-width:520px){
  body[data-page="login"] .landing-feature-grid-v36{
    grid-template-columns:1fr!important;
  }
}


/* ===== V46: login sin tarjetas informativas inferiores ===== */
body[data-page="login"] .landing-feature-grid-v36{
  display:none!important;
}
body[data-page="login"] .landing-copy-v36{
  display:grid;
  gap:14px;
  align-content:center;
}
body[data-page="login"] .landing-copy-v36 p{
  margin-top:2px!important;
}


/* ===== V47: Paleta corporativa negro + dorado ===== */
:root{
  --bg:#060606;
  --bg2:#0f0b05;
  --panel:rgba(212,175,55,.08);
  --panel2:rgba(212,175,55,.12);
  --panel3:rgba(212,175,55,.18);
  --text:#f7f1e6;
  --muted:#c9b78d;
  --line:rgba(212,175,55,.20);
  --green:#c79a2b;
  --blue:#f3d37a;
  --cyan:#e6c15a;
  --warn:#f0c96a;
  --danger:#df7b7b;
  --shadow:0 24px 80px rgba(0,0,0,.52);
}

html,body{
  background:
    radial-gradient(circle at 18% 18%, rgba(212,175,55,.16), transparent 28%),
    radial-gradient(circle at 82% 84%, rgba(212,175,55,.08), transparent 22%),
    linear-gradient(90deg, #050505 0%, #0a0a0a 42%, #0f0b05 100%) !important;
  color:var(--text)!important;
}

body::before{
  background:
    linear-gradient(90deg, rgba(212,175,55,.10), transparent 20%, transparent 80%, rgba(212,175,55,.09)),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) !important;
  background-size: auto, 24px 24px, 24px 24px !important;
  opacity:.48 !important;
}

.topbar, .nav, .topbar-v41{
  background:linear-gradient(180deg, rgba(18,14,10,.92), rgba(10,10,10,.92)) !important;
  border-bottom:1px solid rgba(212,175,55,.18) !important;
}

.brand strong, .logo-text strong, .page-title, h1, h2, h3{
  color:#f7f1e6 !important;
}

.brand span, .logo-text span, .muted, p, .helper, .subtle, .kicker{
  color:var(--muted) !important;
}

.logo,
.brand-mark,
.brand-badge,
.avatar,
.side-icon,
.user-avatar,
.user-chip-icon{
  background:linear-gradient(135deg, #8c6418, #d4af37 58%, #f3d37a) !important;
  box-shadow:0 10px 24px rgba(212,175,55,.22) !important;
}

.card, .panel, .surface, .auth-card-v36, .auth-card, .user-sidebar, .profile-card,
.profile-box, .ranking-card, .points-card, .section-card, .stat-card,
.admin-card, .hero-card, .summary-card, .match-card, .draft-card,
.user-panel-card, .table-card, .empty, .modal-card, .user-modal, .group-card{
  background:linear-gradient(180deg, rgba(32,24,16,.68), rgba(17,14,10,.78)) !important;
  border:1px solid rgba(212,175,55,.16) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.34) !important;
}

input, select, textarea, .input, .field, .search-input{
  background:rgba(10,10,10,.72) !important;
  border:1px solid rgba(212,175,55,.16) !important;
  color:var(--text) !important;
}
input::placeholder, textarea::placeholder{color:rgba(201,183,141,.72)!important}
input:focus, select:focus, textarea:focus{
  outline:none !important;
  border-color:rgba(243,211,122,.72) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.15) !important;
}

.btn.primary,
.btn-primary,
button.primary,
button[type="submit"],
a.btn.primary{
  background:linear-gradient(90deg, #a8781f 0%, #d4af37 52%, #f3d37a 100%) !important;
  color:#1a1308 !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(212,175,55,.24) !important;
}
.btn.primary:hover,
.btn-primary:hover,
button.primary:hover,
button[type="submit"]:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
}

.btn, .chip, .tag, .badge, .pill, .status-chip{
  border:1px solid rgba(212,175,55,.16) !important;
}

.btn.secondary, .btn.ghost, .btn.small, .user-menu-link,
.side-link, .admin-sidebar-v5 .side-link, .mobile-panel-tab{
  background:rgba(255,255,255,.03) !important;
  color:var(--text) !important;
  border:none !important;
  box-shadow:none !important;
}

.user-menu-link.active,
.side-link.active,
.admin-sidebar-v5 .side-link.active,
.mobile-panel-tab.active{
  background:linear-gradient(90deg, rgba(168,120,31,.24), rgba(212,175,55,.18)) !important;
  color:#fff4d3 !important;
  position:relative;
}
.user-menu-link.active::before,
.side-link.active::before,
.mobile-panel-tab.active::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:24px;
  border-radius:99px;
  background:linear-gradient(180deg, #c99a2b, #f3d37a) !important;
}

.tag, .badge, .pill, .status-pill, .mini-badge{
  background:rgba(212,175,55,.10) !important;
  color:#f5dd9b !important;
}
.tag.success, .badge.success, .pill.success, .status-open, .status-active{
  background:rgba(212,175,55,.14) !important;
  color:#ffe39c !important;
}
.tag.gray, .badge.gray, .pill.gray{
  background:rgba(255,255,255,.06) !important;
  color:#ddd1b5 !important;
}

.table-card table, table{
  color:var(--text) !important;
}
table th{
  color:#d7c6a1 !important;
  border-bottom:1px solid rgba(212,175,55,.14) !important;
}
table td{
  border-bottom:1px solid rgba(212,175,55,.08) !important;
}
.table-wrap{
  scrollbar-color: rgba(212,175,55,.55) rgba(255,255,255,.06);
}
.table-wrap::-webkit-scrollbar-thumb{
  background:rgba(212,175,55,.55);
}

hr, .hr, .divider, .section-divider{
  background:rgba(212,175,55,.14) !important;
  border-color:rgba(212,175,55,.14) !important;
}

.topbar .btn, .topbar-v41 .btn, .nav-actions .btn{
  background:rgba(255,255,255,.06) !important;
  color:var(--text) !important;
  border:1px solid rgba(212,175,55,.14) !important;
}
.topbar .btn:last-child, .topbar-v41 .btn:last-child{
  background:rgba(168,120,31,.22) !important;
}

.google-login-box-v36{
  border-radius:14px !important;
  overflow:hidden !important;
}

body[data-page="landing"] .hero-title,
body[data-page="login"] .landing-copy-v36 h1{
  text-wrap:balance;
}

body[data-page="admin"] .group-card .table-wrap,
body[data-page="user"] .table-card .table-wrap{
  overflow-x:hidden !important;
}


/* ===== V48: Negro profundo + dorado puro, sin verde/azul ni marrón ===== */
:root{
  --bg:#020202!important;
  --bg2:#070707!important;
  --panel:rgba(255,255,255,.035)!important;
  --panel2:rgba(255,255,255,.055)!important;
  --panel3:rgba(255,255,255,.075)!important;
  --text:#f8f3e6!important;
  --muted:#b9aa86!important;
  --line:rgba(212,175,55,.18)!important;
  --green:#d4af37!important;
  --blue:#f3d37a!important;
  --cyan:#e0b84a!important;
  --warn:#f3d37a!important;
  --danger:#d97878!important;
  --shadow:0 24px 90px rgba(0,0,0,.68)!important;
}

html,
body{
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.045), transparent 24%),
    radial-gradient(circle at 84% 14%, rgba(212,175,55,.055), transparent 28%),
    linear-gradient(180deg,#020202 0%,#060606 42%,#010101 100%)!important;
  color:var(--text)!important;
}

body:before{
  background-image:
    linear-gradient(rgba(212,175,55,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.035) 1px, transparent 1px)!important;
  background-size:64px 64px!important;
  opacity:.45!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)!important;
}

/* Header negro profundo */
.topbar,
body[data-page="user"] .topbar,
body[data-page="admin"] .topbar{
  background:rgba(3,3,3,.92)!important;
  border-bottom:1px solid rgba(212,175,55,.22)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.48)!important;
}

/* Cards/paneles: negro, no marrón */
.card,
.soft,
.auth-card-v36,
.profile-modal-card-v36,
.user-dashboard-head,
.user-sidebar,
.user-content .card,
.panel-view .card,
.match-card,
.team-stage-card,
.team-pick-btn,
.profile-card,
.stat-card,
.admin-card,
.kpi-card,
.mini-card,
.result-card,
.group-card,
.draft-status-v21,
.draft-side-card-v21,
.draft-card-v21,
.team-card-v21,
.user-control-card-v32,
.standings-card,
.overview-ranking-card-v34{
  background:
    linear-gradient(180deg,rgba(18,18,18,.96),rgba(6,6,6,.96))!important;
  border:1px solid rgba(212,175,55,.18)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.52)!important;
}

.card:before,
.auth-card-v36:before,
.user-dashboard-head:before,
.user-content .card:before,
.panel-view .card:before{
  background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 38%,rgba(212,175,55,.06))!important;
  opacity:.65!important;
}

/* Botones: quitar skin vieja y dejar dorado/negro */
.btn,
.btn.ghost,
.btn.small,
button,
.auth-tabs-v36 button,
.user-menu-link,
.side-link,
.admin-sidebar-v5 .side-link{
  box-shadow:none!important;
}

.btn.primary,
button.primary,
.btn-primary,
#btn-login,
#btn-register,
#save-profile-completion,
button[type="submit"]{
  background:linear-gradient(135deg,#9f741f 0%,#d4af37 48%,#f3d37a 100%)!important;
  color:#090909!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(212,175,55,.22)!important;
}

.btn:not(.primary),
.btn.ghost,
.nav-actions .btn,
.auth-tabs-v36 button,
.user-menu-link,
.side-link,
.admin-sidebar-v5 .side-link{
  background:rgba(255,255,255,.045)!important;
  color:#f8f3e6!important;
  border:1px solid rgba(212,175,55,.12)!important;
}

.btn:not(.primary):hover,
.btn.ghost:hover,
.nav-actions .btn:hover,
.auth-tabs-v36 button:hover,
.user-menu-link:hover,
.side-link:hover{
  background:rgba(212,175,55,.105)!important;
  color:#fff4cf!important;
}

.auth-tabs-v36{
  background:rgba(0,0,0,.45)!important;
  border:1px solid rgba(212,175,55,.16)!important;
}

.auth-tabs-v36 button.active,
.tab-btn.active,
.mobile-panel-tab.active,
.user-menu-link.active,
.side-link.active,
.admin-sidebar-v5 .side-link.active{
  background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(243,211,122,.10))!important;
  color:#fff4cf!important;
  border-color:rgba(212,175,55,.35)!important;
}

/* Iconos/círculos: dorado, nada azul/verde */
.logo,
.user-mini .avatar,
.avatar,
.side-link span,
.admin-sidebar-v5 .side-link span,
.admin-sort-head span,
.icon-circle,
.team-badge,
.brand-badge,
.user-chip-icon{
  background:linear-gradient(135deg,#8e671c 0%,#d4af37 58%,#f6dd8a 100%)!important;
  color:#070707!important;
  box-shadow:0 10px 26px rgba(212,175,55,.22)!important;
  border-color:rgba(212,175,55,.28)!important;
}

.side-link.active:before,
.user-menu-link.active:before,
.mobile-panel-tab.active:before,
body[data-page="user"] .user-menu-link.active:before{
  background:linear-gradient(180deg,#d4af37,#f6dd8a)!important;
}

/* Pills/badges: dorado sobrio */
.pill,
.badge,
.tag,
.status-pill,
.mini-badge{
  background:rgba(212,175,55,.095)!important;
  color:#ead397!important;
  border:1px solid rgba(212,175,55,.20)!important;
}

.pill.good,
.badge.good,
.tag.good,
.pill.success,
.badge.success,
.status-open,
.status-active{
  background:rgba(212,175,55,.13)!important;
  color:#f9df8d!important;
  border-color:rgba(212,175,55,.30)!important;
}

.pill.warn,
.badge.warn,
.tag.warn{
  background:rgba(243,211,122,.11)!important;
  color:#ffe9a8!important;
  border-color:rgba(243,211,122,.28)!important;
}

/* Inputs y selects negros */
input,
select,
textarea{
  background:rgba(0,0,0,.64)!important;
  color:#f8f3e6!important;
  border:1px solid rgba(212,175,55,.18)!important;
}

select option{
  background:#050505!important;
  color:#f8f3e6!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(243,211,122,.78)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.13)!important;
}

/* Tablas y divisores */
.table-wrap,
.admin-table,
.profile-table-wrap-v23{
  border-color:rgba(212,175,55,.17)!important;
}

th,
.admin-row-head,
.admin-sort-head{
  color:#d8c28a!important;
}

td,
.admin-row,
.point-row,
.draft-row{
  border-color:rgba(212,175,55,.10)!important;
}

.hr,
.divider,
.user-mini{
  border-color:rgba(212,175,55,.14)!important;
}

/* Gradientes y líneas decorativas */
.journey i,
.progress-bar,
.countdown-fill,
.draft-progress-bar{
  background:linear-gradient(90deg,#9f741f,#f3d37a)!important;
}

a,
.rank-cell,
.points-cell{
  color:#f3d37a;
}

/* Login: sin reflejos verdosos */
body[data-page="login"] .auth-card-v36,
body[data-page="login"] .landing-copy-v36{
  background:transparent!important;
}

body[data-page="login"] .auth-card-v36.card{
  background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(5,5,5,.98))!important;
}

/* Scrollbar dorado */
*{
  scrollbar-color:rgba(212,175,55,.55) rgba(255,255,255,.05);
}
*::-webkit-scrollbar-thumb{
  background:rgba(212,175,55,.55)!important;
}


/* ===== V51: iconos sidebar dorados, sin borde y más grandes ===== */
.user-menu-link,
.side-link{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.user-menu-link .menu-icon,
.side-link .menu-icon,
.user-mini .avatar,
.brand-badge,
.logo{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:#d4af37 !important;
  padding:0 !important;
}
.user-mini .avatar,
.brand-badge{width:38px !important;min-width:38px !important;height:38px !important;}
.user-menu-link .menu-icon svg,
.side-link .menu-icon svg,
.user-mini .avatar svg,
.brand-badge svg,
.logo svg{
  width:28px !important;
  height:28px !important;
  display:block !important;
  stroke:currentColor !important;
}
.user-mini .avatar svg,
.brand-badge svg{width:30px !important;height:30px !important;}
.user-menu-link b,
.side-link b{
  font-size:16px !important;
  line-height:1.1 !important;
  color:#f6f2e9 !important;
}
body[data-page="admin"] .admin-sidebar-v5 .side-link span,
body[data-page="user"] .user-menu-link span{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.side-link.active .menu-icon,
.user-menu-link.active .menu-icon,
.side-link:hover .menu-icon,
.user-menu-link:hover .menu-icon,
.user-mini:hover .avatar,
.brand-badge:hover{
  color:#f2ca52 !important;
}
@media (max-width: 900px){
  .user-menu-link .menu-icon,
  .side-link .menu-icon,
  .user-mini .avatar,
  .brand-badge{width:32px !important;min-width:32px !important;height:32px !important;}
  .user-menu-link .menu-icon svg,
  .side-link .menu-icon svg,
  .user-mini .avatar svg,
  .brand-badge svg{width:25px !important;height:25px !important;}
}


/* ===== V52: bottom mobile nav fija tipo app ===== */
@media (max-width: 900px){
  body[data-page="user"] .user-shell{
    padding-bottom: 108px !important;
  }
  body[data-page="user"] .user-sidebar,
  body[data-page="user"] .user-sidebar.card{
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    z-index: 95 !important;
    margin: 0 !important;
    padding: 8px !important;
    background: rgba(8,8,8,.96) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
  }
  body[data-page="user"] .user-sidebar:before,
  body[data-page="user"] .user-sidebar.card:before{
    display: none !important;
  }
  body[data-page="user"] .user-mini{
    display: none !important;
  }
  body[data-page="user"] .user-menu{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  body[data-page="user"] .user-menu-link,
  body[data-page="user"] .user-menu-link.active,
  body[data-page="user"] .user-menu-link:hover{
    min-width: 0 !important;
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    padding: 8px 4px 10px !important;
    border-radius: 16px !important;
    text-align: center !important;
    color: rgba(255,255,255,.78) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body[data-page="user"] .user-menu-link.active{
    background: rgba(212,175,55,.12) !important;
    color: #f7e3a2 !important;
  }
  body[data-page="user"] .user-menu-link.active:before,
  body[data-page="user"] .user-menu-link:not(.active):before{
    display: none !important;
    content: none !important;
  }
  body[data-page="user"] .user-menu-link .menu-icon{
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }
  body[data-page="user"] .user-menu-link .menu-icon svg{
    width: 24px !important;
    height: 24px !important;
  }
  body[data-page="user"] .user-menu-link b{
    font-size: 11px !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="admin"] .admin-shell{
    padding-bottom: 108px !important;
  }
  body[data-page="admin"] .admin-sidebar-v5{
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    background: rgba(8,8,8,.96) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
  }
}


/* ===== V53: User mobile compacto: menos alto, pins en línea y fixture horizontal ===== */
@media (max-width: 620px){
  body[data-page="user"] main.container{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  /* Card superior: 3 estadísticas en una fila */
  body[data-page="user"] .user-dashboard-head{
    padding:16px!important;
    gap:12px!important;
  }
  body[data-page="user"] .user-dashboard-head h1{
    font-size:36px!important;
    line-height:.92!important;
    margin:7px 0 7px!important;
  }
  body[data-page="user"] .user-dashboard-head p{
    font-size:16px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  body[data-page="user"] .user-stat-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  body[data-page="user"] .user-stat-grid .stat-card,
  body[data-page="user"] .user-stat-grid .stat-card:last-child{
    grid-column:auto!important;
    padding:12px 10px!important;
    min-width:0!important;
    min-height:78px!important;
  }
  body[data-page="user"] .user-stat-grid .stat-card span{
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="user"] .user-stat-grid .stat-card strong{
    font-size:24px!important;
    line-height:1!important;
    margin-top:4px!important;
  }

  /* Perfil: dos cards por fila */
  body[data-page="user"] .profile-summary-grid-v23,
  body[data-page="user"] .profile-grid.profile-summary-grid-v23{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="user"] .profile-summary-grid-v23 .profile-card{
    padding:12px 10px!important;
    min-height:84px!important;
    border-radius:16px!important;
  }
  body[data-page="user"] .profile-summary-grid-v23 .profile-card span{
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.06em!important;
  }
  body[data-page="user"] .profile-summary-grid-v23 .profile-card strong{
    font-size:20px!important;
    line-height:1.05!important;
    margin-top:6px!important;
    overflow-wrap:anywhere!important;
  }

  /* Cards y textos generales más compactos */
  body[data-page="user"] .panel-view .card,
  body[data-page="user"] #team-pick-card,
  body[data-page="user"] #team-pick-panel{
    padding:16px!important;
    border-radius:20px!important;
  }
  body[data-page="user"] .section-title{
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body[data-page="user"] .section-title h2{
    font-size:30px!important;
    line-height:.95!important;
    margin-bottom:6px!important;
  }
  body[data-page="user"] .section-title p{
    font-size:14px!important;
    line-height:1.35!important;
  }
  body[data-page="user"] .pill{
    font-size:10px!important;
    padding:6px 8px!important;
    line-height:1!important;
  }

  /* Predicciones: contador + tabs compactos */
  body[data-page="user"] #panel-predictions > .card:first-child .section-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  body[data-page="user"] #matches-count{
    align-self:start!important;
    margin-top:2px!important;
  }
  body[data-page="user"] .phase-strip{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:2px 0!important;
  }
  body[data-page="user"] .phase-strip .tab-btn{
    flex:0 0 auto!important;
    font-size:11px!important;
    padding:8px 9px!important;
    min-height:0!important;
  }

  /* Selección activa: 4 pins en una sola fila y menos alto */
  body[data-page="user"] .team-active-title-v29{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body[data-page="user"] .team-active-main-v29{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  body[data-page="user"] .active-team-flag-v29{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
  body[data-page="user"] .team-active-main-v29 h2{
    font-size:30px!important;
    line-height:.95!important;
    margin:6px 0 6px!important;
  }
  body[data-page="user"] .team-active-main-v29 p{
    font-size:14px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  body[data-page="user"] .team-active-badges-v53,
  body[data-page="user"] #team-pick-card .badges,
  body[data-page="user"] #team-pick-panel .badges{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  body[data-page="user"] .team-active-badges-v53 .pill,
  body[data-page="user"] #team-pick-card .badges .pill,
  body[data-page="user"] #team-pick-panel .badges .pill{
    flex:1 1 0!important;
    min-width:0!important;
    justify-content:center!important;
    font-size:9.5px!important;
    padding:6px 5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Filtros: Inicial y Final en la misma fila */
  body[data-page="user"] .prediction-date-filters{
    padding:10px!important;
    border-radius:16px!important;
  }
  body[data-page="user"] .prediction-date-title span{
    font-size:18px!important;
  }
  body[data-page="user"] .prediction-date-title small{
    font-size:13px!important;
  }
  body[data-page="user"] .prediction-date-inputs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="user"] .prediction-date-inputs label{
    font-size:10px!important;
    gap:5px!important;
  }
  body[data-page="user"] .prediction-date-inputs input{
    min-height:42px!important;
    height:42px!important;
    padding:8px!important;
    font-size:13px!important;
    border-radius:13px!important;
  }

  /* Partido: equipos en la misma fila */
  body[data-page="user"] .match-card-inner{
    padding:12px!important;
  }
  body[data-page="user"] .match-status-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body[data-page="user"] .match-status-row .badges{
    flex:1!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fixture-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body[data-page="user"] .fixture-team{
    gap:6px!important;
    min-width:0!important;
  }
  body[data-page="user"] .fixture-team.right{
    justify-content:flex-end!important;
    text-align:right!important;
  }
  body[data-page="user"] .fixture-team strong{
    font-size:13px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  body[data-page="user"] .fixture-team small{
    font-size:10px!important;
    line-height:1.1!important;
  }
  body[data-page="user"] .team-badge,
  body[data-page="user"] .team-flag-badge-v29{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:50%!important;
    font-size:10px!important;
  }
  body[data-page="user"] .predict-score{
    gap:5px!important;
  }
  body[data-page="user"] .predict-score input{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    font-size:18px!important;
    border-radius:14px!important;
    padding:4px!important;
  }
  body[data-page="user"] .match-meta{
    margin-top:10px!important;
    gap:6px!important;
  }
  body[data-page="user"] .match-actions p{
    font-size:13px!important;
    line-height:1.35!important;
  }
}



/* ===== V54: Ajustes mobile user card pronóstico + pills fase ===== */
.fixture-submeta{
  display:grid;
  justify-items:center;
  gap:4px;
  margin-top:10px;
}
.fixture-subline{
  color:var(--muted);
  font-weight:900;
  font-size:13px;
  text-align:center;
}
.fixture-match-date{
  color:var(--text);
}

@media (max-width: 620px){
  body[data-page="user"] .fixture-grid{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
    padding:10px 10px 6px!important;
  }
  body[data-page="user"] .fixture-team{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  body[data-page="user"] .fixture-team > div:last-child{
    min-width:0!important;
  }
  body[data-page="user"] .fixture-team strong{
    font-size:13px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  body[data-page="user"] .fixture-team.right{
    justify-content:flex-end!important;
    text-align:right!important;
  }
  body[data-page="user"] .predict-score{
    align-self:center!important;
    justify-self:center!important;
    gap:5px!important;
    margin:0 auto!important;
  }
  body[data-page="user"] .predict-score input{
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
    font-size:17px!important;
  }
  body[data-page="user"] .fixture-submeta{
    gap:2px!important;
    margin-top:6px!important;
    margin-bottom:6px!important;
  }
  body[data-page="user"] .fixture-subline{
    font-size:11px!important;
    line-height:1.15!important;
  }
  body[data-page="user"] .team-active-badges-v53 .pill:first-child,
  body[data-page="user"] #team-pick-card .badges .pill:first-child,
  body[data-page="user"] #team-pick-panel .badges .pill:first-child{
    max-width:72px!important;
  }
}


/* ===== V55: pronóstico mobile centrado + fila única de meta ===== */
.match-inline-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.match-inline-meta .pill,
.match-inline-meta .meta-chip{
  flex:0 0 auto;
}
.meta-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}

@media (max-width: 620px){
  body[data-page="user"] .fixture-grid{
    grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr)!important;
    gap:8px!important;
    align-items:center!important;
  }
  body[data-page="user"] .fixture-team{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  body[data-page="user"] .fixture-team.right{
    grid-template-columns:minmax(0,1fr) 32px!important;
    justify-content:stretch!important;
    text-align:right!important;
  }
  body[data-page="user"] .fixture-team strong{
    font-size:12px!important;
    line-height:1.05!important;
  }
  body[data-page="user"] .predict-score{
    justify-self:center!important;
    align-self:center!important;
    margin:0 auto!important;
  }
  body[data-page="user"] .match-inline-meta{
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    padding-bottom:2px!important;
    margin-top:8px!important;
  }
  body[data-page="user"] .match-inline-meta::-webkit-scrollbar{display:none!important;}
  body[data-page="user"] .match-inline-meta .pill,
  body[data-page="user"] .match-inline-meta .meta-chip{
    font-size:10px!important;
    min-height:26px!important;
    padding:5px 8px!important;
  }
  body[data-page="user"] .fixture-submeta{display:none!important;}
}


/* ===== V56: solo posición del marcador y fechas sin borde ===== */
.match-inline-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
.match-inline-meta .fixture-subline{
  display:inline-flex!important;
  align-items:center!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.match-inline-meta .fixture-deadline{
  color:var(--muted)!important;
}

/* Anula los chips del V55 para que las fechas vuelvan a ser texto limpio */
.meta-chip{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  min-height:0!important;
  color:var(--text)!important;
}

@media (max-width: 620px){
  body[data-page="user"] .fixture-grid{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  body[data-page="user"] .fixture-grid > .fixture-team:first-child{
    order:1!important;
    justify-self:start!important;
  }
  body[data-page="user"] .fixture-grid > .predict-score{
    order:2!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
  }
  body[data-page="user"] .fixture-grid > .fixture-team.right{
    order:3!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    text-align:right!important;
  }

  body[data-page="user"] .match-inline-meta{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    padding-bottom:2px!important;
    margin-top:8px!important;
  }
  body[data-page="user"] .match-inline-meta::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="user"] .match-inline-meta .pill{
    flex:0 0 auto!important;
    font-size:10px!important;
    min-height:26px!important;
    padding:5px 8px!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-subline{
    flex:0 0 auto!important;
    font-size:10.5px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    min-height:0!important;
  }
}


/* ===== V57: fechas en 2 líneas en móvil ===== */
@media (max-width: 620px){
  body[data-page="user"] .match-inline-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  body[data-page="user"] .match-inline-meta .pill{
    flex:0 0 auto!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-match-date,
  body[data-page="user"] .match-inline-meta .fixture-deadline{
    flex:0 0 100%!important;
    display:block!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.15!important;
    font-size:10.5px!important;
  }
}


/* ===== V58: meta de fechas en móvil al lado derecho de los pills ===== */
@media (max-width: 620px){
  body[data-page="user"] .match-inline-meta{
    display:grid!important;
    grid-template-columns:auto auto 1fr!important;
    grid-template-areas:
      "pill1 pill2 date1"
      ". . date2"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:2px!important;
    overflow:visible!important;
    padding-bottom:0!important;
    margin-top:8px!important;
  }
  body[data-page="user"] .match-inline-meta > .pill:nth-of-type(1){
    grid-area:pill1!important;
  }
  body[data-page="user"] .match-inline-meta > .pill:nth-of-type(2){
    grid-area:pill2!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-match-date{
    grid-area:date1!important;
    justify-self:start!important;
    align-self:end!important;
    display:block!important;
    white-space:nowrap!important;
    text-align:left!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-deadline{
    grid-area:date2!important;
    justify-self:start!important;
    align-self:start!important;
    display:block!important;
    white-space:nowrap!important;
    text-align:left!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
}


/* ===== V59: fechas centradas y más arriba en mobile ===== */
@media (max-width: 620px){
  body[data-page="user"] .match-inline-meta{
    row-gap:0!important;
    margin-top:4px!important;
    align-items:start!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-match-date,
  body[data-page="user"] .match-inline-meta .fixture-deadline{
    justify-self:center!important;
    text-align:center!important;
    width:max-content!important;
    max-width:100%!important;
    transform:translateY(-3px)!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-match-date{
    align-self:end!important;
  }
  body[data-page="user"] .match-inline-meta .fixture-deadline{
    align-self:start!important;
  }
}


/* ===== V60: Perfil compacto, sin usuario/rol/equipos asignados ===== */
body[data-page="user"] .profile-summary-grid-v60{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-page="user"] .profile-summary-grid-v60 .profile-card{
  min-width:0!important;
  padding:14px!important;
  border-radius:18px!important;
}
body[data-page="user"] .profile-summary-grid-v60 .profile-card-tournament-v60,
body[data-page="user"] .profile-summary-grid-v60 .profile-card-phase-v60{
  grid-column:span 3!important;
}
body[data-page="user"] .profile-summary-grid-v60 .profile-card-rank-v60,
body[data-page="user"] .profile-summary-grid-v60 .profile-card-points-v60,
body[data-page="user"] .profile-summary-grid-v60 .profile-card-exacts-v60{
  grid-column:span 2!important;
}
body[data-page="user"] .profile-summary-grid-v60 .profile-card span{
  font-size:10px!important;
  line-height:1!important;
}
body[data-page="user"] .profile-summary-grid-v60 .profile-card strong{
  font-size:clamp(18px,2.4vw,24px)!important;
  line-height:1.03!important;
  overflow-wrap:anywhere!important;
}

@media (max-width: 620px){
  body[data-page="user"] .profile-summary-grid-v60,
  body[data-page="user"] .profile-grid.profile-summary-grid-v60{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card{
    min-height:76px!important;
    padding:11px 10px!important;
    border-radius:16px!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-tournament-v60,
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-phase-v60{
    grid-column:span 3!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-rank-v60,
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-points-v60,
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-exacts-v60{
    grid-column:span 2!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card span{
    font-size:9.5px!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card strong{
    font-size:18px!important;
    line-height:1.03!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-tournament-v60 strong,
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-phase-v60 strong{
    font-size:17px!important;
  }
}

@media (max-width: 380px){
  body[data-page="user"] .profile-summary-grid-v60 .profile-card{
    padding:10px 8px!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card strong{
    font-size:16px!important;
  }
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-tournament-v60 strong,
  body[data-page="user"] .profile-summary-grid-v60 .profile-card-phase-v60 strong{
    font-size:15px!important;
  }
}


/* ===== V61: bottom nav mobile full width, negro sólido y más compacto ===== */
@media (max-width: 900px){
  body[data-page="user"] .user-shell{
    padding-bottom:88px!important;
  }

  body[data-page="user"] .user-sidebar,
  body[data-page="user"] .user-sidebar.card{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:999!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
    background:#000!important;
    background-image:none!important;
    border:0!important;
    border-top:1px solid rgba(212,175,55,.24)!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }

  body[data-page="user"] .user-mini{
    display:none!important;
  }

  body[data-page="user"] .user-menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  body[data-page="user"] .user-menu-link,
  body[data-page="user"] .user-menu-link.active,
  body[data-page="user"] .user-menu-link:hover{
    min-width:0!important;
    height:58px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:2px!important;
    padding:6px 4px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.76)!important;
    text-align:center!important;
  }

  body[data-page="user"] .user-menu-link.active{
    background:rgba(212,175,55,.13)!important;
    color:#f5d575!important;
  }

  body[data-page="user"] .user-menu-link.active:before,
  body[data-page="user"] .user-menu-link:not(.active):before{
    display:none!important;
    content:none!important;
  }

  body[data-page="user"] .user-menu-link .menu-icon{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    color:#d4af37!important;
  }

  body[data-page="user"] .user-menu-link .menu-icon svg{
    width:22px!important;
    height:22px!important;
  }

  body[data-page="user"] .user-menu-link b{
    font-size:10px!important;
    line-height:1.05!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Admin también full width cuando use dock inferior */
  body[data-page="admin"] .admin-shell,
  body[data-page="admin"] .admin-shell-v5{
    padding-bottom:92px!important;
  }

  body[data-page="admin"] .admin-sidebar,
  body[data-page="admin"] .admin-sidebar-v5{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:999!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    background:#000!important;
    background-image:none!important;
    border:0!important;
    border-top:1px solid rgba(212,175,55,.24)!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-title,
  body[data-page="admin"] .admin-sidebar .side-title{
    display:none!important;
  }

  body[data-page="admin"] .admin-sidebar-v5{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:2px!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link,
  body[data-page="admin"] .admin-sidebar .side-link{
    min-width:0!important;
    height:58px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:2px!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link.active,
  body[data-page="admin"] .admin-sidebar .side-link.active{
    background:rgba(212,175,55,.13)!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link:before,
  body[data-page="admin"] .admin-sidebar .side-link:before{
    display:none!important;
    content:none!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar-v5 .side-link span,
  body[data-page="admin"] .admin-sidebar .side-link span{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    color:#d4af37!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link svg,
  body[data-page="admin"] .admin-sidebar .side-link svg{
    width:21px!important;
    height:21px!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link b,
  body[data-page="admin"] .admin-sidebar .side-link b{
    font-size:9px!important;
    line-height:1!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* ===== V63: Desafio FDO header, admin icons/order, no admin flash ===== */
.topbar{
  background:#000!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid rgba(212,175,55,.22)!important;
  box-shadow:none!important;
}
.nav{min-height:66px!important;}
.brand{gap:10px!important;}
.logo{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
  font-size:0!important;
  border:0!important;
}
.logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.brand strong{
  color:#f6f2e9!important;
  font-size:16px!important;
}
.brand span{
  color:#d4af37!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Login admin queda oculto hasta que JS valide token */
body[data-page="admin"] #login-admin.hidden,
body[data-page="admin"] #login-admin[style*="display:none"]{
  display:none!important;
}

/* Iconos SVG dorados sin colores en user/admin */
.user-menu-link .menu-icon,
.side-link .menu-icon,
.user-mini .avatar,
.brand-badge{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#d4af37!important;
  padding:0!important;
}
.user-menu-link .menu-icon svg,
.side-link .menu-icon svg,
.user-mini .avatar svg,
.brand-badge svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
  stroke:currentColor!important;
}
.side-link span.menu-icon,
body[data-page="admin"] .admin-sidebar-v5 .side-link span.menu-icon{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#d4af37!important;
}
.side-link.active .menu-icon,
.user-menu-link.active .menu-icon,
.side-link:hover .menu-icon,
.user-menu-link:hover .menu-icon{
  color:#f2ca52!important;
}

/* Admin sidebar: mantener orden del HTML y permitir scroll horizontal en mobile */
@media (max-width:900px){
  body[data-page="admin"] .admin-shell,
  body[data-page="admin"] .admin-shell-v5{
    padding-bottom:92px!important;
  }
  body[data-page="admin"] .admin-sidebar,
  body[data-page="admin"] .admin-sidebar-v5{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:999!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    background:#000!important;
    background-image:none!important;
    border:0!important;
    border-top:1px solid rgba(212,175,55,.24)!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:flex!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  body[data-page="admin"] .admin-sidebar::-webkit-scrollbar,
  body[data-page="admin"] .admin-sidebar-v5::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-title,
  body[data-page="admin"] .admin-sidebar .side-title{
    display:none!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link,
  body[data-page="admin"] .admin-sidebar .side-link{
    flex:0 0 72px!important;
    min-width:72px!important;
    height:58px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:2px!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link.active,
  body[data-page="admin"] .admin-sidebar .side-link.active{
    background:rgba(212,175,55,.13)!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link:before,
  body[data-page="admin"] .admin-sidebar .side-link:before{
    display:none!important;
    content:none!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar .side-link .menu-icon{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    color:#d4af37!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link svg,
  body[data-page="admin"] .admin-sidebar .side-link svg{
    width:21px!important;
    height:21px!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link b,
  body[data-page="admin"] .admin-sidebar .side-link b{
    font-size:9px!important;
    line-height:1!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* ===== V64: Admin mobile compact grids + dock centered ===== */
@media (max-width:900px){
  /* dock centrado */
  body[data-page="admin"] .admin-sidebar,
  body[data-page="admin"] .admin-sidebar-v5{
    align-items:center!important;
    justify-content:center!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link,
  body[data-page="admin"] .admin-sidebar .side-link,
  body[data-page="user"] .user-menu-link{
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar .side-link .menu-icon,
  body[data-page="user"] .user-menu-link .menu-icon{
    margin:0 auto!important;
  }

  /* scrollbar discreto / invisible para carruseles */
  body[data-page="admin"] .standings-grid,
  body[data-page="admin"] .user-mini-grid,
  body[data-page="admin"] .draft-code-grid,
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64,
  body[data-page="admin"] .result-card-list-v64{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(212,175,55,.18) transparent!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:4px!important;
  }
  body[data-page="admin"] .standings-grid::-webkit-scrollbar,
  body[data-page="admin"] .user-mini-grid::-webkit-scrollbar,
  body[data-page="admin"] .draft-code-grid::-webkit-scrollbar,
  body[data-page="admin"] .draft-turns-grid-v64::-webkit-scrollbar,
  body[data-page="admin"] .draft-picks-grid-v64::-webkit-scrollbar,
  body[data-page="admin"] .result-card-list-v64::-webkit-scrollbar{
    height:3px!important;
  }
  body[data-page="admin"] .standings-grid::-webkit-scrollbar-thumb,
  body[data-page="admin"] .user-mini-grid::-webkit-scrollbar-thumb,
  body[data-page="admin"] .draft-code-grid::-webkit-scrollbar-thumb,
  body[data-page="admin"] .draft-turns-grid-v64::-webkit-scrollbar-thumb,
  body[data-page="admin"] .draft-picks-grid-v64::-webkit-scrollbar-thumb,
  body[data-page="admin"] .result-card-list-v64::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.18)!important;
    border-radius:999px!important;
  }

  /* 1. Resumen: 4 tarjetas, 2 por fila, texto más chico */
  body[data-page="admin"] .kpi-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="admin"] .kpi-card{
    min-height:92px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  body[data-page="admin"] .kpi-card span{
    font-size:13px!important;
    line-height:1.1!important;
  }
  body[data-page="admin"] .kpi-card strong{
    font-size:34px!important;
    line-height:.95!important;
    margin:4px 0!important;
  }
  body[data-page="admin"] .kpi-card small{
    font-size:12px!important;
    line-height:1!important;
  }

  /* 2. Clasificación por grupos: 2 grupos visibles verticalmente y el resto horizontal */
  body[data-page="admin"] .standings-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-columns:minmax(310px,calc(100vw - 42px))!important;
    gap:10px!important;
    align-items:start!important;
  }
  body[data-page="admin"] .standing-group{
    min-width:0!important;
    width:100%!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  body[data-page="admin"] .standing-group-head strong{
    font-size:17px!important;
  }
  body[data-page="admin"] .standing-row{
    grid-template-columns:minmax(92px,1fr) 22px 22px 22px 22px 30px 36px!important;
    gap:5px!important;
    font-size:11px!important;
  }
  body[data-page="admin"] .standing-row span:nth-child(6),
  body[data-page="admin"] .standing-row span:nth-child(7),
  body[data-page="admin"] .standing-row span:nth-child(8){
    display:none!important;
  }
  body[data-page="admin"] .standing-head span:nth-child(6),
  body[data-page="admin"] .standing-head span:nth-child(7),
  body[data-page="admin"] .standing-head span:nth-child(8){
    display:none!important;
  }
  body[data-page="admin"] .standing-team b{
    font-size:11px!important;
    line-height:1.05!important;
  }
  body[data-page="admin"] .standing-team small{
    font-size:8px!important;
  }

  /* 3. Usuarios resumen: 6 visibles (3 filas x 2 columnas) y resto horizontal */
  body[data-page="admin"] .user-mini-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(3,auto)!important;
    grid-auto-columns:calc((100vw - 54px)/2)!important;
    gap:8px!important;
    align-items:start!important;
  }
  body[data-page="admin"] .user-mini-grid .data-card{
    padding:12px!important;
    border-radius:17px!important;
    min-height:106px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-card > strong{
    font-size:16px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="admin"] .user-mini-grid .data-meta{
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-top:8px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-meta span{
    padding:7px!important;
    border-radius:12px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-meta small{
    font-size:9px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-meta b{
    font-size:12px!important;
  }

  /* 4. Draft orden por código: 2 columnas x 5 filas con scroll horizontal */
  body[data-page="admin"] .draft-code-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:calc((100vw - 54px)/2)!important;
    gap:8px!important;
    align-items:start!important;
  }
  body[data-page="admin"] .draft-code-row{
    min-width:0!important;
    min-height:86px!important;
    padding:10px!important;
    border-radius:16px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:6px 8px!important;
    align-items:center!important;
  }
  body[data-page="admin"] .draft-order{
    font-size:17px!important;
    width:38px!important;
    height:38px!important;
  }
  body[data-page="admin"] .draft-code-text{
    font-size:14px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .draft-code-row .pill{
    grid-column:2!important;
    justify-self:start!important;
    font-size:9px!important;
    padding:5px 7px!important;
  }
  body[data-page="admin"] .draft-code-row small{
    grid-column:2!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 5. Turnos y picks: 2 columnas x 5 filas */
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:calc((100vw - 54px)/2)!important;
    gap:8px!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card{
    min-height:76px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card strong,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card strong{
    font-size:13px!important;
    line-height:1.1!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card small,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card small{
    font-size:10px!important;
    line-height:1.1!important;
    margin-top:4px!important;
  }

  /* 6. Resultados: campos goles/penales/corners/tarjetas en dos columnas */
  body[data-page="admin"] #result-dynamic .result-two-cols-v64,
  body[data-page="admin"] #result-dynamic .grid.two.result-two-cols-v64{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="admin"] #result-dynamic .result-two-cols-v64 label{
    font-size:11px!important;
    min-width:0!important;
  }
  body[data-page="admin"] #result-dynamic .result-two-cols-v64 input{
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
    padding:8px 10px!important;
  }

  /* 7. Resultados validados: 1 columna x 5 filas con scroll horizontal */
  body[data-page="admin"] .result-card-list-v64{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:minmax(300px,calc(100vw - 42px))!important;
    gap:10px!important;
  }
  body[data-page="admin"] .result-card-list-v64 .result-card{
    width:100%!important;
    min-height:142px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  body[data-page="admin"] .result-card-list-v64 .result-card-title{
    font-size:15px!important;
    line-height:1.1!important;
  }
  body[data-page="admin"] .result-card-list-v64 .result-score{
    font-size:34px!important;
  }
  body[data-page="admin"] .result-card-list-v64 .result-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body[data-page="admin"] .result-card-list-v64 .result-actions .btn{
    min-width:0!important;
    padding:8px 6px!important;
    font-size:11px!important;
  }
}

@media (max-width:390px){
  body[data-page="admin"] .user-mini-grid,
  body[data-page="admin"] .draft-code-grid,
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64{
    grid-auto-columns:calc((100vw - 46px)/2)!important;
  }
  body[data-page="admin"] .kpi-card strong{
    font-size:30px!important;
  }
  body[data-page="admin"] .kpi-card span{
    font-size:12px!important;
  }
}


/* ===== V65: Admin mobile carruseles corregidos + dock alineado ===== */
@media (max-width:900px){
  /* Dock: no centrar el contenedor completo; centrar cada item.
     Esto permite volver hacia la izquierda y ver el primer icono. */
  body[data-page="admin"] .admin-sidebar,
  body[data-page="admin"] .admin-sidebar-v5{
    justify-content:flex-start!important;
    align-items:center!important;
    scroll-padding-left:8px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link,
  body[data-page="admin"] .admin-sidebar .side-link{
    justify-items:center!important;
    align-items:center!important;
    place-items:center!important;
    text-align:center!important;
    scroll-snap-align:start!important;
    flex:0 0 64px!important;
    min-width:64px!important;
    max-width:64px!important;
  }
  body[data-page="admin"] .admin-sidebar-v5 .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar .side-link .menu-icon{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Todos los carruseles usan columnas automáticas reales.
     Importante: anula grid-template-columns anteriores que estaban deformando la primera columna. */
  body[data-page="admin"] .standings-grid,
  body[data-page="admin"] .user-mini-grid,
  body[data-page="admin"] .draft-code-grid,
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64,
  body[data-page="admin"] .result-card-list-v64{
    grid-template-columns:none!important;
    justify-content:start!important;
    justify-items:stretch!important;
    align-items:start!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
  }

  /* 1) Grupos: A/B quedan al inicio, dos filas por página */
  body[data-page="admin"] .standings-grid{
    grid-auto-flow:column!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-columns:minmax(300px,calc(100vw - 42px))!important;
  }
  body[data-page="admin"] .standing-group{
    scroll-snap-align:start!important;
  }

  /* 2) Usuarios resumen: 3 filas x 2 columnas visibles, columnas iguales */
  body[data-page="admin"] .user-mini-grid{
    grid-auto-flow:column!important;
    grid-template-rows:repeat(3,auto)!important;
    grid-auto-columns:clamp(158px, calc((100vw - 72px)/2), 180px)!important;
    gap:8px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-card{
    width:100%!important;
    min-width:0!important;
    min-height:96px!important;
    padding:10px!important;
  }
  body[data-page="admin"] .user-mini-grid .data-meta span{
    min-width:0!important;
  }

  /* 3) Draft por código: 2 columnas x 5 filas sin solaparse */
  body[data-page="admin"] .draft-code-grid{
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:clamp(158px, calc((100vw - 72px)/2), 180px)!important;
    gap:8px!important;
  }
  body[data-page="admin"] .draft-code-row{
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    padding:9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:4px 7px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .draft-code-row .draft-order,
  body[data-page="admin"] .draft-code-row .draft-code-text,
  body[data-page="admin"] .draft-code-row .pill,
  body[data-page="admin"] .draft-code-row small{
    position:static!important;
    float:none!important;
    transform:none!important;
  }
  body[data-page="admin"] .draft-order{
    grid-column:1!important;
    grid-row:1 / span 3!important;
    width:34px!important;
    height:34px!important;
    font-size:15px!important;
    align-self:start!important;
  }
  body[data-page="admin"] .draft-code-text{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    font-size:12.5px!important;
    letter-spacing:.02em!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="admin"] .draft-code-row .pill{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    max-width:100%!important;
    font-size:8.5px!important;
    padding:4px 6px!important;
  }
  body[data-page="admin"] .draft-code-row small{
    grid-column:2!important;
    grid-row:3!important;
    display:block!important;
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 4) Turnos y picks: tarjetas más estrechas y completas */
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64{
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:clamp(158px, calc((100vw - 72px)/2), 180px)!important;
    gap:8px!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    padding:9px!important;
    border-radius:14px!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card strong,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card strong{
    font-size:12px!important;
    line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
  body[data-page="admin"] .draft-turns-grid-v64 .mini-card small,
  body[data-page="admin"] .draft-picks-grid-v64 .mini-card small{
    font-size:9.5px!important;
    line-height:1.08!important;
  }

  /* 5) Resultados validados: una columna x 5 filas, ancho controlado */
  body[data-page="admin"] .result-card-list-v64{
    grid-auto-flow:column!important;
    grid-template-rows:repeat(5,auto)!important;
    grid-auto-columns:minmax(288px,calc(100vw - 54px))!important;
    gap:10px!important;
  }
}

@media (max-width:390px){
  body[data-page="admin"] .user-mini-grid,
  body[data-page="admin"] .draft-code-grid,
  body[data-page="admin"] .draft-turns-grid-v64,
  body[data-page="admin"] .draft-picks-grid-v64{
    grid-auto-columns:clamp(146px, calc((100vw - 62px)/2), 168px)!important;
  }
  body[data-page="admin"] .standings-grid{
    grid-auto-columns:minmax(286px,calc(100vw - 36px))!important;
  }
  body[data-page="admin"] .draft-code-text{
    font-size:11.5px!important;
  }
}


/* ===== V66: centrar iconos del dock admin mobile ===== */
@media (max-width:900px){
  body[data-page="admin"] .admin-sidebar-v5 .side-link,
  body[data-page="admin"] .admin-sidebar .side-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link b,
  body[data-page="admin"] .admin-sidebar .side-link b{
    display:none!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar .side-link .menu-icon,
  body[data-page="admin"] .admin-sidebar-v5 .side-link span,
  body[data-page="admin"] .admin-sidebar .side-link span{
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
  }

  body[data-page="admin"] .admin-sidebar-v5 .side-link svg,
  body[data-page="admin"] .admin-sidebar .side-link svg{
    display:block!important;
    margin:auto!important;
  }
}


/* ===== V67: header /user y /admin negro sólido, sin degradado ===== */
body[data-page="user"] .topbar,
body[data-page="admin"] .topbar{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  background-gradient:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid rgba(212,175,55,.22)!important;
}

body[data-page="user"] .topbar::before,
body[data-page="user"] .topbar::after,
body[data-page="admin"] .topbar::before,
body[data-page="admin"] .topbar::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}

body[data-page="user"] .topbar .nav,
body[data-page="admin"] .topbar .nav,
body[data-page="user"] header.topbar .container,
body[data-page="admin"] header.topbar .container{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body[data-page="user"] .brand,
body[data-page="admin"] .brand,
body[data-page="user"] .nav-actions,
body[data-page="admin"] .nav-actions{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ===== V68: fondo negro puro + botones header iconos + Bonus legible ===== */

/* Fondo global: negro entero, sin degradado ni textura */
html,
body,
body[data-page="landing"],
body[data-page="login"],
body[data-page="user"],
body[data-page="admin"]{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}

body::before,
body::after,
html::before,
html::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}

main,
.main,
.landing,
.login-main-v41,
.admin-section,
.user-content,
.admin-content,
.admin-content-v5{
  background:transparent!important;
  background-image:none!important;
}

/* Header /user y /admin: Actualizar / Salir como iconos */
body[data-page="user"] #btn-refresh,
body[data-page="admin"] #btn-refresh,
body[data-page="user"] #btn-logout,
body[data-page="admin"] #btn-logout{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  font-size:0!important;
  line-height:0!important;
}

body[data-page="user"] #btn-refresh::before,
body[data-page="admin"] #btn-refresh::before{
  content:"↻";
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#f5f1e8!important;
}

body[data-page="user"] #btn-logout::before,
body[data-page="admin"] #btn-logout::before{
  content:"⏻";
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#f5d7d7!important;
}

body[data-page="user"] .nav-actions,
body[data-page="admin"] .nav-actions{
  gap:8px!important;
}

/* Clasificación por grupos: que Bonus se lea completo */
body[data-page="admin"] .standing-head span:last-child,
body[data-page="admin"] .standing-row span:last-child{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media (max-width:900px){
  body[data-page="admin"] .standing-row{
    grid-template-columns:minmax(84px,1fr) 20px 20px 20px 20px 28px 56px!important;
    gap:4px!important;
  }

  body[data-page="admin"] .standing-head span:last-child{
    font-size:10px!important;
    text-align:center!important;
  }

  body[data-page="admin"] .standing-row span:last-child{
    font-size:11px!important;
    text-align:center!important;
  }

  body[data-page="admin"] .standing-team b{
    font-size:10.5px!important;
  }
}

@media (max-width:420px){
  body[data-page="admin"] .standing-row{
    grid-template-columns:minmax(76px,1fr) 18px 18px 18px 18px 26px 52px!important;
    gap:3px!important;
  }

  body[data-page="admin"] .standing-head span{
    font-size:9.5px!important;
  }

  body[data-page="admin"] .standing-head span:last-child{
    font-size:9.5px!important;
  }
}


/* ===== V69: header icon buttons dorados sin borde + pills Paid/Dif destacados ===== */

/* Header /user y /admin: iconos pequeños, dorados, sin borde ni fondo */
body[data-page="user"] #btn-refresh,
body[data-page="admin"] #btn-refresh,
body[data-page="user"] #btn-logout,
body[data-page="admin"] #btn-logout{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  outline:0!important;
  border-radius:10px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
}

body[data-page="user"] #btn-refresh:hover,
body[data-page="admin"] #btn-refresh:hover,
body[data-page="user"] #btn-logout:hover,
body[data-page="admin"] #btn-logout:hover{
  background:rgba(212,175,55,.10)!important;
  border:0!important;
  box-shadow:none!important;
}

body[data-page="user"] #btn-refresh::before,
body[data-page="admin"] #btn-refresh::before{
  content:"↻"!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#d4af37!important;
}

body[data-page="user"] #btn-logout::before,
body[data-page="admin"] #btn-logout::before{
  content:"⏻"!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#d4af37!important;
}

body[data-page="user"] .nav,
body[data-page="admin"] .nav{
  min-height:58px!important;
}

body[data-page="user"] .nav-actions,
body[data-page="admin"] .nav-actions{
  gap:8px!important;
  align-items:center!important;
}

/* Pills de plan: Paid y Dif. más intensos; Gift queda más neutro */
body[data-page="admin"] .users-table-v32 .pill.good,
body[data-page="admin"] .user-control-card-v32 .pill.good,
body[data-page="admin"] .user-mini-grid .pill.good,
body[data-page="admin"] .users-table-v32 .pill.warn,
body[data-page="admin"] .user-control-card-v32 .pill.warn,
body[data-page="admin"] .user-mini-grid .pill.warn{
  background:#c8951e!important;
  background-image:none!important;
  border:1px solid #e1b943!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28)!important;
}

body[data-page="admin"] .users-table-v32 .pill:not(.good):not(.warn):not(.danger),
body[data-page="admin"] .user-control-card-v32 .pill:not(.good):not(.warn):not(.danger),
body[data-page="admin"] .user-mini-grid .pill:not(.good):not(.warn):not(.danger){
  background:rgba(255,255,255,.055)!important;
  background-image:none!important;
  border:1px solid rgba(212,175,55,.22)!important;
  color:#d9c58b!important;
  box-shadow:none!important;
}


/* ===== V70: User ranking Paid/Dif. igual al botón Todos ===== */
body[data-page="user"] .ranking-card .pill.good,
body[data-page="user"] .ranking-card .pill.warn,
body[data-page="user"] .ranking-table .pill.good,
body[data-page="user"] .ranking-table .pill.warn,
body[data-page="user"] .profile-ranking-table .pill.good,
body[data-page="user"] .profile-ranking-table .pill.warn,
body[data-page="user"] [data-ranking-mode] .pill.good,
body[data-page="user"] [data-ranking-mode] .pill.warn{
  background:#d4af37!important;
  background-image:none!important;
  border:1px solid #e6c85f!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* fallback para cualquier pill Paid/Dif dentro de tablas del user */
body[data-page="user"] table .pill.good,
body[data-page="user"] table .pill.warn,
body[data-page="user"] .table-card .pill.good,
body[data-page="user"] .table-card .pill.warn{
  background:#d4af37!important;
  background-image:none!important;
  border:1px solid #e6c85f!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important;
}


/* ===== V71: logout power real + draft mobile compacto/horizontal ===== */

/* 1) Botón cerrar: icono real de apagado, no símbolo/fuente */
body[data-page="user"] #btn-logout,
body[data-page="admin"] #btn-logout{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  color:#d4af37!important;
}

body[data-page="user"] #btn-logout::before,
body[data-page="admin"] #btn-logout::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:18px!important;
  height:18px!important;
  border:2.4px solid #d4af37!important;
  border-top-color:transparent!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  box-sizing:border-box!important;
  background:transparent!important;
}

body[data-page="user"] #btn-logout::after,
body[data-page="admin"] #btn-logout::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:7px!important;
  width:2.6px!important;
  height:13px!important;
  border-radius:999px!important;
  background:#d4af37!important;
  transform:translateX(-50%)!important;
}

body[data-page="user"] #btn-logout:hover,
body[data-page="admin"] #btn-logout:hover{
  background:rgba(212,175,55,.08)!important;
}

/* 2) User Draft mobile: tarjetas de turno en 3 filas: 1 / 2 / 2 */
@media (max-width:620px){
  body[data-page="user"] #draft-turns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body[data-page="user"] #draft-turns .draft-row{
    min-height:74px!important;
    padding:12px 10px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
  }

  body[data-page="user"] #draft-turns .draft-row:first-child{
    grid-column:1 / -1!important;
  }

  body[data-page="user"] #draft-turns .draft-row span:first-child{
    font-size:13px!important;
    line-height:1.15!important;
    white-space:normal!important;
    min-width:0!important;
  }

  body[data-page="user"] #draft-turns .draft-row .pill{
    flex:0 0 auto!important;
    max-width:112px!important;
    font-size:11px!important;
    padding:7px 9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-row-v31{
    grid-column:auto!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-row-v31 span:first-child{
    font-size:12px!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-pill-v31{
    font-size:11px!important;
    max-width:96px!important;
  }

  /* 3) User Draft: cada grupo hace scroll horizontal independiente */
  body[data-page="user"] .draft-board-v21{
    display:grid!important;
    gap:18px!important;
  }

  body[data-page="user"] .draft-tier-section{
    min-width:0!important;
  }

  body[data-page="user"] .draft-tier-head{
    position:sticky!important;
    left:0!important;
    z-index:1!important;
    background:#000!important;
    padding:0 0 8px!important;
  }

  body[data-page="user"] .draft-tier-head h4{
    font-size:20px!important;
    line-height:1!important;
  }

  body[data-page="user"] .draft-tier-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    padding:2px 2px 8px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(212,175,55,.20) transparent!important;
  }

  body[data-page="user"] .draft-tier-grid::-webkit-scrollbar{
    height:3px!important;
  }

  body[data-page="user"] .draft-tier-grid::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.22)!important;
    border-radius:999px!important;
  }

  body[data-page="user"] .draft-team-card{
    flex:0 0 min(82vw,315px)!important;
    width:min(82vw,315px)!important;
    min-width:min(82vw,315px)!important;
    scroll-snap-align:start!important;
    padding:14px!important;
    border-radius:20px!important;
    gap:11px!important;
  }

  body[data-page="user"] .draft-team-card-top{
    gap:8px!important;
  }

  body[data-page="user"] .draft-team-identity{
    gap:10px!important;
  }

  body[data-page="user"] .draft-flag-badge{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }

  body[data-page="user"] .draft-team-copy strong{
    font-size:24px!important;
    line-height:1!important;
  }

  body[data-page="user"] .draft-team-copy span{
    font-size:12px!important;
  }

  body[data-page="user"] .draft-rule-grid{
    gap:7px!important;
  }

  body[data-page="user"] .draft-rule-pill{
    min-height:34px!important;
    padding:7px 8px!important;
  }

  body[data-page="user"] .draft-rule-pill small{
    font-size:10px!important;
    line-height:1.1!important;
  }

  body[data-page="user"] .draft-rule-pill b{
    font-size:14px!important;
  }
}

@media (max-width:390px){
  body[data-page="user"] #draft-turns .draft-row{
    min-height:68px!important;
    padding:10px 8px!important;
  }

  body[data-page="user"] #draft-turns .draft-row span:first-child{
    font-size:12px!important;
  }

  body[data-page="user"] #draft-turns .draft-row .pill{
    font-size:10px!important;
    padding:6px 7px!important;
    max-width:88px!important;
  }

  body[data-page="user"] .draft-team-card{
    flex-basis:84vw!important;
    width:84vw!important;
    min-width:84vw!important;
  }
}


/* ===== V72: header icons aligned + draft tier head transparent + time icon ===== */

/* 1) Header: alinear los iconos refresh/logout verticalmente */
body[data-page="user"] .nav-actions,
body[data-page="admin"] .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}

body[data-page="user"] #btn-refresh,
body[data-page="admin"] #btn-refresh,
body[data-page="user"] #btn-logout,
body[data-page="admin"] #btn-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:1!important;
}

body[data-page="user"] #btn-refresh::before,
body[data-page="admin"] #btn-refresh::before{
  display:block!important;
  line-height:1!important;
  transform:translateY(0)!important;
}

body[data-page="user"] #btn-logout::before,
body[data-page="admin"] #btn-logout::before{
  top:50%!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}

body[data-page="user"] #btn-logout::after,
body[data-page="admin"] #btn-logout::after{
  top:7px!important;
}

/* 2) Draft mobile: quitar recuadro/fondo negro del encabezado Favoritos/Medios/Bajos */
@media (max-width:620px){
  body[data-page="user"] .draft-tier-head{
    position:static!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0 0 8px!important;
  }

  body[data-page="user"] .draft-tier-section{
    background:transparent!important;
    background-image:none!important;
  }

  body[data-page="user"] .draft-tier-title-wrap,
  body[data-page="user"] .draft-tier-head .pill{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}

/* 3) Draft mobile: cambiar texto de tiempo por icono */
@media (max-width:620px){
  body[data-page="user"] #draft-turns .draft-countdown-row-v31 span:first-child{
    font-size:0!important;
    line-height:0!important;
    width:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-row-v31 span:first-child::before{
    content:"⏱"!important;
    font-size:22px!important;
    line-height:1!important;
    color:#d4af37!important;
    display:block!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-row-v31{
    grid-template-columns:auto 1fr!important;
    justify-content:start!important;
  }

  body[data-page="user"] #draft-turns .draft-countdown-row-v31 .pill{
    justify-self:end!important;
    max-width:none!important;
    font-size:12px!important;
  }
}


/* ===== V73: landing más persuasiva, visual con imagen y transiciones suaves ===== */
body[data-page="landing"] main.container{
  background:transparent!important;
}

.landing-page-v73{
  display:grid;
  gap:34px;
  padding:42px 0 80px;
}

.landing-hero-v73{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:34px;
}

.landing-copy-v73,
.landing-visual-v73,
.landing-grid-v73 article{
  animation:landingFadeUpV73 .7s ease both;
}
.landing-visual-v73{ animation-delay:.08s; }
.landing-grid-v73 article:nth-child(2){ animation-delay:.08s; }
.landing-grid-v73 article:nth-child(3){ animation-delay:.16s; }

.landing-copy-v73 h1{
  margin:14px 0 14px;
  font-size:clamp(54px,6.4vw,100px);
  line-height:.9;
  letter-spacing:-.075em;
  max-width:820px;
}

.landing-copy-v73 > p{
  max-width:780px;
  font-size:clamp(18px,1.9vw,22px);
  line-height:1.38;
  color:rgba(255,241,220,.88);
}

.landing-benefits-v73,
.landing-visual-pills-v73{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.landing-benefits-v73{
  margin-top:18px;
}

.landing-actions-v73{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.landing-actions-v73 .btn,
.landing-copy-v73 .pill,
.landing-visual-pills-v73 .pill,
.landing-grid-v73 article,
.landing-visual-v73 img{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background-color .35s ease, opacity .35s ease;
}

.landing-actions-v73 .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(212,175,55,.18);
}

.landing-microcopy-v73{
  margin-top:16px;
  max-width:690px;
  font-size:15px!important;
  color:rgba(255,221,146,.86)!important;
}

.landing-visual-v73{
  position:relative;
  overflow:hidden;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px 24px 18px;
  isolation:isolate;
}

.landing-visual-v73::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 40%, rgba(212,175,55,.12), transparent 55%);
  pointer-events:none;
  z-index:0;
}

.landing-visual-glow-v73{
  position:absolute;
  inset:auto 50% 18px 50%;
  width:58%;
  height:44px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(212,175,55,.18);
  filter:blur(32px);
  z-index:0;
}

.landing-visual-v73 img{
  position:relative;
  z-index:1;
  width:min(100%, 600px);
  max-height:620px;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.42));
  animation:landingFloatV73 6.4s ease-in-out infinite;
}

.landing-visual-v73:hover img{
  transform:scale(1.02);
}

.landing-visual-pills-v73{
  position:relative;
  z-index:1;
  justify-content:center;
  margin-top:12px;
}

.landing-grid-v73{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.landing-grid-v73 article{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.03);
}

.landing-grid-v73 article:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.34);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}

.landing-grid-v73 strong{
  display:block;
  margin-bottom:10px;
  font-size:20px;
  line-height:1.15;
}

.landing-grid-v73 span{
  color:rgba(255,241,220,.84);
  line-height:1.46;
}

.landing-grid-compact-v73 strong{
  font-size:18px;
}

@keyframes landingFloatV73{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

@keyframes landingFadeUpV73{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}

@media (max-width: 960px){
  .landing-hero-v73,
  .landing-grid-v73{
    grid-template-columns:1fr;
  }

  .landing-copy-v73 h1{
    font-size:clamp(44px,12vw,74px);
  }

  .landing-visual-v73{
    padding:20px 16px 16px;
  }

  .landing-visual-v73 img{
    width:min(100%, 520px);
    max-height:520px;
  }
}

@media (max-width: 620px){
  .landing-page-v73{
    gap:24px;
    padding:24px 0 44px;
  }

  .landing-copy-v73 h1{
    margin-top:10px;
    font-size:clamp(38px,13vw,58px);
  }

  .landing-copy-v73 > p{
    font-size:17px;
  }

  .landing-actions-v73{
    gap:10px;
  }

  .landing-actions-v73 .btn{
    flex:1 1 100%;
  }

  .landing-grid-v73 article{
    padding:18px;
    border-radius:20px;
  }

  .landing-grid-v73 strong{
    font-size:18px;
  }

  .landing-visual-pills-v73,
  .landing-benefits-v73{
    gap:8px;
  }
}


/* ===== V74: landing sin tarjeta visual, negro puro, puntos visuales y CTA final ===== */
html,
body,
body[data-page="landing"]{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}

html::before,
html::after,
body::before,
body::after,
body[data-page="landing"]::before,
body[data-page="landing"]::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}

body[data-page="landing"] .topbar,
body[data-page="landing"] .landing-topbar-v74,
body[data-page="landing"] .topbar .container,
body[data-page="landing"] .topbar .nav{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body[data-page="landing"] main,
body[data-page="landing"] .container,
body[data-page="landing"] .landing-page-v74{
  background:transparent!important;
  background-image:none!important;
}

.landing-page-v74{
  display:grid;
  gap:42px;
  padding:42px 0 82px;
}

.landing-hero-v74{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);
  align-items:center;
  gap:22px;
  min-height:calc(100dvh - 130px);
}

.landing-copy-v74{
  animation:landingFadeUpV74 .68s ease both;
}

.landing-copy-v74 h1{
  margin:14px 0 14px;
  font-size:clamp(58px,7vw,108px);
  line-height:.88;
  letter-spacing:-.078em;
  max-width:860px;
}

.landing-copy-v74 > p{
  max-width:790px;
  font-size:clamp(18px,1.75vw,22px);
  line-height:1.38;
  color:rgba(255,241,220,.88);
}

.landing-benefits-v74,
.landing-actions-v74,
.landing-final-actions-v74{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.landing-benefits-v74{
  margin-top:18px;
}

.landing-actions-v74{
  margin-top:22px;
}

.landing-actions-v74 .btn,
.landing-final-actions-v74 .btn,
.landing-grid-v74 article,
.points-grid-v74 article,
.landing-final-cta-v74,
.landing-visual-v74 img{
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, opacity .32s ease;
}

.landing-actions-v74 .btn:hover,
.landing-final-actions-v74 .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(212,175,55,.18);
}

.landing-microcopy-v74{
  margin-top:16px;
  max-width:690px;
  font-size:15px!important;
  color:rgba(255,221,146,.86)!important;
}

.landing-visual-v74{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:540px;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
  animation:landingFadeUpV74 .72s ease .08s both;
}

.landing-visual-v74::before{
  content:"";
  position:absolute;
  width:70%;
  height:34%;
  left:50%;
  bottom:8%;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(212,175,55,.16);
  filter:blur(54px);
  pointer-events:none;
}

.landing-visual-v74 img{
  position:relative;
  width:min(112%, 720px);
  max-height:720px;
  object-fit:contain;
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.50));
  animation:landingFloatV74 6.5s ease-in-out infinite;
}

.landing-visual-v74:hover img{
  transform:scale(1.018);
}

.landing-points-v74,
.landing-grid-v74,
.landing-final-cta-v74{
  animation:landingFadeUpV74 .7s ease both;
}

.points-grid-v74{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.points-grid-v74 article,
.landing-grid-v74 article{
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(212,175,55,.20);
  background:rgba(255,255,255,.025);
}

.points-grid-v74 article:hover,
.landing-grid-v74 article:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.36);
  box-shadow:0 16px 34px rgba(0,0,0,.34);
}

.points-icon-v74{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:rgba(212,175,55,.12);
  border:1px solid rgba(212,175,55,.24);
  font-size:22px;
}

.points-grid-v74 strong,
.landing-grid-v74 strong{
  display:block;
  margin-bottom:9px;
  font-size:20px;
  line-height:1.12;
}

.points-grid-v74 span,
.landing-grid-v74 span{
  color:rgba(255,241,220,.82);
  line-height:1.45;
}

.landing-grid-v74{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.landing-final-cta-v74{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(212,175,55,.24);
  background:rgba(255,255,255,.025);
}

.landing-final-cta-v74 h2{
  margin:12px 0 10px;
  font-size:clamp(36px,4.8vw,68px);
  line-height:.92;
  letter-spacing:-.065em;
}

.landing-final-cta-v74 p{
  max-width:780px;
  color:rgba(255,241,220,.84);
  font-size:18px;
}

.landing-final-actions-v74{
  justify-content:flex-end;
  min-width:260px;
}

@keyframes landingFloatV74{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

@keyframes landingFadeUpV74{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}

@media (max-width:1040px){
  .landing-hero-v74{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .landing-visual-v74{
    min-height:auto;
  }

  .landing-visual-v74 img{
    width:min(100%, 620px);
  }

  .points-grid-v74{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .landing-final-cta-v74{
    grid-template-columns:1fr;
  }

  .landing-final-actions-v74{
    justify-content:flex-start;
  }
}

@media (max-width:720px){
  .landing-page-v74{
    gap:30px;
    padding:26px 0 52px;
  }

  .landing-copy-v74 h1{
    font-size:clamp(42px,14vw,64px);
  }

  .landing-copy-v74 > p{
    font-size:17px;
  }

  .landing-actions-v74 .btn,
  .landing-final-actions-v74 .btn{
    flex:1 1 100%;
  }

  .points-grid-v74,
  .landing-grid-v74{
    grid-template-columns:1fr;
  }

  .points-grid-v74 article,
  .landing-grid-v74 article{
    padding:18px;
    border-radius:22px;
  }

  .landing-final-cta-v74{
    padding:22px;
    border-radius:24px;
  }

  .landing-final-cta-v74 h2{
    font-size:clamp(34px,11vw,52px);
  }
}


/* ===== V75: iconos landing dorado sólido sin borde ===== */
.points-icon-v74{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#d4af37!important;
  padding:0!important;
}

.points-icon-v74 svg{
  width:28px;
  height:28px;
  display:block;
  color:inherit;
}


/* ===== V76: botón Crear usuario landing amarillo intenso ===== */
body[data-page="landing"] .nav-actions a[href="/login.html#registro"],
body[data-page="landing"] .nav-actions .btn.primary{
  position:relative!important;
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  background:#d4af37!important;
  background-image:none!important;
  color:#050505!important;
  border:1px solid #f0cf66!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 8px 22px rgba(212,175,55,.22)!important;
  text-shadow:none!important;
}

body[data-page="landing"] .nav-actions a[href="/login.html#registro"]:hover,
body[data-page="landing"] .nav-actions .btn.primary:hover{
  background:#f0cf66!important;
  color:#000!important;
  transform:translateY(-1px)!important;
}


/* ===== V77: landing hero imagen más arriba + mejor espacio del título ===== */
body[data-page="landing"] .landing-copy-v74 h1{
  line-height:.94!important;
  letter-spacing:-.068em!important;
}

body[data-page="landing"] .landing-visual-v74{
  align-self:start!important;
  transform:translateY(-28px)!important;
}

body[data-page="landing"] .landing-visual-v74 img{
  transform:translateY(-18px)!important;
}

@media (max-width:1040px){
  body[data-page="landing"] .landing-visual-v74{
    transform:translateY(-10px)!important;
  }

  body[data-page="landing"] .landing-visual-v74 img{
    transform:translateY(-8px)!important;
  }
}

@media (max-width:720px){
  body[data-page="landing"] .landing-copy-v74 h1{
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }

  body[data-page="landing"] .landing-visual-v74{
    transform:none!important;
  }

  body[data-page="landing"] .landing-visual-v74 img{
    transform:none!important;
  }
}


/* ===== V78: landing hero imagen un poco más abajo ===== */
body[data-page="landing"] .landing-visual-v74{
  transform:translateY(-10px)!important;
}

body[data-page="landing"] .landing-visual-v74 img{
  transform:translateY(-6px)!important;
}

@media (max-width:1040px){
  body[data-page="landing"] .landing-visual-v74{
    transform:translateY(-4px)!important;
  }

  body[data-page="landing"] .landing-visual-v74 img{
    transform:translateY(-3px)!important;
  }
}


/* ===== V79: landing con efectos más fluidos y profesionales ===== */

/* Transiciones generales suaves */
body[data-page="landing"] *{
  scroll-behavior:smooth;
}

body[data-page="landing"] .topbar{
  transition:background-color .35s ease, border-color .35s ease, box-shadow .35s ease!important;
}

/* Entrada suave del hero */
body[data-page="landing"] .landing-copy-v74{
  animation:landingCopyEnterV79 .72s cubic-bezier(.2,.8,.2,1) both!important;
}

body[data-page="landing"] .landing-visual-v74{
  animation:landingVisualEnterV79 .82s cubic-bezier(.2,.8,.2,1) both!important;
}

/* La imagen recupera sensación viva sin romper la posición que ajustamos */
body[data-page="landing"] .landing-visual-v74 img{
  translate:0 -6px;
  animation:landingImageFloatV79 6.8s ease-in-out infinite!important;
  transition:filter .45s ease, scale .45s ease!important;
  will-change:translate, filter, scale;
}

body[data-page="landing"] .landing-visual-v74:hover img{
  scale:1.018;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.56)) drop-shadow(0 0 28px rgba(212,175,55,.14))!important;
}

/* Glow sutil detrás del visual */
body[data-page="landing"] .landing-visual-v74::after{
  content:"";
  position:absolute;
  inset:12% 4% 8% 4%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 54% 45%, rgba(212,175,55,.18), transparent 34%),
    radial-gradient(circle at 75% 34%, rgba(255,227,134,.10), transparent 28%);
  filter:blur(34px);
  opacity:.8;
  animation:landingGlowPulseV79 5.8s ease-in-out infinite;
}

/* Botones con brillo elegante al pasar */
body[data-page="landing"] .landing-actions-v74 .btn,
body[data-page="landing"] .landing-final-actions-v74 .btn,
body[data-page="landing"] .nav-actions .btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

body[data-page="landing"] .landing-actions-v74 .btn::after,
body[data-page="landing"] .landing-final-actions-v74 .btn::after,
body[data-page="landing"] .nav-actions .btn::after{
  content:"";
  position:absolute;
  inset:-40% -70%;
  background:linear-gradient(110deg, transparent 35%, rgba(255,255,255,.32) 48%, transparent 62%);
  transform:translateX(-70%);
  opacity:0;
  pointer-events:none;
  transition:transform .65s ease, opacity .35s ease;
  z-index:-1;
}

body[data-page="landing"] .landing-actions-v74 .btn:hover::after,
body[data-page="landing"] .landing-final-actions-v74 .btn:hover::after,
body[data-page="landing"] .nav-actions .btn:hover::after{
  transform:translateX(70%);
  opacity:.75;
}

/* Pills con microinteracción */
body[data-page="landing"] .pill{
  transition:transform .28s ease, border-color .28s ease, background-color .28s ease, color .28s ease!important;
}

body[data-page="landing"] .pill:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.46)!important;
}

/* Cards con elevación suave */
body[data-page="landing"] .points-grid-v74 article,
body[data-page="landing"] .landing-grid-v74 article,
body[data-page="landing"] .landing-final-cta-v74{
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease, background-color .35s ease!important;
}

body[data-page="landing"] .points-grid-v74 article:hover,
body[data-page="landing"] .landing-grid-v74 article:hover{
  transform:translateY(-5px);
  border-color:rgba(212,175,55,.46)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.42), 0 0 0 1px rgba(212,175,55,.06) inset!important;
}

/* Íconos del bloque puntos con pequeño pulso dorado */
body[data-page="landing"] .points-icon-v74 svg{
  transition:transform .32s ease, filter .32s ease!important;
}

body[data-page="landing"] .points-grid-v74 article:hover .points-icon-v74 svg{
  transform:scale(1.08) rotate(-2deg);
  filter:drop-shadow(0 0 10px rgba(212,175,55,.34));
}

/* CTA final más premium */
body[data-page="landing"] .landing-final-cta-v74{
  position:relative;
  overflow:hidden;
}

body[data-page="landing"] .landing-final-cta-v74::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(212,175,55,.08) 45%, transparent 75%);
  transform:translateX(-100%);
  animation:landingCtaSweepV79 7s ease-in-out infinite;
}

@keyframes landingCopyEnterV79{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes landingVisualEnterV79{
  from{opacity:0; translate:0 18px; filter:blur(4px);}
  to{opacity:1; translate:0 0; filter:blur(0);}
}

@keyframes landingImageFloatV79{
  0%,100%{translate:0 -6px;}
  50%{translate:0 -18px;}
}

@keyframes landingGlowPulseV79{
  0%,100%{opacity:.55; transform:scale(.98);}
  50%{opacity:.95; transform:scale(1.04);}
}

@keyframes landingCtaSweepV79{
  0%,60%{transform:translateX(-100%); opacity:0;}
  72%{opacity:1;}
  100%{transform:translateX(100%); opacity:0;}
}

/* Respeta usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce){
  body[data-page="landing"] .landing-copy-v74,
  body[data-page="landing"] .landing-visual-v74,
  body[data-page="landing"] .landing-visual-v74 img,
  body[data-page="landing"] .landing-visual-v74::after,
  body[data-page="landing"] .landing-final-cta-v74::after{
    animation:none!important;
  }
}

@media (max-width:720px){
  body[data-page="landing"] .landing-visual-v74 img{
    translate:0 0;
    animation:landingImageFloatMobileV79 6.8s ease-in-out infinite!important;
  }

  @keyframes landingImageFloatMobileV79{
    0%,100%{translate:0 0;}
    50%{translate:0 -8px;}
  }
}


/* ===== V80: Solicitar código por WhatsApp + texto draft full width ===== */

/* Tarjeta superior: ya no se carga código aquí, solo se solicita por WhatsApp */
body[data-page="user"] .draft-whatsapp-claim-v80{
  display:block!important;
  margin:12px 0 10px!important;
}

body[data-page="user"] .draft-whatsapp-claim-v80 .btn{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}

/* En el draft principal, el texto explicativo ocupa todo el ancho */
body[data-page="user"] #draft-turns > p.muted,
body[data-page="user"] #draft-turns > .muted{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  display:block!important;
  margin-top:2px!important;
  font-size:15px!important;
  line-height:1.42!important;
}

@media (max-width:620px){
  body[data-page="user"] #draft-turns > p.muted,
  body[data-page="user"] #draft-turns > .muted{
    font-size:14px!important;
    line-height:1.38!important;
  }

  body[data-page="user"] #panel-draft .grid.two{
    grid-template-columns:1fr!important;
  }
}


/* ===== V81: rankings fase/general, duelos usuario y controles admin responsive ===== */
.ranking-toggle-v81{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-end!important;
}

.my-duels-panel-v81{
  margin-bottom:16px!important;
}

.my-duels-grid-v81{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}

.my-duel-card-v81{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.025);
}

.my-duel-card-v81 strong{
  display:block;
  font-size:18px;
  line-height:1.1;
}

.my-duel-card-v81 span{
  color:rgba(255,241,220,.78);
  font-weight:800;
}

.duel-score-v81{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:76px;
  justify-content:center;
}

.duel-score-v81 b{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid rgba(212,175,55,.24);
  background:#000;
  color:#fff;
  font-size:16px;
}

.phase-advance-card-v81{
  border-color:rgba(212,175,55,.32)!important;
}

@media (max-width:720px){
  .profile-ranking-head-v34{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .ranking-toggle-v81{
    justify-content:flex-start!important;
  }

  .ranking-toggle-v81 .btn{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
    padding-inline:8px!important;
  }

  .my-duels-grid-v81{
    grid-template-columns:1fr;
  }

  .my-duel-card-v81{
    grid-template-columns:1fr!important;
    gap:10px!important;
    text-align:left;
  }

  .duel-score-v81{
    justify-content:flex-start;
  }

  body[data-page="admin"] .phase-advance-card-v81 .form-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== V82: admin draft simplificado + mantenimiento ===== */
.draft-explain-v82{
  border-color:rgba(212,175,55,.28)!important;
}

.draft-flow-grid-v82{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.draft-flow-grid-v82 article{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.18);
  background:rgba(255,255,255,.025);
}

.draft-flow-grid-v82 strong{
  display:block;
  margin-bottom:6px;
  color:#fff8eb;
}

.draft-flow-grid-v82 span{
  color:rgba(255,241,220,.78);
  line-height:1.35;
}

.draft-main-actions-v82 .card h2{
  margin-top:8px;
}

.admin-tools-v82 summary{
  cursor:pointer;
  font-weight:900;
  font-size:18px;
  color:#fff8eb;
  list-style:none;
}

.admin-tools-v82 summary::-webkit-details-marker{
  display:none;
}

.admin-tools-v82 summary::after{
  content:" +";
  color:#d4af37;
}

.admin-tools-v82[open] summary::after{
  content:" −";
}

.danger-zone-v82{
  border-color:rgba(255,87,87,.32)!important;
  color:#ffd6d6!important;
}

.danger-zone-v82:hover{
  background:rgba(255,87,87,.10)!important;
}

@media (max-width:900px){
  .draft-flow-grid-v82{
    grid-template-columns:1fr;
  }

  .draft-main-actions-v82{
    grid-template-columns:1fr!important;
  }

  .admin-tools-v82 .form-grid{
    grid-template-columns:1fr!important;
  }

  .draft-explain-v82 h2,
  .draft-main-actions-v82 h2{
    font-size:25px!important;
    line-height:1.05!important;
  }
}
/* ===== V90: ranking compacto con desglose y puntos manuales de duelo ===== */
.profile-ranking-table-v90{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.profile-ranking-table-v90 th,
.profile-ranking-table-v90 td{
  padding:8px 4px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
.profile-ranking-table-v90 th{
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.profile-ranking-table-v90 .user-col,
.profile-ranking-table-v90 th:nth-child(2){
  text-align:left!important;
}
.profile-ranking-table-v90 .total-col strong{
  color:#b9ffd1;
}
.profile-ranking-table-v90 .pill{
  padding:4px 6px!important;
  font-size:10px!important;
}
.admin-ranking-table-v90 .admin-row{
  align-items:center;
}
.admin-ranking-table-v90 .compact-col,
.admin-ranking-table-v90 .duel-col,
.admin-ranking-table-v90 .optional-col,
.admin-ranking-table-v90 .points-cell{
  text-align:center!important;
}
.admin-ranking-table-v90 .total-cell{
  color:#b9ffd1;
  font-weight:1000;
}
.duel-manual-card-v90{
  display:grid;
  gap:8px;
}
.duel-manual-grid-v90{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:end;
}
.duel-manual-grid-v90 label{
  font-size:12px;
}
.duel-manual-grid-v90 input{
  min-height:40px;
}
.duel-manual-note-v90{
  font-size:12px;
}
.duel-phase-tabs-v102{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0 14px;
}
.duel-phase-count-v102{
  opacity:.8;
  margin-left:4px;
}
.duel-phase-sections-v102{
  display:grid;
  gap:14px;
}
.duel-phase-section-v102{
  display:grid;
  gap:10px;
}
.duel-phase-title-v102{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.duel-phase-grid-v102{
  display:grid;
  gap:10px;
}
@media(max-width:720px){
  .profile-ranking-table-v90 th,
  .profile-ranking-table-v90 td{
    padding:7px 3px!important;
    font-size:10px!important;
  }
  .profile-ranking-table-v90 th{
    font-size:7px!important;
  }
  .duel-manual-grid-v90{
    grid-template-columns:1fr 1fr;
  }
  .duel-manual-grid-v90 button{
    grid-column:1 / -1;
  }
  .duel-phase-tabs-v102{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    overflow:visible;
    padding-bottom:0;
  }
  .duel-phase-tabs-v102 .btn.small{
    min-width:0;
    width:100%;
    padding:7px 6px!important;
    font-size:11px!important;
    line-height:1.05;
    justify-content:center;
  }
  .duel-phase-tabs-v102 .duel-phase-count-v102{
    margin-left:3px;
    font-size:10px;
  }
  .duel-phase-grid-v102{
    grid-auto-flow:column;
    grid-template-rows:repeat(4,auto);
    grid-auto-columns:minmax(280px,86vw);
    overflow-x:auto;
    overflow-y:hidden;
    gap:12px;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .duel-phase-grid-v102::-webkit-scrollbar,
  .duel-phase-tabs-v102::-webkit-scrollbar{
    height:8px;
  }
  .duel-phase-grid-v102::-webkit-scrollbar-thumb,
  .duel-phase-tabs-v102::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.28);
    border-radius:999px;
  }
}

/* ===== V91: ranking con scroll horizontal legible ===== */
body[data-page="user"] .profile-table-wrap-v23,
body[data-page="user"] #panel-ranking .table-wrap{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin;
}

body[data-page="user"] .profile-ranking-table-v34,
body[data-page="user"] .profile-ranking-table-v90{
  width:max-content!important;
  min-width:520px!important;
  table-layout:auto!important;
  max-width:none!important;
}

body[data-page="user"] .profile-ranking-table-v90 th,
body[data-page="user"] .profile-ranking-table-v90 td{
  padding:9px 5px!important;
  font-size:11px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body[data-page="user"] .profile-ranking-table-v90 th{
  font-size:8px!important;
}

body[data-page="user"] .profile-ranking-table-v90 .rank-col{
  min-width:34px!important;
}

body[data-page="user"] .profile-ranking-table-v90 .user-col{
  min-width:58px!important;
  max-width:58px!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body[data-page="user"] .profile-ranking-table-v90 .plan-col{
  min-width:54px!important;
}

body[data-page="user"] .profile-ranking-table-v90 .team-col{
  min-width:42px!important;
}

body[data-page="user"] .profile-ranking-table-v90 .num-col{
  min-width:46px!important;
}

body[data-page="user"] .profile-ranking-table-v90 thead th:nth-child(2){
  text-align:center!important;
}

body[data-page="user"] .profile-ranking-table-v90 tbody tr{
  box-shadow:inset 0 -1px rgba(212,175,55,.14)!important;
}

body[data-page="user"] .profile-ranking-table-v90 tbody td{
  border-bottom:0!important;
}

body[data-page="user"] .profile-ranking-table-v90 tbody tr:last-child{
  box-shadow:none!important;
}

body[data-page="admin"] .admin-table-card{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

body[data-page="admin"] .admin-ranking-table-v90{
  width:max-content!important;
  min-width:760px!important;
  overflow:visible!important;
}

body[data-page="admin"] .admin-ranking-table-v90 .admin-row,
body[data-page="admin"] .admin-ranking-table-v90 .admin-row-head{
  min-width:760px!important;
}

@media(max-width:720px){
  body[data-page="user"] .profile-ranking-table-v34,
  body[data-page="user"] .profile-ranking-table-v90{
    min-width:520px!important;
  }

  body[data-page="user"] .profile-ranking-table-v90 th,
  body[data-page="user"] .profile-ranking-table-v90 td{
    padding:8px 4px!important;
    font-size:10px!important;
  }

  body[data-page="admin"] .admin-table-card{
    padding:12px!important;
    overflow:visible!important;
  }

  body[data-page="admin"] .admin-ranking-table-v90{
    display:block!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    min-width:680px!important;
  }

  body[data-page="admin"] .admin-ranking-table-v90 .admin-row,
  body[data-page="admin"] .admin-ranking-table-v90 .admin-row-head{
    min-width:680px!important;
  }

  body[data-page="admin"] .admin-ranking-table-v90 .admin-row-head{
    display:grid!important;
    position:sticky;
    top:0;
    z-index:2;
    padding:0 8px 6px!important;
    background:linear-gradient(180deg,rgba(10,14,22,.98),rgba(10,14,22,.92))!important;
  }

  body[data-page="admin"] .admin-ranking-table-v90 .admin-sort-head,
  body[data-page="admin"] .admin-ranking-table-v90 .admin-row-head span{
    font-size:10px!important;
    white-space:nowrap!important;
  }

  body[data-page="admin"] .admin-ranking-table-v90::-webkit-scrollbar{
    height:8px;
  }

  body[data-page="admin"] .admin-ranking-table-v90::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.35);
    border-radius:999px;
  }
}

/* ===== V98: ranking admin como tabla real para scroll mobile ===== */
.admin-ranking-wrap-v98{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid var(--line);
  border-radius:18px;
}
.admin-ranking-table-v98{
  width:max-content!important;
  min-width:760px!important;
  border-collapse:collapse;
}
.admin-ranking-table-v98 th,
.admin-ranking-table-v98 td{
  padding:12px 10px;
  border-bottom:1px solid rgba(212,175,55,.14);
  white-space:nowrap;
  text-align:center;
  font-weight:900;
}
.admin-ranking-table-v98 thead th{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  background:rgba(12,12,12,.98);
}
.admin-ranking-table-v98 .admin-sort-head{
  width:100%;
  text-align:center;
}
.admin-ranking-table-v98 .rank-cell{
  min-width:56px;
  color:#ffe08a;
}
.admin-ranking-table-v98 .user-cell{
  min-width:120px;
  max-width:120px;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-ranking-table-v98 thead .user-cell .admin-sort-head{
  text-align:left;
}
.admin-ranking-table-v98 .plan-cell{
  min-width:70px;
}
.admin-ranking-table-v98 .team-cell{
  min-width:56px;
}
.admin-ranking-table-v98 .total-cell,
.admin-ranking-table-v98 .compact-col,
.admin-ranking-table-v98 .optional-col{
  min-width:56px;
}
.admin-ranking-table-v98 .total-cell{
  color:#b9ffd1;
}
.admin-ranking-table-v98 tbody tr:last-child td{
  border-bottom:0;
}
.admin-ranking-empty-v98{
  text-align:center!important;
  color:var(--muted);
  padding:20px 12px!important;
}
@media(max-width:720px){
  body[data-page="admin"] .admin-ranking-wrap-v98{
    max-width:100%!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98{
    min-width:540px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 th,
  body[data-page="admin"] .admin-ranking-table-v98 td{
    padding:9px 6px!important;
    font-size:11px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 thead th{
    position:sticky;
    top:0;
    z-index:2;
    background:rgba(12,12,12,.98)!important;
    font-size:9px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .admin-sort-head{
    font-size:8px!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .rank-cell{
    min-width:44px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .user-cell{
    min-width:88px!important;
    max-width:88px!important;
    font-size:10px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .plan-cell{
    min-width:64px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .plan-cell .pill{
    font-size:10px!important;
    padding:5px 8px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .team-cell{
    min-width:50px!important;
  }
  body[data-page="admin"] .admin-ranking-table-v98 .total-cell,
  body[data-page="admin"] .admin-ranking-table-v98 .compact-col,
  body[data-page="admin"] .admin-ranking-table-v98 .optional-col{
    min-width:46px!important;
  }
  body[data-page="admin"] .admin-ranking-wrap-v98::-webkit-scrollbar{
    height:8px;
  }
  body[data-page="admin"] .admin-ranking-wrap-v98::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.35);
    border-radius:999px;
  }
}
.result-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}