:root{--dm:#102a43;--dc:#1c70b5;--di:#163246;--dd:#627987;--dl:#d8e5eb;--bg:#f2f7f9}
body.draft-page{background:linear-gradient(180deg,#e8f4f8,#f5f9fb 380px);color:var(--di)}
.draft-page .page-shell{width:min(1480px,calc(100% - 32px))}
.draft-page .site-nav{min-height:61px}
.draft-page *{box-sizing:border-box}
.draft-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:35px;align-items:center;margin-top:10px;padding:clamp(25px,4vw,44px);border-radius:20px;color:#fff;background:radial-gradient(circle at 70% 15%,rgba(96,213,226,.19),transparent 35%),linear-gradient(115deg,#102a43,#1c70b5);box-shadow:0 18px 34px rgba(12,47,67,.16)}
.draft-hero h1{font-size:clamp(2.25rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.055em;margin:12px 0 10px}.draft-hero h1 em{font-style:normal;color:#ffad78}.draft-hero p{max-width:580px;color:#c2dbe5;line-height:1.5;margin:0}.draft-label{color:#1c70b5;font-weight:900;font-size:.72rem;letter-spacing:.15em}.draft-hero .draft-label,.draft-turn-card>span{color:#ffad78}.draft-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.draft-button{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:9px 15px;border:1px solid transparent;border-radius:9px;background:#1c70b5;color:#fff;font:inherit;font-size:.86rem;font-weight:800;text-decoration:none;cursor:pointer}.draft-button:hover{filter:brightness(1.07)}.draft-button.light{background:#ffe2cf;color:#113d4b}.draft-button.outline{background:rgba(255,255,255,.07);border-color:rgba(206,237,246,.35);color:#fff}.draft-button.secondary{background:#e9f4f7;color:#17536a}
.draft-turn-card{display:grid;gap:10px;padding:25px;border-radius:16px;border:1px solid rgba(205,240,247,.24);background:rgba(255,255,255,.07)}.draft-turn-card>span{font-size:.7rem;font-weight:850;letter-spacing:.14em}.draft-turn-card strong{font-size:1.6rem;line-height:1.1}.draft-turn-card small{color:#bad3df;font-size:.82rem}
.draft-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 22px}.draft-meta>div{padding:14px 18px;background:#fff;border:1px solid var(--dl);border-radius:12px}.draft-meta strong{display:block;font-size:1.15rem;color:#0a3c52}.draft-meta small{display:block;margin-top:3px;color:var(--dd);font-size:.74rem}
.draft-panel{background:#fff;border:1px solid var(--dl);border-radius:15px;padding:21px;box-shadow:0 7px 22px rgba(20,65,85,.04)}.draft-panel h2{margin:5px 0 14px;font-size:1.28rem;letter-spacing:-.03em}.draft-panel p{color:var(--dd);font-size:.9rem;line-height:1.5}.draft-alert{padding:13px 17px;background:#e6f5ed;color:#12603c;border-radius:10px;margin:13px 0}.draft-alert.error{background:#fff0ec;color:#a13b30}.draft-muted{color:var(--dd);font-size:.81rem}.draft-footnote{font-size:.77rem!important;color:#67818d!important;line-height:1.55;margin:16px 0}.draft-footnote.bottom{text-align:center;padding:4px 0 18px}
.join-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}.join-panel h2{margin:7px 0}.join-panel form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.join-panel form label{font-size:.78rem;font-weight:800;color:#446173}.join-panel input{min-width:230px}
.draft-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.82fr);align-items:start;gap:17px}.draft-main,.draft-aside{display:grid;gap:17px;min-width:0}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-heading h2{margin:5px 0 0}.candidate-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,.28fr) auto;gap:8px;align-items:center;margin-bottom:12px}.candidate-search input,.candidate-search select{margin:0;max-width:none;min-width:0}.candidate-search .draft-button{white-space:nowrap}
.candidate-list{max-height:565px;overflow:auto;scrollbar-color:#b3d6df transparent}.candidate-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto 71px;align-items:center;gap:11px;padding:10px 3px;border-top:1px solid #e7eef2}.candidate-row:first-child{border-top:0}.position-pill{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e5f3f9;color:#176482;font-size:.77rem;font-weight:900}.pos-G{background:#e3f4ec;color:#137957}.pos-D{background:#fff3dc;color:#926620}.candidate-name{min-width:0}.candidate-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.87rem}.candidate-name small{display:block;color:var(--dd);font-size:.73rem}.candidate-stats{color:#69818d;font-size:.75rem;white-space:nowrap}.candidate-row form{margin:0}.pick-button{min-height:32px;padding:5px 9px;font-size:.74rem}.candidate-wait{color:#8da1aa;text-align:center;font-size:.75rem}.draft-hint{border-radius:9px;background:#edf8fa;padding:10px 12px;font-size:.82rem}
.pick-history{max-height:370px;overflow:auto}.pick-history>div{display:grid;grid-template-columns:74px minmax(0,1fr) minmax(95px,.7fr);gap:9px;align-items:center;padding:9px 0;border-top:1px solid #e6edf1;font-size:.8rem}.pick-history>div:first-child{border-top:0}.pick-history span{color:#6290a2;font-weight:800}.pick-history strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-history strong small{color:#73919e}.pick-history em{font-style:normal;text-align:right;color:#617b88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.standings-list>div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #e4edf1;font-size:.84rem}.standings-list>div:first-child{border-top:0}.standings-list strong{white-space:nowrap;color:var(--dc)}.roster-card{border-top:1px solid #e6eef1;padding:10px 0}.roster-card summary{display:flex;justify-content:space-between;gap:9px;cursor:pointer;list-style:none}.roster-card summary::-webkit-details-marker{display:none}.roster-card summary strong{display:block;font-size:.86rem}.roster-card summary small{display:block;color:var(--dd);font-size:.72rem}.roster-card summary b{white-space:nowrap;color:var(--dc);font-size:.8rem}.roster-counts{background:#eef7f9;border-radius:7px;padding:7px 9px;margin:10px 0;color:#417489;font-weight:750;font-size:.75rem}.roster-player{display:flex;justify-content:space-between;gap:6px;padding:6px 0;font-size:.77rem}.roster-player small{color:var(--dd)}
.draft-head{margin:16px 0 22px}.draft-head>a{color:#2d7992;text-decoration:none;font-weight:750;font-size:.83rem}.draft-head h1{margin:6px 0;font-size:2.4rem}.draft-head p{color:var(--dd);margin:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.form-grid label,.order-list label{font-size:.78rem;font-weight:800;color:#49677a}.form-grid input{max-width:100%;margin-top:5px}.order-list>div{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(70px,.7fr);align-items:center;gap:10px;border-bottom:1px solid #e7eef1;padding:7px 0}.order-list input{width:66px;min-width:0;margin:2px 0}.order-list strong{font-size:.85rem}.order-list span{color:var(--dd);font-size:.8rem}.admin-inline{margin-top:18px}.draft-panel>form>.draft-button{margin-top:10px}
@media(max-width:1050px){.draft-layout{grid-template-columns:1fr}.draft-aside{grid-template-columns:1fr 1fr}.draft-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.draft-page .page-shell{width:calc(100% - 18px)}.draft-hero{grid-template-columns:1fr;padding:22px}.draft-hero h1{font-size:2.6rem}.draft-turn-card{padding:16px}.draft-meta{gap:7px}.draft-meta>div{padding:11px}.draft-meta strong{font-size:.94rem}.draft-layout,.draft-aside,.admin-grid{grid-template-columns:1fr}.draft-panel{padding:15px}.join-panel{flex-direction:column;align-items:stretch}.join-panel form{align-items:stretch}.join-panel form label{width:100%}.candidate-search{grid-template-columns:minmax(0,1fr) 112px}.candidate-search button{grid-column:1/-1}.candidate-row{grid-template-columns:28px minmax(0,1fr) 55px;gap:8px}.candidate-stats{grid-column:2;grid-row:2}.candidate-row form,.candidate-wait{grid-column:3;grid-row:1/3}.candidate-row form .draft-button{padding:5px 7px}.pick-history>div{grid-template-columns:65px minmax(0,1fr)}.pick-history em{grid-column:2;text-align:left}.form-grid{grid-template-columns:1fr 1fr}}
.remove-list{margin-top:18px}.remove-list summary{font-size:.82rem;font-weight:800;color:#557284;cursor:pointer}.remove-list form{display:flex;justify-content:space-between;align-items:center;gap:9px;border-top:1px solid #e7eef1;padding:7px 0;font-size:.82rem}.remove-list form:first-of-type{margin-top:9px}.remove-list .draft-button{min-height:30px;padding:4px 9px;font-size:.73rem}