:root{color:#15253a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;background:#fff;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:80rem;margin:auto;padding:1.25rem}h1,h2,h3,h4,p{color:#15253a}h3{margin:.25rem 0 .8rem}h4{margin:.4rem 0}.site-header{border-bottom:1px solid #d5e0ea;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0 .8rem;display:flex}.site-header h1{letter-spacing:-.04em;align-items:center;gap:.65rem;margin:0;font-size:1.7rem;display:flex}.site-header h1:before,section>h2:after{content:"C";color:#fff;background:#d41b2c;border:2px solid #fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.site-header h1:before{width:2.2rem;height:2.2rem;font-size:1.15rem;box-shadow:0 0 0 1px #d5e0ea}.site-header p{color:#42556a;margin:.2rem 0}.site-header strong{color:#0a7d38;font-size:.85rem}.site-header [role=alert],[role=alert]{color:#a31522;font-weight:650}nav{margin:.8rem 0 1rem}.app-nav,.actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.app-nav{border-bottom:1px solid #d5e0ea;padding-bottom:.65rem}.app-nav button{color:#15253a;background:#fff;border:1px solid #d5e0ea;min-height:2.8rem}.app-nav button[aria-current=page],.actions button[aria-current=page]{color:#fff;background:#0866cd;border-color:#0866cd}button,summary{min-height:2.75rem}button{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#0878ed,#0564ce);border:1px solid #0564ce;border-radius:6px;padding:.62rem .95rem;font-weight:700}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #6fb7ee}button.link{color:#0866cd;text-align:left;background:0 0;border:0;min-height:auto;padding:.2rem;font-weight:700}button.secondary,.secondary{color:#15253a;background:#eef1f5;border-color:#d5e0ea}button.danger{color:#fff;background:linear-gradient(#ed2634,#d60618);border-color:#d60618}button.success{color:#fff;background:linear-gradient(#19b64c,#0c983c);border-color:#0c983c}button.small{min-height:2rem;padding:.35rem .5rem;font-size:.75rem}section{color:#15253a;background:#fff;border:1px solid #d5e0ea;border-radius:8px;max-width:72rem;margin:1rem auto;padding:1.25rem;overflow:hidden;box-shadow:0 8px 20px #092d4912}section>h2{color:#fff;letter-spacing:-.02em;background:linear-gradient(110deg,#092f4e,#04233c);margin:-1.25rem -1.25rem 1.25rem;padding:.9rem 4rem .9rem 1.2rem;font-size:1.35rem;line-height:1.25;position:relative}section>h2:after{width:2.2rem;height:2.2rem;font-size:1.1rem;position:absolute;top:.45rem;right:1rem}section h3{font-size:1.1rem}section p{line-height:1.5}.dashboard,.prepare-panel,.match-panel{max-width:48rem}.prepare-panel{max-width:36rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid>form,.grid>div{background:#fff;border:1px solid #d5e0ea;border-radius:7px;min-width:0;padding:1rem}form{align-content:start;gap:.8rem;display:grid}label{color:#42556a;gap:.35rem;font-size:.9rem;font-weight:700;display:grid}label.inline{color:#15253a;align-items:center;gap:.6rem;min-height:2.6rem;font-size:.95rem;display:flex}input,select{font:inherit;color:#15253a;background:#fff;border:1px solid #b7c7d7;border-radius:7px;width:100%;min-height:2.75rem;padding:.6rem .7rem}input[type=checkbox],input[type=radio]{accent-color:#0866cd;width:1.15rem;height:1.15rem;min-height:1.15rem;margin:0}input[type=file]{height:auto}details{border:1px solid #d5e0ea;border-radius:7px;margin-top:.8rem;padding:.3rem .7rem}summary{cursor:pointer;color:#15253a;padding:.55rem;font-weight:700}.notice{color:#15253a;background:#eaf5ff;border:1px solid #c9def4;border-radius:7px;margin:1rem 0;padding:.8rem 1rem}.summary{background:#fff8e2;border:1px solid #f6eab3;border-radius:7px;padding:.75rem 1rem}.dashboard-start{width:100%;min-height:4rem;font-size:1.15rem}.steps{flex-wrap:wrap;margin:0 0 1.1rem;display:flex}.steps span{color:#64748b;background:#f1f3f5;border:1px solid #d5e0ea;padding:.5rem .7rem;font-size:.82rem;font-weight:700}.steps span:first-child{border-radius:6px 0 0 6px}.steps span:last-child{border-radius:0 6px 6px 0}.steps span.active{color:#fff;background:#0866cd;border-color:#0866cd}.prepare-panel form>.grid{grid-template-columns:1fr}.prepare-panel form>.grid>label{border:0;padding:0}.prepare-panel form>button,.prepare-list>button{width:100%}.prepare-list{gap:.65rem;display:grid}.prepare-list>p,.prepare-list>h3{margin:.15rem 0}.prepare-list>.inline{border-radius:5px;padding:.5rem .7rem}.prepare-list>.inline:nth-of-type(odd){background:#f1f5f9}.player-number{color:#64748b;min-width:2.5rem;font-weight:800}.draft-player{border-top:1px solid #e3e8f0;grid-template-columns:minmax(5rem,1fr) minmax(7rem,1fr) auto;align-items:end;gap:.5rem;padding:.5rem 0;display:grid}.roster-editor{gap:.75rem;margin-top:1rem;display:grid}.roster-list{border:1px solid #d5e0ea;border-radius:7px;max-height:26rem;overflow: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)}.match-panel>p:first-of-type{color:#42556a;font-weight:700}.match-roster>div{padding:0;overflow:hidden}.match-roster h3{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#0ab23f;margin:0;padding:.6rem .8rem;font-size:.95rem}.match-roster .bench h3{background:#637081}.match-roster .field{background:#f5fff7;border-color:#a9e5ba}.match-roster .bench{background:#f2f4f7}.match-roster ul{margin:0;padding:.5rem .8rem;list-style:none}.match-roster li{border-bottom:1px solid #d5e0ea;padding:.42rem .3rem}.match-roster li:last-child{border-bottom:0}.primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0;display:grid}.primary-actions button{min-height:3.5rem}body:has(.dialog):before{content:"";z-index:9;background:#061d32a8;position:fixed;inset:0}.dialog{z-index:10;background:#fff;border:1px solid #d5e0ea;border-radius:8px;gap:.75rem;width:min(94vw,42rem);max-height:92dvh;padding:1.25rem;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00172e55}.dialog>h3{color:#fff;background:linear-gradient(110deg,#092f4e,#04233c);margin:-1.25rem -1.25rem .3rem;padding:.9rem 1.25rem;font-size:1.3rem}.dialog>h4,.dialog>p{margin:.1rem 0}.dialog .actions{margin-top:.25rem}.change-player-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.change-player{gap:.25rem;display:grid}.change-player>button:first-child{text-align:center;white-space:normal;color:#15253a;background:#e3fae9;border-color:#a9e5ba;min-height:4rem}.bench-choices .change-player>button:first-child{background:#f2f4f7;border-color:#d5e0ea}.field-choices .change-player>button:first-child[aria-pressed=true]{color:#fff;background:#e92736;border-color:#e92736}.bench-choices .change-player>button:first-child[aria-pressed=true]{color:#fff;background:#0878ed;border-color:#0878ed}.time-input{text-align:center;letter-spacing:.12em;font-variant-numeric:tabular-nums;max-width:16rem;font-size:2.3rem;font-weight:800}.dialog ol{padding-left:1.5rem}ul{padding-left:1.3rem}li{margin:.25rem 0}.table-wrap{border:1px solid #d5e0ea;border-radius:7px;margin-top:1rem;overflow-x:auto}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.metric-grid>div{background:#eaf5ff;border:1px solid #d5e0ea;border-radius:7px;gap:.3rem;padding:.9rem;display:grid}.metric-grid>div:nth-child(2){background:#f5fff7;border-color:#a9e5ba}.metric-grid>div:nth-child(3){background:#fff8e2;border-color:#f6eab3}.metric-grid span{color:#42556a;font-size:.82rem;font-weight:700}.metric-grid strong{color:#15253a;font-size:1.5rem}table{border-collapse:collapse;color:#15253a;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #d5e0ea;padding:.65rem}th{color:#42556a;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;font-size:.8rem}@media (width<=700px){main{padding:.75rem}.site-header{display:block}.site-header strong{margin-top:.5rem;display:block}.grid,.primary-actions,.metric-grid{grid-template-columns:1fr}.app-nav{gap:.35rem}.app-nav button{padding:.5rem;font-size:.85rem}.dialog{padding:1rem}.dialog>h3{margin:-1rem -1rem .3rem}.draft-player,.roster-entry,.roster-new{grid-template-columns:1fr}}