*{box-sizing:border-box}body{margin:0;background:#f1f4f8;color:#14243d;font-family:system-ui,sans-serif;font-size:16px}header{background:#071a32;color:white;padding:24px max(20px,calc((100vw - 960px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}header img{width:58px}header a{color:#a5d1ff;text-decoration:none;font-size:14px}header small{letter-spacing:.14em;font-size:10px}h1{font-size:25px;margin:4px 0}h2{font-size:26px;margin:10px 0 18px;letter-spacing:-.035em}main{max-width:960px;padding:24px 18px;margin:auto}p{line-height:1.6}button,input,select,textarea{font:inherit}button{min-height:46px;padding:10px 17px;border:1px solid #becddd;border-radius:10px;background:white;color:#14243d;font-weight:650;cursor:pointer}button:hover{border-color:#1677c9}button:disabled{opacity:.5;cursor:wait}.primary{background:#c91863;color:white;border-color:#c91863}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #bbc8d8;border-radius:9px;background:#fff;margin-top:8px;min-height:48px;color:#14243d}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #64b6ff;outline-offset:2px}label{display:block;font-weight:600;margin:10px 0 18px}nav,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.card{padding:28px;border:1px solid #dce3ec;border-radius:18px;background:white;margin-bottom:20px;box-shadow:0 6px 25px #10223d05}#login{max-width:530px;margin:36px auto}#login button{width:100%}.eyebrow{font-size:11px;letter-spacing:.13em;color:#32628d;font-weight:750}.muted{font-size:13px;color:#5f7084}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}fieldset{border:0;padding:24px 0;margin:15px 0;border-top:1px solid #e0e7ef}legend{font-weight:750;padding:0 10px 0 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips label{margin:0;padding:12px 16px;border:1px solid #c3d0df;border-radius:10px;display:flex;align-items:center;gap:8px}.chips label:has(:checked){background:#e4f1ff;border-color:#1e75bd}.chips input{width:20px;min-height:20px;margin:0}.player{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8edf4}.player-name{font-size:14px;font-weight:650;flex:1}.player select{width:130px;margin:0;font-size:14px}.player:has(option[value=present]:checked){border-left:4px solid #22885b;padding-left:10px}.section-title,.guest-add,.save-bar{display:flex;gap:14px;align-items:center;justify-content:space-between}.guest-add input{margin:0}.save-bar{position:sticky;bottom:0;padding:16px 0;background:#fff}#save-state{font-size:12px;color:#607087}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.stat{background:#071a32;color:white;border-radius:12px;padding:18px}.stat strong{display:block;font-size:25px;margin-top:10px}.session{padding:20px;background:white;border-radius:12px;margin:12px 0;border:1px solid #dce3ec}.session h3{margin:0 0 8px}.session p{margin:6px 0;font-size:14px}#message:not(:empty){padding:15px;background:#fff1d6;border:1px solid #d6a75a;border-radius:10px}footer{text-align:center;padding:24px;color:#69798d;font-size:12px}[hidden]{display:none!important}#print-area{display:none}
@media(max-width:600px){header{gap:12px;padding:18px}header a{width:100%}header img{width:45px}h1{font-size:21px}main{padding:14px 12px}.card{padding:19px}h2{font-size:24px}.grid{grid-template-columns:1fr 1fr}.grid label:first-child{grid-column:1/-1}.player{flex-wrap:wrap}.player-name{min-width:140px}.player select{width:115px;padding:10px 5px}.chips label{flex:1 0 27%;padding:10px}.section-title{align-items:flex-start}.save-bar button{flex:1}.guest-add{align-items:stretch}button{font-size:14px}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white;font-size:10px}header,footer,#login,#message,#workspace{display:none!important}main{max-width:none;padding:0}#print-area{display:block}table{border-collapse:collapse;width:100%;margin-bottom:20px}th,td{border:1px solid #888;padding:5px;text-align:left}thead{display:table-header-group}tr{break-inside:avoid}.print-section{break-before:page}.print-section:first-child{break-before:auto}h2{font-size:18px}}

/* Paleta del vestuario del primer equipo */
@media screen {
 body{background:radial-gradient(ellipse at 100% 0%,#0c3157 0%,transparent 48%),#061426;color:#eaf4ff}
 header{background:linear-gradient(115deg,#06162c,#0a294b);border-bottom:2px solid #ff2f83}
 .card,.session{background:linear-gradient(145deg,#0a203a,#081b32);border-color:#1c4a78;box-shadow:0 14px 35px #0003}
 button{background:#103354;color:#eaf4ff;border-color:#2a5e8e}
 button:hover{border-color:#78bfff;background:#16436b}
 .primary{background:linear-gradient(105deg,#ff2f83,#d9166e);border-color:#ff2f83;color:#fff;box-shadow:0 5px 18px #ff2f8326}
 .primary:hover{background:#d9166e}
 input,select,textarea{background:#06182d;color:#eaf4ff;border-color:#285a8b;color-scheme:dark}
 input::placeholder,textarea::placeholder{color:#91a9c2}
 .eyebrow,header small{color:#78bfff}
 .muted,#save-state,footer{color:#abc0d7}
 fieldset,.player{border-color:#1c4a78}
 .chips label{border-color:#285a8b;background:#081b32}
 .chips label:has(:checked){background:#163e65;border-color:#78bfff;box-shadow:inset 0 -3px #ff2f83}
 .chips input{accent-color:#ff2f83}
 .save-bar{background:#081b32}
 .stat{background:linear-gradient(145deg,#103354,#081b32);border:1px solid #285a8b}
 .stat strong{color:#f7c948}
 #message:not(:empty),#undo-bar{background:#123653;color:#eaf4ff;border:1px solid #4385b6}
 .danger{color:#ffb4cf;border-color:#a82e62;background:#481b36}
 .player:has(option[value=present]:checked){border-left-color:#40c7a0}
}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}
#undo-bar{padding:14px;border-radius:12px;margin:16px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}
#discard{margin-top:8px}
@media(max-width:600px){.session .section-title{display:block}.row-actions{margin:12px 0}.row-actions button{flex:1}#undo-bar{align-items:stretch;flex-direction:column}.save-bar{flex-wrap:wrap}}
@media print{#undo-bar{display:none!important}}

.attendance-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.attendance-groups h4{margin:0 0 8px}.attendance-groups ul{margin:0;padding-left:20px}.attendance-groups li{padding:4px 0;overflow-wrap:anywhere;line-height:1.5;font-size:14px}
@media(max-width:600px){.attendance-groups{grid-template-columns:1fr;gap:16px}}
@media print{.attendance-groups{grid-template-columns:1fr 1fr}.attendance-groups li{font-size:11px;break-inside:avoid}.attendance-groups h4{break-after:avoid}.print-section p{overflow-wrap:anywhere}}