@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#edf0f5;background:#101419;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:86px;border-bottom:1px solid #30363e;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{color:#c7f564}.badge,.eyebrow{font-size:12px;letter-spacing:2px;color:#a8b0bb;font-weight:700}main{max-width:1240px;margin:auto;padding:42px 28px 70px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.05;margin:12px 0}h1{font-size:clamp(42px,6vw,68px);text-transform:uppercase}h2{font-size:34px}h3{font-size:26px}p{color:#aab3bf;line-height:1.6}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.intro p{max-width:560px}.steps{display:flex;gap:24px;margin-bottom:40px;font-size:14px;color:#8e98a6}.steps .active{color:#c7f564}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#1b2129;border:1px solid #353d48;padding:25px;text-align:left;min-height:190px;border-radius:10px;color:inherit;transition:.15s}.card:hover,.selected{border-color:#c7f564;background:#242e28}.card p{font-size:14px;margin-bottom:0}.num{color:#c7f564;font-size:14px}.card small{display:block;color:#b0b9c3;margin-top:15px}.layout{display:grid;grid-template-columns:1fr 320px;gap:28px}.panel{background:#1b2129;border:1px solid #343c47;border-radius:12px;padding:28px}.panel h2{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:10px}.full{grid-column:1/-1}label,legend{font-size:14px;font-weight:600}input,select{width:100%;background:#11171e;border:1px solid #48515e;border-radius:6px;padding:13px;color:#fff;font:inherit}input[type=checkbox]{width:20px;height:20px;accent-color:#c7f564}.check{display:flex;align-items:center;gap:12px;padding:12px;background:#121820;border-radius:6px}.check label{flex:1}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}button{font:inherit;cursor:pointer;border:1px solid #48515e;border-radius:6px;padding:12px 18px;background:transparent;color:inherit}button:hover{border-color:#c7f564}button:focus-visible,a:focus-visible{outline:3px solid #c7f564;outline-offset:4px}.primary{background:#c7f564;color:#17200e;border-color:#c7f564;font-weight:700}.muted{font-size:14px;color:#99a4b2}.row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #343c47;padding:15px 0;font-size:14px}.row span{color:#aab3bf}.tag{display:inline-block;padding:6px 9px;border-radius:4px;background:#303c24;color:#c7f564;font-size:12px}.tabs{display:flex;gap:8px;overflow-x:auto;margin:26px 0}.tabs button{white-space:nowrap}.tabs .active{background:#c7f564;color:#17200e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat strong{display:block;font-size:30px;margin-top:8px}.match{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #343c47}.match>div:last-child{text-align:right}.match strong{display:block;font-size:26px;margin:8px 0}.gold{color:#efcc7b}.champ{border-top:3px solid #efcc7b}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}td,th{padding:16px 12px;border-bottom:1px solid #343c47}th{color:#9da8b6;font-size:12px;letter-spacing:1px}dialog{max-width:510px;border:1px solid #647247;border-radius:12px;background:#1b2129;color:#fff;padding:30px}dialog::backdrop{background:#000b}.notice{padding:12px 16px;border-left:3px solid #c7f564;background:#232e23;margin:20px 0;font-size:14px}.link{border:0;color:#c7f564;padding-left:0}.empty{padding:45px 15px;text-align:center}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.intro{display:block}.stats{gap:8px}.panel{padding:20px}.badge{font-size:10px;letter-spacing:1px}.steps{gap:12px;font-size:12px}}@media(max-width:500px){main{padding:26px 16px}.cards,.fields{grid-template-columns:1fr}.card{min-height:150px}.stats{grid-template-columns:1fr}.full{grid-column:auto}header{padding:0 16px}.brand{font-size:13px}.actions{flex-wrap:wrap}h1{font-size:44px}}

/* Compact league selection and single-column setup. */
.league-options{grid-template-columns:1fr;gap:10px}.league-options .card{min-height:0;padding:16px 20px;display:grid;grid-template-columns:1fr;align-items:start}.league-options .num{grid-row:1/4;padding-top:5px}.league-options h3{font-size:24px;margin:0 0 5px}.league-options p{margin:0}.league-options small{margin-top:7px}.layout,.fields{grid-template-columns:1fr}.actions button,.tabs button,td button{padding:9px 14px;font-size:14px}button:not(.card){padding:9px 14px}.selected{border-color:#c7f564;background:#242e28;box-shadow:inset 3px 0 #c7f564}
.entrylink{display:inline-block;padding:10px 15px;border:1px solid #667646;border-radius:6px;color:#c7f564;text-decoration:none;font-size:14px}.entrylink.primary{color:#17200e}.stepper{display:flex;align-items:center;gap:8px}.stepper input{width:90px;text-align:center}.stepper button{font-size:20px!important;padding:5px 14px!important}details{margin:20px 0}summary{font-size:18px;cursor:pointer;color:#c7f564;padding:10px 0}details .fields{margin-top:15px}form button{margin-top:14px}.steps{flex-wrap:wrap}