/* Draft workspace alignment */
header,nav,#connection{padding-left:max(24px,calc((100vw - 1440px)/2));padding-right:max(24px,calc((100vw - 1440px)/2))}
main{max-width:1488px;padding:28px 24px}header{gap:24px}.brand{letter-spacing:3px}nav{gap:6px}nav button{font-size:12px;padding:10px 12px;border-color:transparent;background:transparent}nav button:last-child{margin-left:auto;border-color:#304056}#connection{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#linkstatus{margin-right:auto}#connection button{font-size:11px;padding:7px 10px}.top{gap:20px}h1{font-size:30px}.layout{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr) minmax(0,1fr);gap:20px;align-items:stretch}.layout>.panel{min-width:0;padding:20px}.teamhead{align-items:center;min-height:24px;margin-bottom:16px}#allies,#enemies{display:grid;gap:10px}.slot{margin:0;min-height:96px;padding:12px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.slot>div{min-width:0}.slot .tags{min-height:17px}.slot .hover{font-size:9px}.slot img{object-fit:cover}.analysis .eyebrow{min-height:24px;display:flex;align-items:center}.identity{font-size:28px}.analysis .note{margin:12px 0 20px}.bar{margin:8px 0 20px}.recommend{padding:24px;margin-top:20px}.recommend>.top{padding-bottom:20px;border-bottom:1px solid #29384b;margin-bottom:20px!important}.recommend h2{margin-bottom:6px;font-size:20px}#recrole{width:160px;flex-shrink:0}.draftlists{gap:0 28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto repeat(4,auto)}.draftlists>section{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-content:start}.listhead{padding:0 0 18px;display:flex;flex-direction:column;gap:8px;min-height:116px}.listhead h3{font-size:16px;margin:0}.listhead .note{margin:0}.listhead label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.listhead select{font-size:12px;margin:0;padding:7px 10px;flex:1}.counterlist{padding-left:28px}.draftlists .rec{display:grid;grid-template-columns:20px 48px minmax(0,1fr);gap:12px;padding:20px 0;margin:0}.rec>small{padding-top:15px;color:#70869f;font-variant-numeric:tabular-nums}.rec .reason{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:6px}.rec .reason>b{font-size:16px}.rec .tags{margin:0;min-height:20px}.draftlists .rec .note{line-height:1.65;margin:4px 0 8px}.rec .reason>button{margin-top:auto;min-width:132px;font-size:12px}.picker{margin-top:20px;padding:24px}.picker h2{margin-bottom:6px}.controls{align-items:center}.controls input{min-width:180px}.grid{gap:10px}.champ{min-height:96px}.actions{flex-shrink:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #74e8ca;outline-offset:3px}
@media(max-width:1100px){.layout{grid-template-columns:1fr 1fr}.analysis{grid-column:1/-1;grid-row:2}.analysis #analysis{columns:2;column-gap:32px}.analysis .identity,.analysis .note{column-span:all}.slot{min-height:100px}.top{align-items:flex-start}nav button:last-child{margin-left:0}}
@media(max-width:800px){.draftlists{display:block}.draftlists>section{display:block}.counterlist{padding:24px 0 0;margin-top:24px;border-left:0;border-top:1px solid #304056}.listhead{min-height:0}.recommend>.top{align-items:center}.draftlists .rec{padding:18px 0}.layout{gap:14px}.slot{grid-template-columns:40px minmax(0,1fr);gap:8px;min-height:122px}.slot img{width:40px;height:40px}.slot .hover{grid-column:2}.layout>.panel{padding:14px}}
@media(max-width:560px){header{padding:18px 16px;gap:14px}header>small{display:none}nav{padding:10px 12px;position:static}#connection{padding:10px 16px}main{padding:24px 16px}.layout{display:block}.layout>.panel{margin-bottom:14px}.slot{grid-template-columns:48px minmax(0,1fr) auto;min-height:90px}.slot img{width:48px;height:48px}.slot .hover{grid-column:auto}.top{flex-direction:column;gap:16px}.recommend>.top{align-items:stretch}#recrole{width:100%}.recommend,.picker{padding:18px}.analysis #analysis{columns:1}.rec .tags{flex-wrap:wrap}}