@media (min-width:768px){body.webApp:not(.nativeApp) .appPage.gamePage,body.webApp:not(.nativeApp) .appPage.matchPage{--web-match-header:112px;--web-match-content:var(--scream-web-shell-width)!important;--web-match-nav-space:calc(88px + env(safe-area-inset-bottom));width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding-top:var(--web-match-header)!important;overflow-x:clip!important;background:#02040a!important}body.webApp:not(.nativeApp) .appPage.gamePage>.appTopbar,body.webApp:not(.nativeApp) .appPage.matchPage.matchPhase-draft>.appTopbar,body.webApp:not(.nativeApp) .appPage.matchPage>.appTopbar{top:0!important;left:50%!important;right:auto!important;width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;height:var(--web-match-header)!important;margin:0!important;padding:24px 18px 0!important;background:#02040a!important;transform:translateX(-50%)!important}body.webApp:not(.nativeApp) .appPage.gamePage>.appTopbar .brandLogoImage,body.webApp:not(.nativeApp) .appPage.matchPage.matchPhase-draft>.appTopbar .brandLogoImage,body.webApp:not(.nativeApp) .appPage.matchPage>.appTopbar .brandLogoImage{width:56px!important;height:56px!important}body.webApp:not(.nativeApp) .appPage.gamePage>.appTopbar .livePill,body.webApp:not(.nativeApp) .appPage.matchPage.matchPhase-draft>.appTopbar .livePill,body.webApp:not(.nativeApp) .appPage.matchPage>.appTopbar .livePill{max-width:none!important;min-height:30px!important;padding:8px 12px!important;font-size:9px!important}body.webApp:not(.nativeApp) .appPage.gamePage .gameShell,body.webApp:not(.nativeApp) .appPage.matchPage .matchShell.draftShell,body.webApp:not(.nativeApp) .appPage.matchPage.matchPhase-draft .matchShell.draftShell{width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;margin:24px auto 0!important;padding:0 0 var(--web-match-nav-space)!important;overflow:visible!important;box-sizing:border-box!important}body.webApp:not(.nativeApp) .gamePage :is(.gameTitle,.clanWarGameSettings,.riftMapSection,.liveTeamLists,.gameCopyHelper,.liveWatching,.matchResultCard,.ratingCard,.doneCard),body.webApp:not(.nativeApp) .matchPage :is(.matchTitle,.anonymousNotice,.adminDraftNotice,.autoAssignNotice,.candidateGrid,.captainCards,.compactCaptainCards,.compactAutoAssign,.choiceCard,.pickPriorityCard,.draftTeams,.draftTeamsCompact,.draftFilters,.compactPlayerTable,.draftMapCompact,.discordDraftLink,.finalScores,.rosters,.inviteHelper,.rematchCard,.primaryButton.full,.draftStartButton){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}body.webApp:not(.nativeApp) .gamePage .gameTitle,body.webApp:not(.nativeApp) .matchPage .matchTitle{margin-bottom:20px!important}body.webApp:not(.nativeApp) .gamePage .gameTitle h1,body.webApp:not(.nativeApp) .matchPage .matchTitle h1{max-width:860px!important;margin-bottom:10px!important;font-size:clamp(30px,3vw,38px)!important;line-height:1.12!important}body.webApp:not(.nativeApp) .gamePage .gameTitle>p:last-child,body.webApp:not(.nativeApp) .matchPage .matchTitle .muted{max-width:860px!important;font-size:13px!important;line-height:1.55!important}body.webApp:not(.nativeApp) .gamePage .gameTitle .step,body.webApp:not(.nativeApp) .matchPage .matchTitle .step{font-size:11px!important}body.webApp:not(.nativeApp) .matchPage :is(.anonymousNotice,.adminDraftNotice,.autoAssignNotice){margin:14px 0!important;padding:16px 18px!important;font-size:12px!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:16px 0 18px!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid>button{min-height:88px!important;padding:16px!important;gap:12px!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid>button:only-child{grid-column:1/-1;width:min(560px,100%)!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid .summonerAvatar{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:13px!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid b{font-size:14px!important}body.webApp:not(.nativeApp) .matchPage .candidateGrid small{font-size:10px!important}body.webApp:not(.nativeApp) .matchPage :is(.primaryButton.full,.draftStartButton){min-height:58px!important;margin-top:16px!important;font-size:15px!important}body.webApp:not(.nativeApp) .matchPage :is(.captainCards,.compactCaptainCards){grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)!important;gap:12px!important;margin:18px 0 16px!important}body.webApp:not(.nativeApp) .matchPage .compactCaptainCard{min-height:116px!important;padding:16px!important}body.webApp:not(.nativeApp) .matchPage .compactCaptainCard header b{font-size:14px!important}body.webApp:not(.nativeApp) .matchPage .captainVsBadge{width:56px!important;font-size:20px!important}body.webApp:not(.nativeApp) .matchPage :is(.choiceCard,.pickPriorityCard){margin:16px 0!important;padding:18px!important}body.webApp:not(.nativeApp) .matchPage .choiceCard h2{font-size:18px!important}body.webApp:not(.nativeApp) .matchPage .choiceCard button{height:76px!important}body.webApp:not(.nativeApp) .matchPage :is(.draftTeams,.draftTeamsCompact,.rosters){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:20px!important;gap:20px!important}body.webApp:not(.nativeApp) .matchPage .draftTeamsCompact>div,body.webApp:not(.nativeApp) .matchPage .rosters>div{width:100%!important;max-width:none!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow,body.webApp:not(.nativeApp) .matchPage .compactPlayerHead{grid-template-columns:86px minmax(220px,1.35fr) 92px 92px 76px minmax(210px,.9fr) 28px!important;column-gap:8px!important;padding-right:14px!important;padding-left:14px!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow{min-height:72px!important}body.webApp:not(.nativeApp) .matchPage .compactChampions{gap:8px!important}body.webApp:not(.nativeApp) .matchPage .compactChampions img{width:32px!important;height:32px!important}body.webApp:not(.nativeApp) .gamePage .riftStage,body.webApp:not(.nativeApp) .matchPage .draftMapCompact .riftStage{height:360px!important}body.webApp:not(.nativeApp) .gamePage .premiumRiftWorld,body.webApp:not(.nativeApp) .matchPage .draftMapCompact .premiumRiftWorld{width:460px!important;height:350px!important;max-width:78vw!important}body.webApp:not(.nativeApp) .gamePage .riftMapSection{margin:16px 0 20px!important;padding:18px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:20px!important;gap:20px!important;margin-top:18px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists section{width:100%!important;max-width:none!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists h2{padding:12px 14px!important;font-size:12px!important}body.webApp:not(.nativeApp) .gamePage .teamDiscordLink{min-height:38px!important;margin:10px 10px 0!important;font-size:9px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists section>div{min-height:58px!important;padding:9px 12px!important;gap:10px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists section>div>i{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:11px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists section>div b{font-size:11px!important}body.webApp:not(.nativeApp) .gamePage .liveTeamLists section>div small{font-size:8px!important}body.webApp:not(.nativeApp) .gamePage .liveMostChampions>i{width:24px!important;height:24px!important;flex-basis:24px!important}body.webApp:not(.nativeApp) .gamePage :is(.gameCopyHelper,.liveWatching,.matchResultCard,.ratingCard,.doneCard){margin-top:16px!important}body.webApp:not(.nativeApp) .appPage.gamePage>.mobileNav,body.webApp:not(.nativeApp) .appPage.matchPage>.mobileNav{left:50%!important;right:auto!important;width:var(--scream-web-shell-width)!important;max-width:var(--scream-web-shell-max)!important;transform:translateX(-50%)!important}}@media (min-width:768px) and (max-width:1023px){body.webApp:not(.nativeApp) .matchPage .compactPickRow,body.webApp:not(.nativeApp) .matchPage .compactPlayerHead{grid-template-columns:64px minmax(130px,1fr) 64px 64px 58px minmax(150px,.9fr) 20px!important;column-gap:4px!important;padding-right:8px!important;padding-left:8px!important}body.webApp:not(.nativeApp) .matchPage .compactChampions img{width:26px!important;height:26px!important}body.webApp:not(.nativeApp) .gamePage .riftStage,body.webApp:not(.nativeApp) .matchPage .draftMapCompact .riftStage{height:320px!important}}@media (max-width:900px){body.webApp:not(.nativeApp) .matchPage .compactPlayerTable{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow,body.webApp:not(.nativeApp) .matchPage .compactPlayerHead{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:52px minmax(96px,1.2fr) 48px 48px 44px minmax(96px,.9fr) 18px!important;column-gap:5px!important;padding-right:8px!important;padding-left:8px!important;box-sizing:border-box!important}body.webApp:not(.nativeApp) .matchPage .compactChampions,body.webApp:not(.nativeApp) .matchPage .compactIdentity,body.webApp:not(.nativeApp) .matchPage .compactPickRow>*{min-width:0!important}body.webApp:not(.nativeApp) .matchPage .compactChampions{overflow:hidden!important}}@media (max-width:560px){body.webApp:not(.nativeApp) .matchPage .compactPlayerHead{display:none!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-areas:"position position identity identity identity arrow" "solo solo inhouse inhouse manner manner" "champions champions champions champions champions champions"!important;gap:10px 6px!important;min-height:0!important;padding:12px!important;text-align:left!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow .compactPosition{grid-area:position;justify-self:start!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow .compactIdentity{grid-area:identity}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(3){grid-area:solo}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(4){grid-area:inhouse}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(5){grid-area:manner}body.webApp:not(.nativeApp) .matchPage .compactPickRow .compactChampions{grid-area:champions;justify-self:stretch!important;overflow:visible!important}body.webApp:not(.nativeApp) .matchPage .compactPickRow>svg{grid-area:arrow;justify-self:end}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(3):before,body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(4):before,body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(5):before{margin-bottom:3px;color:#8994a8;font-size:8px;font-weight:700}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(3):before{content:"솔랭"}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(4):before{content:"내전"}body.webApp:not(.nativeApp) .matchPage .compactPickRow>span:nth-child(5):before{content:"멘탈"}}@media (max-width:767px){html body.webApp:not(.nativeApp) main.guestTierSetupPage .guestAllChampionSetup,html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]{min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;align-items:start!important;align-content:start!important;grid-gap:8px!important;gap:8px!important;max-height:380px!important;max-height:min(48svh,380px)!important;padding:6px 6px 10px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box!important;scrollbar-width:thin;scrollbar-color:#7440a1 transparent}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button{display:grid!important;width:100%!important;min-width:0!important;min-height:92px!important;height:auto!important;aspect-ratio:4/5!important;grid-template-rows:minmax(0,1fr) 20px!important;align-content:start!important;justify-items:stretch!important;grid-gap:4px!important;gap:4px!important;padding:4px!important;overflow:hidden!important;box-sizing:border-box!important}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>img{display:block!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:5px}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>span{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;color:#c8cfda!important;font-size:10px!important;font-weight:700!important;line-height:20px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>b{top:7px!important;right:7px!important}}@media (max-width:359px){html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button{min-height:104px!important}}@media (max-width:767px){html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]{border-color:var(--scream-border,#27334a)!important;border-radius:8px!important;background:var(--scream-base,#050810)!important;scrollbar-color:var(--scream-purple,#9d4dff) transparent!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button{border:1px solid var(--scream-border-soft,#1b263a)!important;border-radius:6px!important;background:var(--scream-surface,#0b1220)!important;background-image:none!important;color:var(--scream-muted,#8994a8)!important;box-shadow:none!important}html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button:is(.selected,[aria-pressed=true]){border-color:var(--scream-purple,#9d4dff)!important;background:var(--scream-elevated,#111a2b)!important;color:var(--scream-text,#f4f7fb)!important;box-shadow:inset 0 -2px 0 var(--scream-purple,#9d4dff)!important}html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>img{border-radius:4px!important;filter:none!important}html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>span{color:inherit!important}html.webApp body.webApp:not(.nativeApp) main.guestTierSetupPage [data-section=champion-grid]>button>b{border-radius:4px!important;background:var(--scream-gold,#e0b14b)!important;color:var(--scream-base,#050810)!important;box-shadow:none!important}}.loginFixedPage .authMethodTabs.authMethodTabsThree{grid-template-columns:repeat(3,minmax(0,1fr))}.loginFixedPage .authMethodTabs.authMethodTabsThree:after{width:33.333%}.loginFixedPage .authMethodTabs.authMethodTabsThree.guestSelected:after{transform:translateX(100%)}.loginFixedPage .authMethodTabs.authMethodTabsThree.signupSelected:after{transform:translateX(200%)}.loginFixedPage.guestAuthPage{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.loginFixedPage .guestAccessPanel{display:grid;width:100%;grid-gap:12px;gap:12px;margin-top:26px}.loginFixedPage .guestAccessHeading{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;grid-gap:13px;gap:13px;padding:15px;border:1px solid #30394d;border-radius:12px;background:linear-gradient(135deg,rgb(17 23 36/96%),rgb(9 12 23/96%));text-align:left}.loginFixedPage .guestAccessHeading>span{display:grid;width:46px;height:46px;place-items:center;border:1px solid #7042a8;border-radius:11px;background:#8f4fe51a;color:#c078ff}.loginFixedPage .guestAccessHeading>span svg{width:21px;height:21px}.loginFixedPage .guestAccessHeading>div{display:grid;min-width:0;grid-gap:5px;gap:5px}.loginFixedPage .guestAccessHeading b{color:#f5f2fb;font-size:15px}.loginFixedPage .guestAccessHeading small{color:#939caf;font-size:11px;line-height:1.5}.loginFixedPage .guestRestorePanel .guestRestoreForm{display:grid;grid-gap:10px;gap:10px;padding:16px;border:1px solid #293346;border-radius:12px;background:rgb(7 11 20/88%)}.loginFixedPage .guestRestorePanel .guestRestoreForm label{color:#d9dce6;font-size:12px;font-weight:850}.loginFixedPage .guestRestorePanel .guestRestoreForm .authInputWrap{margin-bottom:0}.loginFixedPage .guestRestorePanel .guestAccessDescription{margin:0;color:#7f899d;font-size:10px;line-height:1.5}.loginFixedPage .guestRestorePanel .guestCreateDivider{display:flex;align-items:center;gap:12px;color:#7f899b;font-size:10px}.loginFixedPage .guestRestorePanel .guestCreateDivider:after,.loginFixedPage .guestRestorePanel .guestCreateDivider:before{content:"";flex:1 1;height:1px;background:#252e3f}.loginFixedPage .guestRestorePanel .guestCreateEntryButton{min-height:52px;margin-top:0;padding:0 18px}.loginFixedPage .guestRestorePanel .guestCreateEntryButton svg:last-child{margin-left:auto}.loginFixedPage .guestCreatedPanel{margin-top:28px}.loginFixedPage .guestCreatedPanel .guestRecoveryCard{display:grid;justify-items:center;grid-gap:16px;gap:16px;width:100%;padding:24px 18px 18px;border:1px solid #7541ad;border-radius:16px;background:linear-gradient(155deg,rgb(28 18 46/97%),rgb(7 11 21/98%) 58%,rgb(13 9 28/98%));box-shadow:inset 0 1px #ffffff0d,0 20px 50px #0007,0 0 34px #8a42d319;text-align:center}.loginFixedPage .guestCreatedPanel .guestRecoveryIcon{display:grid;width:58px;height:58px;place-items:center;border:1px solid #9656d8;border-radius:15px;background:linear-gradient(145deg,#9b55ec28,#4c26751c);color:#cf8dff;box-shadow:0 0 28px #a34fff27}.loginFixedPage .guestCreatedPanel .guestRecoveryIcon svg{width:27px;height:27px}.loginFixedPage .guestCreatedPanel .guestRecoveryHeading{display:grid;grid-gap:7px;gap:7px}.loginFixedPage .guestCreatedPanel .guestRecoveryHeading h2,.loginFixedPage .guestCreatedPanel .guestRecoveryHeading p,.loginFixedPage .guestCreatedPanel .guestRecoveryHeading span,.loginFixedPage .guestCreatedPanel .guestRecoveryNotice{margin:0}.loginFixedPage .guestCreatedPanel .guestRecoveryHeading p{color:#d9b866;font-size:9px;font-weight:900;letter-spacing:2.2px}.loginFixedPage .guestCreatedPanel .guestRecoveryHeading h2{color:#fff;font-size:22px;line-height:1.25}.loginFixedPage .guestCreatedPanel .guestRecoveryHeading span{color:#abb2c2;font-size:11px;line-height:1.65}.loginFixedPage .guestCreatedPanel .guestCodeCopy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon" "code icon";align-items:center;width:100%;min-height:88px;grid-gap:5px 12px;gap:5px 12px;padding:15px 16px;border:1px solid #6f438f;border-radius:12px;background:#070b14;color:#fff;text-align:left}.loginFixedPage .guestCreatedPanel .guestCodeCopy>span{grid-area:label;color:#8d96a8;font-size:9px;font-weight:800;letter-spacing:.4px}.loginFixedPage .guestCreatedPanel .guestCodeCopy code{grid-area:code;min-width:0;overflow-wrap:anywhere;color:#e7d3ff;font:800 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.loginFixedPage .guestCreatedPanel .guestCodeCopy svg{grid-area:icon;width:21px;height:21px;color:#c77dff}.loginFixedPage .guestCreatedPanel .guestRecoveryNotice{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;width:100%;grid-gap:10px;gap:10px;padding:12px 13px;border:1px solid #d8ad5d38;border-radius:10px;background:#d8ad5d0a;color:#d9b866;text-align:left}.loginFixedPage .guestCreatedPanel .guestRecoveryNotice>svg{width:18px;height:18px}.loginFixedPage .guestCreatedPanel .guestRecoveryNotice>span{display:grid;grid-gap:3px;gap:3px}.loginFixedPage .guestCreatedPanel .guestRecoveryNotice b{font-size:11px}.loginFixedPage .guestCreatedPanel .guestRecoveryNotice small{color:#929bad;font-size:9px;line-height:1.45}.loginFixedPage .authResendButton{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;gap:8px;margin-top:12px;border:0;background:transparent;color:#b9b2cb;font:700 14px/1.2 inherit}.loginFixedPage .authResendButton svg{width:17px;height:17px}.authWebBackgroundArtwork{display:none}body.webApp:not(.nativeApp) .authPage.loginFixedPage{position:relative!important;isolation:isolate!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;margin:0!important;overflow-x:clip!important;overflow-y:auto!important;background:#02040a!important;background-image:none!important;box-shadow:none!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authWebBackgroundArtwork,body.webApp:not(.nativeApp) .authPage.loginFixedPage .authWebBackgroundVideo,body.webApp:not(.nativeApp) .authPage.loginFixedPage:after,body.webApp:not(.nativeApp) .authPage.loginFixedPage:before{display:none!important;background-image:none!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .premiumAuthCard{position:relative;z-index:2;width:min(600px,calc(100vw - 48px))!important;max-width:600px!important;margin:0 auto!important;padding:0 0 36px!important;box-sizing:border-box}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroLogo{position:relative!important;left:auto!important;visibility:visible!important;display:flex!important;width:100%!important;height:108px!important;justify-content:center!important;margin:10px auto 22px!important;overflow:visible!important;transform:none!important;background:transparent!important;box-shadow:none!important;pointer-events:none}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroLogo:after,body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroLogo:before{display:none!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroImage{display:block!important;width:min(260px,70%)!important;height:100%!important;margin:0 auto!important;object-fit:contain!important;filter:none!important}@media (min-width:768px){body.webApp:not(.nativeApp) .authPage.loginFixedPage{padding:32px 24px 80px!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroCopy h2{font-size:34px!important;line-height:1.2!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage :where(p,label,.muted){font-size:14px!important;line-height:1.55!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage :where(input,.primaryButton,button[type=submit]){min-height:58px!important;font-size:16px!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authMethodTabs button{min-height:52px!important;font-size:16px!important}}@media (max-width:767px){body.webApp:not(.nativeApp) .authPage.loginFixedPage{width:min(100%,480px)!important;margin-right:auto!important;margin-left:auto!important;padding:0!important;box-shadow:0 0 0 1px #1b2438,0 0 80px #000d!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .premiumAuthCard{width:calc(100% - 28px)!important;max-width:none!important;padding-bottom:26px!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroLogo{height:86px!important;margin:24px auto 12px!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroImage{width:min(230px,68%)!important}.loginFixedPage .guestAccessPanel{margin-top:18px}.loginFixedPage .guestAccessHeading,.loginFixedPage .guestRestorePanel .guestRestoreForm{padding:13px}.loginFixedPage .guestCreatedPanel .guestRecoveryCard{gap:13px;padding:20px 14px 14px}}@media (max-width:390px){body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroLogo{height:78px!important}body.webApp:not(.nativeApp) .authPage.loginFixedPage .authHeroCopy h2{font-size:27px!important}}@media (max-width:767px){body.webApp:not(.nativeApp):has(.queueCreatingPage),html.webApp:not(.nativeApp):has(body .queueCreatingPage){height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important}body.webApp:not(.nativeApp) main.appPage.queueRoomsPage.queueCreatingPage{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:clip!important;overflow-y:auto!important;padding-top:0!important;padding-bottom:0!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch}body.webApp:not(.nativeApp) .queueCreatingPage .roomsShell{width:calc(100% - 28px)!important;max-height:none!important;margin:0 auto!important;padding:max(10px,env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom))!important;overflow:visible!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomsHead{margin:0 0 10px!important}body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm{height:auto!important;max-height:none!important;overflow:visible!important;touch-action:pan-y!important}}.queueSetupCarousel,.webQueueCreateButtonLabel,.webQueueCreateOnly{display:none!important}body.webApp:not(.nativeApp) .queueCreatingPage,body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm,body.webApp:not(.nativeApp) .queueCreatingPage .createOptionBlock,body.webApp:not(.nativeApp) .queueCreatingPage .roomsShell{min-width:0;max-width:100%}body.webApp:not(.nativeApp) .queueCreatingPage{overflow-x:clip}body.webApp:not(.nativeApp) .queueCreatingPage .roomsHead .muted{display:none!important}body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;overflow-x:hidden}body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm>*{grid-column:1/-1!important;min-width:0}body.webApp:not(.nativeApp) .queueCreatingPage .nativeQueueCreateButtonLabel,body.webApp:not(.nativeApp) .queueCreatingPage .nativeQueueCreateOnly,body.webApp:not(.nativeApp) .queueCreatingPage .nativeQueueSetupChoices{display:none!important}body.webApp:not(.nativeApp) .queueCreatingPage .webQueueCreateOnly{display:grid!important}body.webApp:not(.nativeApp) .queueCreatingPage .webQueueCreateButtonLabel{display:inline!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionBlock{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px;padding:12px!important;overflow:hidden}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader{min-height:22px;margin:0!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader>span{display:none!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader div{display:block}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader b{font-size:13px!important;line-height:22px!important}body.webApp:not(.nativeApp) .queueCreatingPage .clashScoreInputWrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:64px;padding:6px 16px;overflow:hidden;border:1px solid #273247;border-radius:9px;background:linear-gradient(180deg,#080e18,#070b12);box-shadow:inset 0 1px #ffffff08}body.webApp:not(.nativeApp) .queueCreatingPage .clashScoreInputWrap input{min-width:0;height:50px;padding:0 14px;border:1px solid #d7a44377;border-radius:8px;outline:none;background:linear-gradient(145deg,#15130e,#0a0f18);color:#f4f7fb;font:inherit;font-size:18px;font-weight:800;text-align:center}body.webApp:not(.nativeApp) .queueCreatingPage .clashScoreInputWrap input:focus-visible{border-color:#e6b84f;box-shadow:0 0 0 3px #e6b84f1c}body.webApp:not(.nativeApp) .queueCreatingPage .clashScoreInputWrap span{color:#d4a848;font-size:13px;font-weight:800;white-space:nowrap}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarousel{position:relative;isolation:isolate;display:block!important;width:100%;min-width:0;height:76px;overflow:hidden;border:1px solid #273247;border-radius:9px;background:linear-gradient(180deg,#080e18,#070b12);box-shadow:inset 0 1px #ffffff08}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarousel:after,body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarousel:before{content:"";position:absolute;z-index:5;top:0;bottom:0;width:clamp(18px,4vw,52px);pointer-events:none}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarousel:before{left:0;background:linear-gradient(90deg,#080d16 12%,transparent)}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarousel:after{right:0;background:linear-gradient(-90deg,#080d16 12%,transparent)}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselFocus{position:absolute;z-index:4;top:6px;bottom:6px;left:50%;width:clamp(150px,32vw,250px);transform:translateX(-50%);border:1px solid #d7a44355;border-radius:8px;box-shadow:0 0 22px #c38c2826,inset 0 0 18px #d5a34010;pointer-events:none}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail{position:relative;z-index:2;display:flex!important;align-items:stretch;gap:10px!important;width:100%;height:100%;margin:0!important;padding:6px calc(50% - clamp(75px, 16vw, 125px))!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:calc(50% - clamp(75px, 16vw, 125px));scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail[data-moving=true]{scroll-snap-type:none;cursor:-webkit-grabbing;cursor:grabbing}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail::-webkit-scrollbar{display:none}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail:focus-visible{outline:2px solid #e1b65f;outline-offset:-3px}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail>button{position:relative;flex:0 0 clamp(150px,32vw,250px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px!important;align-items:center!important;grid-gap:8px!important;gap:8px!important;width:clamp(150px,32vw,250px)!important;min-width:150px!important;height:64px!important;min-height:64px!important;padding:0 18px!important;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid #2a3447!important;border-radius:8px!important;background:linear-gradient(145deg,#0d1521,#090e17)!important;color:#8994a7!important;opacity:.5;transform:scale(.94);transition:border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease,transform .18s ease,box-shadow .18s ease;text-align:center!important;cursor:inherit;-webkit-user-drag:none}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail>button.selected,body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail>button[data-focused=true]{z-index:3;border-color:#d3a345!important;background:linear-gradient(145deg,#21190c,#11151d)!important;color:#f0c970!important;opacity:1;transform:scale(1);box-shadow:inset 0 0 22px #c894301a,0 8px 20px #0008}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselCopy{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselCopy b{color:inherit!important;font-size:15px!important;line-height:1.2!important;white-space:nowrap}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselSelected{display:grid;place-items:center;width:18px;height:18px;border:1px solid #3a465a;border-radius:50%}body.webApp:not(.nativeApp) .queueCreatingPage button.selected .queueSetupCarouselSelected{border-color:#d8aa4e;background:#d8aa4e18}body.webApp:not(.nativeApp) .queueCreatingPage button.selected .queueSetupCarouselSelected>i{width:6px;height:6px;border-radius:50%;background:#ebc469;box-shadow:0 0 8px #ebc469a0}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>label{margin:2px 0 -7px!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>.primaryButton.full,body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>input{width:100%;max-width:100%}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader b{display:flex;align-items:center;font-weight:700!important}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselCopy b{font-weight:800!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>input{font-size:11px!important;font-weight:400!important;line-height:1.35!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>input::placeholder{font-size:10px!important;font-weight:400!important;line-height:1.35!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>.primaryButton.full{font-size:13px!important;font-weight:800!important;line-height:1.2!important}@media (max-width:767px){body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm{gap:11px!important;max-height:none!important;overflow-y:visible!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionBlock{gap:7px;padding:10px!important}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselFocus{width:min(68vw,250px)}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail{gap:8px!important;padding-inline:calc(50% - min(34vw, 125px))!important;scroll-padding-inline:calc(50% - min(34vw, 125px))}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail>button{flex-basis:min(68vw,250px)!important;width:min(68vw,250px)!important;min-width:min(68vw,250px)!important;padding-inline:14px!important}}@media (min-width:1024px){body.webApp:not(.nativeApp) .queueCreatingPage .clanAwareCreateForm{min-height:clamp(720px,70dvh,820px)!important;gap:18px!important;padding:34px!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionBlock{gap:15px!important;padding:20px 22px!important}body.webApp:not(.nativeApp) .queueCreatingPage .createOptionHeader b{font-size:18px!important;line-height:1.25!important}body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselCopy b{font-size:15px!important;line-height:1.2!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>label{margin-bottom:-6px!important;font-size:15px!important;line-height:1.3!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>input{height:60px!important;padding-inline:18px!important;font-size:16px!important;line-height:1.35!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>input::placeholder{font-size:15px!important;line-height:1.35!important}body.webApp:not(.nativeApp) .queueCreatingPage .roomCreateForm>.primaryButton.full{min-height:66px!important;height:66px!important;font-size:18px!important;line-height:1.2!important}}@media (prefers-reduced-motion:reduce){body.webApp:not(.nativeApp) .queueCreatingPage .queueSetupCarouselRail>button{transition:none}}.inhouseLeaderImportPanel{display:none}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderImportPanel{display:grid;grid-gap:14px;gap:14px;margin:0 0 18px;padding:20px;border:1px solid #4b3c24;border-radius:14px;background:radial-gradient(circle at 0 0,#dda93e16,transparent 34%),linear-gradient(145deg,#111720f7,#090e16fc);box-shadow:inset 0 1px #ffffff09,0 18px 42px #0005}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article{position:relative;min-width:0;min-height:64px;display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;padding:10px 12px;border:1px dashed #3a4557;border-radius:10px;background:#080e16}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article.empty{grid-template-columns:24px minmax(0,1fr) auto}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article.filled{border-style:solid;border-color:#806331;background:linear-gradient(120deg,#1c160b,#0a111b)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article>i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#2a2112;color:#ddb05a;font-size:9px;font-style:normal;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots>article>span{min-width:0;display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots b{overflow:hidden;color:#e5e8ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots small{color:#778397;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots em{padding:4px 6px;border-radius:5px;background:#d8a74118;color:#dcb057;font-size:7px;font-style:normal;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .adminLeaderAutoFill{min-width:0;min-height:30px;padding:0 9px;border:1px solid #8f6d31;border-radius:7px;background:#d6a94f16;color:#e3b75f;font-size:8px;font-weight:900;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .adminLeaderAutoFill:hover{border-color:#c4953e;background:#d6a94f24}body.webApp:not(.nativeApp) .liveRoomPage .adminLeaderAutoFill:disabled{cursor:wait;opacity:.55}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportToggle{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b98a37;border-radius:9px;background:linear-gradient(100deg,#d6a94f,#bd852e);color:#14100a;font-size:11px;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportToggle:disabled{border-color:#344052;background:#121925;color:#69778b}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportToggle svg{width:17px}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager{display:grid;grid-gap:10px;gap:10px;padding:13px;border:1px solid #303b4d;border-radius:11px;background:#070c13}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchControls{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchField{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:48px;padding:0 12px;border:1px solid var(--scream-border,#354155);border-radius:var(--scream-radius-control,6px);background:var(--scream-surface,#0c121c)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchField:focus-within{border-color:var(--scream-purple,#9d4dff)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchField>svg{width:17px;color:var(--scream-muted,#7d8aa0)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchField>input{min-width:0;width:100%;height:46px;border:0;outline:0;background:transparent;color:var(--scream-text,#eef1f6);font-size:13px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle{min-width:126px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--scream-border,#354155);border-radius:var(--scream-radius-control,6px);background:var(--scream-surface,#0c121c);color:var(--scream-muted,#8994a8);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle>svg{width:16px;height:16px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle>small{min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:4px;background:var(--scream-elevated,#111a2b);color:var(--scream-muted,#8994a8);font-size:10px;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle.active,body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle:hover{border-color:var(--scream-gold,#e0b14b);background:color-mix(in srgb,var(--scream-gold,#e0b14b) 10%,var(--scream-surface,#0c121c));color:var(--scream-gold,#e0b14b)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle.active>small{background:var(--scream-gold,#e0b14b);color:var(--scream-base,#050810)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle:focus-visible{outline:2px solid var(--scream-gold,#e0b14b);outline-offset:2px}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager>label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:44px;padding:0 12px;border:1px solid #354155;border-radius:9px;background:#0c121c}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager>label>svg{width:17px;color:#7d8aa0}body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager>label>input{min-width:0;width:100%;height:42px;border:0;outline:0;background:transparent;color:#eef1f6;font-size:12px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #3a4659;border-radius:8px;background:#111925;color:#aab4c2;font-size:9px;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>button:last-child{border-color:#9f7431;background:#c9953919;color:#e0b45c}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>button svg{width:13px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>span{min-width:0;display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>span b{color:#dfe4eb;font-size:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>span small{color:#6e7a8e;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerList{display:grid;grid-gap:6px;gap:6px;max-height:310px;overflow-y:auto;overscroll-behavior:contain}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow{position:relative;min-width:0}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label{min-width:0;display:grid;grid-template-columns:20px minmax(140px,1fr) minmax(130px,auto) 48px;align-items:center;grid-gap:10px;gap:10px;min-height:58px;padding:8px 10px;border:1px solid #293446;border-radius:9px;background:#0c131d;cursor:pointer}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label.selected{border-color:#bb8d3a;background:#21190d}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>input{position:absolute;opacity:0;pointer-events:none}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #46536a;border-radius:5px;color:#e4b459;font-style:normal}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>i svg{width:12px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity>em{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1b2432;color:#c9d0dc;font-size:11px;font-style:normal;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity>span,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier{min-width:0;display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity b,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier b{overflow:hidden;color:#e5e8ed;font-size:10px;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity small,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier em,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier small{color:#718096;font-size:8px;font-style:normal}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>strong{justify-self:end;padding:5px 7px;border-radius:6px;background:#739cff15;color:#8eb0ff;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportEmpty{min-height:80px;display:flex;align-items:center;justify-content:center;gap:10px;color:#738096}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportEmpty>svg{width:20px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportEmpty>span{display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportEmpty b{color:#aeb7c5;font-size:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportEmpty small{color:#6e7b8e;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster{display:grid;grid-gap:8px;gap:8px;padding-top:12px;border-top:1px solid #2b3442}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>header{display:flex;align-items:center;justify-content:space-between}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>header span{display:flex;align-items:baseline;gap:7px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>header b{color:#dce1e8;font-size:11px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>header small{color:#68758a;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>header strong{color:#d7aa50;font-size:11px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;grid-gap:7px;gap:7px;min-height:46px;padding:7px 8px;border:1px solid #2b3546;border-radius:8px;background:#0a111a}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster .summonerAvatar{width:28px;height:28px;font-size:9px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article>span{min-width:0;display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article b{overflow:hidden;color:#d8dde5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article small{color:#6f7c90;font-size:7px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:#d95d7012;color:#d97585}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster article button svg{width:12px}@media (max-width:767px){body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderImportPanel{gap:11px;padding:14px;border-radius:12px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseLeaderSlots{grid-template-columns:1fr}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar{grid-template-columns:1fr 1fr}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>span{grid-column:1/-1;grid-row:1}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label{grid-template-columns:20px minmax(0,1fr) 42px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier{grid-column:2/-1}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportedRoster>div{grid-template-columns:1fr}}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs{min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid #334055;border-radius:8px;background:#0d141f;color:#8d99ab}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button b{font-size:9px;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button small{color:#647187;font-size:8px;font-weight:800}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button.selected{border-color:#c0913d;background:linear-gradient(135deg,#2c210f,#15130f);color:#efc76f;box-shadow:inset 0 0 18px #dcae4711}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button.selected small{color:#c79f54}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs>button.full:not(.selected){border-color:#465064;background:#151a23;color:#717c8e}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label{grid-template-columns:20px minmax(145px,1.15fr) minmax(112px,.8fr) minmax(100px,.72fr) minmax(92px,.65fr) minmax(126px,.8fr) 42px;grid-template-areas:"check identity tier positions rates champions favorite";min-height:74px;padding:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label.disabled{cursor:not-allowed;opacity:.48}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>i{grid-area:check}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableIdentity{grid-area:identity}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier{grid-area:tier}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePositions{grid-area:positions}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates{grid-area:rates}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions{grid-area:champions}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteSlot{grid-area:favorite;width:40px;height:40px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton{position:absolute;z-index:2;top:50%;right:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;transform:translateY(-50%);border:1px solid #303b4d;border-radius:7px;background:#0b121d;color:#8994a8;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton svg{width:18px;height:18px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton:hover{background:rgb(255 118 155/10%);color:#ff90ad}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton.active{border-color:#ff769b;background:rgb(255 118 155/10%);color:#ff769b}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton:active{transform:translateY(-50%) scale(.92)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton:focus-visible{outline:2px solid #ff769b;outline-offset:1px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePositions,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier{min-width:0;display:flex;flex-direction:column;gap:2px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions>small,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier>small{color:#667489;font-size:7px;font-weight:800}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier>b{color:#dce2ea;font-size:9px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier>em{color:#d6aa54;font-size:8px;font-style:normal;font-weight:800}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePositions>small,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates>small{overflow:hidden;color:#8995a7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePositions>em{width:-moz-fit-content;width:fit-content;margin-top:2px;padding:3px 5px;border-radius:5px;background:#739cff17;color:#91b2ff;font-size:7px;font-style:normal;font-weight:900}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates b{color:#d4dae3;font-size:8px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions>span{min-width:0;display:flex;align-items:center;gap:4px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions i{position:relative;flex:0 0 auto;width:27px;height:27px;overflow:hidden;border:1px solid #3c485a;border-radius:7px;background:#151d29}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions img{width:100%;height:100%;display:block;object-fit:cover}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions em{color:#667489;font-size:8px;font-style:normal}@media (max-width:820px){body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(70px,1fr);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportPositionTabs::-webkit-scrollbar{display:none}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label{grid-template-columns:20px minmax(0,1fr) 44px;grid-template-areas:"check identity favorite" "check tier tier" "check positions positions" "check rates rates" "check champions champions";align-items:start;gap:7px 9px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePlayerRow>label>i{margin-top:6px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton{top:8px;right:8px;width:44px;height:44px;transform:none}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableFavoriteButton:active{transform:scale(.92)}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitablePositions,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates,body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableTier{display:grid;grid-template-columns:repeat(3,minmax(0,auto));align-items:center;justify-content:start;grid-gap:4px 9px;gap:4px 9px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableRates{grid-template-columns:repeat(2,minmax(0,auto))}body.webApp:not(.nativeApp) .liveRoomPage .inhouseInvitableChampions{flex-direction:row;align-items:center;gap:9px}}@media (max-width:420px){body.webApp:not(.nativeApp) .liveRoomPage .inhousePlayerImportManager{padding:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle{min-width:116px;padding:0 9px;font-size:10px}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar{grid-template-columns:1fr}body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSelectionBar>span{grid-column:auto}}@media (max-width:360px){body.webApp:not(.nativeApp) .liveRoomPage .inhouseImportSearchControls{grid-template-columns:1fr}body.webApp:not(.nativeApp) .liveRoomPage .inhouseFavoriteOnlyToggle{width:100%}}body.webApp:not(.nativeApp) .liveRoomPage .webRoomTitleActions button.webRoomLeaveAction{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-color:#ef718568!important;background:#ef718512!important;color:#ff8ea0!important}body.webApp:not(.nativeApp) .liveRoomPage .webRoomTitleActions button.webRoomLeaveAction:hover{border-color:#ff899a!important;background:#ef718522!important}body.webApp:not(.nativeApp) .liveRoomPage .leaderImportStartArea{margin-top:14px}body.webApp:not(.nativeApp) .liveRoomPage .positionArrangeBoard>section{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}body.webApp:not(.nativeApp) .liveRoomPage .positionArrangeBoard>section.positionDropActive{border-color:#c8953d;background:linear-gradient(180deg,#d6a94f0c,#0b111a);box-shadow:inset 0 0 0 1px #d6a94f20,0 0 24px #d6a94f12}body.webApp:not(.nativeApp) .liveRoomPage .positionArrangeBoard>section.positionDropNeedsSwap{border-color:#8a6a36}body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer{position:relative;padding-right:30px!important;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,opacity .15s ease,transform .15s ease}body.webApp:not(.nativeApp) .standardLiveRoomPage .laneBoard .roomPlayer.positionMovablePlayer{padding-right:38px!important}body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer:active{cursor:-webkit-grabbing;cursor:grabbing}body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer.positionArrangeSelected{border-color:#d2a448!important;background:linear-gradient(110deg,#d6a94f18,#111925)!important;box-shadow:inset 0 0 0 1px #e1b75f1d,0 8px 22px #0005}body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer.positionDraggingPlayer{opacity:.42;transform:scale(.98)}body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer.positionSwapTarget{border-color:#78a4ff!important;background:#78a4ff17!important;box-shadow:inset 0 0 0 1px #78a4ff24}body.webApp:not(.nativeApp) .liveRoomPage .positionDragHandle{position:absolute;z-index:3;top:50%;right:5px;width:22px!important;height:28px!important;padding:5px 2px;border-radius:6px;color:#9a7a42;cursor:-webkit-grab;cursor:grab;touch-action:none}body.webApp:not(.nativeApp) .liveRoomPage .positionArrangeSelected .positionDragHandle,body.webApp:not(.nativeApp) .liveRoomPage .positionMovablePlayer:hover .positionDragHandle{background:#d6a94f14;color:#e0b45b}body.webApp:not(.nativeApp) .liveRoomPage button.positionEmptyDropSeat{width:100%;font:inherit;transition:border-color .15s ease,background-color .15s ease,color .15s ease}body.webApp:not(.nativeApp) .liveRoomPage button.positionEmptyDropSeat:not(:disabled){border-color:#9d7735;background:#d6a94f0e;color:#d8ab55;cursor:pointer}body.webApp:not(.nativeApp) .liveRoomPage .positionTouchDragPreview{position:fixed;z-index:140;width:max-content;max-width:min(220px,calc(100vw - 24px));min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px;padding:8px 11px;border:1px solid #d2a448;border-radius:9px;background:#111925f2;box-shadow:0 16px 42px #000b,inset 0 0 18px #d6a94f12;color:#ddb05a;pointer-events:none;transform:translate(-50%,calc(-100% - 14px))}body.webApp:not(.nativeApp) .liveRoomPage .positionTouchDragPreview>svg{width:17px}body.webApp:not(.nativeApp) .liveRoomPage .positionTouchDragPreview>span{min-width:0;display:flex;flex-direction:column}body.webApp:not(.nativeApp) .liveRoomPage .positionTouchDragPreview b{overflow:hidden;color:#edf0f5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}body.webApp:not(.nativeApp) .liveRoomPage .positionTouchDragPreview small{color:#9a875f;font-size:8px}@media (min-width:681px){body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage:has(.inhouseLeaderImportPanel){min-height:100dvh!important;display:flex!important;flex-direction:column!important;padding:clamp(28px,5vh,56px) 0!important;box-sizing:border-box!important}body.webApp:not(.nativeApp) main.appPage.liveRoomPage.standardLiveRoomPage:has(.inhouseLeaderImportPanel)>.roomShell{flex:0 0 auto!important;margin:auto!important;padding-top:0!important;padding-bottom:0!important}}