:root{
  --bg:#f4f6fb;--card:#fff;--text:#101828;--muted:#667085;--brand:#950b25;--brand2:#c31236;--line:#d7deea;--ok:#087443;--danger:#b42318;--shadow:0 18px 50px rgba(16,24,40,.08);--radius:22px
}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);padding-bottom:72px}a{color:inherit;text-decoration:none}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,42px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--brand);font-weight:900}.brand-ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff0f3;border:1px solid #f5bcc8;font-size:22px}.brand strong{display:block;line-height:1}.brand small{display:block;line-height:1.05;font-weight:800}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{font-weight:750;color:#7a061d}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 24px;font-weight:900;color:#7a061d}.page{max-width:1180px;margin:0 auto;padding:24px clamp(14px,3vw,28px)}.alert{padding:14px 18px;border-radius:16px;margin-bottom:16px;font-weight:700}.alert.success{background:#e7f7ef;color:#075e37}.alert.error{background:#fde8e7;color:#8a1f16}.hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:34px;background:linear-gradient(135deg,var(--brand2),#73091d);color:#fff;box-shadow:var(--shadow);isolation:isolate}.hero:after{content:"";position:absolute;right:-90px;bottom:-130px;width:360px;height:360px;border-radius:50%;border:35px solid rgba(255,255,255,.09);z-index:-1;pointer-events:none}.hero h1{font-size:clamp(34px,6vw,66px);line-height:.98;margin:14px 0;max-width:900px}.hero p{font-size:18px;max-width:760px;line-height:1.5}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;letter-spacing:.05em}.pill.soft{background:#fff0f3;border-color:#f3bac6;color:var(--brand)}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.btn.primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff}.btn.light{background:#eef2f7;color:#0b1220}.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}.btn.big{font-size:17px;padding:15px 22px}.btn.full{width:100%}.btn.compact{min-height:36px;padding:8px 12px;border-radius:11px;font-size:13px}.btn.danger{background:#fee4e2;color:#912018}.grid{display:grid;gap:16px;margin-top:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card,.auth-card,.quick-card,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:20px;margin-top:18px}.card h2{margin-top:0}.quick-card{padding:20px;display:flex;flex-direction:column;gap:7px}.quick-card strong{font-size:20px}.quick-card span,.muted{color:var(--muted)}.auth-card{max-width:620px;margin:24px auto;padding:24px}.auth-card.wide{max-width:820px}.auth-card h1{margin-top:0;font-size:34px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single{grid-template-columns:1fr}label{font-weight:800;display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(195,18,54,.12);border-color:#c31236}.center{text-align:center}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:12px 0 16px}.section-head h1{font-size:clamp(30px,5vw,46px);margin:.1em 0}.group-list{display:grid;gap:10px}.group-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px}.group-row small{display:block;color:var(--muted);margin-top:4px}.fixture-list{display:grid;gap:14px}.date-title{font-size:22px;margin:24px 0 2px;color:#7a061d}.match-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.match-meta,.match-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:14px}.teams-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;padding:18px 0;font-size:20px}.teams-row strong:first-child{text-align:right}.teams-row strong:last-child{text-align:left}.versus{background:#f2f4f7;border-radius:999px;padding:8px 12px;font-weight:900;color:#7a061d}.badge{border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.badge.done{background:#dcfae6;color:#067647}.badge.closed{background:#f2f4f7;color:#667085}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid label{display:block}.choice-grid input{display:none}.choice-grid span{display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:16px;min-height:76px;padding:12px;background:#fff;font-weight:900}.choice-grid input:checked+span{background:#fff0f3;border-color:#c31236;color:#950b25}.score-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.score-grid span{font-size:32px;font-weight:900;padding-bottom:10px}.prediction-form{display:grid;gap:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:middle}th{font-size:13px;text-transform:uppercase;color:var(--muted)}.mobile-cards{display:none}.ranking-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.ranking-card small{display:block;color:var(--muted)}.pos{width:42px;height:42px;border-radius:50%;background:#fff0f3;color:#950b25;font-weight:900;display:grid;place-items:center}.share-box{display:grid;gap:14px;margin:18px 0}.stat-card{padding:18px;text-align:center}.stat-card strong{display:block;font-size:34px;color:var(--brand)}.stat-card span{color:var(--muted);font-weight:800}.result-form{display:flex;align-items:center;gap:7px}.result-form input{width:70px;padding:8px}.bottom-nav{display:none}
@media (max-width:760px){body{padding-bottom:76px}.site-header{height:auto;align-items:center;padding:9px 12px}.brand-ball{width:34px;height:34px;font-size:17px}.brand{gap:8px}.brand strong,.brand small{font-size:15px}.menu-toggle{display:block;flex:1;margin-left:10px}.main-nav{display:none;position:absolute;top:64px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px;border-radius:12px;background:#f8fafc}.page{padding:16px 8px}.hero{padding:24px 18px;border-radius:20px}.hero p{font-size:16px}.hero-actions,.stacked-mobile,.actions{display:grid;width:100%}.hero-actions .btn,.actions .btn{width:100%}.grid.two,.grid.three,.grid.five{grid-template-columns:1fr}.section-head{display:grid;align-items:start}.form-grid{grid-template-columns:1fr}.auth-card{margin:14px 0;border-radius:20px;padding:18px}.teams-row{grid-template-columns:1fr;text-align:center;padding:14px 0}.teams-row strong:first-child,.teams-row strong:last-child{text-align:center}.match-meta,.match-foot{align-items:stretch}.match-foot>*{width:100%}.match-foot .btn,.match-foot form,.match-foot button{width:100%}.choice-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.score-grid span{display:none}.desktop-table{display:none}.mobile-cards{display:grid;gap:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line);z-index:30}.bottom-nav a{padding:11px 8px;text-align:center;font-weight:900;color:#7a061d}.table-wrap{font-size:14px}}
.no-margin{margin-top:0}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.filter-actions{display:flex;gap:8px;align-items:center}.table-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.table-title-row h2{margin:0}.empty-state{border:1px dashed var(--line);border-radius:18px;padding:22px;background:#f8fafc}.status-pill{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;text-transform:capitalize;background:#eef2f7;color:#475467}.status-programado{background:#eef2f7;color:#475467}.status-en_juego{background:#fff7e6;color:#b54708}.status-finalizado{background:#dcfae6;color:#067647}.status-cancelado{background:#fee4e2;color:#912018}.admin-actions-cell{display:grid;gap:8px;min-width:360px}.admin-actions-cell>form{margin:0}.form-footer{display:flex;gap:12px;align-items:center}.full-row{grid-column:1/-1}.result-form-mobile{display:grid;gap:12px}.compact-score{grid-template-columns:1fr auto 1fr}.compact-score span{display:block;padding-bottom:8px}.admin-match-card .actions{margin-top:10px}
@media (max-width:980px){.filters-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.admin-actions-cell{min-width:280px}}
@media (max-width:760px){.filters-grid{grid-template-columns:1fr}.filter-actions{display:grid}.form-footer{display:grid}.admin-actions-cell{min-width:0}.compact-score{grid-template-columns:1fr auto 1fr}.compact-score span{display:block;font-size:28px;padding-bottom:8px}.table-title-row{display:grid}}
.debug-box {
    white-space: pre-wrap;
    word-break: break-word;
    background: #0f172a;
    color: #e5e7eb;
    border-radius: 14px;
    padding: 16px;
    overflow-x: auto;
    font-size: 13px;
    line-height: 1.5;
}
.alert.warning {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}