:root{color:#f7f8fc;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f8fc;--muted:#9298aa;--line:#ffffff17;--panel:#11141d;--panel-2:#171a25;--yellow:#ffd23f;--purple:#7858ff;--blue:#3c8cff;--red:#ff496d;--green:#42d99b;background:#080a10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:#080a10;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% -10%,#7858ff2b,#0000 32rem),radial-gradient(circle at 88% 18%,#3c8cff17,#0000 27rem);position:fixed;inset:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}img{max-width:100%;display:block}::selection{background:var(--purple);color:#fff}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#080a10db;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 660px);display:flex;position:sticky;top:0}.logo-button{cursor:pointer;background:0 0;border:0;padding:0}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:9px;font-size:20px;font-weight:800;display:inline-flex}.brand strong{color:var(--yellow)}.brand small{color:#0a0c11;background:var(--yellow);letter-spacing:.8px;border-radius:4px;margin-left:-3px;padding:3px 4px;font-size:8px}.brand-mark{background:var(--yellow);color:#0b0d12;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-3deg);box-shadow:inset 0 -3px #0000002b}.topbar nav{align-items:center;gap:6px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar nav button,.topbar nav a{height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.topbar nav button:hover,.topbar nav a:hover,.topbar nav button.active{color:var(--ink);background:#ffffff0e}.topbar nav button.active{color:var(--yellow)}.topbar nav button span{min-width:20px;height:20px;color:var(--ink);background:#ffffff14;border-radius:6px;place-items:center;font-size:10px;display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.share-button,.primary-button{background:var(--yellow);color:#101117;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 -2px #0003}.share-button:hover,.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.menu-button{cursor:pointer;background:0 0;border:0;display:none}.draft-page,.roster-page{width:min(1320px,100% - 48px);margin:0 auto;padding:45px 0 60px}.hero-copy{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px;display:flex}.eyebrow,.section-kicker{color:#b9becb;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.eyebrow i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #42d99b1f}.hero-copy h1,.page-intro h1{letter-spacing:-3.4px;text-transform:uppercase;max-width:830px;margin:15px 0 16px;font-family:Arial Black,Inter,sans-serif;font-size:clamp(36px,4.1vw,61px);line-height:.99}.hero-copy h1 em{color:var(--yellow);font-style:normal}.hero-copy p,.page-intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.hero-status{border:1px solid var(--line);background:#11141db8;border-radius:14px;gap:3px;min-width:260px;padding:11px;display:grid}.hero-status>div{color:var(--muted);align-items:center;gap:10px;padding:7px 8px;font-size:12px;display:flex}.hero-status svg{color:var(--yellow);width:17px}.hero-status strong{color:var(--ink);font-size:14px}.hero-status button{color:#c7bfff;cursor:pointer;background:#7858ff21;border:0;border-radius:8px;justify-content:space-between;margin-top:3px;padding:10px 9px;font-size:11px;font-weight:700;display:flex}.setup-card,.draft-card,.recommendation-card,.import-card,.roster-card{border:1px solid var(--line);background:linear-gradient(145deg,#141722fa,#0e1018fa);border-radius:16px;box-shadow:0 18px 60px #0003}.setup-card{z-index:5;grid-template-columns:130px 1fr 312px;align-items:center;gap:18px;padding:18px 20px 20px;display:grid;position:relative}.mode-tabs{background:#00000040;border-radius:10px;gap:5px;padding:4px;display:flex}.mode-tabs button{color:#898fa1;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:9px 12px;font-size:11px;font-weight:720}.mode-tabs button:hover{color:var(--ink)}.mode-tabs button.active{color:#121319;background:var(--yellow);box-shadow:inset 0 -2px #0000002b}.map-control{position:relative}.selected-map{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff09;border-radius:11px;align-items:center;gap:12px;width:100%;height:62px;padding:7px;display:flex}.selected-map:hover{border-color:#ffd23f59}.selected-map>img{object-fit:contain;background:#0b0d13;border-radius:7px;width:50px;height:48px}.selected-map>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.selected-map small{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:9px}.selected-map strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.selected-map__change{color:var(--yellow);padding-right:8px;font-size:10px;font-weight:800}.map-popover{z-index:20;background:#171a24;border:1px solid #ffffff1f;border-radius:13px;width:min(410px,88vw);max-height:430px;padding:11px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #0000008c}.search-field{border:1px solid var(--line);color:#777e91;background:#00000038;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#ffd23f73}.search-field input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-field input::placeholder{color:#666c7c}.search-field kbd{color:#777e91;border:1px solid var(--line);background:#242836;border-radius:4px;padding:2px 5px;font-size:10px}.map-options{grid-template-columns:repeat(2,1fr);gap:5px;max-height:355px;margin-top:8px;display:grid;overflow:auto}.map-options button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:52px;padding:6px;font-size:11px;display:flex}.map-options button:hover,.map-options button.active{border-color:var(--line);background:#ffffff0e}.map-options button.active{color:var(--yellow)}.map-options img{object-fit:contain;width:40px;height:40px}.empty-copy{color:var(--muted);padding:20px;font-size:12px}.draft-workspace{grid-template-columns:minmax(0,1.1fr) minmax(410px,.9fr);align-items:start;gap:18px;margin-top:18px;display:grid}.draft-card,.recommendation-card{min-height:637px;padding:21px}.card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.card-heading h2{letter-spacing:-.7px;margin:7px 0 0;font-size:20px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px;font-size:11px;display:flex}.text-button:hover{color:var(--ink)}.ban-row{background:#0003;border:1px solid #ffffff0e;border-radius:12px;grid-template-columns:1fr 28px 1fr;align-items:end;gap:9px;padding:13px;display:grid}.ban-row>div:last-child{text-align:right}.team-label{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin:0 4px 7px;font-size:9px;font-weight:800;display:inline-flex}.team-label.ally{color:#7db4ff}.team-label.enemy{color:#ff7891}.compact-slots{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.ban-divider{color:#484d5c;place-self:center;margin-top:18px}.pick-columns{grid-template-columns:1fr 31px 1fr;gap:10px;margin-top:15px;display:grid}.team-column{gap:8px;display:grid}.team-column__title{align-items:center;gap:9px;margin-bottom:2px;padding:0 3px;display:flex}.team-column.enemy .team-column__title{text-align:right;flex-direction:row-reverse}.team-column__title div{gap:2px;display:grid}.team-column__title strong{font-size:12px}.team-column__title small{color:var(--muted);font-size:9px}.team-mark{border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid}.team-column.ally .team-mark{color:#72abff;background:#3c8cff26;border:1px solid #3c8cff40}.team-column.enemy .team-mark{color:#ff718d;background:#ff496d21;border:1px solid #ff496d38}.draft-flow{flex-direction:column;align-items:center;gap:3px;padding-top:61px;display:flex}.draft-flow span{color:#73798b;background:#242834;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-weight:800;display:grid}.draft-flow i{background:linear-gradient(var(--line), #ffffff05);width:1px;height:60px}.draft-slot{border:1px solid var(--line);border-radius:11px;min-width:0;position:relative}button.draft-slot{width:100%}.draft-slot.empty{color:#565c6d;cursor:pointer;background:#ffffff05;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:92px;font-size:10px;display:flex}.team-column.ally .draft-slot.empty:hover{color:#7db4ff;background:#3c8cff0b;border-color:#3c8cff59}.team-column.enemy .draft-slot.empty:hover{color:#ff7891;background:#ff496d0a;border-color:#ff496d52}.draft-slot.filled{background:#ffffff09;align-items:center;gap:10px;min-height:92px;padding:8px 9px;display:flex;overflow:hidden}.draft-slot.filled>span:nth-child(2){gap:4px;min-width:0;display:grid}.draft-slot.filled strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.draft-slot.filled small{color:var(--muted);font-size:9px}.draft-slot.filled>button{color:#8990a2;cursor:pointer;background:#00000059;border:0;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:5px;right:5px}.draft-slot.filled>button:hover{color:#fff;background:#353a49}.draft-slot.compact{min-height:40px}.draft-slot.empty.compact{flex-direction:row;gap:4px;font-size:8px}.draft-slot.filled.compact{gap:4px;padding:4px}.draft-slot.compact strong{display:none}.draft-slot.compact>button{width:17px;height:17px;top:2px;right:2px}.draft-tip{color:#747b8d;background:#7858ff0e;border-radius:8px;align-items:center;gap:8px;margin:15px 0 0;padding:11px 13px;font-size:10px;line-height:1.5;display:flex}.draft-tip span{color:#c1b8ff;text-transform:uppercase;letter-spacing:.8px;font-size:8px;font-weight:800}.brawler-avatar{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rarity) 35%, #272b39), #171a23 68%);border:1px solid color-mix(in srgb, var(--rarity) 35%, #ffffff0f);border-radius:9px;flex:none;place-items:end center;display:grid;position:relative;overflow:hidden}.brawler-avatar:after{content:"";background:var(--rarity);opacity:.75;height:14%;position:absolute;inset:auto 0 0}.brawler-avatar img{object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 3px 2px #0006);width:112%;height:112%;position:relative}.brawler-avatar--sm{border-radius:6px;width:30px;height:30px}.brawler-avatar--md{width:68px;height:73px}.brawler-avatar--lg{width:56px;height:60px}.brawler-avatar.is-muted img{filter:grayscale(.7)brightness(.62);opacity:.72}.recommendation-card{padding-bottom:15px}.live-pill{color:#8fdcb9;text-transform:uppercase;letter-spacing:.8px;background:#42d99b14;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:800;display:inline-flex}.live-pill i{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #42d99b1a}.recommendation-tabs{background:#00000038;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.recommendation-tabs button{color:#757c8e;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:10px;font-weight:750;display:flex}.recommendation-tabs button.active{color:#fff;background:#282c39}.ready-filter{color:#8b92a3;cursor:pointer;justify-content:flex-end;align-items:center;padding:9px 2px 5px;font-size:9px;display:flex}.ready-filter input{display:none}.ready-filter span{align-items:center;gap:5px;display:flex}.ready-filter input:checked+span{color:var(--green)}.recommendation-list{gap:5px;margin-top:8px;display:grid}.recommendation{background:#ffffff06;border:1px solid #0000;border-radius:11px;grid-template-columns:18px 56px 1fr 30px;align-items:center;gap:9px;min-height:78px;padding:8px 5px 8px 8px;display:grid;position:relative}.recommendation:hover{border-color:var(--line);background:#ffffff0a}.recommendation__rank{color:#555b6c;font-size:10px;font-weight:850}.recommendation:first-child .recommendation__rank{color:var(--yellow)}.recommendation__body{min-width:0}.recommendation__name{justify-content:space-between;align-items:center;gap:7px;display:flex}.recommendation__name strong{font-size:12px}.score{border-radius:5px;padding:3px 5px;font-size:9px;font-weight:900}.score--great{color:#4ee2a2;background:#42d99b1a}.score--good{color:#ffdc69;background:#ffd23f17}.fit-bar{background:#ffffff0f;border-radius:2px;height:2px;margin:6px 0;overflow:hidden}.fit-bar i{background:linear-gradient(90deg, var(--purple), var(--green));height:100%;display:block}.reason-chips{gap:4px;display:flex;overflow:hidden}.reason-chips span{color:#9198a9;white-space:nowrap;background:#ffffff09;border-radius:4px;align-items:center;gap:2px;padding:3px 4px;font-size:7.5px;display:inline-flex}.reason-chips svg{color:var(--green)}.recommendation__warning{color:#ff8aa0;margin-top:4px;font-size:8px;display:block}.use-button{color:#73798c;cursor:pointer;background:#ffffff0a;border:0;border-radius:7px;place-items:center;width:27px;height:38px;display:grid}.use-button svg{width:16px}.use-button:hover{background:var(--yellow);color:#11131a}.recommendation-card>footer{color:#666d7e;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:7px;display:flex}.recommendation-card>footer>span:first-child{text-transform:uppercase;letter-spacing:.8px;color:#858c9e;font-weight:800}.recommendation-card>footer i{background:#555c6d;border-radius:50%;width:2px;height:2px}.empty-recommendations{min-height:270px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-recommendations svg{color:var(--green)}.empty-recommendations strong{color:var(--ink);font-size:13px}.empty-recommendations span{font-size:10px}.trust-strip{border:1px solid var(--line);background:#ffffff05;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:18px;padding:19px 24px;display:grid}.trust-strip>div{align-items:center;gap:11px;display:flex}.trust-strip>div>svg{width:24px;height:24px;color:var(--green);background:#42d99b1a;border-radius:50%;padding:6px}.trust-strip span{color:#767d8f;gap:3px;font-size:9px;display:grid}.trust-strip strong{color:#cbd0db;font-size:10px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030408c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.picker-dialog{background:#12151e;border:1px solid #ffffff1f;border-radius:17px;flex-direction:column;width:min(850px,100%);max-height:min(760px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 100px #000000a6}.picker-dialog>header{justify-content:space-between;align-items:flex-start;padding:20px 22px 15px;display:flex}.picker-dialog h2{letter-spacing:-.8px;margin:6px 0 0;font-size:23px}.icon-button{border:1px solid var(--line);color:#8990a1;cursor:pointer;background:#ffffff08;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button svg{width:18px}.picker-tools{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:0 22px 14px;display:grid}.toggle{color:#9298aa;cursor:pointer;align-items:center;gap:8px;font-size:10px;display:flex}.toggle input{display:none}.toggle>span{background:#292d39;border-radius:20px;width:29px;height:17px;transition:all .2s;position:relative}.toggle>span:after{content:"";background:#7c8292;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#42d99b40}.toggle input:checked+span:after{background:var(--green);left:15px}.picker-grid{grid-template-columns:repeat(7,1fr);gap:7px;padding:4px 22px 24px;display:grid;overflow:auto}.picker-grid>button{cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 5px;display:flex;position:relative}.picker-grid>button:hover{border-color:var(--line);background:#ffffff0f;transform:translateY(-1px)}.picker-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.picker-grid small{color:#737a8c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:7px;overflow:hidden}.power-badge{color:#a6acbb;z-index:3;background:#343846;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:800;position:absolute;top:5px;right:5px}.power-badge.ready{color:#55e4a7;background:#163b30}.roster-page{padding-top:52px}.page-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px;display:flex}.page-intro h1{max-width:760px;font-size:clamp(34px,4vw,56px)}.page-intro p{max-width:700px}.roster-stats{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:repeat(3,1fr);min-width:330px;display:grid}.roster-stats div{border-left:1px solid var(--line);gap:4px;padding:14px 16px;display:grid}.roster-stats div:first-child{border-left:0}.roster-stats strong{font-size:19px}.roster-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:8px}.import-card{grid-template-columns:54px minmax(220px,1fr) minmax(390px,.9fr);align-items:center;gap:15px;min-height:100px;margin-bottom:16px;padding:17px 19px;display:grid}.import-card__icon{color:#9e8bff;background:#7858ff1f;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.import-card h2{margin:0 0 5px;font-size:15px}.import-card p{color:var(--muted);margin:0;font-size:10px}.import-card form{align-items:flex-end;gap:8px;display:flex}.import-card form label{color:#858c9e;text-transform:uppercase;letter-spacing:.7px;flex:1;gap:5px;font-size:8px;display:grid}.import-card input{border:1px solid var(--line);height:39px;color:var(--ink);text-transform:uppercase;background:#0000003d;border-radius:8px;outline:none;padding:0 11px}.import-card input:focus{border-color:#ffd23f73}.import-message{grid-column:3;align-items:center;gap:6px;margin-top:-8px;font-size:9px;display:flex}.import-message.error{color:#ff8299}.import-message.success{color:var(--green)}.primary-button:disabled{opacity:.5;cursor:wait}.roster-card{padding:17px}.roster-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px;display:flex}.roster-filters{flex:1;gap:10px;display:flex}.roster-filters .search-field{width:min(360px,100%)}.segmented{background:#00000038;border-radius:8px;padding:3px;display:flex}.segmented button{color:#7f8698;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:9px;font-weight:700}.segmented button.active{color:#fff;background:#282c38}.bulk-actions{gap:7px;display:flex}.bulk-actions button{border:1px solid var(--line);color:#8b92a3;cursor:pointer;background:0 0;border-radius:7px;padding:7px 9px;font-size:9px}.bulk-actions button:hover{color:#fff;background:#ffffff0a}.roster-grid{grid-template-columns:repeat(8,1fr);gap:8px;padding-top:16px;display:grid}.roster-grid article{background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;justify-items:center;gap:7px;min-width:0;padding:9px;display:grid;position:relative}.roster-grid article.owned{background:#ffffff09;border-color:#ffffff1a}.owned-toggle{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.owned-check{color:#757c8e;z-index:4;background:#3b4050;border:2px solid #151821;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-3px}.owned .owned-check{background:var(--green);color:#0d1613}.roster-brawler__info{text-align:center;gap:3px;width:100%;min-width:0;display:grid}.roster-brawler__info strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.roster-brawler__info small{color:#72798b;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.power-stepper{border:1px solid var(--line);background:#0000002e;border-radius:7px;grid-template-columns:25px 1fr 25px;align-items:center;width:100%;height:31px;display:grid}.power-stepper button{color:#666d7e;cursor:pointer;background:0 0;border:0;place-items:center;height:100%;display:grid}.power-stepper button:hover{color:#fff}.power-stepper>span{border-left:1px solid var(--line);border-right:1px solid var(--line);justify-content:center;align-items:baseline;gap:3px;display:flex}.power-stepper small{color:#666d7e;text-transform:uppercase;font-size:6px}.power-stepper strong{font-size:11px}.power-stepper.ready{color:var(--green);background:#42d99b0d;border-color:#42d99b3d}.ready-label{color:#5be2aa;text-transform:uppercase;z-index:3;background:#15392e;border-radius:4px;align-items:center;gap:2px;padding:3px 4px;font-size:6px;font-weight:850;display:flex;position:absolute;top:6px;left:6px}.site-footer{border-top:1px solid var(--line);color:#676e7f;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;width:min(1320px,100% - 48px);min-height:95px;margin:0 auto;padding:25px 0;display:grid}.site-footer .brand{font-size:15px}.site-footer .brand-mark{width:29px;height:29px}.site-footer p{max-width:700px;font-size:8px;line-height:1.6}.site-footer>span{font-size:8px}.site-footer a{color:#9a90d4}.toast{z-index:120;color:#dfe2e9;background:#272b36;border:1px solid #ffffff21;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000073}.toast svg{color:var(--green)}@media (width<=1050px){.topbar nav{margin-left:auto;margin-right:16px;position:static;transform:none}.draft-workspace{grid-template-columns:1fr}.draft-card,.recommendation-card{min-height:auto}.recommendation-list{grid-template-columns:repeat(2,1fr)}.recommendation-card>footer{margin-top:18px}.setup-card{grid-template-columns:100px 1fr}.map-control{grid-column:1/-1}.hero-status{display:none}.roster-grid{grid-template-columns:repeat(6,1fr)}.page-intro{flex-direction:column;align-items:flex-start}.import-card{grid-template-columns:54px 1fr}.import-card form,.import-message{grid-column:2}}@media (width<=760px){.topbar{height:60px;padding:0 16px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.share-button{justify-content:center;width:36px;padding:0;font-size:0}.menu-button{place-items:center;width:36px;height:36px;display:grid}.topbar nav{border:1px solid var(--line);background:#171a23;border-radius:12px;flex-direction:column;align-items:stretch;height:auto;margin:0;padding:8px;display:none;position:absolute;top:65px;left:12px;right:12px;transform:none;box-shadow:0 20px 50px #00000080}.topbar nav.open{display:flex}.topbar nav button,.topbar nav a{justify-content:flex-start}.draft-page,.roster-page{width:min(100% - 24px,1320px);padding-top:31px}.hero-copy{margin-bottom:25px}.hero-copy h1,.page-intro h1{letter-spacing:-2.4px;font-size:clamp(32px,10vw,47px)}.hero-copy p{font-size:13px}.setup-card{padding:15px;display:block}.setup-card>.section-kicker{margin-bottom:12px}.mode-tabs{margin-bottom:12px;overflow-x:auto}.mode-tabs button{flex:none}.draft-card,.recommendation-card{padding:15px}.ban-row{padding:10px 7px}.pick-columns{grid-template-columns:1fr 19px 1fr;gap:5px}.draft-flow{display:none}.pick-columns{grid-template-columns:1fr 1fr}.draft-slot.filled,.draft-slot.empty{min-height:81px}.draft-slot.filled{text-align:center;flex-direction:column;justify-content:center;gap:3px;padding:6px}.draft-slot.filled .brawler-avatar--md{width:46px;height:50px}.draft-slot.filled small{display:none}.recommendation-list{grid-template-columns:1fr}.recommendation{grid-template-columns:16px 52px 1fr 29px}.trust-strip{grid-template-columns:1fr;gap:14px;padding:16px}.picker-dialog{max-height:calc(100vh - 20px)}.dialog-backdrop{padding:10px}.picker-tools{grid-template-columns:1fr}.picker-grid{grid-template-columns:repeat(4,1fr);padding-inline:13px}.picker-tools,.picker-dialog>header{padding-inline:15px}.roster-stats{width:100%;min-width:0}.import-card{grid-template-columns:44px 1fr;padding:14px}.import-card form{grid-column:1/-1}.import-message{grid-column:1/-1;margin:0}.roster-card>header,.roster-filters{flex-direction:column;align-items:stretch}.roster-filters .search-field{width:100%}.segmented{min-height:36px}.segmented button{flex:1}.bulk-actions{justify-content:flex-end}.roster-grid{grid-template-columns:repeat(3,1fr)}.site-footer{grid-template-columns:1fr;gap:8px;width:calc(100% - 24px)}.site-footer p{margin:0}}@media (width<=410px){.brand small{display:none}.hero-copy h1{font-size:31px}.mode-tabs button{padding-inline:9px}.recommendation__body{overflow:hidden}.reason-chips span:nth-child(n+3){display:none}.picker-grid{grid-template-columns:repeat(3,1fr)}.roster-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}