body.webApp:not(.nativeApp),html.webApp:not(.nativeApp){color-scheme:dark;overflow-x:clip!important;background:#050810!important}html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]{grid-auto-rows:max-content!important;align-items:start!important}html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]>button{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;gap:6px!important}html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]>button img{display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important}html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]>button>span{flex:0 0 22px!important;line-height:22px!important}@media (max-width:767px){html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]>button{gap:4px!important}html.webApp body.webApp:not(.nativeApp) [data-variant=guest] [data-section=champion-grid]>button>span{flex-basis:18px!important;line-height:18px!important}}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>span{display:block!important;font-size:14px!important;line-height:1.2!important}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>b{display:none!important}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>small{font-size:0!important;line-height:1!important}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>small:after{content:attr(data-web-status);font-size:11px;line-height:1}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button.selected>small{display:none!important}@media (min-width:768px){body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>span{font-size:16px!important}body.webApp:not(.nativeApp) .liveRoomPage .roomPositionChangePanel button>small:after{font-size:12px}}body.webApp:not(.nativeApp){--scream-base:#050810;--scream-surface:#0b1220;--scream-elevated:#111a2b;--scream-raised:#172236;--scream-border:#27334a;--scream-border-soft:#1b263a;--scream-purple:#9d4dff;--scream-purple-soft:#6e35b5;--scream-gold:#e0b14b;--scream-mint:#55d6a7;--scream-red:#ef647d;--scream-blue:#6ea8ff;--scream-text:#f4f7fb;--scream-muted:#8994a8;--scream-muted-2:#5f6b80;--scream-radius-chip:4px;--scream-radius-control:6px;--scream-radius-panel:8px;--scream-space-xs:4px;--scream-space-sm:8px;--scream-space-md:12px;--scream-space-base:16px;--scream-space-lg:24px;--scream-space-xl:32px;--scream-header-height:64px;--scream-nav-height:82px;--scream-web-gutter:16px;--scream-web-shell-max:1180px;--scream-web-shell-width:min(var(--scream-web-shell-max),calc(100vw - (var(--scream-web-gutter) * 2)));--scream-web-form-width:min(560px,calc(100vw - (var(--scream-web-gutter) * 2)));--bg:var(--scream-base);--surface:var(--scream-surface);--surface2:var(--scream-elevated);--line:var(--scream-border);--text:var(--scream-text);--muted:var(--scream-muted);--gold:var(--scream-gold);--gold2:var(--scream-gold);--blue:var(--scream-blue);--red:var(--scream-red);--web-border:var(--scream-border);--web-panel:var(--scream-surface);--web-panel-strong:var(--scream-elevated);--web-muted:var(--scream-muted);--web-text:var(--scream-text);--web-gold:var(--scream-gold);--web-purple:var(--scream-purple);--web-green:var(--scream-mint);--web-shell:var(--scream-web-shell-width);--scream-web-frame-width:100%;--scream-web-content-width:calc(100% - (var(--scream-web-gutter) * 2));min-width:0;margin:0;color:var(--scream-text)!important;background:var(--scream-base)!important;font-family:Gmarket Sans,sans-serif!important;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased}body.webApp:not(.nativeApp) *,body.webApp:not(.nativeApp) :after,body.webApp:not(.nativeApp) :before{box-sizing:border-box}body.webApp:not(.nativeApp) :where(button,input,select,textarea,option,code){font-family:Gmarket Sans,sans-serif!important}body.webApp:not(.nativeApp) :where(.webLandingPage,.entryLandingPage,.authPage,.onboardingPage,.tierMeasurePage,.exactHomePage,.appPage,.legalPage,.profileChampionSetupPage,main[aria-label="SCREAM 게임 선택"],main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"],main[data-web-layout=auction]){width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;overflow-x:clip!important;color:var(--scream-text)!important;background:var(--scream-base)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.webLandingPage,.entryLandingPage,.authPage,.onboardingPage,.tierMeasurePage,.exactHomePage,.appPage,.legalPage,.profileChampionSetupPage):after,body.webApp:not(.nativeApp) :where(.webLandingPage,.entryLandingPage,.authPage,.onboardingPage,.tierMeasurePage,.exactHomePage,.appPage,.legalPage,.profileChampionSetupPage):before{background-image:none!important;filter:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .authHeroLogo,body.webApp:not(.nativeApp) .brandLogoImage,body.webApp:not(.nativeApp) .logo,body.webApp:not(.nativeApp) .webHeroWordmark,body.webApp:not(.nativeApp) .webLandingBrand,body.webApp:not(.nativeApp) img[src$="/scream-logo.png"],body.webApp:not(.nativeApp) img[src$="/scream-wordmark.png"]{display:none!important}body.webApp:not(.nativeApp) :where(.authWebBackgroundArtwork,.authWebBackgroundVideo,.entryLandingImage,.exactHomeImage){display:none!important}body.webApp:not(.nativeApp) :where(.roomsHead h1,.roomTitle h1,.matchTitle h1,.gameTitle h1,.playersTitle h1,.recordsTitle h1,.accountShell>h1,.adminShell>h1,.legalTitle h1,.formShell>h1,.webHomeHero h1){margin-top:0!important;color:var(--scream-text)!important;font-size:clamp(26px,4vw,32px)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em!important}body.webApp:not(.nativeApp) :where(.roomMain h2,.laneBoard h2,.captainCards h2,.draftTeams h2,.ratingCard h2,.clanDirectorySection h1,.clanMembersPanel h2,.clanRequestPanel h2,.legalDocument h2,.tierQuestion){color:var(--scream-text)!important;font-size:clamp(20px,3vw,24px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.015em!important}body.webApp:not(.nativeApp) :where(.roomList h2,.playerRecords h2,.matchHistoryList h2,.choiceCard h3,.reportCard h2,.clanHqCard h2,.clanDirectoryList h2,.clanHubMenuCard h3){color:var(--scream-text)!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important}body.webApp:not(.nativeApp) :where(.muted,.authHeroCopy p,.roomList p,.legalDocument p,.legalDocument li){color:var(--scream-muted)!important;font-size:15px!important;font-weight:500!important;line-height:1.6!important}body.webApp:not(.nativeApp) :where(small,.inputHelp,.roomMeta,.recordTierLine,.roomBottom,.matchMeta,.fineprint){color:var(--scream-muted)!important;font-size:12px!important;font-weight:500;line-height:1.45}body.webApp:not(.nativeApp) :where(.step,.eyebrow,[class*=Kicker],[class*=kicker]){color:var(--scream-gold)!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.14em!important}body.webApp:not(.nativeApp) :where(.roomsShell,.roomShell,.matchShell,.gameShell,.playersShell,.recordsShell,.clanShell,.accountShell,.adminShell,.webHomeExperience){width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;min-width:0!important;margin-right:auto!important;margin-left:auto!important;padding-bottom:calc(var(--scream-nav-height) + var(--scream-space-lg) + env(safe-area-inset-bottom))!important}body.webApp:not(.nativeApp) :where(.authCard,.formShell,.legalDocument){width:var(--scream-web-form-width)!important;max-width:100%!important;min-width:0!important;margin-right:auto!important;margin-left:auto!important}body.webApp:not(.nativeApp) :where(.topbar,.appTopbar){width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;min-height:var(--scream-header-height)!important;height:var(--scream-header-height)!important;margin:0 auto!important;padding:0!important;border-bottom:1px solid var(--scream-border-soft)!important;background:var(--scream-base)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.topbar,.appTopbar)>:where(a,button){border-radius:var(--scream-radius-control)!important}body.webApp:not(.nativeApp) :where(.primaryButton,.secondaryButton,.dangerButton,.profileSaveButton,.queueCreateButton,.canyonEntryButton,.webGameChangeButton,.clanDirectoryCreateButton,.clanCapacitySave,.draftStartButton,.finishButton,.returnWaitingButton){min-height:48px!important;height:auto;padding:0 18px!important;border-radius:var(--scream-radius-control)!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}body.webApp:not(.nativeApp) :where(.primaryButton,.queueCreateButton,.canyonEntryButton,.profileSaveButton,.clanDirectoryCreateButton,.clanCapacitySave,.draftStartButton,.finishButton){border:1px solid var(--scream-gold)!important;background:var(--scream-gold)!important;color:#111008!important}body.webApp:not(.nativeApp) :where(.secondaryButton,.returnWaitingButton){border:1px solid var(--scream-border)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important}body.webApp:not(.nativeApp) :where(.dangerButton,.dangerZone button,.forceEndButton){border-color:color-mix(in srgb,var(--scream-red) 64%,var(--scream-border))!important;background:color-mix(in srgb,var(--scream-red) 14%,var(--scream-surface))!important;color:var(--scream-red)!important}body.webApp:not(.nativeApp) :where(.primaryButton,.secondaryButton,.dangerButton,.profileSaveButton,.queueCreateButton,.canyonEntryButton,.webGameChangeButton,.clanDirectoryCreateButton,.clanCapacitySave,.draftStartButton,.finishButton,.returnWaitingButton):disabled{border-color:var(--scream-border)!important;background:var(--scream-elevated)!important;color:var(--scream-muted-2)!important;opacity:.72!important}body.webApp:not(.nativeApp) .canyonEntryButton,body.webApp:not(.nativeApp) .canyonEntryButton:active,body.webApp:not(.nativeApp) .canyonEntryButton:hover{border-color:var(--scream-gold)!important;background:var(--scream-gold)!important;color:#111008!important;filter:none!important;animation:none!important;box-shadow:none!important;transform:none!important}body.webApp:not(.nativeApp) .canyonEntryButton:after,body.webApp:not(.nativeApp) .canyonEntryButton:before{content:none!important;display:none!important;background:none!important;filter:none!important;animation:none!important}body.webApp:not(.nativeApp) .webGameChangeButton{border:1px solid var(--scream-border)!important;background:var(--scream-surface)!important;color:var(--scream-muted)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.riotInput,.queueRoomSearch,.playerSearch,.clanDirectorySearch,.clanSearch,.friendAddRow){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;color:var(--scream-text)!important;box-shadow:none!important}body.webApp:not(.nativeApp) input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:48px}body.webApp:not(.nativeApp) :where(input,textarea)::placeholder{color:var(--scream-muted-2)!important;opacity:1!important}body.webApp:not(.nativeApp) :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--scream-purple)!important;outline-offset:2px!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.positionTabs,.draftFilters,.authMethodTabs,.roomModeChoices,.matchModeChoices,.seriesChoices,.tierLimitChoices,.inhouseImportPositionTabs,.clanSectionTabs,.clanWarReservationTabs,.clanWarLineTabs){min-height:50px!important;gap:var(--scream-space-xs)!important;padding:var(--scream-space-xs)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.positionTabs,.draftFilters,.authMethodTabs,.roomModeChoices,.matchModeChoices,.seriesChoices,.tierLimitChoices,.inhouseImportPositionTabs,.clanSectionTabs,.clanWarReservationTabs,.clanWarLineTabs) button{min-height:42px!important;border-color:transparent!important;border-radius:var(--scream-radius-chip)!important;background:transparent!important;color:var(--scream-muted)!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important}body.webApp:not(.nativeApp) :where(.positionTabs,.draftFilters,.authMethodTabs,.roomModeChoices,.matchModeChoices,.seriesChoices,.tierLimitChoices,.inhouseImportPositionTabs,.clanSectionTabs,.clanWarReservationTabs,.clanWarLineTabs) button:is(.active,.selected),body.webApp:not(.nativeApp) :where(.queueSetupCarouselSelected,.guestTierCarouselRail button[aria-pressed=true],.guestPositionCarouselRail button[aria-pressed=true]){border-color:var(--scream-purple-soft)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-elevated))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}body.webApp:not(.nativeApp) .roomFilter{min-height:20px!important;margin:0 0 var(--scream-space-sm)!important;padding:0!important;border:0!important;background:transparent!important;color:var(--scream-muted)!important;box-shadow:none!important;font-size:12px!important;line-height:20px!important}body.webApp:not(.nativeApp) :where(.queueSetupCarousel,.guestTierCarousel,.guestPositionCarousel){border-color:var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.queueSetupCarouselFocus,.guestTierCarouselFocus,.guestPositionCarouselFocus){border-color:var(--scream-purple)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--scream-purple) 32%,transparent)!important}body.webApp:not(.nativeApp) :where(.createRoomCard,.roomList>article,.inhouseLeaderImportPanel,.inhousePlayerImportManager,.laneBoard>section,.aramPlayerBoard,.roomChat,.roomFriendsPanel,.leaderPreferencePanel,.roomPasswordCheck,.joinPanel,.captainCards>article,.choiceCard,.draftOrder,.draftTeams>article,.scoreBoard,.ratingCard,.matchResultCard,.doneCard,.recordSummary,.recordsSummary,.playerRecords>article,.matchHistoryList>article,.recentMatchPanel,.accountLinks,.accountLinks>a,.profileEditPopover,.dangerZone,.adminStats,.reportCard,.legalTable,.legalNote,.legalWarning,.legalSupport,.clanEntryHero,.clanHqCard,.clanCapacityPanel,.clanHubMenuCard,.clanMembersPanel,.clanRequestPanel,.clanJoinRequestCard,.clanWarLobby,.clanWarReservationPanel,.clanWarReservationCard,.clanWarApplyPanel){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.roomPlayer,.inhouseInvitablePlayerList>button,.inhouseImportedRoster>article,.rosterRow,.compactPickRow,.ratingPlayer,.historyPlayer,.clanMemberList>article,.clanWarCandidateList>button){min-height:74px!important;border-color:var(--scream-border-soft)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.roomPlayer,.inhouseInvitablePlayerList>button,.inhouseImportedRoster>article,.compactPickRow):is(.selected,[aria-selected=true]){border-color:var(--scream-purple)!important;border-left:3px solid var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 9%,var(--scream-surface))!important}body.webApp:not(.nativeApp) :where(.summonerAvatar,.avatar,.recordAvatar,.recordPortrait,.profileEditPreview){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-chip)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.positionTabs button.active,.roomPositionSlot.selected,.roomPositions button.selected,.positionArrangeSlot.selected,.draftFilters button.selected,.clanWarLineTabs button.selected){border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-surface))!important;color:var(--scream-text)!important}body.webApp:not(.nativeApp) :where(.livePill,.joinedNotice,.roomToast,.measurementStatusBadge,.historyWinnerBadge,.liveLeaderBadge,.liveHostBadge,.liveMeBadge,.recordManner){border-color:color-mix(in srgb,var(--scream-mint) 42%,var(--scream-border))!important;background:color-mix(in srgb,var(--scream-mint) 9%,var(--scream-surface))!important;color:var(--scream-mint)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.livePill,.measurementStatusBadge,.historyWinnerBadge,.liveLeaderBadge,.liveHostBadge,.liveMeBadge,.clanRoomBadge){min-height:28px!important;padding:0 10px!important;border-width:1px!important;border-style:solid!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important}body.webApp:not(.nativeApp) :where(.errorMessage,.recordSaveMessage,.adminNotice){border:1px solid color-mix(in srgb,var(--scream-red) 42%,var(--scream-border))!important;border-radius:var(--scream-radius-control)!important;background:color-mix(in srgb,var(--scream-red) 9%,var(--scream-surface))!important;color:var(--scream-red)!important}body.webApp:not(.nativeApp) .formMessage{color:var(--scream-gold)!important;font-size:12px!important;line-height:1.5!important}body.webApp:not(.nativeApp) :where(.scoreChip,.recordScore,.miniScore,.draftTurnName,.captainVoteStatus){color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .mobileNav{position:fixed!important;z-index:50!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:none!important;height:calc(var(--scream-nav-height) + env(safe-area-inset-bottom))!important;padding:8px 8px calc(12px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--scream-border)!important;border-radius:0!important;background:var(--scream-surface)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}body.webApp:not(.nativeApp) .mobileNav a{min-width:0!important;gap:5px!important;border-radius:var(--scream-radius-chip)!important;color:var(--scream-muted)!important;font-size:9px!important;font-weight:700!important}body.webApp:not(.nativeApp) .mobileNav a svg{width:20px!important;height:20px!important}body.webApp:not(.nativeApp) .mobileNav a.active{color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 9%,transparent)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}body.webApp:not(.nativeApp) .mobileNavSweep{animation:none!important;display:none!important}body.webApp:not(.nativeApp) :where(.modalBackdrop,.clanEntryOverlay,.clanWarCreateOverlay,.webReservationCancelOverlay){padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))!important;background:rgb(5 8 16/92%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.webApp:not(.nativeApp) :where(.reportModal,.clanEntryPanel,.clanPreviewSheet,.clanWarCreatePanel,.webReservationCancelDialog,.profileEditPopover){max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-elevated)!important;box-shadow:0 24px 64px #0008!important}body.webApp:not(.nativeApp) .exactHomePage{display:block!important;padding:0!important}body.webApp:not(.nativeApp) :where(.exactHomeHotspot,.exactHomeEnter){display:none!important}body.webApp:not(.nativeApp) .webHomeExperience{display:grid!important;align-content:center!important;grid-gap:var(--scream-space-xl)!important;gap:var(--scream-space-xl)!important;min-height:calc(100dvh - var(--scream-nav-height))!important;padding-top:var(--scream-space-xl)!important}body.webApp:not(.nativeApp) .webHomeHero{align-items:flex-start!important;max-width:620px!important;margin:0!important;text-align:left!important}body.webApp:not(.nativeApp) .webHomeBadge{min-height:28px!important;padding:0 10px!important;border:1px solid var(--scream-border)!important;border-radius:999px!important;background:var(--scream-surface)!important;color:var(--scream-gold)!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important}body.webApp:not(.nativeApp) .webHomeHero h1{display:grid!important;grid-gap:var(--scream-space-xs)!important;gap:var(--scream-space-xs)!important;margin:var(--scream-space-base) 0 var(--scream-space-md)!important}body.webApp:not(.nativeApp) .webHomeHero h1 strong{color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .webHomeHero>p{margin:0!important;color:var(--scream-muted)!important;font-size:15px!important}body.webApp:not(.nativeApp) .webHomePrimary{min-height:48px!important;margin-top:var(--scream-space-lg)!important;padding:0 18px!important;border:1px solid var(--scream-gold)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-gold)!important;color:#111008!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important}body.webApp:not(.nativeApp) .webHomeSteps{margin:0!important;padding:0!important;border:0!important;background:transparent!important}body.webApp:not(.nativeApp) .webHomeSteps>header{margin-bottom:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .webHomeSteps>header span{color:var(--scream-gold)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important}body.webApp:not(.nativeApp) .webHomeSteps>header h2{margin:var(--scream-space-xs) 0 0!important;font-size:24px!important}body.webApp:not(.nativeApp) .webHomeStepGrid{gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .webHomeStepGrid article{min-height:112px!important;padding:var(--scream-space-base)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .webHomeStepNumber{color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .authPage{display:grid!important;align-items:start!important}body.webApp:not(.nativeApp) .authPage,body.webApp:not(.nativeApp) main.authPage.loginFixedPage{overflow-y:auto!important;padding:max(32px,env(safe-area-inset-top)) 0 max(40px,env(safe-area-inset-bottom))!important}body.webApp:not(.nativeApp) main.authPage.loginFixedPage{height:auto!important;min-height:100dvh!important;overflow-x:clip!important}body.webApp:not(.nativeApp) .authCard{margin-top:0!important;margin-bottom:0!important}body.webApp:not(.nativeApp) .authCard,body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard.premiumAuthCard{padding:var(--scream-space-xl)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard.premiumAuthCard{width:var(--scream-web-form-width)!important;max-width:var(--scream-web-form-width)!important;margin:0 auto!important}body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authHeroLogo,body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authHeroLogo .authHeroImage{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important}body.webApp:not(.nativeApp) .authHeroCopy{text-align:left!important}body.webApp:not(.nativeApp) .authHeroCopy h2{margin:0 0 var(--scream-space-sm)!important;color:var(--scream-text)!important;font-size:32px!important;font-weight:700!important;line-height:1.2!important}body.webApp:not(.nativeApp) .authHeroCopy h2 em{color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .authModeIcon{width:40px!important;height:40px!important;margin:var(--scream-space-lg) 0 var(--scream-space-md)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .authCard>h1{margin:var(--scream-space-xs) 0 0!important;font-size:24px!important}body.webApp:not(.nativeApp) .authInputWrap{min-height:48px!important;margin-bottom:var(--scream-space-md)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .authInputWrap>input{min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}body.webApp:not(.nativeApp) .authInputWrap:focus-within{border-color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .authMethodTabs:after{background:var(--scream-purple)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .authBenefitGrid{border:1px solid var(--scream-border-soft)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-base)!important}body.webApp:not(.nativeApp) .onboardingTop{position:relative!important;background:var(--scream-base)!important}body.webApp:not(.nativeApp) .progressBar{height:2px!important;background:var(--scream-border-soft)!important}body.webApp:not(.nativeApp) .progressBar i{background:var(--scream-purple)!important}body.webApp:not(.nativeApp) .tierMeasureShell{width:min(760px,calc(100vw - (var(--scream-web-gutter) * 2)))!important;max-width:760px!important;margin-top:var(--scream-space-xl)!important;padding-bottom:calc(var(--scream-nav-height) + var(--scream-space-lg))!important}body.webApp:not(.nativeApp) :where(.tierAccountCard,.fixedRiotCard,.tierAiResult,.tierAiDetails,.tierChampionRecommendation,.guestLaneGroup){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.guestTierGrid button.selected,.tierPositionGrid button.selected,.guestLaneCarouselGrid button.selected,.onboardingPositionGrid button.selected){border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-surface))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}body.webApp:not(.nativeApp) .roomsShell{margin-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) .roomsHead{align-items:end!important;gap:var(--scream-space-base)!important;margin-bottom:var(--scream-space-base)!important}body.webApp:not(.nativeApp) .queueRoomSearch{min-height:48px!important;margin-bottom:var(--scream-space-md)!important;padding:0 14px!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker{display:none!important;margin:0 0 var(--scream-space-md)!important;padding:var(--scream-space-md)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker button{min-height:48px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-base)!important;color:var(--scream-muted)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker button.selected{border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-elevated))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker :where(header span,header b,button span,button b,p){text-shadow:none!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker header span{color:var(--scream-text)!important;font-size:13px!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker :where(header b,button b){color:inherit!important;font-size:11px!important}body.webApp:not(.nativeApp) .queueRoomsPage .queuePositionPicker :where(button span,p){color:var(--scream-muted)!important;font-size:11px!important}body.webApp:not(.nativeApp) :where(.queueRoomsPage,.playersPage) .emptyPlayerSearch{border:1px dashed var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .queueRoomsPage :where(.roomsHead h1,.roomsHead .step,.roomsHead .muted,.queueCreateButton,.queueRoomSearch,.queuePositionPicker,.roomFilter,.roomList,.emptyPlayerSearch){animation:none!important}body.webApp:not(.nativeApp) .roomList{gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .roomList>article{min-height:136px!important;padding:var(--scream-space-base)!important}body.webApp:not(.nativeApp) .roomMain{gap:var(--scream-space-base)!important}body.webApp:not(.nativeApp) .roomBottom{border-top:1px solid var(--scream-border-soft)!important}body.webApp:not(.nativeApp) .roomBottom button{min-height:36px!important;border-radius:var(--scream-radius-control)!important;color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .createRoomCard{padding:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) .roomCreateClose{border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;color:var(--scream-muted)!important}body.webApp:not(.nativeApp) .roomCreateForm{gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .roomCreateForm>label{margin:0!important;color:var(--scream-text)!important;font-size:12px!important;font-weight:700!important}body.webApp:not(.nativeApp) :where(.queueCreateUtilityBlock,.createOptionBlock,.modeOptionBlock,.tierLimitOptionBlock,.auctionSizeOptionBlock){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-base)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.queueCreateUtilityBlock,.createOptionBlock,.modeOptionBlock,.tierLimitOptionBlock,.auctionSizeOptionBlock) h3{font-size:15px!important;font-weight:700!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm{height:auto!important;min-height:0!important;max-height:calc(100dvh - 120px)!important;gap:var(--scream-space-md)!important;padding:var(--scream-space-lg)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .createOptionBlock{gap:var(--scream-space-sm)!important;padding:var(--scream-space-md)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-base)!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .createOptionHeader{min-height:20px!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .createOptionHeader b{color:var(--scream-text)!important;font-size:12px!important;font-weight:700!important;line-height:20px!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarousel{height:50px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarousel:after,html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarousel:before{background:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarouselFocus{top:4px!important;bottom:4px!important;border:1px solid var(--scream-purple-soft)!important;border-radius:var(--scream-radius-chip)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarouselRail{gap:var(--scream-space-sm)!important;padding-top:4px!important;padding-bottom:4px!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarouselRail>button{height:42px!important;min-height:42px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-chip)!important;background:var(--scream-surface)!important;color:var(--scream-muted)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarouselRail>button:is([data-focused=true],.selected,[aria-selected=true]){border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-elevated))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm .queueSetupCarouselCopy b{color:inherit!important;font-size:13px!important;font-weight:700!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm button.selected .queueSetupCarouselSelected{border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,transparent)!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm button.selected .queueSetupCarouselSelected>i{background:var(--scream-purple)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm>label{margin:0!important;color:var(--scream-text)!important;font-size:12px!important;line-height:1.3!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm>input{height:48px!important;min-height:48px!important;padding:0 14px!important;border-radius:var(--scream-radius-control)!important;font-size:13px!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm>input::placeholder{font-size:13px!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm>.primaryButton.full{height:48px!important;min-height:48px!important;border-radius:var(--scream-radius-control)!important;font-size:14px!important}body.webApp:not(.nativeApp) .liveRoomPage>.appTopbar{position:relative!important;top:auto!important}body.webApp:not(.nativeApp) .liveRoomPage .roomShell{margin-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) .roomTitle{gap:var(--scream-space-base)!important;margin-bottom:var(--scream-space-base)!important}body.webApp:not(.nativeApp) .roomTitleActions button,body.webApp:not(.nativeApp) .webRoomTitleActions button{min-width:40px!important;min-height:40px!important;padding:0 10px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;color:var(--scream-muted)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .inhouseLeaderImportPanel{gap:var(--scream-space-md)!important;padding:var(--scream-space-base)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .inhouseLeaderSlots{gap:var(--scream-space-sm)!important}body.webApp:not(.nativeApp) .inhouseLeaderSlots>*{min-height:74px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-base)!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article>span{gap:var(--scream-space-xs)!important}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots b{color:var(--scream-text)!important;font-size:13px!important;line-height:1.3!important}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots :where(small,em){font-size:11px!important;line-height:1.35!important}body.webApp:not(.nativeApp) .liveRoomPage .adminLeaderAutoFill{min-height:40px!important;padding:0 12px!important;font-size:11px!important;box-shadow:none!important}body.webApp:not(.nativeApp) .inhousePlayerImportToggle,body.webApp:not(.nativeApp) .liveRoomPage .adminLeaderAutoFill{border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important}body.webApp:not(.nativeApp) .inhousePlayerImportToggle{min-height:48px!important}body.webApp:not(.nativeApp) .inhousePlayerImportManager{gap:var(--scream-space-md)!important;padding:var(--scream-space-base)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-base)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager>label{min-height:48px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager>label>input{color:var(--scream-text)!important;font-size:13px!important}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>button{min-height:40px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important;font-size:11px!important;box-shadow:none!important}body.webApp:not(.nativeApp) .liveRoomPage :where(.inhouseInvitableIdentity,.inhouseInvitableTier,.inhouseInvitablePositions,.inhouseInvitableRates,.inhouseInvitableChampions,.inhouseImportedRoster) :where(b,small,em,strong){font-size:11px!important;line-height:1.35!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage .inviteBanner.roomMissingBanner{width:100%!important;display:flex!important;align-items:center!important;gap:var(--scream-space-md)!important;margin:0!important;padding:var(--scream-space-base)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage .roomMissingBanner>button{min-height:48px!important;padding:0 16px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important;font-size:13px!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.laneBoard,.clanWarTeamBoard,.draftTeams,.rosters,.liveTeamLists){gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) :where(.laneBoard>section,.clanWarTeamBoard>section){overflow:hidden!important}body.webApp:not(.nativeApp) .liveRoomPage .laneBoard button.positionEmptyDropSeat,body.webApp:not(.nativeApp) .liveRoomPage .laneBoard button.positionEmptyDropSeat:disabled{border:0!important;border-top:1px solid var(--scream-border-soft)!important;border-radius:0!important;background:var(--scream-surface)!important;color:var(--scream-muted-2)!important;opacity:1!important;box-shadow:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}body.webApp:not(.nativeApp) .liveRoomPage .laneBoard button.positionEmptyDropSeat:not(:disabled){border-top-color:color-mix(in srgb,var(--scream-purple) 54%,var(--scream-border))!important;background:color-mix(in srgb,var(--scream-purple) 8%,var(--scream-surface))!important;color:var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer{min-width:0!important;min-height:88px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:center!important;justify-items:start!important;grid-gap:8px!important;gap:8px!important;padding:10px 12px!important;overflow:hidden!important;touch-action:pan-y}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer>.compactPositionIdentity{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;overflow:hidden!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer>.compactPositionIdentity>b{width:100%!important;min-width:0!important;display:block!important;overflow:hidden!important;color:var(--scream-text)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer>.compactPositionIdentity>small{width:100%!important;overflow:hidden!important;color:var(--scream-muted)!important;font-size:9px!important;font-weight:500!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer>.webPlayerMostChampions{min-width:0!important;max-width:100%!important;justify-content:flex-start!important;gap:4px!important;margin:0!important;overflow:hidden!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage.standardLiveRoomPage .laneBoard.positionArrangeBoard .roomPlayer.compactPositionPlayer>.webPlayerMostChampions>i{width:24px!important;height:24px!important;flex-basis:24px!important}body.webApp:not(.nativeApp) :where(.laneBoard>section>header,.clanWarTeamBoard>section>header,.roster>h2){min-height:44px!important;padding:0 12px!important;border-bottom:1px solid var(--scream-border)!important;background:var(--scream-elevated)!important}body.webApp:not(.nativeApp) :where(.positionDragHandle,.positionEmptyDropSeat,.positionTouchDragPreview){border-color:var(--scream-purple)!important}body.webApp:not(.nativeApp) :where(.matchShell,.gameShell){margin-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) :where(.draftOrder,.captainVoteStatus,.matchReturnNotice){border-left:3px solid var(--scream-purple)!important}body.webApp:not(.nativeApp) :where(.draftOrderCompact span.active,.draftStatusLine strong,.draftTurnName){color:var(--scream-purple)!important}body.webApp:not(.nativeApp) .compactPlayerTable{overflow:hidden!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important}body.webApp:not(.nativeApp) .compactPlayerHead{min-height:42px!important;border-bottom:1px solid var(--scream-border)!important;background:var(--scream-elevated)!important}body.webApp:not(.nativeApp) .draftTeams>article{overflow:hidden!important}body.webApp:not(.nativeApp) :where(.purpleDraftTeam,.purpleCaptain,.purpleResult){border-color:var(--scream-purple-soft)!important}body.webApp:not(.nativeApp) .scoreBoard{padding:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .ratingCard{padding:var(--scream-space-base)!important}body.webApp:not(.nativeApp) :where(.playersShell,.recordsShell,.accountShell,.adminShell,.legalDocument){margin-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) :where(.playersTitle,.recordsTitle){margin-bottom:var(--scream-space-base)!important;text-align:left!important}body.webApp:not(.nativeApp) :where(.recordSummary,.recordsSummary,.adminStats){overflow:hidden!important}body.webApp:not(.nativeApp) :where(.recordSummary>div,.recordsSummary>div,.adminStats>div){min-height:74px!important;padding:var(--scream-space-md)!important;border-color:var(--scream-border-soft)!important}body.webApp:not(.nativeApp) .playerSearch{min-height:48px!important;margin-bottom:var(--scream-space-md)!important;padding:0 14px!important}body.webApp:not(.nativeApp) .matchHistoryList,body.webApp:not(.nativeApp) .playerRecords{gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .matchHistoryList>article,body.webApp:not(.nativeApp) .playerRecords>article{padding:var(--scream-space-md)!important}body.webApp:not(.nativeApp) .recordScore{border-color:var(--scream-purple-soft)!important;border-radius:var(--scream-radius-chip)!important;background:color-mix(in srgb,var(--scream-purple) 8%,transparent)!important}body.webApp:not(.nativeApp) .accountShell{width:min(760px,calc(100vw - (var(--scream-web-gutter) * 2)))!important}body.webApp:not(.nativeApp) .accountLinks{overflow:hidden!important}body.webApp:not(.nativeApp) .accountLinks>a{min-height:74px!important;padding:var(--scream-space-md)!important;border-width:0 0 1px!important;border-radius:0!important}body.webApp:not(.nativeApp) .accountLinks>a:last-child{border-bottom:0!important}body.webApp:not(.nativeApp) .accountAction{min-height:48px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important}body.webApp:not(.nativeApp) .dangerZone{padding:var(--scream-space-base)!important}body.webApp:not(.nativeApp) .dangerZone:after{display:none!important}body.webApp:not(.nativeApp) .clanShell{margin-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) .clanBrandHeader>img{display:none!important}body.webApp:not(.nativeApp) :where(.clanDirectoryList,.clanMemberList,.clanWarReservationList,.reportList){gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) :where(.clanDirectoryList>article,.clanMemberList>article,.clanWarReservationList>article,.reportCard){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) .legalPage{padding-bottom:var(--scream-space-xl)!important}body.webApp:not(.nativeApp) .legalDocument{width:min(760px,calc(100vw - (var(--scream-web-gutter) * 2)))!important;padding:var(--scream-space-lg)!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important}body.webApp:not(.nativeApp) .legalDocument section+section{margin-top:var(--scream-space-lg)!important;padding-top:var(--scream-space-lg)!important;border-top:1px solid var(--scream-border-soft)!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]{height:auto!important;overflow-y:auto!important;padding:max(var(--scream-space-xl),env(safe-area-inset-top)) var(--scream-web-gutter) max(var(--scream-space-xl),env(safe-area-inset-bottom))!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>footer,body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>header,body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>section{width:min(760px,100%)!important;max-width:760px!important;margin-right:auto!important;margin-left:auto!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>header{margin-bottom:var(--scream-space-lg)!important;text-align:left!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>header h1{margin-top:var(--scream-space-sm)!important;color:var(--scream-text)!important;font-size:32px!important;font-weight:700!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>section{gap:var(--scream-space-md)!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>section>button{min-height:180px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background-color:var(--scream-surface)!important;box-shadow:none!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>footer{margin-top:var(--scream-space-lg)!important;color:var(--scream-muted)!important;font-size:12px!important}body.webApp:not(.nativeApp) main[data-web-layout=auction]{--auction-gold:var(--scream-gold)!important;--auction-gold-soft:var(--scream-gold)!important;--auction-purple:var(--scream-purple)!important;--auction-mint:var(--scream-mint)!important}body.webApp:not(.nativeApp) main[data-web-layout=auction]>div{width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;margin-right:auto!important;margin-left:auto!important}body.webApp:not(.nativeApp) main[data-web-layout=auction] :where(section,article,[role=dialog]){border-radius:var(--scream-radius-panel)!important;box-shadow:none!important}body.webApp:not(.nativeApp) main[data-web-layout=auction] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:48px!important;border-color:var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important}body.webApp:not(.nativeApp) :where(main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"]){padding-right:var(--scream-web-gutter)!important;padding-left:var(--scream-web-gutter)!important}body.webApp:not(.nativeApp) :where(main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"]) :where(header,section,footer){max-width:var(--scream-web-shell-max)}body.webApp:not(.nativeApp) :where(main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"]) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:48px!important;border-color:var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;color:var(--scream-text)!important}body.webApp:not(.nativeApp) :where(main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"]) :where([role=tablist],[role=tabpanel],[role=dialog],article){border-color:var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"]) [role=tab][aria-selected=true]{border-color:var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 12%,var(--scream-surface))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px 0 var(--scream-purple)!important}@media (max-width:767px){body.webApp:not(.nativeApp),html.webApp:not(.nativeApp){width:100%!important;max-width:100%!important;overflow-x:clip!important}body.webApp:not(.nativeApp){--scream-web-gutter:16px;--scream-web-shell-width:calc(100vw - 32px);--scream-web-form-width:calc(100vw - 32px)}body.webApp:not(.nativeApp) :where(.webLandingPage,.entryLandingPage,.authPage,.onboardingPage,.tierMeasurePage,.exactHomePage,.appPage,.legalPage,.profileChampionSetupPage,main[aria-label="SCREAM 게임 선택"],main[aria-label="SCREAM VAL MATCH 홈"],main[aria-label^="VAL MATCH"],main[data-web-layout=auction]){width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;overflow-x:clip!important;overflow-y:visible!important;zoom:1!important;box-shadow:none!important;transform:none!important}body.webApp:not(.nativeApp) :where(.roomsShell,.roomShell,.matchShell,.gameShell,.playersShell,.recordsShell,.clanShell,.accountShell,.adminShell,.webHomeExperience,.tierMeasureShell,.legalDocument){width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;min-width:0!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}body.webApp:not(.nativeApp) :where(.topbar,.appTopbar){width:100%!important;max-width:100%!important;padding-right:16px!important;padding-left:16px!important}body.webApp:not(.nativeApp) :where(.roomsHead h1,.roomTitle h1,.matchTitle h1,.gameTitle h1,.playersTitle h1,.recordsTitle h1,.accountShell>h1,.adminShell>h1,.legalTitle h1,.formShell>h1,.webHomeHero h1){font-size:26px!important}body.webApp:not(.nativeApp) .authPage{display:block!important;padding-top:max(16px,env(safe-area-inset-top))!important;overflow-y:auto!important}body.webApp:not(.nativeApp) main.authPage.loginFixedPage{padding:max(16px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))!important}body.webApp:not(.nativeApp) .authCard,body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard.premiumAuthCard{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;padding:var(--scream-space-base)!important}body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard.premiumAuthCard{margin:0 auto!important}body.webApp:not(.nativeApp) .authHeroCopy h2{font-size:26px!important}body.webApp:not(.nativeApp) .webHomeExperience{display:block!important;min-height:auto!important;padding-top:var(--scream-space-lg)!important}body.webApp:not(.nativeApp) .webHomeSteps{margin-top:var(--scream-space-xl)!important}body.webApp:not(.nativeApp) .webHomeStepGrid{grid-template-columns:1fr!important}body.webApp:not(.nativeApp) .webHomeStepGrid article{min-height:92px!important}body.webApp:not(.nativeApp) .roomsHead{align-items:center!important}body.webApp:not(.nativeApp) .clanDirectoryList,body.webApp:not(.nativeApp) .clanMemberList,body.webApp:not(.nativeApp) .clanWarReservationList,body.webApp:not(.nativeApp) .matchHistoryList,body.webApp:not(.nativeApp) .playerRecords,body.webApp:not(.nativeApp) .roomList{grid-template-columns:1fr!important}body.webApp:not(.nativeApp) .createRoomCard{padding:var(--scream-space-base)!important}html.webApp body.webApp:not(.nativeApp) main.queueCreatingPage form.clanAwareCreateForm{height:auto!important;max-height:none!important;padding:var(--scream-space-base)!important;overflow:visible!important;overscroll-behavior-y:auto}body.webApp:not(.nativeApp) .roomCreateForm{max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;overscroll-behavior:contain}body.webApp:not(.nativeApp) :where(.positionTabs,.draftFilters,.inhouseImportPositionTabs,.clanSectionTabs,.clanWarReservationTabs,.clanWarLineTabs){max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none}body.webApp:not(.nativeApp) :where(.positionTabs,.draftFilters,.inhouseImportPositionTabs,.clanSectionTabs,.clanWarReservationTabs,.clanWarLineTabs)::-webkit-scrollbar{display:none}body.webApp:not(.nativeApp) :where(.laneBoard,.clanWarTeamBoard,.draftTeams,.rosters,.liveTeamLists){grid-template-columns:1fr!important}body.webApp:not(.nativeApp) .inhouseLeaderSlots{grid-template-columns:1fr!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage .inviteBanner.roomMissingBanner{align-items:stretch!important;flex-direction:column!important}html.webApp body.webApp:not(.nativeApp) main.liveRoomPage .roomMissingBanner>button{width:100%!important}body.webApp:not(.nativeApp) .accountLinks>a{min-height:68px!important}body.webApp:not(.nativeApp) .legalDocument{padding:var(--scream-space-base)!important}body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]{padding-right:16px!important;padding-left:16px!important}}@media (min-width:768px){body.webApp:not(.nativeApp){--scream-web-gutter:32px;--scream-web-shell-width:min(var(--scream-web-shell-max),calc(100vw - 64px))}html.webApp body.webApp:not(.nativeApp) main.appPage,html.webApp body.webApp:not(.nativeApp) main.authPage,html.webApp body.webApp:not(.nativeApp) main.exactHomePage,html.webApp body.webApp:not(.nativeApp) main.legalPage,html.webApp body.webApp:not(.nativeApp) main.onboardingPage{width:100%!important;max-width:none!important;margin:0!important;overflow-x:clip!important;zoom:1!important;transform:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) :where(.roomsShell,.roomShell,.matchShell,.gameShell,.playersShell,.recordsShell,.clanShell,.accountShell,.adminShell,.webHomeExperience){padding-bottom:112px!important}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>section.accountShell,html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage>section.clanShell,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>section.gameShell,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>section.roomShell,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage>section.matchShell,html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage>section.playersShell,html.webApp body.webApp:not(.nativeApp) main.appPage.queueRoomsPage>section.roomsShell,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>section.recordsShell,html.webApp body.webApp:not(.nativeApp) main.exactHomePage>section.webHomeExperience{width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;margin-right:auto!important;margin-left:auto!important}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.queueRoomsPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>nav.mobileNav,html.webApp body.webApp:not(.nativeApp) main.exactHomePage>nav.mobileNav{right:auto!important;bottom:16px!important;left:50%!important;width:min(560px,calc(100vw - 64px))!important;max-width:560px!important;height:64px!important;min-height:64px!important;padding:6px 8px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:color-mix(in srgb,var(--scream-surface) 96%,transparent)!important;transform:translateX(-50%)!important}body.webApp:not(.nativeApp) .webHomeExperience{grid-template-columns:minmax(0,1fr)!important;align-items:center!important}body.webApp:not(.nativeApp) .webHomeHero{width:100%!important;margin-right:auto!important;margin-left:auto!important}body.webApp:not(.nativeApp) .webHomeSteps{width:min(760px,100%)!important;margin-right:auto!important;margin-left:auto!important}body.webApp:not(.nativeApp) .matchHistoryList,body.webApp:not(.nativeApp) .playerRecords,body.webApp:not(.nativeApp) .roomList,body.webApp:not(.nativeApp) .webHomeStepGrid,body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>section{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage,html.webApp body.webApp:not(.nativeApp) main.adminPage.appPage,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage[class*=matchPhase-],html.webApp body.webApp:not(.nativeApp) main.legalPage,html.webApp body.webApp:not(.nativeApp) main.onboardingPage.tierMeasurePage{padding-top:0!important}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.adminPage.appPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage[class*=matchPhase-]>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.legalPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.onboardingPage.tierMeasurePage>.onboardingTop>header.topbar.appTopbar.shell{position:relative!important;inset:auto!important;z-index:30!important;width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;height:var(--scream-header-height)!important;min-height:var(--scream-header-height)!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border-bottom:1px solid var(--scream-border-soft)!important;background:var(--scream-base)!important;transform:none!important}html.webApp body.webApp:not(.nativeApp) main.onboardingPage.tierMeasurePage>.onboardingTop{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>section.accountShell,html.webApp body.webApp:not(.nativeApp) main.adminPage.appPage>section.adminShell,html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage>section.clanShell,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>section.gameShell,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>section.roomShell,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage>section.matchShell,html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage>section.playersShell,html.webApp body.webApp:not(.nativeApp) main.appPage.queueRoomsPage>section.roomsShell,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>section.recordsShell{position:relative!important;inset:auto!important;width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;min-height:0!important;height:auto!important;margin:var(--scream-space-lg) auto 0!important;padding-top:0!important;overflow:visible!important;transform:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage{height:auto!important;max-height:none!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:visible!important}html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>section.recordsShell{display:block!important}html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage .matchHistoryList{min-height:0!important;overflow:visible!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage .inhouseImportedRoster>div>article,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage .inhouseInvitablePlayerRow>label{min-height:74px!important;border:1px solid var(--scream-border-soft)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-surface)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage .inhouseInvitablePlayerRow>label.selected{border-color:var(--scream-purple)!important;border-left:3px solid var(--scream-purple)!important;background:color-mix(in srgb,var(--scream-purple) 9%,var(--scream-surface))!important}html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage .clanBrandHeader{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage .clanTabGold.active{box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>header>img,html.webApp body.webApp:not(.nativeApp) main[aria-label="SCREAM 게임 선택"]>section>button:nth-child(2)>span:first-child{display:none!important;background-image:none!important}@media (max-width:767px){html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.adminPage.appPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage[class*=matchPhase-]>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.legalPage>header.topbar.appTopbar.shell,html.webApp body.webApp:not(.nativeApp) main.onboardingPage.tierMeasurePage>.onboardingTop>header.topbar.appTopbar.shell{width:100%!important;max-width:100%!important;padding-right:var(--scream-space-base)!important;padding-left:var(--scream-space-base)!important}html.webApp body.webApp:not(.nativeApp) main.accountPage.appPage.fitProfilePage>section.accountShell,html.webApp body.webApp:not(.nativeApp) main.adminPage.appPage>section.adminShell,html.webApp body.webApp:not(.nativeApp) main.appPage.clanPage>section.clanShell,html.webApp body.webApp:not(.nativeApp) main.appPage.gamePage>section.gameShell,html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage>section.roomShell,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage>section.matchShell,html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage>section.playersShell,html.webApp body.webApp:not(.nativeApp) main.appPage.queueRoomsPage>section.roomsShell,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>section.recordsShell{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.queueRoomsPage>section.roomsShell{padding-right:0!important;padding-left:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.playersPage>section.playersShell,html.webApp body.webApp:not(.nativeApp) main.appPage.recordsPage>section.recordsShell{padding-bottom:calc(var(--scream-nav-height) + var(--scream-space-lg) + env(safe-area-inset-bottom))!important}}html.webApp body.webApp:not(.nativeApp) .webLandingPage{background:var(--scream-base)!important}html.webApp body.webApp:not(.nativeApp) .webLandingPage :where(article,section,div,a,button,i,span){filter:none!important;text-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webLandingPage svg{filter:none!important}html.webApp body.webApp:not(.nativeApp) .webLandingPage :where(.webLandingNav,.webLandingHero,.webContentShell,.webLandingFooter){width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important}html.webApp body.webApp:not(.nativeApp) .webLandingNav{grid-template-columns:minmax(0,1fr) auto!important;min-height:var(--scream-header-height)!important;height:var(--scream-header-height)!important;border-bottom:1px solid var(--scream-border-soft)!important;background:var(--scream-base)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webLandingLinks{justify-content:flex-start!important}html.webApp body.webApp:not(.nativeApp) .webLandingLinks a{color:var(--scream-muted)!important}html.webApp body.webApp:not(.nativeApp) .webLandingLinks a.active,html.webApp body.webApp:not(.nativeApp) .webLandingLinks a:hover{color:var(--scream-text)!important}html.webApp body.webApp:not(.nativeApp) .webLandingLinks a.active:after{bottom:-13px!important;width:24px!important;height:2px!important;border-radius:0!important;background:var(--scream-purple)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) :where(.webGhostButton,.webPurpleButton){min-height:48px!important;border-radius:var(--scream-radius-control)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webGhostButton{border:1px solid var(--scream-border)!important;background:var(--scream-surface)!important;color:var(--scream-text)!important}html.webApp body.webApp:not(.nativeApp) .webPurpleButton{border:1px solid var(--scream-gold)!important;background:var(--scream-gold)!important;color:#111008!important}html.webApp body.webApp:not(.nativeApp) .webLandingHero{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;gap:var(--scream-space-xl)!important;min-height:600px!important;padding:64px 0!important}html.webApp body.webApp:not(.nativeApp) :where(.webHeroEyebrow,.webSectionIntro span){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--scream-gold)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webHeroCopy h2{color:var(--scream-text)!important;font-size:clamp(36px,4.5vw,56px)!important;line-height:1.12!important}html.webApp body.webApp:not(.nativeApp) .webHeroCopy p,html.webApp body.webApp:not(.nativeApp) .webSectionIntro p{color:var(--scream-muted)!important}html.webApp body.webApp:not(.nativeApp) .webHeroMetrics span{min-height:68px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;color:var(--scream-muted)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webPhoneCluster{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;grid-gap:var(--scream-space-base)!important;gap:var(--scream-space-base)!important;min-height:0!important}html.webApp body.webApp:not(.nativeApp) .webPhoneMockup{position:relative!important;inset:auto!important;width:100%!important;max-width:280px!important;height:500px!important;margin:0 auto!important;padding:28px 12px 12px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important;opacity:1!important;transform:none!important}html.webApp body.webApp:not(.nativeApp) .webPhoneScreen{border-radius:var(--scream-radius-control)!important}html.webApp body.webApp:not(.nativeApp) .webPhoneBar i{border-radius:var(--scream-radius-chip)!important;background:var(--scream-text)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) :where(.webWhySection,.webFeatureSection,.webReviewSection,.webLaunchChecklist,.webLandingCta){border-color:var(--scream-border-soft)!important;background:var(--scream-base)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) :where(.webWhyList article,.webFeatureCards article,.webLiveStats,.webLiveStats article,.webRoadmap,.webRiotApiPanel,.webReviewFlow,.webApiUseGrid article,.webReviewFlow li,.webLaunchCards article,.webRiotNotice){border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) :where(.webWhyList svg,.webFeatureCards svg,.webReviewPanelHead svg){color:var(--scream-purple)!important;filter:none!important}html.webApp body.webApp:not(.nativeApp) .webReviewFlow li i{border-radius:var(--scream-radius-chip)!important;background:var(--scream-purple)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webReviewLinks a{border-color:var(--scream-border)!important;border-radius:var(--scream-radius-chip)!important;background:var(--scream-elevated)!important;color:var(--scream-muted)!important}html.webApp body.webApp:not(.nativeApp) .webRoadmapLine .done i,html.webApp body.webApp:not(.nativeApp) .webRoadmapLine article.done:before{background:var(--scream-purple)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) .webLandingFooter{grid-template-columns:1.5fr repeat(3,1fr)!important;border-top:1px solid var(--scream-border-soft)!important}html.webApp body.webApp:not(.nativeApp) .swipeBackHint{border-color:var(--scream-border)!important;background:var(--scream-elevated)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (min-width:768px){html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;justify-items:center!important;min-height:100dvh!important;padding:48px 24px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard.premiumAuthCard{width:min(680px,calc(100vw - 48px))!important;max-width:680px!important;margin:auto!important;padding:40px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authHeroCopy h2{margin-bottom:12px!important;font-size:42px!important;line-height:1.14!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authHeroCopy p{font-size:16px!important;line-height:1.65!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authMethodTabs{margin-top:30px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authMethodTabs button{min-height:58px!important;font-size:16px!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authCard .authMethodTabs+form{margin-top:26px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authInputWrap{height:62px!important;min-height:62px!important;margin-bottom:14px!important;padding-inline:20px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authInputWrap>input{min-height:0!important;font-size:17px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authOptionsRow{margin:4px 0 24px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage :where(.rememberLogin,.forgotPasswordButton){font-size:12px!important;line-height:1.4!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .primaryButton{min-height:62px!important;font-size:17px!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authBenefitGrid{margin:28px 0 18px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authBenefitGrid svg{width:30px!important;height:30px!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authBenefitGrid b{font-size:13px!important;line-height:1.35!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .authBenefitGrid small{font-size:10px!important;line-height:1.45!important}html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage .fineprint{font-size:12px!important;line-height:1.5!important}}@media (min-width:768px) and (max-height:820px){html.webApp body.webApp:not(.nativeApp) main.authPage.loginFixedPage{align-items:start!important;padding-top:24px!important;padding-bottom:24px!important}}@media (max-width:900px){html.webApp body.webApp:not(.nativeApp) .webLandingHero{grid-template-columns:1fr!important}}@media (max-width:767px){html.webApp body.webApp:not(.nativeApp) .webLandingNav{display:none!important}html.webApp body.webApp:not(.nativeApp) .webLandingHero{grid-template-columns:1fr!important;min-height:0!important;padding:var(--scream-space-xl) 0 var(--scream-space-lg)!important}html.webApp body.webApp:not(.nativeApp) .webPhoneCluster{grid-template-columns:1fr!important}html.webApp body.webApp:not(.nativeApp) .webPhoneMockup.match{display:none!important}html.webApp body.webApp:not(.nativeApp) .webPhoneMockup.home{max-width:320px!important;height:550px!important}html.webApp body.webApp:not(.nativeApp) .webLandingFooter{grid-template-columns:1fr 1fr!important}html.webApp body.webApp:not(.nativeApp) .webCopyright,html.webApp body.webApp:not(.nativeApp) .webLandingFooter>div{grid-column:1/-1!important;justify-self:start!important;text-align:left!important}}@media (prefers-reduced-motion:reduce){body.webApp:not(.nativeApp) *,body.webApp:not(.nativeApp) :after,body.webApp:not(.nativeApp) :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage{display:block!important;height:auto!important;min-height:0!important;overflow-y:clip!important;padding-bottom:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage>section.roomShell{flex:none!important;height:auto!important;min-height:0!important;margin-right:auto!important;margin-bottom:0!important;margin-left:auto!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage .inhousePlayerImportManager{min-height:0!important;align-content:start!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage .inhouseInvitablePlayerList{max-height:310px!important;overflow-x:clip!important;overflow-y:auto!important;contain:layout paint;overscroll-behavior:contain}@media (min-width:681px){html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage{padding:clamp(28px,5vh,56px) 0 0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage.freeLeaderImportLiveRoomPage>section.roomShell{margin-top:0!important;padding-bottom:0!important}}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;margin:0 0 var(--scream-space-base)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact>div{min-width:0!important;overflow:hidden!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;background-image:none!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact h3{min-height:40px!important;margin:0!important;padding:0 12px!important;border-bottom:1px solid var(--scream-border)!important;background:var(--scream-elevated)!important;background-image:none!important;color:var(--scream-text)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .whiteDraftTeam h3{box-shadow:inset 3px 0 var(--scream-text)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .purpleDraftTeam h3{color:color-mix(in srgb,var(--scream-purple) 76%,var(--scream-text))!important;box-shadow:inset 3px 0 var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact h3 b{color:var(--scream-gold)!important;font-size:11px!important;font-weight:700!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow.withMostChampions{min-height:64px!important;height:auto!important;grid-template-columns:22px 32px minmax(0,1fr) 82px auto!important;gap:8px!important;padding:0 12px!important;border-top:1px solid var(--scream-border-soft)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow.withMostChampions:first-of-type{border-top:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .summonerAvatar{width:32px!important;height:32px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-control)!important;background:var(--scream-elevated)!important;color:var(--scream-text)!important;font-size:10px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow>div:nth-child(3){padding-left:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow b{font-size:12px!important;line-height:1.25!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow span:not(.draftTeamMostChampions){margin-top:2px!important;color:var(--scream-muted)!important;font-size:9px!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamMostChampions{width:82px!important;grid-template-columns:repeat(3,24px)!important;justify-content:start!important;gap:5px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamMostChampions img{width:24px!important;height:24px!important;border-radius:var(--scream-radius-chip)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow>strong{color:var(--scream-muted)!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftAvailableTitle{min-height:24px!important;margin:0 0 8px!important;gap:8px!important;color:var(--scream-text)!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftAvailableTitle>span{min-height:24px!important;display:inline-flex!important;align-items:center!important;padding:0 8px!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-chip)!important;background:var(--scream-elevated)!important;color:var(--scream-muted)!important;font-size:10px!important;font-weight:700!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftAvailableTitle>small{display:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftFilters{height:48px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-gap:4px!important;gap:4px!important;margin:0 0 8px!important;padding:4px!important;overflow:hidden!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-sizing:border-box!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftFilters button{min-width:0!important;height:38px!important;padding:0 6px!important;border:0!important;border-radius:var(--scream-radius-control)!important;background:transparent!important;color:var(--scream-muted)!important;font-size:12px!important;font-weight:700!important;line-height:1!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftFilters button.selected{background:color-mix(in srgb,var(--scream-purple) 14%,var(--scream-elevated))!important;color:var(--scream-text)!important;box-shadow:inset 0 -2px var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerTable{overflow:hidden!important;border:1px solid var(--scream-border)!important;border-radius:var(--scream-radius-panel)!important;background:var(--scream-surface)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft :is(.compactPlayerHead,.compactPickRow){width:100%!important;min-width:0!important;grid-template-columns:72px minmax(180px,1fr) 76px 76px minmax(170px,.85fr) 24px!important;column-gap:8px!important;padding-right:12px!important;padding-left:12px!important;box-sizing:border-box!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerHead{min-height:42px!important;border-bottom:1px solid var(--scream-border)!important;background:var(--scream-elevated)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerHead button{min-width:0!important;height:42px!important;padding:0!important;overflow:hidden!important;color:var(--scream-muted)!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerHead button.active,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerHead button:hover{color:var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow{min-height:72px!important;padding-top:8px!important;padding-bottom:8px!important;border-top:1px solid var(--scream-border-soft)!important;background:transparent!important;color:var(--scream-text)!important;text-align:center!important;transition:background-color .16s ease,box-shadow .16s ease!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow:first-of-type{border-top:0!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow:not(:disabled):hover{background:color-mix(in srgb,var(--scream-purple) 7%,var(--scream-surface))!important;box-shadow:inset 3px 0 var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow:disabled{opacity:.76!important;cursor:default!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPosition{justify-self:center!important;padding:6px 8px!important;border:1px solid var(--scream-border-soft)!important;border-radius:var(--scream-radius-chip)!important;background:var(--scream-elevated)!important;color:var(--scream-muted)!important;font-size:9px!important;font-weight:700!important;line-height:1!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactIdentity{position:relative!important;min-width:0!important;padding-right:30px!important;overflow:hidden!important;text-align:left!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactIdentity>b{min-width:0!important;display:block!important;overflow:hidden!important;color:var(--scream-text)!important;font-size:13px!important;line-height:1.3!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactIdentity>small{display:block!important;margin-top:3px!important;overflow:hidden!important;color:var(--scream-muted)!important;font-size:10px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactIdentity .measurementStatusBadge{top:50%!important;right:0!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;gap:0!important;margin:0!important;padding:0!important;font-size:0!important;transform:translateY(-50%)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactIdentity .measurementStatusBadge svg{width:12px!important;height:12px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(3) b,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(4) b{color:var(--scream-text)!important;font-size:14px!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(3) small,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(4) small{margin-top:3px!important;color:var(--scream-muted)!important;font-size:9px!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactChampions{width:auto!important;grid-template-columns:repeat(3,30px)!important;justify-content:start!important;gap:6px!important;overflow:visible!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactChampions i{width:30px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactChampions img{width:30px!important;height:30px!important;border-radius:var(--scream-radius-chip)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftPlayerTable .compactPickRow{min-height:104px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactChampions.freeDraftChampionPools{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;overflow:hidden!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionLine{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;grid-gap:7px!important;gap:7px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionLineLabel{overflow:hidden!important;color:var(--scream-gold)!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionLine.secondary .compactChampionLineLabel{color:var(--scream-purple)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons{min-width:0!important;display:grid!important;grid-template-columns:repeat(3,30px)!important;justify-content:start!important;grid-gap:6px!important;gap:6px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionEmpty{color:var(--scream-muted)!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>svg{width:16px!important;color:var(--scream-muted)!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow:not(:disabled):hover>svg{color:var(--scream-purple)!important}@media (max-width:900px){html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft :is(.compactPlayerHead,.compactPickRow){grid-template-columns:56px minmax(140px,1fr) 60px 60px minmax(132px,.8fr) 20px!important;column-gap:6px!important;padding-right:8px!important;padding-left:8px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionLine{grid-template-columns:34px minmax(0,1fr)!important;gap:4px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons{grid-template-columns:repeat(3,26px)!important;gap:4px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons i,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons img{width:26px!important;height:26px!important}}@media (max-width:560px){html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamsCompact .rosterRow.withMostChampions{grid-template-columns:20px 30px minmax(0,1fr) 76px auto!important;min-height:60px!important;gap:6px!important;padding:0 10px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamMostChampions{width:76px!important;grid-template-columns:repeat(3,22px)!important;gap:5px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftTeamMostChampions img{width:22px!important;height:22px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftFilters{height:48px!important;gap:2px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .draftFilters button{padding:0 2px!important;font-size:10px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPlayerHead{display:none!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow{grid-template-columns:70px minmax(0,1fr) 22px!important;grid-template-areas:"position identity arrow" "solo inhouse ." "champions champions champions"!important;gap:10px 8px!important;min-height:128px!important;padding:12px!important;text-align:left!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftPlayerTable .compactPickRow{min-height:164px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionLine{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons{grid-template-columns:repeat(3,30px)!important;gap:6px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons i,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .freeDraftChampionPools .compactChampionIcons img{width:30px!important;height:30px!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow .compactPosition{grid-area:position!important;justify-self:start!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow .compactIdentity{grid-area:identity!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(3){grid-area:solo!important;align-items:flex-start!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(4){grid-area:inhouse!important;align-items:flex-start!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(3):before,html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(4):before{margin-bottom:3px!important;color:var(--scream-muted)!important;font-size:8px!important;font-weight:700!important;line-height:1!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(3):before{content:"솔랭"!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>span:nth-child(4):before{content:"내전"!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow .compactChampions{grid-area:champions!important;justify-self:start!important}html.webApp body.webApp:not(.nativeApp) main.appPage.matchPage.matchPhase-draft .compactPickRow>svg{grid-area:arrow!important;justify-self:end!important}}