/* NOS League module extends the approved NOS Media V3 design. */
.league-page .page-heading{margin-bottom:22px}
.league-page .league-tag{background:linear-gradient(105deg,rgba(38,114,232,.18),rgba(89,215,255,.08));border:1px solid #305277;color:#9cdbff;letter-spacing:.16em;font-size:10px;font-weight:900;padding:9px 13px;border-radius:12px}
.league-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(420px,1.22fr);gap:20px;align-items:start}
.league-editor{background:linear-gradient(160deg,#0d1d31,#0a1628);border:1px solid #263a54;border-radius:17px;padding:25px}
.league-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}
.league-editor-head h3{font-size:16px;margin:0;color:#ecf5ff}.league-editor-head span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#6998c7}
.league-editor .field{margin-bottom:17px}
.league-editor input[type=text],.league-editor input[type=number],.league-editor textarea{outline:0;width:100%;background:#0a182a;color:#e4f2ff;border:1px solid #29405f;border-radius:9px;padding:12px 13px;font-size:12px;min-width:0;font-family:inherit}
.league-editor input:focus,.league-editor textarea:focus{border-color:#5dacf3;box-shadow:0 0 0 3px #2d88fc23}
.league-editor textarea{resize:vertical;min-height:66px}
.league-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.league-toggle{display:flex;gap:10px;align-items:center;color:#bed5eb;font-size:11px;line-height:1.4;font-weight:700;min-height:34px}
.league-toggle input{accent-color:#3d99ef;width:16px;height:16px}
.league-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.league-buttons .btn{font-size:11px;padding:11px 13px}
.league-actions-divider{height:1px;background:#20344f;margin:24px 0}
.league-controller-name{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;align-items:center}
.league-controller-name strong{font-size:12px;color:#e7f3ff}
.league-controller-name em{font-style:normal;font-size:10px;color:#85bdff;letter-spacing:.1em}
.league-timer-value{font-size:42px;color:#eaf9ff;font-weight:900;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.league-timer-status{color:#8faac6;font-size:10px;letter-spacing:.11em;font-weight:800;margin:6px 0 18px}
.league-timer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.league-stage-outer{border:1px solid #273e5d;border-radius:17px;background:linear-gradient(150deg,#0d1d31,#08182b);padding:22px;min-width:0}
.league-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.league-stage-head span{font-size:10px;letter-spacing:.17em;color:#73b1e9;font-weight:900}
.league-stage-head strong{display:block;font-size:16px;color:#edf7ff;margin-top:5px}
.league-stage-head small{font-size:10px;color:#638bb7}
.league-stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:#061124;border-radius:14px;border:1px solid #2a4567;box-shadow:inset 0 0 100px #050b17}
.league-stage iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform:scale(var(--league-scale,.4));transform-origin:top left;pointer-events:none}
.league-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;color:#7ba8d0;font-size:10px}
.league-stage-bottom i{display:inline-block;width:7px;height:7px;background:#4ddca6;border-radius:50%;margin-right:5px}
.league-source{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;border:1px solid #2c4763;border-radius:12px;background:#0a182b;padding:14px}
.league-source code{font-size:12px;color:#a0cafd}
.league-help{font-size:11px;line-height:1.6;color:#7f9fbd;margin-top:14px}
.league-note{margin-top:15px;font-size:11px;padding:12px 14px;border:1px solid #264f6e;background:#0e2b42;border-radius:11px;color:#a8ccdf;line-height:1.6}
.league-note[data-tone=error]{color:#ffc3cc;border-color:#a24957;background:#391a28}
.league-note[data-tone=success]{color:#91edc2;border-color:#2e7a68;background:#0e372e}
.league-divider-cap{font-size:10px;letter-spacing:.18em;color:#699bc7;font-weight:900;margin:18px 0 10px}
@media(max-width:1300px){.league-layout{grid-template-columns:minmax(0,1fr)}.league-stage-outer{grid-row:1}}
@media(max-width:720px){.league-editor,.league-stage-outer{padding:16px}.league-buttons{flex-direction:column}.league-buttons .btn{width:100%}.league-stage-head{flex-direction:column;align-items:flex-start}.league-controls-row{grid-template-columns:1fr}.league-source{flex-direction:column;align-items:flex-start}.league-timer-fields{grid-template-columns:1fr 1fr}}

.league-sponsor-editor{margin:18px 0;padding:16px;border:1px solid #294669;border-radius:14px;background:rgba(8,20,40,.7)}
.league-sponsor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#95d4ff;font-weight:900;font-size:12px;letter-spacing:.15em;margin-bottom:14px}
.league-sponsor-heading small{font-size:9px;letter-spacing:.08em;color:#608bb8}
.league-sponsor-fields{display:grid;gap:10px;margin-top:12px}
.league-sponsor-field{padding:12px;background:rgba(8,21,40,.72);border:1px solid #213957;border-radius:10px}
.league-sponsor-field .field{margin:0 0 8px}
.league-sponsor-field input[type=text]{width:100%;box-sizing:border-box}
.league-upload{display:inline-block;padding:9px 12px;background:#17375d;color:#c0eaff;border-radius:8px;border:1px solid #375e83;cursor:pointer;font-size:11px;font-weight:800}
.league-upload:hover{background:#235080}
.league-upload input[type=file]{width:1px;height:1px;position:absolute;opacity:0;pointer-events:none}
.league-sponsor-tip{margin-top:10px;font-size:10px;color:#8eadcf;line-height:1.6}