:root{color-scheme:dark;--bg:#0b1120;--panel:#151f32;--panel2:#1c2940;--line:#2b3c55;--ink:#f5f8fd;--muted:#a4b1c5;--accent:#3ed3ad;--gold:#ffc875;--red:#ff8088}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#111b2c;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:22px;letter-spacing:-.8px}.brand b{color:var(--accent)}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 65px)}nav{border-right:1px solid var(--line);padding:18px 12px}nav button{display:block;width:100%;padding:13px 16px;background:transparent;border:0;text-align:left;color:var(--muted);border-radius:11px;margin:3px 0}nav button.active{background:#20344b;color:var(--accent);font-weight:700}main{padding:28px;max-width:1350px;width:100%;margin:auto}h1{font-size:27px;margin:0 0 7px;letter-spacing:-.7px}h2{font-size:18px;margin:0 0 14px}p{color:var(--muted);margin:0 0 18px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;flex-wrap:wrap}.btn{border:0;color:#09211d;background:var(--accent);padding:11px 16px;border-radius:10px;font-weight:800}.btn.secondary{color:var(--ink);background:#283a51}.btn.danger{background:#4a2634;color:#ffb8bd}.btn.tiny{padding:7px 10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px}.card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:15px;min-width:0}.metric{font-size:27px;font-weight:800;margin:8px 0 2px}.muted{color:var(--muted)}.tiny{font-size:12px}.grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:grid;gap:10px}.item{padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.tag{display:inline-block;border-radius:99px;padding:5px 9px;background:#30415a;font-size:11px;color:#dbe7f6}.tag.good{background:#153b36;color:#74eac7}.tag.warn{background:#46372d;color:#ffd092}table{width:100%;border-collapse:collapse;min-width:550px}th,td{border-bottom:1px solid var(--line);padding:12px 9px;text-align:left}th{color:var(--muted);font-size:12px;font-weight:600}td:last-child,th:last-child{text-align:right}.scroll{overflow:auto}.section{display:none}.section.active{display:block}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}input,select{width:100%;min-width:0;background:#0e192b;border:1px solid #405069;color:var(--ink);border-radius:9px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--accent)}form{display:grid;gap:12px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}dialog{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:18px;width:min(530px,calc(100% - 24px));padding:22px;max-height:90vh;overflow:auto}dialog::backdrop{background:#030814bb}.notice{background:#223548;border-left:3px solid var(--accent);padding:12px;border-radius:8px;color:#d5e4f3;margin:14px 0}.empty{padding:34px 10px;text-align:center;color:var(--muted)}.hamburger{display:none}.navtitle{padding:12px;color:#7487a2;font-size:11px;font-weight:800;letter-spacing:1px}.actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.league-select{max-width:240px}.hide{display:none!important}@media(max-width:850px){.app{grid-template-columns:1fr}nav{display:flex;overflow-x:auto;gap:5px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}nav button{width:auto;white-space:nowrap;padding:10px 12px}nav .navtitle{display:none}main{padding:18px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:14px}.metric{font-size:22px}.grid2{grid-template-columns:1fr}.fields{grid-template-columns:1fr}h1{font-size:23px}header{padding:0 13px}}

/* GolZone v0.2 - mobile-first compact layer */
html{scroll-behavior:smooth}body{overflow-x:hidden}button{touch-action:manipulation}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app{align-content:start}.section .top{margin-bottom:14px}.section .top p{display:none}.section h1{font-size:23px}.section .card h2{font-size:15px;margin-bottom:10px}.item{min-width:0}.item b,.row>div{min-width:0;overflow-wrap:anywhere}.compact-list{display:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-line{border-bottom:1px solid var(--line);padding:9px 0}.detail-line small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.detail-line strong{font-size:14px;font-weight:650}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h2{margin:0}.icon-close{width:36px;height:36px;background:var(--panel2);color:var(--ink);border:0;border-radius:10px;font-size:20px;flex-shrink:0}.mini-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line);min-height:58px}.mini-item:last-child{border:0}.mini-body{flex:1;min-width:0}.mini-title{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mini-sub{font-size:11px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-end{display:flex;align-items:center;gap:8px;flex-shrink:0}.mini-amount{font-size:13px;font-weight:750}.mini-list{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.detail-btn{border:1px solid #3f536a;border-radius:9px;background:#263950;color:var(--ink);padding:8px 10px;font-size:12px;font-weight:700;white-space:nowrap}.detail-btn:active{background:#34516b}.mobile-label{display:none}
@media(max-width:850px){
 header{height:58px;padding:7px 14px;gap:10px}.brand{font-size:19px;flex:0 0 auto}.brand .tiny{display:none}.league-select{flex:1;max-width:none;width:0;height:39px;padding:7px 29px 7px 10px;font-size:12px;text-overflow:ellipsis}
 .app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr);min-height:0;align-items:start}
 nav{height:52px;width:100%;max-width:100vw;display:flex;align-items:center;align-self:start;overflow-x:auto;overflow-y:hidden;gap:4px;padding:4px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#0e1728;overscroll-behavior-x:contain}
 nav button{height:40px;width:auto!important;flex:0 0 auto;display:flex;align-items:center;border-radius:9px;padding:0 12px!important;margin:0!important;font-size:12px}
 nav button.active{background:#223d4c}main{min-width:0;padding:16px 12px 85px;max-width:640px}h1,.section h1{font-size:21px;line-height:1.16;margin:0}.section .top{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin-bottom:14px}.section .top>div{flex:1;min-width:0}.section .top .btn{flex-shrink:0;padding:10px 12px;font-size:12px}.section .top p{display:none}.cards{gap:8px;margin-bottom:12px}.card{padding:12px;border-radius:13px}.metric{font-size:19px;letter-spacing:-.4px;white-space:nowrap}.grid2{gap:10px}.grid2 .card h2{margin-bottom:8px}.stack{gap:8px}.item{padding:11px;border-radius:10px;font-size:12px}.tag{font-size:10px;padding:4px 7px}.notice{font-size:11px;padding:9px;margin:8px 0 12px}.scroll{display:none}.compact-list{display:block}.card:has(.compact-list){padding:0;overflow:hidden}.card:has(.compact-list)>h2{padding:12px 12px 0}.card:has(.compact-list)>.top{padding:12px 12px 0;margin-bottom:5px}.card:has(.compact-list)>.notice{margin:8px 12px}.card:has(.compact-list)>.compact-list{border:0;border-radius:0}.fields{grid-template-columns:1fr 1fr;gap:10px}.fields label{min-width:0}.fields input{padding:11px 9px}dialog{width:calc(100% - 20px);max-width:510px;padding:17px;border-radius:16px;max-height:calc(100dvh - 35px)}dialog::backdrop{background:#030814db}.actions{gap:8px}.actions .btn{padding:10px 12px}.mobile-label{display:inline}.detail-grid{gap:8px}
}
@media(max-width:350px){.brand{font-size:16px}.mini-end{gap:5px}.detail-btn{padding:7px}.mini-item{padding:10px 8px}.fields{grid-template-columns:1fr}}




.bracket-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.bracket-head h1{font-size:20px;margin:0}.icon-btn{width:38px;height:38px;border:1px solid #38506b;border-radius:10px;background:#22354b;color:#eff6ff;font-size:18px;line-height:1}.icon-btn:active{background:#2e475f}.bracket-viewport{overflow-x:auto;overflow-y:hidden;background:#101b2d;border:1px solid var(--line);border-radius:14px;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.bracket-viewport canvas{display:block;max-width:none;touch-action:pan-x}.bracket-viewport canvas:active{cursor:pointer}.bracket-champion{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px}.bracket-champion:empty{display:none}#bracketStatus{margin:0 0 8px;padding:9px 10px}.section#brackets .actions{gap:6px}.section#brackets .btn.tiny{padding:9px 12px}@media(max-width:850px){.bracket-head{margin-bottom:8px}.bracket-head h1{font-size:18px}.section#brackets .actions{flex-wrap:nowrap}.section#brackets .btn.tiny{padding:8px 10px;font-size:12px}.icon-btn{width:34px;height:34px;font-size:16px}.bracket-viewport{border-radius:12px}}
#draftToolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}#draftToolbar button{padding:10px 12px;font-size:13px}#draftNotice{font-size:12px;color:var(--muted,#aebaca);padding:7px 1px}#draftList .draftDay{color:#9fabbb;font-size:12px;font-weight:700;margin:14px 0 7px}#draftList .draftItem{background:#162235;border:1px solid #30405b;border-radius:13px;padding:11px;margin-bottom:7px;display:flex;align-items:center;gap:8px;justify-content:space-between}#draftList .draftItem .meta{font-size:12px;color:#99acc2;margin-top:4px}#dlgDraft{border:1px solid #34465d;border-radius:18px;background:#142035;color:#f3f6fa;padding:20px;width:min(94vw,520px);max-height:88dvh;overflow:auto}#dlgDraft::backdrop{background:rgba(0,0,0,.77)}#dlgDraft label{display:block;margin:11px 0;color:#a9b9cd;font-size:13px}#dlgDraft input,#dlgDraft select{display:block;width:100%;box-sizing:border-box;background:#0e1929;color:white;border:1px solid #3e516e;padding:13px;border-radius:10px;margin-top:6px}#draftStats{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}#draftStats span{font-size:12px;background:#22354b;padding:7px 10px;border-radius:9px}#draftWarning{color:#ffd19a;font-size:12px;white-space:pre-wrap;margin:10px 0}#draftPreview{margin-top:12px}#draftControls{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}#draftControls button{padding:11px;border:0;border-radius:10px}#draftControls .primary{background:#37cba7;color:#0b2430;font-weight:700}#draftControls .secondary{background:#273950;color:#f0f5ff}
#fixture .top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#fixture .top>div:first-child{flex:1 1 100%}#fixture .top>button{flex:1 1 auto;max-width:100%;white-space:normal}#draftToolbar{flex:1 1 auto;margin:0}#draftToolbar button{min-height:39px}#draftNotice{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}#draftPreview{flex:1 1 100%;min-width:0}@media(max-width:480px){#fixture .top>button{font-size:12px;padding:10px}#draftToolbar button{font-size:12px;padding:9px}#draftToolbar{width:100%}}

.bracket-viewport{overflow-x:auto;overflow-y:hidden;background:#101b2d;border:1px solid var(--line);border-radius:14px;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.bracket-viewport canvas{display:block;max-width:none;touch-action:pan-x}.bracket-viewport canvas:active{cursor:pointer}#bracketChampion{font-size:13px}#bracketStatus{margin:0 0 10px}.bracket-viewport:focus{outline:2px solid var(--accent)}



.config-summary{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 0}.config-summary span{font-size:10px;padding:4px 7px;border-radius:7px;background:#24384d;color:#cbd8e8}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-grid label{display:flex;align-items:center;justify-content:center;gap:0;background:#233348;border:1px solid #38506b;border-radius:9px;padding:10px 0;color:var(--ink);font-size:12px;cursor:pointer}.weekday-grid input{position:absolute;opacity:0;width:1px;height:1px}.weekday-grid label:has(input:checked){background:#145546;border-color:var(--accent);color:#e5fff7}.config-head{font-size:12px;color:var(--accent);font-weight:800;margin:12px 0 2px}.form-note{font-size:11px;color:var(--muted);line-height:1.45}.court-line{display:grid;grid-template-columns:minmax(0,1fr) 80px 32px;gap:6px;align-items:center;margin-top:7px}.court-line input{padding:9px}.court-line button{background:#3e2936;color:#ffb9bd;border:0;border-radius:8px;height:38px}.config-actions{position:sticky;bottom:-17px;padding:12px 0 2px;background:var(--panel);display:flex;justify-content:flex-end;gap:8px}#dlgConfig{max-width:580px}#dlgConfig h2{margin:0}.setting-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:9px}.setting-card>summary{font-weight:800;cursor:pointer}.warning-line{color:#ffd092;font-size:11px;margin-top:8px}
.league-config-row{align-items:center}.league-config-row.is-selected{border-color:var(--accent);background:#17283a;box-shadow:inset 3px 0 var(--accent)}.league-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.league-row-meta .mini-sub{margin-top:0}.league-selected{padding:3px 7px;border:1px solid #348e7c;border-radius:99px;background:#163b37;color:#83f0d0;font-size:10px;font-weight:800;white-space:nowrap}.league-buttons{display:flex;flex-direction:column;gap:7px;flex-shrink:0}.league-buttons button{min-width:87px;padding:8px 9px!important}.league-config-row .config-summary{margin-top:8px}@media(min-width:600px){.league-buttons{flex-direction:row}}
.active-league-banner{margin:-3px 0 10px;padding:11px 13px;border:1px solid #348e7c;border-left:4px solid var(--accent);border-radius:11px;background:#14302f;color:#d9fff4;font-size:13px;font-weight:750;overflow-wrap:anywhere}



/* GolZone v0.5 calendar navigator */
#fixture .notice{display:none}#fixture #matches{display:none}.cal-tools{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:7px;margin:0 0 12px}.cal-tools select,.cal-tools button{min-width:0;height:39px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--ink)}.cal-tools button{width:40px;font-size:19px}.cal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.cal-stat{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:10px 8px}.cal-stat strong{display:block;font-size:18px}.cal-stat small{font-size:10px;color:var(--muted)}.cal-date{font-size:12px;font-weight:800;color:var(--muted);margin:14px 2px 7px}.cal-game{display:flex;align-items:center;gap:8px;padding:11px 10px;background:var(--panel);border:1px solid var(--line);border-radius:11px;margin-bottom:6px}.cal-game-main{flex:1;min-width:0}.cal-game-names{font-weight:700;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.cal-game-meta{font-size:11px;color:var(--muted);margin-top:3px}.cal-game .detail-btn{flex-shrink:0}.cal-warning{color:var(--gold);font-size:11px;margin-top:5px}.cal-empty{color:var(--muted);text-align:center;padding:28px 8px}.cal-legend{color:var(--muted);font-size:11px;margin-top:10px}.cal-status{font-size:11px;color:var(--accent)}#calIssueBox{margin:10px 0;padding:11px;background:#392c2c;border:1px solid #755047;border-radius:11px;color:#ffcead;font-size:12px}#dlgMatch select{width:100%}@media(max-width:420px){.cal-game-names{font-size:12px}.cal-stats strong{font-size:16px}#fixture .top{flex-wrap:wrap}.cal-tools{gap:5px}}



.team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-height:34px}
.team-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}
.team-filters button{border:1px solid var(--line);border-radius:9px;background:#19283c;color:var(--muted);padding:9px 11px;font-size:12px;white-space:nowrap}
.team-filters button.active{background:#1c5148;border-color:#3a947d;color:#dcfff5;font-weight:800}
#teamReviewList .mini-item{min-height:62px}
#teamReviewList .mini-sub{margin-top:4px}
.team-status{font-size:10px;border-radius:7px;padding:4px 6px;background:#324158;color:#d1e0f3}
.team-status.observado{background:#533c26;color:#ffd8a8}
.team-status.aprobado{background:#1b4b3f;color:#9df5d8}
.team-status.rechazado{background:#522b37;color:#ffb9c3}
.review-actions{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap;justify-content:flex-end}
.review-actions button{flex:1;min-width:95px}
.review-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.review-note{padding:10px;background:#233348;border-radius:10px;font-size:12px;color:#e2e9f1;white-space:pre-wrap;overflow-wrap:anywhere}
#dlgTeamReview textarea{width:100%;background:#0e192b;border:1px solid #405069;border-radius:9px;padding:11px;color:var(--ink);min-height:82px;resize:vertical}
#dlgTeamReview label{margin-top:14px}
@media(max-width:380px){.team-toolbar{align-items:flex-start}.team-filters button{padding:9px 8px}.review-actions button{min-width:78px}}

html.auth-pending header,html.auth-pending .app{display:none!important}
#authGate[hidden],#authNameLabel[hidden],#authResend[hidden],#authRefresh[hidden],#authUserPanel[hidden]{display:none!important}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:22px 14px;background:radial-gradient(ellipse at top,#17253c 0%,var(--bg) 58%)}
.auth-card{width:min(430px,100%);padding:25px 22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 65px #0005}
.auth-card>.brand{margin-bottom:22px}.auth-card h1{font-size:25px}.auth-card p{line-height:1.5}
.auth-message{min-height:0;margin:0}.auth-message:not(:empty){margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#1c2a3e;color:#dce9f8;font-size:13px;line-height:1.45}
.auth-message.error{background:#422830;color:#ffc0c5}.auth-message.pending{background:#203c3a;color:#b5f5e2}
.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:13px}
.auth-actions .detail-btn{padding:8px 4px;background:transparent;border:0;color:#b6c7dc;text-decoration:underline}
.auth-footnote{margin-top:19px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}
.auth-user{display:flex;align-items:center;gap:8px;min-width:0}.auth-user span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.auth-demo-banner{border-color:#4887a0;background:#1d3041;color:#d9edfb}
@media(max-width:600px){header:has(.auth-user:not([hidden])){gap:7px;padding-inline:9px}.auth-user span{display:none}.auth-user .btn{padding:7px 9px}.auth-card{padding:22px 17px}}

.persistence-status{padding:0 0 8px;text-align:right;font-size:11px}


[hidden]{display:none!important}


.invitation-manager{margin:0 0 12px;padding:12px}.invitation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.invitation-head h2{margin:0 0 4px}.invitation-head .actions{gap:6px}.invitation-manager #inviteLinkWrap{margin-top:10px}.invitation-manager #inviteLink{font-size:12px}.invitation-manager #teamCounts{margin-top:8px}


.public-demo-banner{margin:0;border-radius:0;border-left:0;border-bottom:1px solid var(--line);padding:10px 16px;text-align:center;font-size:12px}