:root{color-scheme:light;--ink:#15382f;--accent:#dcf997;--line:#c9d9d0}
body{font-family:system-ui,sans-serif}
header{padding:clamp(26px,5vw,60px) max(20px,calc((100vw - 1080px)/2));background:linear-gradient(120deg,#102e27,#1d5141)}
header small{font-weight:750}
header p{margin:8px 0 0}
main{padding:clamp(14px,3vw,28px)}
button,input,textarea,select{min-height:44px;max-width:100%}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #287d64;outline-offset:3px}
button:disabled{opacity:.55;cursor:wait}
section,form{min-width:0}
.scroll{overflow-x:auto}
table{font-variant-numeric:tabular-nums}
th,td{white-space:nowrap}
td:nth-child(2),th:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:7rem}
details{margin:10px 0}
summary{cursor:pointer;padding:10px 4px;font-weight:700}
.score-fields,.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.score-fields label,.filters label{display:grid;gap:5px;margin:0;min-width:0}
.score-fields input,.filters input,.filters select{width:100%}
#score{border:1px solid var(--line)}
#score>button{width:100%}
#score output{background:#edf6e2;padding:12px;border-radius:8px}
#score .filters{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}
#venueText{align-self:end;padding:8px 0}
.row{grid-template-columns:minmax(0,1fr) 88px}
.row input,.row select{width:100%;min-width:0}
#teams>section{scroll-margin-top:1rem}
#teams h2{overflow-wrap:anywhere}
@media(max-width:580px){
 nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #create{display:grid;gap:8px}
 #create label{margin:0;display:grid;gap:5px}
 .score-fields,.filters,#score .filters{grid-template-columns:1fr}
 .score-fields{gap:8px}
 .scroll table,.scroll thead,.scroll tbody,.scroll tr,.scroll td,.scroll th{display:block}
 .scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .scroll tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#f2f6f0;border-radius:12px;padding:10px;margin:8px 0}
 .scroll td,.scroll th{padding:3px;border:0;white-space:normal;min-width:0}
 .scroll td::before{content:attr(data-label);display:block;font-size:.75rem;color:#456456}
 .scroll th{font-size:1.05rem}
}

:root{--ink:#191713;--accent:#f1ab0a;--line:#ded7ca}
body{background:#f7f5f0;color:var(--ink)}
header{background:#171512;border-bottom:4px solid var(--accent);color:#fff}
.brand{display:flex;align-items:center;gap:clamp(12px,3vw,32px)}
.brand img{display:block;width:clamp(76px,14vw,144px);height:auto;flex-shrink:0;border-radius:50%}
.brand h1{font-size:clamp(1.6rem,6vw,4.3rem);line-height:1.08}
header small,.edition{color:#ffc343}
.edition{font-size:.82rem;font-weight:650}
button{background:var(--accent);color:#191713}
button[aria-pressed=true]{background:#191713;color:#fff;border-color:#191713}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#9a6500}
section,.grid form,td,th{border-color:var(--line)}
.grid form,#score output{background:#fff5dd}
input,select,textarea,button{border-color:#b8aa95}
@media(max-width:580px){
 .scroll tr{background:#fff5dd}
 .scroll td::before{color:#69532e}
}
.brand-crest{display:block;width:clamp(76px,14vw,144px);aspect-ratio:1;flex-shrink:0;border-radius:50%;background:url('/logo-liga.png') 59% 49%/127% auto no-repeat}

button{border:1px solid transparent;border-radius:6px;padding-inline:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}
button[aria-pressed=false]{background:transparent;border-color:var(--line)}
@media(hover:hover){
 button:not([aria-pressed=true]):hover{background:#ffd063}
 button[aria-pressed=false]:hover{border-color:#bc8e3b;background:#fff5dd}
}
@media(prefers-reduced-motion:reduce){button{transition:none}}

[hidden]{display:none!important}
#accounts-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:12px}
#account-secret{padding:10px;background:#fff5dd;overflow-wrap:anywhere}

.team-music ul{list-style:none;padding:0}.team-music li{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid var(--line)}
.team-music small{color:#594726;overflow-wrap:anywhere}.team-music audio{max-width:100%}

.role-switch,.role-switch nav,.preview-bar nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.role-switch{justify-content:space-between}.role-switch a,.role-switch span,.preview-bar nav a,.preview-bar nav span{padding:6px 10px;border-radius:6px;font-weight:750;color:inherit}
.role-switch [aria-current],.preview-bar [aria-current]{background:var(--ink);color:#fff}
.preview-bar{background:#fff5dd;border:1px solid var(--line);padding:10px 14px}.preview-bar p{margin:6px 0}

#turnos-panel{margin:12px 0;background:white;border:1px solid var(--line);border-radius:12px;padding:12px}
.turn-form{display:grid;gap:6px}.turn-form>label{display:grid;gap:3px;margin:0}.turn-form select{width:100%}
.turn-form fieldset{min-width:0;border:1px solid var(--line);border-radius:8px}
#turn-athletes{display:flex;flex-wrap:wrap;gap:2px 10px}#turn-athletes label{display:inline-flex;align-items:center;gap:5px}
#turn-athletes input{min-height:0;margin:0}