:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#17263d;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#0c1d33;color:white;padding:18px max(5%,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:15px;letter-spacing:1px}.brand small{display:block;color:#b3c5da;font-size:10px;letter-spacing:2px;margin-top:5px}.ball{font-size:34px}.outline{border:1px solid #758ba6;background:transparent;color:white;border-radius:7px;padding:10px 13px;cursor:pointer}.hero{background:radial-gradient(circle at 85% 50%,#2d5277 0%,transparent 42%),linear-gradient(120deg,#0d223d,#122c4b);color:white;padding:65px max(5%,calc((100% - 1120px)/2)) 70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#dfaa55}.hero h1{font-size:clamp(35px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:15px 0}.hero em{font-style:normal;color:#eab35b}.hero p{color:#c4d1df;max-width:490px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chips span{background:#ffffff14;border:1px solid #ffffff25;padding:9px 14px;border-radius:30px;font-size:12px}nav{background:white;display:flex;gap:8px;overflow:auto;padding:13px max(5%,calc((100% - 1120px)/2));border-bottom:1px solid #e2e7ee}nav button{white-space:nowrap;border:0;background:transparent;color:#61738a;padding:11px 15px;border-radius:7px;cursor:pointer;font-weight:700}nav button.active{background:#142e4e;color:white}main{max-width:1120px;margin:auto;padding:35px 5% 70px}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px}.heading h2{margin:8px 0 0;font-size:28px}select,input{background:white;border:1px solid #d4dce7;border-radius:7px;padding:11px;color:#17263d;max-width:100%}.tableWrap{overflow-x:auto;background:white;border-radius:12px;border:1px solid #e2e7ef;box-shadow:0 8px 24px #15283d08}table{border-collapse:collapse;width:100%;min-width:650px}th{background:#102b4b;color:#fff;text-align:left;font-size:11px;letter-spacing:.8px;padding:16px}td{padding:16px;border-bottom:1px solid #edf0f4;font-size:13px}tr:last-child td{border-bottom:0}tr:nth-child(even) td{background:#fafbfd}.empty{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:35px;text-align:center;color:#6a7b90}.muted{color:#718196;font-size:13px;line-height:1.6}.adminGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.panel{background:white;border:1px solid #e0e6ef;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px}.panel h3{margin:0 0 5px}.panel label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}.panel input,.panel select{width:100%}.panel button{border:0;border-radius:7px;background:#163b62;color:white;padding:12px;cursor:pointer;font-weight:700}.panel .danger{background:#a43e40}.smallGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teamCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.teamCard{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:23px}.teamCard b{display:block;font-size:18px;margin:12px 0 6px}.teamCard span{color:#6b7d92;font-size:12px}footer{background:#0c1d33;color:#a7b9ce;text-align:center;padding:26px;font-size:12px}@media(max-width:550px){header{padding:15px}.brand strong{font-size:11px}.brand small{font-size:9px}.outline{font-size:11px}.hero{padding:55px 6%}.heading{align-items:start;flex-direction:column}main{padding:28px 5%}.heading h2{font-size:25px}}

.leagueLogo{height:55px;width:55px;object-fit:contain}.teamLogo{height:64px;display:flex;align-items:center;font-size:32px}.teamLogo img{max-height:64px;max-width:100px;object-fit:contain}.logoPreview{max-height:90px;max-width:130px;object-fit:contain}

/* Paneles de roster y campeones */
.rosterPanel{background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:18px;margin:18px 0;overflow:hidden}.rosterPanel h3{margin:4px 0 14px}.rosterHead{display:flex;align-items:center;gap:14px;margin-bottom:12px}.rosterHead img{width:64px;height:64px;object-fit:contain}.rosterPanel .tableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}nav{overflow-x:auto;-webkit-overflow-scrolling:touch}nav button{white-space:nowrap}@media(max-width:600px){.rosterPanel{padding:12px}.heading{flex-wrap:wrap}.tableWrap{max-width:100%;overflow-x:auto}}

.importPanel{margin:20px 0}.importPanel textarea{width:100%;min-height:130px}.sheetPreview{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:12px auto}.sheetPreview[hidden]{display:none}.sheetError{color:#a32020}.importPanel #sheetSave{margin-top:12px}.importPanel #sheetSave:disabled{opacity:.45;cursor:not-allowed}
