:root{color:#14243b;background:#f4f6f9;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:70rem;margin:0 auto;padding:1.5rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{margin-bottom:.2rem}header p{margin-top:0}section{background:#fff;border:1px solid #d6deea;border-radius:.6rem;margin:1rem 0;padding:1.25rem}h2{margin-top:0}h3{margin:.2rem 0 .7rem}.grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}form{align-content:start;gap:.7rem;display:grid}.grid>form,.grid>div{border:1px solid #e3e8f0;border-radius:.5rem;padding:1rem}label{gap:.25rem;font-weight:600;display:grid}.inline{align-items:center;gap:.5rem;display:flex}input,select,button{font:inherit;padding:.55rem}input,select{background:#fff;border:1px solid #a9b9ce;border-radius:.3rem;width:100%}.inline input{width:auto}button{cursor:pointer;color:#fff;background:#1254a0;border:0;border-radius:.3rem;font-weight:600}button,summary{min-height:2.75rem}button:disabled{opacity:.45;cursor:default}button.link{color:#1254a0;text-align:left;background:0 0;padding:.2rem}.secondary{color:#1254a0;background:#e5edf8}.actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.app-nav{flex-wrap:wrap;gap:.5rem;display:flex}.app-nav button{min-height:3.25rem}.app-nav button[aria-current=page]{color:#fff;background:#173d72}.dashboard-start{width:100%;min-height:5rem;font-size:1.35rem}.draft-player{grid-template-columns:minmax(7rem,1fr) minmax(8rem,1fr) auto;align-items:end;gap:.5rem;margin:.5rem 0;display:grid}.roster-editor{gap:.75rem;margin-top:1rem;display:grid}.roster-editor>p,.roster-editor h3,.roster-editor h4{margin:0}.roster-list{border:1px solid #d6deea;border-radius:.5rem;max-height:26rem;overflow-y:auto}.roster-entry,.roster-new{border-bottom:1px solid #e3e8f0;grid-template-columns:minmax(10rem,1fr) minmax(7rem,9rem) auto;align-items:center;gap:.75rem;padding:.5rem;display:grid}.roster-entry{grid-template-columns:minmax(10rem,1fr) minmax(7rem,9rem)}.roster-entry .inline{min-height:3rem}.roster-editor .notice p{margin:.4rem 0 0}.primary-actions{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0;display:grid}.primary-actions button{min-height:4rem}.dialog{border:2px solid #1254a0;border-radius:.5rem;gap:.7rem;margin:1rem 0;padding:1rem;display:grid}.dialog>button{text-align:left}.change-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.change-columns>div{align-content:start;gap:.5rem;display:grid}.change-player{gap:.5rem;display:flex}.change-player>button:first-child{text-align:left;flex:1}.change-choice{text-align:left;width:100%}.change-columns button{min-height:3.5rem}.change-columns button[aria-pressed=true]{background:#176c50}.match-panel li{padding:.2rem 0}nav{margin:.6rem 0 1rem}details{margin-top:1rem}summary{cursor:pointer;padding:.55rem;font-weight:600}.notice{background:#edf4ff;margin-top:1rem;padding:1rem}ul{padding-left:1.3rem}.table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #d6deea;padding:.55rem}@media (width<=600px){header{display:block}main{padding:.75rem}.primary-actions,.change-columns,.draft-player,.roster-entry,.roster-new{grid-template-columns:1fr}}