.bp-page{max-width:1440px;position:relative}.bp{--bp-navy-950:#080b1c;--bp-navy-900:#0d1230;--bp-navy-800:#141a3d;--bp-navy-700:#1c2452;--bp-navy-600:#2a3470;--bp-plate:#e8edf8;--bp-plate-2:#c9d4ee;--bp-plate-ink:#131c3b;--bp-text:#f3f6ff;--bp-muted:#aeb8da;--bp-line:rgba(172,190,255,0.22);--bp-stroke:#060917;--bp-gold:#ffc53d;--bp-btn:#1a2150;--bp-btn-hover:#252f6c;--bp-btn-line:rgba(190,205,255,0.34);--bp-pill:#f4f6fc;--bp-plate-edge:#b9c7e8;--bp-ok:#1fae55;--bp-done:#39406e;--bp-done-ink:#d8def5;--bp-done-text:#9aa4cc;--bp-active-on-pill:#8f4600;--bp-r-lg:16px;--bp-r:10px;--bp-r-sm:6px;--act:var(--blue);color-scheme:dark;display:grid;grid-gap:12px;gap:12px;scroll-margin-top:calc(var(--bp-header-h, 64px) + 8px)}.bp[data-acting=red]{--act:var(--red)}.bp[data-acting=""]{--act:var(--bp-navy-600)}.bp{--act-ink:color-mix(in srgb,var(--act) 76%,#000)}.bp-head{display:flex;align-items:center;gap:4px 18px;flex-wrap:wrap;margin:14px 0 12px;min-height:44px;padding-right:590px}.bp-title{font-size:30px;margin:0}.bp-intro{color:var(--muted);font-size:15px;line-height:1.4;max-width:62ch}.bp-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;position:absolute;top:14px;right:16px}.bp-controls,.bp-format{align-items:center;gap:8px}.bp-format{display:inline-flex;font-weight:700;color:var(--bp-muted);font-size:14px}.bp-format .bp-select{min-width:180px}.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:40px;padding:0 14px;font:inherit;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;color:var(--bp-text);background:var(--bp-btn);border:1px solid var(--bp-btn-line);border-radius:8px}.bp-btn:hover:not(:disabled){background:var(--bp-btn-hover)}.bp-btn:disabled{opacity:.5;cursor:not-allowed}.bp-btn.primary{background:var(--bp-plate);color:var(--bp-plate-ink);border-color:#fff}.bp-btn.danger{color:#ffc2c2}.bp-input,.bp-select{min-height:40px;padding:0 12px;font:inherit;font-weight:600;font-size:15px;color:var(--bp-text);background:var(--bp-navy-900);border:1px solid var(--bp-line);border-radius:8px;min-width:0}.bp-input::placeholder{color:#8e99c2}.bp-select:disabled{opacity:.6}.bp-stage{position:relative;display:grid;grid-template-columns:minmax(250px,1fr) minmax(560px,740px) minmax(250px,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"bansB top bansR" "teamB pool teamR";grid-gap:10px 16px;gap:10px 16px;height:clamp(620px,calc(100dvh - var(--bp-header-h, 64px) - 92px),880px);padding:12px 14px 14px;border-radius:var(--bp-r-lg);border:1px solid var(--bp-line);background:repeating-linear-gradient(115deg,rgba(255,255,255,.026) 0 2px,transparent 2px 46px),radial-gradient(80% 75% at 0 0,color-mix(in srgb,var(--blue) 44%,transparent),transparent 72%),radial-gradient(80% 75% at 100% 0,color-mix(in srgb,var(--red) 40%,transparent),transparent 72%),linear-gradient(180deg,var(--bp-navy-800),var(--bp-navy-950))}.bp-hud{display:contents}.bp-corner.blue{grid-area:bansB}.bp-top{grid-area:top}.bp-corner.red{grid-area:bansR}.bp-team.blue{grid-area:teamB}.bp-team.red{grid-area:teamR}.bp-pool{grid-area:pool}.bp-top{display:grid;justify-items:center;grid-gap:8px;gap:8px;min-width:0}.bp-banner{display:grid;grid-template-columns:78px minmax(0,1fr) 78px;align-items:stretch;width:min(100%,600px);height:60px;overflow:hidden;background:var(--bp-plate);border:3px solid var(--bp-plate-edge);border-radius:14px;box-shadow:0 6px 0 rgba(4,7,20,.5),inset 0 -3px 0 var(--bp-plate-2)}.bp-arrows{display:grid;place-items:center}.bp-arrows.blue{background:var(--blue);-webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%);clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.bp-arrows.red{background:var(--red);-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.bp-arrows svg{width:44px;height:18px;fill:rgba(255,255,255,.38)}.bp-arrows[data-active=true] svg{fill:#fff}.bp-arrows[data-active=false]{filter:saturate(.3) brightness(.72)}.bp-banner-plate{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:0 10px;background-image:radial-gradient(rgba(19,28,59,.09) 1px,transparent 1.5px);background-size:7px 7px}.draft-turn{font-weight:800;font-size:24px;line-height:1;color:var(--bp-plate-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp-turn-sub{font-size:17px;color:#45517c}.draft-timer{flex:none;font-weight:800;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:2px 10px;border-radius:999px;color:#fff;background:var(--bp-plate-ink)}.draft-timer.zero{background:var(--danger)}.bp-steps{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}.bp-steps-label{font-size:12px;font-weight:700;color:var(--bp-muted)}.bp-steps .draft-counter{font-weight:800;font-size:15px;color:var(--bp-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.draft-ribbon{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}.draft-step{flex:none;display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 7px 0 3px;font-size:12px;font-weight:800;color:var(--bp-muted);background:rgba(255,255,255,.06);border:1px solid var(--bp-line);border-radius:999px}.draft-step-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;color:#fff}.draft-step.blue .draft-step-n{background:color-mix(in srgb,var(--blue) 76%,#000)}.draft-step.red .draft-step-n{background:color-mix(in srgb,var(--red) 76%,#000)}.bp-step-glyph{display:inline-flex}.bp-step-count{font-size:11px}.draft-step.done{color:var(--bp-done-text)}.draft-step.done .draft-step-n{background:var(--bp-done);color:var(--bp-done-ink)}.draft-step.active{color:var(--bp-plate-ink);background:var(--bp-plate);border-color:var(--bp-gold);box-shadow:0 0 0 1px var(--bp-gold)}.bp-corner{display:flex;align-items:flex-start;gap:10px;min-height:66px;min-width:0;padding-top:2px}.bp-corner.blue{--tc:var(--blue);justify-content:flex-start;padding-left:26px}.bp-corner.red{--tc:var(--red);flex-direction:row-reverse;justify-content:flex-start;padding-right:26px}.bp-ban{position:relative;z-index:var(--z,1);flex:none;width:62px;height:62px;padding:0;background:var(--bp-navy-700);border:3px solid color-mix(in srgb,var(--tc) 72%,#fff);border-radius:12px;box-shadow:0 4px 0 rgba(4,7,20,.55);cursor:help}.bp-ban-art{position:absolute;inset:0;overflow:hidden;border-radius:9px}.bp-ban-art img{position:absolute;left:-25%;top:-8%;width:150%;height:auto;max-width:none;display:block;filter:grayscale(.8) brightness(.78)}.bp-ban-x{position:absolute;inset:0;border-radius:9px;background:linear-gradient(45deg,transparent calc(50% - 3px),var(--ban) calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px)),linear-gradient(-45deg,transparent calc(50% - 3px),var(--ban) calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px))}.bp-ban-empty{display:grid;place-items:center;cursor:default;font-weight:800;font-size:30px;color:rgba(255,255,255,.62);background:color-mix(in srgb,var(--tc) 32%,var(--bp-navy-800));border-style:dashed;border-color:color-mix(in srgb,var(--tc) 55%,#fff)}.bp-corner.blue[data-compressed=true] .bp-ban+.bp-ban{margin-left:-36px}.bp-corner.red[data-compressed=true] .bp-ban+.bp-ban{margin-right:-36px}.bp-ban:focus-visible,.bp-ban:hover,.bp-ban[aria-expanded=true]{z-index:40}.bp-ban-tip{position:absolute;top:calc(100% + 8px);z-index:60;visibility:hidden;pointer-events:none;padding:6px 10px;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;color:var(--bp-plate-ink);background:var(--bp-plate);border:2px solid #fff;border-radius:8px;box-shadow:0 6px 18px rgba(3,5,16,.55)}.bp-corner.blue .bp-ban-tip{left:-3px}.bp-corner.red .bp-ban-tip{right:-3px}.bp-ban:focus-visible .bp-ban-tip,.bp-ban:hover .bp-ban-tip,.bp-ban[aria-expanded=true] .bp-ban-tip{visibility:visible}.bp-team{--tc:var(--blue);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:8px;gap:8px;min-width:0;min-height:0;padding-top:6px;border-top:3px solid var(--tc)}.bp-team.red{--tc:var(--red)}.bp-team .draft-team-name{width:100%;min-height:40px;padding:0 12px;font:inherit;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 82%,#0a0f2a),color-mix(in srgb,var(--tc) 18%,transparent));border:1px solid color-mix(in srgb,var(--tc) 60%,#fff);border-radius:var(--bp-r);min-width:0}.bp-team.red .draft-team-name{text-align:right;background:linear-gradient(270deg,color-mix(in srgb,var(--tc) 82%,#0a0f2a),color-mix(in srgb,var(--tc) 18%,transparent))}.bp-team .draft-team-name::placeholder{color:rgba(255,255,255,.7)}.bp-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(var(--rows,3),minmax(0,1fr));grid-gap:8px;gap:8px;min-height:0}.bp-row{position:relative;min-height:0;overflow:hidden;border-radius:var(--bp-r);background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 80%,#06102e) 0,color-mix(in srgb,var(--tc) 40%,#0a1236) 50%,color-mix(in srgb,var(--tc) 9%,transparent) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent)}.bp-team.red .bp-row{background:linear-gradient(270deg,color-mix(in srgb,var(--tc) 80%,#2a0612) 0,color-mix(in srgb,var(--tc) 40%,#1f0a1c) 50%,color-mix(in srgb,var(--tc) 9%,transparent) 100%)}.bp-row[data-state=banning],.bp-row[data-state=picking]{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--tc),0 0 20px color-mix(in srgb,var(--tc) 70%,transparent)}.bp-row[data-state=next_ban]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bp-gold) 70%,transparent)}.bp-row-figure{position:absolute;top:0;bottom:0;left:0;width:54%;overflow:hidden}.bp-team.red .bp-row-figure{left:auto;right:0}.bp-silhouette{position:absolute;bottom:-4px;left:6%;height:92%;width:auto;fill:rgba(206,220,255,.34)}.bp-team.red .bp-silhouette{left:auto;right:6%}.bp-silhouette text{fill:rgba(255,255,255,.62);font:800 40px Kanit,sans-serif}.bp-row-art{position:relative;display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 72%,transparent)}.bp-team.red .bp-row-art{-webkit-mask-image:linear-gradient(270deg,#000 72%,transparent);mask-image:linear-gradient(270deg,#000 72%,transparent)}.bp-row-art.art-card.fit-cover{position:absolute;left:0;top:-7%;height:180%}.bp-row-art.fit-contain{object-fit:contain;object-position:center!important;-webkit-mask-image:none;mask-image:none}.bp-row-char,.bp-row-status{position:absolute;top:20%;left:49%;right:10px;font-weight:800;font-size:clamp(16px,1.4vw,22px);line-height:1.12;color:#fff;-webkit-text-stroke:4px var(--bp-stroke);paint-order:stroke fill;overflow-wrap:anywhere}.bp-team.red .bp-row-char,.bp-team.red .bp-row-status{left:10px;right:49%;text-align:right}.bp-row[data-state=banning] .bp-row-status,.bp-row[data-state=picking] .bp-row-status{color:var(--bp-gold)}.bp-row-char{font-size:clamp(15px,1.25vw,19px)}.bp-row.filled .bp-row-status{top:8%;font-size:clamp(13px,1.05vw,16px)}.bp-row.filled:not([data-state=picked]):not([data-state=done]) .bp-row-char{top:32%}.bp-row-bar{position:absolute;left:0;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;height:40px}.bp-team.red .bp-row-bar{left:10px;right:0;flex-direction:row-reverse}.bp-row:not(.filled) .bp-row-bar{background:linear-gradient(var(--tc),var(--tc)) 0 /60% 14px no-repeat}.bp-team.red .bp-row:not(.filled) .bp-row-bar{background-position:100%}.bp-chips{flex:1 1 auto;display:flex;gap:4px;min-width:0;padding-left:8px;padding-right:12px}.bp-team.red .bp-chips{flex-direction:row-reverse;padding-left:12px;padding-right:8px}.bp-chip{display:inline-flex;align-items:center;height:26px;padding:0 7px;font-weight:800;font-size:12px;color:#fff;border-radius:var(--bp-r-sm);white-space:nowrap}.bp-chip.pos{background:color-mix(in srgb,var(--tc) 76%,#000);border:2px solid #fff}.bp-chip.series{background:rgba(8,12,34,.88);border:1px solid rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;min-width:0}.bp-name{position:relative;flex:0 0 54%;display:block;margin-left:auto}.bp-team.red .bp-name{margin-left:0;margin-right:auto}.bp-name-ring{position:absolute;top:50%;left:-10px;z-index:1;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#fff;border:4px solid var(--tc);box-shadow:0 2px 0 rgba(4,7,20,.4);pointer-events:none}.bp-team.red .bp-name-ring{left:auto;right:-10px}.bp-name-input{width:100%;min-height:40px;padding:0 12px 0 36px;font:inherit;font-weight:700;font-size:16px;color:color-mix(in srgb,var(--tc) 62%,#0a0f2a);background:var(--bp-pill);border:2px solid #fff;border-radius:999px;min-width:0}.bp-team.red .bp-name-input{padding:0 36px 0 12px;text-align:right}.bp-name-input::placeholder{color:color-mix(in srgb,var(--tc) 62%,#0a0f2a);opacity:1}.bp-name-input:-moz-read-only{cursor:default}.bp-name-input:read-only{cursor:default}.bp-name-input:focus-visible{outline-offset:-3px}.bp-pool{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;min-height:0;min-width:0;padding:12px;background:rgba(33,40,78,.84);border:1px solid var(--bp-line);border-radius:14px;box-shadow:0 10px 30px rgba(3,5,16,.45)}.bp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:8px;gap:8px}.bp-tab{min-height:42px;padding:0 4px;font:inherit;font-weight:800;font-size:18px;cursor:pointer;color:var(--bp-plate-ink);background:var(--bp-plate);border:2px solid #fff;border-radius:8px;box-shadow:inset 0 -3px 0 var(--bp-plate-2)}.bp-tab[aria-selected=true]{color:#fff;background:var(--act-ink);border-color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}.bp-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:8px;gap:8px}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:max-content;grid-gap:12px;gap:12px;align-content:start;min-height:0;overflow-y:auto;padding:12px;border-radius:10px;background:rgba(9,13,36,.55);scrollbar-color:#56639c transparent}.bp-empty{grid-column:1/-1;margin:12px 0;color:var(--bp-muted);text-align:center}.bp-card{position:relative;aspect-ratio:1/1;padding:0;overflow:hidden;cursor:pointer;color:#fff;background:var(--bp-navy-700);border:3px solid #eef2fb;border-radius:10px;box-shadow:0 4px 0 rgba(3,6,20,.55);scroll-margin:12px}.bp-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#ff9d2e,#ffd24a)}.bp-card-art{position:absolute;inset:0;overflow:hidden}.bp-card-art img{position:absolute;left:-9%;top:-14%;width:118%;height:auto;max-width:none;display:block}.bp-card-pos{top:0;right:0;padding:1px 7px 2px 12px;font-size:13px;color:#fff;background:rgba(9,13,34,.86);-webkit-clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);border-bottom-left-radius:4px}.bp-card-form,.bp-card-pos{position:absolute;z-index:2;font-weight:800;line-height:1.35}.bp-card-form{top:4px;left:4px;padding:1px 6px;font-size:11px;color:var(--bp-plate-ink);background:var(--bp-gold);border-radius:4px}.bp-card-name{position:absolute;left:0;right:0;bottom:4px;z-index:2;padding:14px 4px 2px;font-size:12px;font-weight:700;text-align:center;background:linear-gradient(transparent,rgba(6,9,24,.9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-card.off{cursor:not-allowed}.bp-card.off .bp-card-art img{filter:brightness(.48) saturate(.55)}.bp-card.banned .bp-card-art img{filter:grayscale(1) brightness(.5)}.bp-card.picked .bp-card-art img{filter:saturate(.85) brightness(.8)}.bp-card.picked.blue{--pc:var(--blue)}.bp-card.picked.red{--pc:var(--red)}.bp-card.picked:before{content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--pc) 52%,transparent)}.bp-card.picked{border-color:color-mix(in srgb,var(--pc) 70%,#fff)}.bp-card-x{inset:14%;background:linear-gradient(45deg,transparent calc(50% - 4px),var(--ban) calc(50% - 4px) calc(50% + 4px),transparent calc(50% + 4px)),linear-gradient(-45deg,transparent calc(50% - 4px),var(--ban) calc(50% - 4px) calc(50% + 4px),transparent calc(50% + 4px))}.bp-card-tag,.bp-card-x{position:absolute;z-index:3}.bp-card-tag{left:5px;right:5px;top:50%;margin-top:-12px;padding:3px 4px;font-size:11px;font-weight:800;line-height:1.2;text-align:center;color:#fff;background:rgba(6,9,24,.86);border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-card-tag.picked{background:color-mix(in srgb,var(--pc) 76%,#000);border:1px solid #fff}.bp-card-tag.lock{white-space:normal;font-size:10px;margin-top:-16px;border:1px solid var(--bp-gold)}.draft-lock{position:absolute;bottom:24px;z-index:3;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.draft-lock.blue{left:6px;background:var(--blue)}.draft-lock.red{left:20px;background:var(--red)}.bp-card:focus-visible{outline-color:#fff}.bp-card.selected{border-color:var(--bp-gold);box-shadow:0 0 0 3px var(--bp-gold),0 0 18px rgba(255,197,61,.55)}.bp-card-check{position:absolute;right:4px;bottom:8px;z-index:4;display:grid;place-items:center;width:26px;height:26px;color:#fff;background:var(--bp-ok);border:2px solid #fff;border-radius:50%}.bp-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.bp-bottom-tools{display:flex;gap:8px}.bp-bottom-msg{display:grid;grid-gap:4px;gap:4px;justify-items:center;min-width:0}.bp-warning{--tc:var(--blue);display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:0;padding:5px 14px 5px 5px;font-weight:700;font-size:15px;color:#fff;background:rgba(8,11,28,.84);border:1px solid var(--bp-line);border-radius:999px}.bp-warning.red{--tc:var(--red)}.bp-warning-icon{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;font-weight:800;font-size:14px;color:#fff;background:var(--tc);border:2px solid #fff;border-radius:50%}.bp .draft-notice{margin:0;font-weight:700;font-size:14px;line-height:1.3;text-align:center;color:var(--bp-gold)}.bp .draft-notice:empty{display:none}.bp-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;min-width:168px;padding:0 24px;font:inherit;font-weight:800;font-size:20px;color:#fff;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--act) 82%,#000),color-mix(in srgb,var(--act) 64%,#000));border:3px solid #fff;border-radius:999px;box-shadow:0 4px 0 rgba(3,6,20,.6);text-shadow:0 1px 0 rgba(0,0,0,.35)}.bp-confirm:disabled{cursor:not-allowed;color:rgba(255,255,255,.6);background:var(--bp-navy-600);border-color:rgba(255,255,255,.35);box-shadow:none;text-shadow:none}.bp-pool{position:relative}.bp-toast-dock{position:absolute;left:12px;right:12px;bottom:76px;z-index:6;display:flex;justify-content:center;pointer-events:none}.bp-toast{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:48px;padding:4px 4px 4px 14px;font-weight:700;font-size:15px;line-height:1.2;color:var(--bp-text);background:rgba(8,11,28,.95);border:1px solid var(--bp-btn-line);border-radius:var(--bp-r);box-shadow:0 10px 28px rgba(3,5,16,.55)}.bp-toast>svg{flex:none;color:var(--bp-muted)}.bp-toast-text{min-width:0}.bp-toast-sep{color:var(--bp-muted)}.bp-toast-undo{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;font:inherit;font-weight:800;color:var(--bp-gold);background:transparent;border:0;border-radius:8px;cursor:pointer}.bp-toast-undo:hover:not(:disabled){background:rgba(255,197,61,.12)}.bp-toast-undo:disabled{cursor:default}.draft-plan{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--yellow) 14%,var(--panel));border:3px solid var(--yellow);border-radius:14px}.draft-plan-cards{display:flex;gap:6px}.draft-plan-cards img{width:40px;height:auto;aspect-ratio:285/435;object-fit:cover;border-radius:6px;border:2px solid var(--ink)}.draft-viewbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;color:var(--bp-plate-ink);background:var(--bp-gold);border-radius:12px}.draft-viewbar .draft-counter{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp .draft-explainer{max-width:760px;font-size:14px}.draft-history h2{font-size:22px;margin:10px 0}.draft-history-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.draft-history-item{display:grid;grid-gap:10px;gap:10px;padding:12px;background:var(--bp-navy-800);border:1px solid var(--bp-line);border-radius:14px}.dh-meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.dh-meta time{color:var(--bp-muted);font-size:14px}.dh-teams{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.dh-team{--tc:var(--blue);display:grid;grid-gap:6px;gap:6px;min-width:0;padding:8px 10px;border-left:4px solid var(--tc);border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 34%,transparent),transparent)}.dh-team.red{--tc:var(--red)}.dh-team b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-picks{display:flex;gap:8px;flex-wrap:wrap}.dh-pick{display:grid;grid-gap:3px;gap:3px;justify-items:center;width:66px}.dh-empty,.dh-pick img{width:46px;height:46px;object-fit:cover;object-position:50% 22%;border:2px solid rgba(255,255,255,.65);border-radius:8px}.dh-empty{background:rgba(255,255,255,.08)}.dh-player{max-width:66px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-bans{display:flex;gap:4px}.dh-bans img{width:28px;height:28px;object-fit:cover;object-position:50% 22%;border-radius:6px;filter:grayscale(1);opacity:.6}.dh-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:1279px){.bp-stage{grid-template-columns:minmax(200px,1fr) minmax(520px,740px) minmax(200px,1fr);gap:10px 12px}.bp-head{padding-right:560px}.bp-banner{grid-template-columns:60px minmax(0,1fr) 60px}.draft-turn{font-size:21px}}@media (max-width:1099px){.bp-head{padding-right:0;margin:12px 0 8px}.bp-title{font-size:26px}.bp-intro{font-size:14px}.bp-controls{position:static;justify-content:flex-start}.bp-format{flex:1 1 220px}.bp-format .bp-select{flex:1 1;min-width:0}.bp-stage{display:block;height:auto;padding:0 4px 6px}.bp-hud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "bansB bansR" "teamB teamR";grid-gap:6px 8px;gap:6px 8px;position:-webkit-sticky;position:sticky;top:var(--bp-header-h,60px);z-index:30;margin:0 -4px;padding:8px;background:linear-gradient(180deg,#151c44,rgba(14,19,50,.97));border-radius:var(--bp-r-lg) var(--bp-r-lg) 0 0;border-bottom:1px solid var(--bp-line);box-shadow:0 8px 16px rgba(3,5,16,.45)}.bp-top{gap:4px}.bp-banner{height:42px;grid-template-columns:42px minmax(0,1fr) 42px;border-width:2px;border-radius:10px;box-shadow:0 3px 0 rgba(4,7,20,.5)}.bp-arrows svg{width:28px;height:12px}.draft-turn{font-size:16px}.bp-turn-sub{font-size:13px}.bp-steps{gap:6px}.bp-steps-label{display:none}.bp-steps .draft-counter{font-size:13px}.draft-step{height:20px;font-size:11px}.draft-step-n{width:15px;height:15px;font-size:10px}.bp-corner{min-height:40px;gap:6px;padding:0}.bp-corner.blue{padding-left:0}.bp-corner.red{padding-right:0}.bp-ban{width:40px;height:40px;border-width:2px;border-radius:8px;box-shadow:none}.bp-ban-art,.bp-ban-x{border-radius:6px}.bp-ban-empty{font-size:20px}.bp-corner.blue[data-compressed=true] .bp-ban+.bp-ban{margin-left:-20px}.bp-corner.red[data-compressed=true] .bp-ban+.bp-ban{margin-right:-20px}.bp-ban-tip{font-size:13px;white-space:normal;width:max-content;max-width:170px}.bp-team{gap:4px;padding-top:4px}.bp-team .draft-team-name{font-size:15px;padding:0 10px}.bp-rows{grid-template-rows:none;grid-auto-rows:42px;gap:4px}.bp-row-figure{width:42px}.bp-silhouette{left:3px;height:94%}.bp-team.red .bp-silhouette{right:3px}.bp-row-art{-webkit-mask-image:none;mask-image:none}.bp-row-art.art-card.fit-cover{top:-38%;height:260%}.bp-row-status,.bp-row.filled .bp-row-status{top:3px;left:54px;right:8px;z-index:2;font-size:10px;line-height:1.1;-webkit-text-stroke:0;color:color-mix(in srgb,var(--tc) 48%,#0a0f2a);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-team.red .bp-row-status{left:8px;right:54px}.bp-row[data-state=banning] .bp-row-status,.bp-row[data-state=picking] .bp-row-status{color:var(--bp-active-on-pill)}.bp-row-char{display:none}.bp-row-bar{left:44px;right:0;top:1px;bottom:1px;height:auto}.bp-team.red .bp-row-bar{left:0;right:44px}.bp-row:not(.filled) .bp-row-bar{background:none}.bp-chips{position:absolute;left:-44px;bottom:0;padding:0;flex:none;z-index:2}.bp-team.red .bp-chips{left:auto;right:-44px;padding:0}.bp-chip{height:16px;padding:0 4px;font-size:10px;border-width:1px}.bp-chip.series{display:none}.bp-name{flex:1 1 auto;margin:0}.bp-name-ring{display:none}.bp-name-input{min-height:40px;height:40px;font-size:13px;border-radius:8px;border-width:1px;background:rgba(244,246,252,.94)}.bp-name-input,.bp-team.red .bp-name-input{padding:12px 8px 0}.bp-pool{margin-top:8px;padding:6px;gap:8px;grid-template-rows:none}.bp-tabs{gap:3px;grid-template-columns:minmax(0,1.45fr)}.bp-tab{min-height:40px;font-size:15px}.bp-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bp-filters .bp-input{grid-column:1/-1}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));overflow:visible;padding:8px;gap:8px}.bp-card{scroll-margin:330px 8px 96px}.bp-bottom{position:-webkit-sticky;position:sticky;bottom:calc(8px + var(--notice-h, 0px));z-index:30;grid-template-columns:auto minmax(0,1fr);padding:8px;background:rgba(14,19,50,.97);border:1px solid var(--bp-line);border-radius:12px;box-shadow:0 -6px 16px rgba(3,5,16,.4)}.bp-bottom-msg{grid-column:1/-1;grid-row:1}.bp-bottom-msg:not(:has(>:not(:empty))){display:none}.bp-confirm{min-height:44px;min-width:0;font-size:17px;padding:0 16px}.bp-toast-dock{position:fixed;left:12px;right:12px;bottom:calc(92px + var(--notice-h, 0px));z-index:45}.bp-toast{font-size:14px}.bp-warning{font-size:13px}.dh-teams{grid-template-columns:1fr}}@media (max-width:640px){.bp-controls .bp-btn{flex:1 1 auto}.bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-tab{font-size:14px;padding:0 2px}.bp-card-name{font-size:11px}.bp-bottom-tools .bp-btn{padding:0 10px;font-size:14px}}.bp{--bp-ease-out:cubic-bezier(0.23,1,0.32,1);--bp-dur-press:120ms;--bp-dur-tip:125ms;--bp-dur-select:160ms;--bp-dur-fade:180ms;--bp-dur-banner:220ms;--bp-dur-nudge:240ms;--bp-dur-ban:280ms;--bp-dur-stamp:200ms;--bp-dur-slot:280ms;--bp-dur-reduced:120ms;--bp-dur-toast-in:200ms;--bp-dur-toast-out:150ms}.bp-ban,.bp-btn,.bp-card,.bp-confirm,.bp-tab,.bp-toast-undo{transition:transform var(--bp-dur-press) var(--bp-ease-out)}.bp-btn:active:not(:disabled),.bp-card:active:not([aria-disabled=true]),.bp-confirm:active:not(:disabled),.bp-tab:active,.bp-toast-undo:active:not(:disabled){transform:scale(.97)}.bp-ban:active{transform:scale(.95)}.bp-card-check{animation:bp-pop var(--bp-dur-select) var(--bp-ease-out) backwards}@keyframes bp-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.bp-row-art{animation:bp-slot-in-blue var(--bp-dur-slot) var(--bp-ease-out) backwards}.bp-team.red .bp-row-art{animation-name:bp-slot-in-red}@keyframes bp-slot-in-blue{0%{opacity:0;transform:translateX(-8%)}to{opacity:1;transform:none}}@keyframes bp-slot-in-red{0%{opacity:0;transform:translateX(8%)}to{opacity:1;transform:none}}.bp-ban:not(.bp-ban-empty){animation:bp-ban-drop var(--bp-dur-ban) var(--bp-ease-out) backwards}.bp-ban-x{animation:bp-stamp var(--bp-dur-stamp) var(--bp-ease-out) .1s backwards}@keyframes bp-ban-drop{0%{opacity:0;transform:translateY(-10px) scale(1.12)}to{opacity:1;transform:none}}@keyframes bp-stamp{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.bp-turn-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;animation:bp-rise var(--bp-dur-banner) var(--bp-ease-out) backwards}@keyframes bp-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bp-arrows.blue[data-active=true] svg{animation:bp-nudge-right var(--bp-dur-nudge) var(--bp-ease-out) backwards}.bp-arrows.red[data-active=true] svg{animation:bp-nudge-left var(--bp-dur-nudge) var(--bp-ease-out) backwards}@keyframes bp-nudge-right{0%{transform:translateX(-6px)}to{transform:none}}@keyframes bp-nudge-left{0%{transform:translateX(6px)}to{transform:none}}.bp-ban-tip{opacity:0;transform:scale(.97);transform-origin:top left;transition:opacity var(--bp-dur-tip) var(--bp-ease-out),transform var(--bp-dur-tip) var(--bp-ease-out)}.bp-corner.red .bp-ban-tip{transform-origin:top right}.bp-ban:focus-visible .bp-ban-tip,.bp-ban[aria-expanded=true] .bp-ban-tip{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.bp-ban:hover .bp-ban-tip{opacity:1;transform:none}}.bp-toast{transition:transform var(--bp-dur-toast-in) var(--bp-ease-out),opacity var(--bp-dur-toast-in) var(--bp-ease-out)}@starting-style{.bp-toast{opacity:0;transform:translateY(8px)}}.bp-toast[data-leaving=true]{opacity:0;transform:translateY(8px);transition-duration:var(--bp-dur-toast-out)}.bp-warning{animation:bp-fade-up var(--bp-dur-fade) var(--bp-ease-out) backwards}@keyframes bp-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes bp-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.bp-ban,.bp-btn,.bp-card,.bp-confirm,.bp-tab,.bp-toast-undo{transition:none}.bp-ban:active,.bp-btn:active,.bp-card:active,.bp-confirm:active,.bp-tab:active,.bp-toast-undo:active{transform:none!important}.bp-toast,.bp-toast[data-leaving=true]{transform:none;transition:opacity var(--bp-dur-reduced) linear}@starting-style{.bp-toast{transform:none}}.bp .bp-ban:not(.bp-ban-empty),.bp .bp-card-check,.bp .bp-row-art,.bp .bp-turn-text,.bp .bp-warning{animation:bp-fade var(--bp-dur-reduced) linear backwards!important}.bp .bp-arrows svg,.bp .bp-ban-x{animation:none!important}.bp-ban-tip{transform:none;transition:opacity var(--bp-dur-reduced) linear}.bp-ban:focus-visible .bp-ban-tip,.bp-ban:hover .bp-ban-tip,.bp-ban[aria-expanded=true] .bp-ban-tip{transform:none}}