@font-face{font-family:Brawl Lilita;src:url(/fonts/lilitaone-regular-webfont.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7f9;--muted:#8c95a4;--base:#07090c;--surface:#0e1116;--surface-2:#141922;--line:#252c37;--line-strong:#3c4654;--lime:#d8ff45;--blue:#3d9eff;--blue-deep:#102b47;--red:#ff5a69;--red-deep:#3e151c;--green:#51e190;--display:"Brawl Lilita", "Arial Rounded MT Bold", Arial, sans-serif;--body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--base);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible{z-index:4;outline:2px solid var(--lime);outline-offset:-2px;position:relative}.liveApp{background:radial-gradient(circle at 50% -20%, #d8ff4514, transparent 34rem), var(--base);border-inline:1px solid #171c24;grid-template-rows:54px 56px 90px 156px minmax(0,1fr);width:min(1180px,100%);height:100dvh;min-height:568px;margin:0 auto;display:grid;overflow:hidden}.liveHeader,.controlRail,.actionStrip,.draftBoard,.rosterPanel{min-width:0}.liveHeader{border-bottom:1px solid var(--line);background:#07090ceb;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 12px;display:grid}.liveBrand{align-items:center;gap:8px;display:inline-flex}.liveBrand strong{font:900 15px/1 var(--display);letter-spacing:-.035em}.liveBrandMark{background:var(--lime);width:28px;height:28px;display:block;position:relative;overflow:hidden;transform:skew(-7deg)}.liveBrandMark i{background:#07090c;width:16px;height:3px;position:absolute;top:8px;left:6px;transform:rotate(-45deg)}.liveBrandMark i:last-child{top:17px}.formatSwitch{border:1px solid var(--line);background:#0b0e13;border-radius:7px;grid-template-columns:repeat(4,1fr) 34px;padding:3px;display:grid}.formatSwitch button{min-width:61px;height:30px;color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:10px;font-weight:900}.formatSwitch button.active{background:var(--lime);color:#080a0e}.formatSwitch .helpNavButton{border-left:1px solid var(--line);min-width:30px;color:var(--ink);font:900 15px/1 var(--display);text-transform:lowercase;border-radius:0 4px 4px 0;padding:0}.headerTools{justify-self:end;align-items:center;gap:5px;display:flex}.dataDot{background:#737b88;border-radius:50%;width:7px;height:7px;margin-right:4px}.dataDot.syncing{background:#ffbd3f;animation:1s infinite alternate pulse}.dataDot.live{background:var(--green);box-shadow:0 0 0 4px #51e1901a}@keyframes pulse{to{opacity:.35}}.toolButton{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:5px;width:32px;height:32px;font-size:17px}.toolButton:disabled{opacity:.3;cursor:default}.controlRail{border-bottom:1px solid var(--line);background:#0a0d11;align-items:stretch;gap:0;padding:0 12px;display:flex}.setTabs{border-right:1px solid var(--line);align-items:center;gap:3px;padding-right:9px;display:flex}.setTabs button{border:1px solid var(--line);background:var(--surface);width:25px;height:25px;color:var(--muted);cursor:pointer;border-radius:50%;padding:0;font-size:9px;font-weight:900}.setTabs button.active{border-color:var(--lime);color:var(--lime);background:#d8ff451f}.setTabs button.win{border-color:var(--green);color:var(--green)}.setTabs button.loss{border-color:var(--red);color:var(--red)}.mapField{flex:280px;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.mapPicker{z-index:20;align-items:center;min-width:0;height:100%;display:flex;position:relative}.sideButton span{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:900}.mapEntry{align-items:center;gap:7px;min-width:0;display:flex}.modeIcon{background:#171d25;border-radius:5px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.modeIcon img{object-fit:contain;width:100%;height:100%;display:block}.modeIcon i{color:var(--lime);font:900 13px/1 var(--display);font-style:normal}.mapField input{width:16ch;max-width:100%;height:30px;color:var(--ink);font:900 17px/1 var(--display);text-transform:uppercase;text-overflow:ellipsis;background:0 0;border:0;padding:0 8px}.mapOptions{overscroll-behavior:contain;border:1px solid var(--line-strong);scrollbar-color:var(--line-strong) transparent;background:#0e1218fa;border-radius:0 0 10px 10px;width:min(360px,100vw - 94px);max-height:min(330px,42dvh);display:grid;position:absolute;top:calc(100% - 1px);left:37px;overflow-y:auto;box-shadow:0 18px 45px #00000094}.mapOptions button{border:0;border-bottom:1px solid var(--line);min-height:45px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.mapOptions button:last-child{border-bottom:0}.mapOptions button:hover,.mapOptions button:focus-visible,.mapOptions button[aria-selected=true]{background:#d8ff451f}.mapOptions button strong{font:900 15px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.mapOptionsEmpty{color:var(--muted);font:900 13px/1 var(--display);text-align:center;padding:18px 12px}.mapInfoButton{border:1px solid var(--line-strong);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;flex:0 0 34px;align-self:center;padding:0;font:900 15px/1 Georgia,serif}.mapInfoButton:hover{border-color:var(--lime);color:var(--lime)}.sideButton{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;align-content:center;justify-items:start;gap:1px;min-width:100px;padding:0 13px;display:grid}.sideButton strong{color:var(--blue);font:900 18px/1 var(--display)}.sideButton.second strong{color:var(--red)}.seriesScore{min-width:68px;font:900 15px/1 var(--display);justify-content:center;align-items:center;gap:6px;display:flex}.seriesScore span{color:var(--muted)}.actionStrip{border-bottom:1px solid var(--line);background:linear-gradient(90deg, #3d9eff26, transparent 55%), var(--surface);grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:12px;padding:9px 14px;display:grid;position:relative;overflow:hidden}.actionStrip.them{background:linear-gradient(90deg, #ff5a6929, transparent 55%), var(--surface)}.actionStrip:before{background:var(--blue);content:"";width:4px;position:absolute;inset:0 auto 0 0}.actionStrip.them:before{background:var(--red)}.actionCopy{align-content:center;gap:2px;min-width:0;display:grid}.actionCopy>strong{font:900 clamp(20px, 2.5vw, 29px)/.94 var(--display);letter-spacing:-.018em;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.actionProgress{color:var(--blue);font:900 clamp(15px, 1.65vw, 19px)/1 var(--display);letter-spacing:.01em}.actionStrip.them .actionProgress{color:var(--red)}.draftForecast{z-index:2;pointer-events:none;justify-content:center;display:flex;position:static;transform:none}.forecastValues{font:900 54px/.9 var(--display);letter-spacing:-.03em;justify-content:center;align-items:center;gap:11px;display:flex}.forecastValues>strong{align-items:flex-start;display:flex}.forecastValues strong.us{color:var(--blue)}.forecastValues strong.them{color:var(--red)}.forecastDivider{background:#657080;border-radius:999px;flex:0 0 2px;width:2px;height:34px}.forecastValues sup{font:900 12px/1 var(--body);letter-spacing:0;margin:3px 0 0 2px}.quickRecommendations{grid-template-columns:auto minmax(0,1fr);justify-self:end;align-items:center;gap:4px 8px;display:grid;position:relative}.recommendationLabel{color:var(--ink);letter-spacing:.08em;grid-column:1/-1;font-size:10px;font-weight:900}.quickRecommendations>div{gap:4px;display:flex}.recommendation{background:var(--surface-2);cursor:pointer;border:1px solid #4b5664;border-radius:5px;width:50px;height:50px;padding:0;position:relative;overflow:hidden}.recommendation:hover{border-color:var(--lime)}.portrait{color:#b9c0cb;width:100%;height:100%;font:900 9px/1 var(--display);background:radial-gradient(circle at 50% 28%,#ffffff1a,#0000 55%),#1a2029;place-items:center;display:grid;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.autoBanButton,.newDraftButton,.resultButtons button{background:var(--lime);color:#080a0e;cursor:pointer;border:0;border-radius:4px;height:34px;padding:0 10px;font-size:10px;font-weight:900}.autoBanButton{align-self:center}.opponentPrompt{border:1px dashed var(--line-strong);border-radius:5px;justify-content:center;align-items:center;gap:7px;width:158px;height:50px;display:flex}.opponentPrompt i{background:var(--red);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite waiting}.opponentPrompt i:nth-child(2){animation-delay:.15s}.opponentPrompt i:nth-child(3){animation-delay:.3s}@keyframes waiting{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.resultButtons{gap:5px;display:flex}.resultButtons button{width:76px}.resultButtons button.loss{border:1px solid var(--red);background:var(--red-deep);color:#ff8994}.draftBoard{border-bottom:1px solid var(--line);background:#090c10;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:8px;padding:9px 12px 10px;display:grid;position:relative;overflow:hidden}.teamBoard{grid-template-rows:38px minmax(0,1fr);gap:4px;min-width:0;display:grid}.teamHeading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.teamHeading>strong{color:var(--blue);font:900 11px/1 var(--display);letter-spacing:.1em}.teamBoard.them .teamHeading>strong{color:var(--red)}.banRow{gap:5px;display:flex}.banToken{opacity:.65;border:1px dashed #405368;border-radius:50%;width:36px;height:36px;display:block;position:relative;overflow:hidden}.banToken.them{border-color:#6b3c45}.banToken.filled{opacity:1;filter:saturate(.92);border-style:solid}.banToken.filled:after{color:#fff;content:"×";font:900 22px/1 var(--display);background:#07090c3d;border-radius:50%;place-items:center;display:grid;position:absolute;inset:1px}.pickRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;display:grid}.draftSlot{aspect-ratio:1;background:linear-gradient(145deg,#3d9eff1a,#0000);border:1px dashed #294b6d;border-radius:6px;grid-template-rows:minmax(0,1fr) 18px;place-self:center;width:min(100%,92px);min-width:0;display:grid;position:relative;overflow:hidden}.draftSlot:not(.filled){grid-template-rows:1fr}.draftSlot.them{background:linear-gradient(145deg,#ff5a691a,#0000);border-color:#67313a}.draftSlot.filled{border-style:solid;border-color:var(--blue)}.draftSlot.them.filled{border-color:var(--red)}.draftSlot .portrait{min-height:0}.draftSlot:not(.filled) .portrait{color:#344355;background:0 0}.draftSlot.them:not(.filled) .portrait{color:#52323a}.slotName{color:#c5e3ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#101c29;align-content:center;min-width:0;padding:0 3px;font-size:9px;font-weight:900;overflow:hidden}.draftSlot.them .slotName{color:#ffc1c7;background:#261417}.versusMark{place-items:center;padding-top:42px;display:grid}.versusMark span{border:2px solid var(--line-strong);width:44px;height:44px;color:var(--ink);font:900 14px/1 var(--display);background:#121823;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 4px #07090ccc}.rosterPanel{background:#0b0e13;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.rosterGrid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333b47 transparent;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));grid-auto-rows:42px;align-content:start;gap:1px;min-height:0;display:grid;overflow:auto}.rosterGrid>button{cursor:pointer;aspect-ratio:1;background:#171d25;border:0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.rosterGrid>button.rarityStart:before{z-index:2;background:var(--rarity);content:"";width:3px;box-shadow:1px 0 7px var(--rarity);position:absolute;inset:0 auto 0 0}.rosterGrid>button:hover:not(:disabled){z-index:2;outline:2px solid var(--lime);outline-offset:-2px}.rosterGrid>button.selected:after{color:#fff;content:"✓";font:900 16px/1 var(--display);background:#07090ca6;place-items:center;display:grid;position:absolute;inset:0}.rosterGrid>button:disabled{cursor:default}.rosterGrid>button.blocked:not(.selected){opacity:.28;filter:grayscale(.8)}.rosterGrid>button.ineligible:not(.selected):after{z-index:3;color:#ff8d98;content:"×";font:900 18px/1 var(--display);background:#07090ca8;place-items:center;display:grid;position:absolute;inset:0}.rosterGrid>button.poolEditing{opacity:.82;filter:none}.rosterGrid>button.poolEditing:not(.ineligible){outline-offset:-1px;outline:1px solid #51e19038}.rosterGrid>button.poolEditing.ineligible{opacity:1}.modeMetaPanel{background:radial-gradient(circle at 12% 0,#d8ff4514,#0000 27rem),radial-gradient(circle at 88% 35%,#3d9eff17,#0000 30rem),#080b0f;grid-row:2/-1;grid-template-rows:64px 78px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.modeMetaHero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:0 20px;display:flex}.modeMetaHero>strong{font:900 27px/.95 var(--display);letter-spacing:-.025em}.modeMetaHero>span{color:var(--green);font:900 13px/1 var(--display);letter-spacing:.08em}.modeSelector{border-bottom:1px solid var(--line);background:#0a0d11e6;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;display:grid}.modeSelector>button{border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.modeSelector>button:last-child{border-right:0}.modeSelector>button.active{color:var(--ink);box-shadow:inset 0 -3px var(--lime);background:#d8ff4514}.modeSelector .modeIcon{border-radius:10px;flex-basis:50px;width:50px;height:50px}.modeMetaBody{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;padding:10px 14px;display:grid;overflow:hidden}.modeRankGrid,.modeMetaLoading{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(132px,15vw,184px);align-content:start;gap:8px;min-width:0;min-height:0;display:grid;overflow:auto}.modeRankCard{border:1px solid var(--line);background:linear-gradient(135deg, #d8ff450e, transparent 44%), var(--surface);border-radius:7px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(104px,42%) minmax(0,1fr);align-items:center;gap:4px 12px;min-width:0;min-height:132px;padding:8px;display:grid;position:relative;overflow:hidden}.modeRankCard:first-child{box-shadow:inset 3px 0 var(--lime);border-color:#d8ff458c}.modeRankPortrait{aspect-ratio:1;background:var(--surface-2);border-radius:5px;grid-row:1/3;align-self:center;width:min(100%,168px);min-width:0;min-height:0;position:relative;overflow:hidden}.modeRankPortrait .portrait img{object-fit:contain}.modeRankPortrait>strong{z-index:2;color:var(--lime);font:900 10px/1 var(--display);background:#07090cd1;border-radius:3px;padding:3px 5px;position:absolute;top:4px;left:4px}.modeRankIdentity{grid-template-columns:auto minmax(0,1fr);align-self:end;align-items:center;gap:2px 6px;min-width:0;display:grid}.modeRankIdentity>strong{font:900 17px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.modeTier{background:var(--lime);color:#080a0e;min-width:24px;font:900 10px/1 var(--display);text-align:center;border-radius:3px;padding:4px 5px}.modeTier.tierA{background:var(--green)}.modeTier.tierB{background:#6cbaff}.modeTier.tierC,.modeTier.tierD{background:#f5ae54}.modeRankStats{flex-direction:column;align-self:start;align-items:stretch;gap:6px;min-width:0;display:flex}.modeRankStats>span{min-width:0;color:var(--muted);white-space:nowrap;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:7px;font-size:11px;font-weight:900;display:grid}.modeRankStats b{font:900 11px/1 var(--body)}.modeRankStats strong{color:var(--blue);font:900 22px/1 var(--display)}.modeRankStats>span:last-child strong{color:var(--ink)}.modeMetaLoading>i{border:1px solid var(--line);background:linear-gradient(90deg, var(--surface), #1b222c, var(--surface));background-size:200% 100%;border-radius:7px;animation:1.2s linear infinite metaShimmer}@keyframes metaShimmer{to{background-position:-200% 0}}.modeMetaError{border:1px dashed var(--line-strong);min-height:0;color:var(--muted);place-content:center;justify-items:center;gap:6px;display:grid}.modeMetaError>strong{color:var(--ink);font:900 16px/1 var(--display)}.modeMetaError>button{background:var(--lime);color:#080a0e;cursor:pointer;border:0;border-radius:4px;height:28px;padding:0 12px;font-size:10px;font-weight:900}.mapPreviewBackdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030508d6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mapPreview{border:1px solid var(--line-strong);background:#0b0e13;border-radius:10px;grid-template-rows:48px minmax(0,1fr);width:min(430px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0000008c}.mapPreview>header{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:0 9px 0 11px;display:grid}.mapPreview>header>span{gap:2px;min-width:0;display:grid}.mapPreview>header strong{font:900 14px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.mapPreview>header button{border:1px solid var(--line);background:var(--surface-2);width:30px;height:30px;color:var(--ink);font:400 22px/1 var(--body);cursor:pointer;border-radius:50%;padding:0}.mapPreview>img{object-fit:contain;background-color:#111720;background-image:linear-gradient(45deg,#0b0e13 25%,#0000 25%),linear-gradient(-45deg,#0b0e13 25%,#0000 25%),none;background-position:0 0,8px 8px;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;max-height:calc(100dvh - 84px);padding:12px;display:block}.mapPreviewMissing{min-height:260px;color:var(--muted);font:900 10px/1 var(--display);letter-spacing:.12em;place-items:center;display:grid}.helpBackdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030508e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.helpPanel{border:1px solid var(--line-strong);background:#0b0e13;border-radius:12px;grid-template-rows:54px minmax(0,1fr);width:min(560px,100%);max-height:calc(100dvh - 32px);display:grid;overflow:hidden;box-shadow:0 24px 80px #000000a3}.helpPanel>header{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:0 10px 0 12px;display:grid}.helpPanel>header .liveBrandMark{width:27px;height:27px}.helpPanel>header>strong{font:900 18px/1 var(--display)}.helpPanel>header>button{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-size:22px;line-height:1}.helpBody{gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.helpSteps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.helpSteps li{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:9px 11px;display:grid}.helpSteps li>b{background:var(--lime);color:#07090c;width:32px;height:32px;font:900 16px/1 var(--display);border-radius:50%;place-items:center;display:grid}.helpSteps li>span{color:#c5cad2;gap:4px;font-size:13px;line-height:1.28;display:grid}.helpSteps li strong,.installGuide strong{color:var(--ink);font:900 14px/1 var(--display)}.installGuide{background:#d8ff450f;border:1px solid #d8ff4580;border-radius:9px;gap:10px;padding:13px;display:grid}.installGuide>div:first-child{gap:5px;display:grid}.installGuide>div:first-child>span{color:#cbd0d8;font-size:13px;line-height:1.3}.installButton,.installedState{background:var(--lime);color:#07090c;min-height:40px;font:900 14px/1 var(--display);border:0;border-radius:6px;place-items:center;display:grid}.installButton{cursor:pointer}.installedState{color:var(--green);background:#51e19026}.installPlatforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.installPlatforms article{background:#0a0d12;border-radius:6px;align-content:start;gap:5px;min-width:0;padding:9px;display:grid}.installPlatforms article strong{color:var(--lime);font-size:12px}.installPlatforms article span{color:#c5cad2;font-size:12px;line-height:1.3}@media (width<=680px){.liveApp{border-inline:0;grid-template-rows:48px 54px 78px clamp(108px,25.5vw,140px) minmax(0,1fr)}.liveHeader{gap:6px;padding:0 7px}.liveBrand{gap:5px}.liveBrandMark{width:23px;height:23px}.liveBrandMark i{width:13px;top:7px;left:5px}.liveBrandMark i:last-child{top:14px}.liveBrand strong{font-size:12px}.liveBrand small,.dataDot{display:none}.formatSwitch button{min-width:43px;height:27px;padding:0 5px;font-size:10px}.formatSwitch .helpNavButton{width:27px;min-width:27px;font-size:13px}.toolButton{width:27px;height:27px;font-size:14px}.controlRail{padding:0 7px}.setTabs{gap:2px;max-width:88px;padding-right:6px;overflow:hidden}.setTabs button{flex:0 0 20px;width:20px;height:20px;font-size:9px}.mapField{flex-basis:120px;gap:7px;padding:0 7px}.mapPicker{max-width:calc(100% - 39px)}.mapEntry{gap:5px;height:100%}.modeIcon{flex-basis:28px;width:28px;height:28px}.mapField input{max-width:180px;padding-inline:7px;font-size:16px}.mapOptions{width:min(330px,100vw - 70px);max-height:min(310px,40dvh);left:33px}.mapOptions button{grid-template-columns:32px minmax(0,1fr);gap:10px;min-height:48px;padding-inline:9px}.mapOptions button .modeIcon{width:32px;height:32px}.mapOptions button strong{font-size:16px}.mapInfoButton{flex-basis:32px;width:32px;height:32px;font-size:14px}.mapPreviewBackdrop{padding:12px}.helpBackdrop{align-items:end;padding:8px}.helpPanel{border-radius:11px;max-height:calc(100dvh - 16px)}.modeMetaPanel{grid-template-rows:56px 64px minmax(0,1fr)}.modeMetaHero{padding:0 10px}.modeMetaHero>strong{font-size:20px}.modeMetaHero>span{font-size:11px}.modeSelector>button{padding:0 2px}.modeSelector .modeIcon{border-radius:8px;flex-basis:40px;width:40px;height:40px}.modeMetaBody{grid-template-rows:minmax(0,1fr);padding:8px 7px}.modeRankGrid,.modeMetaLoading{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:176px;gap:6px}.modeRankCard{grid-template-columns:clamp(100px,42%,132px) minmax(0,1fr);gap:9px;min-height:176px;padding:6px}.modeRankIdentity{gap:2px 4px}.modeRankIdentity>strong{font-size:17px}.modeTier{min-width:24px;padding:4px 5px;font-size:10px}.modeRankStats{gap:5px}.modeRankStats>span{grid-template-columns:31px minmax(0,1fr);gap:6px;font-size:11px}.modeRankStats strong{font-size:21px}.modeRankPortrait>strong{font-size:10px}.sideButton{min-width:76px;padding:0 8px}.sideButton span{font-size:9px}.sideButton strong{font-size:17px}.seriesScore{gap:3px;min-width:43px;font-size:12px}.actionStrip{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);gap:5px;padding:6px 7px 6px 10px}.actionCopy>strong{font-size:clamp(18px,4.5vw,24px)}.actionProgress{font-size:clamp(14px,3.7vw,18px)}.quickRecommendations{gap:2px 4px}.forecastValues{gap:7px;font-size:50px}.forecastDivider{height:29px}.forecastValues sup{margin-left:1px;font-size:10px}.recommendationLabel{font-size:9px}.recommendation{width:44px;height:44px}.autoBanButton{display:none}.opponentPrompt{width:125px;height:39px}.resultButtons button{width:57px;height:31px;padding:0 6px;font-size:9px}.newDraftButton{height:31px}.draftBoard{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:4px;padding:6px 7px 7px}.teamBoard{grid-template-rows:36px minmax(0,1fr);gap:4px}.teamHeading>strong{font-size:10px}.banRow{gap:3px}.banToken{width:34px;height:34px}.pickRow{gap:3px}.draftSlot{border-radius:4px;grid-template-rows:minmax(0,1fr) 15px;width:min(100%,86px)}.slotName{font-size:8px}.versusMark{padding-top:40px}.versusMark span{width:34px;height:34px;font-size:11px}.rosterGrid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:calc(12.5vw - .875px)}}@media (width<=480px){.liveBrand strong{display:none}.actionStrip{gap:3px;padding-inline:8px 6px}.actionCopy>strong{font-size:clamp(15px,4.4vw,18px)}.actionProgress{font-size:clamp(13px,3.8vw,16px)}.forecastValues{gap:6px;font-size:44px}.forecastDivider{height:25px}.forecastValues sup{font-size:8px}.recommendation{width:36px;height:36px}.opponentPrompt{width:112px}.modeRankGrid,.modeMetaLoading{grid-template-columns:1fr;grid-auto-rows:148px}.modeRankCard{grid-template-columns:118px minmax(0,1fr);gap:10px;min-height:148px;padding:8px}.modeRankIdentity{gap:5px 7px}.modeRankIdentity>strong{font-size:19px}.modeTier{min-width:27px;padding:5px;font-size:11px}.modeRankStats{gap:6px}.modeRankStats>span{grid-template-columns:38px minmax(0,1fr);font-size:13px}.modeRankStats b{font-size:13px}.modeRankStats strong{font-size:24px}.modeRankPortrait>strong{font-size:11px}.helpBody{gap:10px;padding:10px}.helpSteps{gap:5px}.helpSteps li{min-height:58px;padding:7px 9px}.helpSteps li>span{font-size:12px}.installPlatforms{grid-template-columns:1fr}.installPlatforms article{grid-template-columns:98px minmax(0,1fr);align-items:center}}@media (width<=365px){.formatSwitch button{min-width:44px}.setTabs{max-width:65px}.forecastValues{font-size:40px}.recommendation{width:36px;height:36px}.rosterGrid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:calc(14.2857vw - .857143px)}}@media (height<=700px){.liveApp{grid-template-rows:44px 50px 70px 124px minmax(0,1fr)}.liveBrandMark{width:22px;height:22px}.recommendation{width:36px;height:36px}.teamBoard{grid-template-rows:30px minmax(0,1fr)}.versusMark{padding-top:34px}.versusMark span{width:32px;height:32px;font-size:10px}.banToken{width:28px;height:28px}.draftSlot{width:min(100%,76px)}.forecastValues{font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}