@font-face{font-family:Cooper;src:url('CooperBlack.ttf')}*{box-sizing:border-box}body{margin:0;background:#f3f1e9;color:#132c3c;font-family:Cooper}button,input{font:inherit}button{cursor:pointer}header{height:94px;border-bottom:1px solid #d9dbd4;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none}.brand img{width:63px;height:63px;object-fit:contain}.brand span,.edition{font-size:10px;font-weight:800;letter-spacing:1.7px}.edition{border:1px solid #aeb8b6;padding:11px 15px}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{position:relative;padding:48px 0 40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;margin:0 0 16px}h1{font:76px/.94 Cooper;margin:0;letter-spacing:-2px}h1 br{display:none}h1 em{font-style:normal;color:#244cc4}.lede{position:absolute;right:0;bottom:39px;font-size:16px;line-height:1.6;margin:0;color:#52616b}.workspace{display:grid;grid-template-columns:335px minmax(0,1fr);gap:42px;align-items:start}.step,.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.1px;height:32px}.step b{background:#e0e6f5;color:#244cc4;padding:7px 9px;font-size:10px;letter-spacing:0}.hint{font-size:12px;color:#68757d;margin:8px 0 21px}.pick{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #d4d9d5;background:#fffefa;padding:12px;margin-bottom:10px;min-height:76px;transition:.2s}.pick:hover,.pick:focus-visible{border-color:#244cc4;transform:translateX(3px)}.pick .number{font:18px Cooper;color:#96a1a5;width:28px}.pick img{width:47px;height:45px;object-fit:contain;background:#e9edf2;border-radius:3px}.pick .copy{flex:1}.pick strong{display:block;font-size:13px}.pick small{display:block;font-size:12px;color:#78858b;margin-top:6px}.pick .plus{font-size:22px;color:#244cc4}.pick.selected{border-left:3px solid #244cc4}.pick.selected small{color:#244cc4}.personal{border-top:1px solid #d4d9d5;margin-top:24px;padding-top:20px}label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:9px}label span{color:#8a9498;font-size:8px;margin-left:5px}input{width:100%;border:1px solid #d4d9d5;background:#fffefa;padding:12px;color:#132c3c;border-radius:0;font-size:14px;outline-offset:3px}.personal input{margin-bottom:16px}.saved{font-size:11px;color:#748184;margin:2px 0 13px}.reset{background:none;border:0;padding:0;border-bottom:1px solid #aeb7b8;font-size:11px;color:#58666e}.preview-top{margin-bottom:14px}.live{display:flex;gap:6px;align-items:center;color:#547b60;font-size:9px}.live i{width:6px;height:6px;background:#588b63;border-radius:50%}canvas{display:block;width:100%;height:auto;box-shadow:0 12px 35px #132c3c16}.export-bar{display:flex;align-items:center;justify-content:space-between;background:#fffefa;padding:20px 22px;border:1px solid #d4d9d5;border-top:0}.export-bar strong{font-size:14px}.export-bar p{font-size:11px;color:#738187;margin:7px 0 0}#export{background:#244cc4;color:white;border:0;padding:15px 23px;font-weight:bold;font-size:13px}#export span{margin-left:18px}#export:disabled{background:#dce1e7;color:#7b8794;cursor:default}.export-note{text-align:right;font-size:11px;color:#748184;min-height:14px}footer{margin-top:48px;padding:24px 0;border-top:1px solid #d4d9d5;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#69777c}dialog{width:650px;max-width:calc(100vw - 28px);border:0;padding:28px;background:#f3f1e9;color:#132c3c;max-height:85vh}dialog::backdrop{background:#081b32aa;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}h2{font:27px Cooper;margin:0 0 23px}.close{background:transparent;border:0;font-size:30px;color:#132c3c}.search-label{margin-top:5px}.roster-note{font-size:11px;color:#758088;line-height:1.5}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:42vh;overflow:auto;margin:18px 0}.result{background:#fffefa;border:1px solid #d4d9d5;padding:8px;font-size:12px;font-weight:bold;color:#132c3c;min-height:125px}.result:hover,.result:focus-visible{border-color:#244cc4;background:#e6ecff}.result img{display:block;width:100%;height:92px;object-fit:contain;margin-bottom:7px}.remove{border:0;background:transparent;color:#8c4141;text-decoration:underline;font-size:12px;padding:8px 0}.empty{grid-column:1/-1;padding:30px;text-align:center;font-size:14px}@media(min-width:1300px){.preview{max-width:760px}.workspace{gap:65px}}@media(max-width:800px){header{height:76px}.brand span{display:none}.edition{font-size:8px}main{padding:0 20px}.intro{padding:34px 0 28px}h1{font-size:57px}h1 br{display:block}.lede{position:static;font-size:14px;margin-top:20px}.workspace{grid-template-columns:1fr;gap:26px}.editor{max-width:none}#picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pick{margin:0;padding:10px;gap:7px}.pick strong{font-size:11px}.pick small{font-size:10px}.pick .number{font-size:14px;width:19px}.pick img{width:33px;height:38px}.pick .plus{font-size:17px}.personal{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.personal label{grid-row:1}.personal input{grid-row:2;min-width:0}.export-bar{padding:16px 12px}.export-bar strong{font-size:12px}#export{padding:13px 15px}.results{grid-template-columns:repeat(2,1fr)}footer{font-size:8px;gap:15px}}
h1 em{margin-left:.18em}@media(max-width:1050px){.lede{position:static;margin-top:20px}.intro{padding-bottom:28px}}@media(max-width:900px){.workspace{grid-template-columns:1fr;gap:26px}.editor{max-width:none}#picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pick{margin:0}.preview{max-width:none}.intro h1{font-size:64px}.intro h1 br{display:none}.intro h1 em{margin-left:.18em}}@media(max-width:480px){.intro h1{font-size:58px}.intro h1 br{display:block}.intro h1 em{margin-left:0}}
.title-row{height:auto;padding:32px 0;margin-bottom:24px;border:0;gap:20px}.title-row h1{font-size:clamp(19px,4.4vw,58px);letter-spacing:-.03em;line-height:1.2;white-space:nowrap}.title-row img{width:clamp(46px,7vw,90px);height:auto;flex-shrink:0}.step,.preview-top{letter-spacing:0;font-size:13px}.step b{background:none;color:#58666e;padding:0}.pick.selected{border-left:1px solid #d4d9d5}.pick.selected small,.pick .plus{color:#52616b}.pick:hover,.pick:focus-visible{border-color:#58666e;transform:none}#export{background:#132c3c}.result:hover,.result:focus-visible{border-color:#58666e;background:#eeeee8}.export-bar{justify-content:space-between}.export-bar p{margin:0}.workspace{margin-bottom:40px}
.title-row h1{color:#345494;font-size:clamp(22px,5.5vw,76px)}.title-row{gap:12px}.title-row img{width:clamp(42px,6vw,80px)}.pick,.pick.selected{border:1px solid #345494}.pick:hover,.pick:focus-visible{border-color:#345494}.personal{display:block}.personal input{margin-bottom:0}
.player-details{display:block;font:11px/1.4 Cooper;color:#68757d;margin-top:5px}.title-row img{width:clamp(80px,12vw,156px)}.title-row h1{font-size:clamp(20px,4.6vw,68px)}.title-row{align-items:center}.pick{min-height:91px}.result .player-details{font-weight:normal;font-size:10px}.result{min-height:150px}

body,button,input,select,textarea,.player-details{font-family:Cooper;font-weight:normal}.pick{min-height:0;padding:10px;gap:10px}.pick strong{color:#777;font-size:12px;font-weight:normal}.pick small,.pick.selected small{color:#000;font-size:17px;margin-top:4px}.pick .player-details{font-size:11px;margin-top:4px}.pick img{width:60px;height:64px}.result{font-weight:normal}.result .player-details{font-family:Cooper}#export,label,.step,.preview-top{font-weight:normal}@media(max-width:600px){#picks{grid-template-columns:1fr}.pick small,.pick.selected small{font-size:18px}}
