:is(.brawl-page,.cr-page,.coc-page) .mode-switch{background:linear-gradient(145deg,#000 -13.48%,#292929 103.87%);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:2px;min-width:0;padding:3px;display:flex;box-shadow:inset 0 -1px #ffffff1a}:is(.brawl-page,.cr-page,.coc-page) .mode-switch-item{color:#ffffffb3;white-space:nowrap;border-radius:999px;padding:7px 10px;font-family:Supercell,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s}:is(.brawl-page,.cr-page,.coc-page) .mode-switch-item:hover{color:#fff}:is(.brawl-page,.cr-page,.coc-page) .mode-switch-item.is-active{color:#000;background:#fff}:is(.brawl-page,.cr-page,.coc-page) .header-content .mode-switch{z-index:3;flex-shrink:1;margin:0 auto}:is(.brawl-page,.cr-page,.coc-page) .header-content .mode-switch+.header-actions{margin-left:0}:is(.brawl-page,.cr-page,.coc-page) .header-subbar{display:none}@media (min-width:50em){:is(.brawl-page,.cr-page,.coc-page) .mode-switch-item{padding:8px 16px;font-size:14px}}@media (max-width:45.99em){:is(.brawl-page,.cr-page,.coc-page) .header-content .mode-switch{display:none}:is(.brawl-page,.cr-page,.coc-page) .header-content .mode-switch+.header-actions{margin-left:auto}:is(.brawl-page,.cr-page,.coc-page) .sticky:has(.header-subbar) header{position:static}:is(.brawl-page,.cr-page,.coc-page) .header-subbar{justify-content:center;padding:0 16px 10px;display:flex;position:relative}.coc-page .header-subbar{margin-top:-6px;padding-bottom:32px}}:is(.brawl-page,.cr-page,.coc-page) .section-noauth .section-note{color:#fff;text-align:center;opacity:.9;max-width:34ch;margin:0;font-size:1rem;line-height:1.4}:is(.brawl-page,.cr-page,.coc-page) .header-below{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;padding:8px 16px;display:flex}:is(.brawl-page,.cr-page,.coc-page) .original-account{background:linear-gradient(145deg,#000 -13.48%,#292929 103.87%);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:3px 3px 3px 4px;display:flex;box-shadow:inset 0 -1px #ffffff1a}:is(.brawl-page,.cr-page,.coc-page) .original-account-avatar{color:#fff;background-image:linear-gradient(135deg,#ffc400,#ff9e1b);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-family:Supercell,system-ui,sans-serif;font-size:13px;line-height:1;display:flex}:is(.brawl-page,.cr-page,.coc-page) .original-account-email{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}:is(.brawl-page,.cr-page,.coc-page) .original-account-switch{color:#000;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:7px 12px;font-family:Supercell,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:opacity .2s}:is(.brawl-page,.cr-page,.coc-page) .original-account-switch:hover{opacity:.85}
:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar{z-index:15;overflow-anchor:none;flex-direction:column;width:100%;display:flex;position:relative}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar:before{content:"";z-index:2;width:var(--quick-links-fade-width,96px);inset:var(--quick-links-fade-inset,0 -43px -5px auto);background:var(--quick-links-fade,radial-gradient(var(--quick-links-fade-color,transparent)0%,transparent 72%));-webkit-mask-image:var(--quick-links-fade-mask,none);-webkit-mask-image:var(--quick-links-fade-mask,none);mask-image:var(--quick-links-fade-mask,none);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_hasMoreTabs:before{opacity:1}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned{padding-top:env(safe-area-inset-top,0px);transform:translateY(calc(-100% - var(--quick-links-border-overhang,0px) - 8px));transition:transform .2s;position:fixed;inset:0 0 auto}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned.QuickLinks_hidden{filter:none;transition:transform .1s ease-in,filter .1s linear}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned:not(.QuickLinks_hidden){transform:none}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned.QuickLinks_belowHeader:not(.QuickLinks_hidden){transform:translateY(calc(var(--quick-links-header-height,72px) - var(--quick-links-header-tuck,0px)));transition:transform .35s}@media (prefers-reduced-motion:reduce){:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned,:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned.QuickLinks_hidden,:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Bar.QuickLinks_pinned.QuickLinks_belowHeader:not(.QuickLinks_hidden){transition:none}}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tabs{flex-wrap:wrap;width:fit-content;max-width:100%;margin-inline:auto;display:flex}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tabs.QuickLinks_collapsed{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;overflow:auto hidden}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tabs.QuickLinks_collapsed::-webkit-scrollbar{display:none}@media (min-width:1024px){:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;overflow:auto hidden}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tabs::-webkit-scrollbar{display:none}}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Tab{white-space:nowrap;flex-shrink:0;align-items:center;text-decoration:none;display:flex}:is(.brawl-page,.cr-page,.coc-page) .QuickLinks_Icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}:is(.cr-page,.coc-page) .QuickLinks_Tab{isolation:isolate;letter-spacing:-.07px;color:#f6eee3;border:1px solid #000;border-radius:10px;justify-content:center;gap:4px;font-family:Supercell,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.4;position:relative;overflow:hidden;box-shadow:0 2px #000}:is(.cr-page,.coc-page) .QuickLinks_Tab:before{content:"";z-index:-1;background:#ffffff21;border-radius:6px;height:15px;position:absolute;top:4px;left:3px;right:3px}:is(.cr-page,.coc-page) .QuickLinks_Tab:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;box-shadow:inset 0 -3px #0000004d,inset 0 3px #ffffff1a}.brawl-page .QuickLinks_TopDivider,.brawl-page .QuickLinks_BottomDivider{pointer-events:none;flex-shrink:0;display:block}.brawl-page .QuickLinks_TopDivider{z-index:16;margin-top:-12px;margin-bottom:-15px;position:relative}.brawl-page .QuickLinks_BottomDivider{margin-top:-14px;margin-bottom:-13px}.brawl-page .QuickLinks_Bar{--quick-links-border-overhang:13px;--quick-links-header-height:70px;--quick-links-fade:linear-gradient(270deg,#000 0%,transparent 89.904%);--quick-links-fade-width:48px;--quick-links-fade-inset:-1px 0 19px auto;filter:drop-shadow(0 38px 6px #0000004d);background:linear-gradient(#030203 1.923%,#0d0911 8.654%,#050109);box-shadow:inset 0 3px #c38ff026}.brawl-page .QuickLinks_pinned{box-shadow:none}.brawl-page .QuickLinks_Tabs{gap:10px 4px;padding:24px 24px 32px}.brawl-page .QuickLinks_pinned .QuickLinks_Tabs{padding-top:20px}.brawl-page .QuickLinks_Tab{isolation:isolate;letter-spacing:-.02em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.1em #000;text-shadow:0 .1em #000,-.03em .1em #000,.03em .1em #000;paint-order:stroke;gap:4px;height:30px;margin-block:1px;padding:0 15px 2px 10px;font-family:Brawl,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.1;position:relative;transform:translateZ(0)}.brawl-page .QuickLinks_Tab *{transform:translateZ(0)}.brawl-page .QuickLinks_Tab:before{content:"";z-index:-1;background:var(--tab-fill);box-shadow:0 0 0 1.5px #000,0 2px 0 1.5px #000,inset 0 3.5px 0 var(--tab-highlight),inset 0 -3.5px 0 var(--tab-shade);border-radius:4px;position:absolute;inset:0;transform:skew(-4.2deg)}.brawl-page .QuickLinks_pass{--tab-fill:linear-gradient(180deg,#cd63f3 0%,#78d8fc 100%);--tab-highlight:#df9bf8;--tab-shade:#059dd7}.brawl-page .QuickLinks_other{--tab-fill:linear-gradient(180deg,#3a3feb 0%,#4a4fed 100%);--tab-highlight:#585dee;--tab-shade:#2a2fe9}.brawl-page .QuickLinks_other .QuickLinks_Icon{transform:scale(1.11)}.brawl-page .QuickLinks_gemPacks{--tab-fill:#13ae23;--tab-highlight:#36cc00;--tab-shade:#0d7340}.brawl-page .QuickLinks_storeCode{--tab-fill:linear-gradient(180deg,#eb8a3a 0%,#e37317 100%);--tab-highlight:#e6c479;--tab-shade:#c1420b}.brawl-page :is(#passes,#offers,#gems,#redeem-code){scroll-margin-top:calc(97px + env(safe-area-inset-top,0px))}.cr-page .QuickLinks_Bar{--quick-links-border-overhang:26px;--quick-links-fade-color:#082353bf;filter:drop-shadow(0 38px 6px #0000004d);background:linear-gradient(#04193f 1.92%,#082353 8.65%,#275ad8);overflow-x:clip}.cr-page .QuickLinks_Bar:after{content:"";pointer-events:none;background:url(/assets/images/cr/quick-links/border.png) repeat-x;height:26px;margin-bottom:-26px}.cr-page .QuickLinks_Tabs{gap:10px 6px;padding:24px 24px 16px}.cr-page .QuickLinks_Tab{height:34px;padding:0 16px 2px}.cr-page .QuickLinks_Tab:after{inset:0}.cr-page .QuickLinks_passRoyale{background-image:linear-gradient(103.06deg,#efad15,#be6009)}.cr-page .QuickLinks_heroes{background-image:linear-gradient(103.24deg,#e68013,#c33710)}.cr-page .QuickLinks_evolutions{background-image:linear-gradient(106.59deg,#6f27a9 .6%,#440f9f 99.58%)}.cr-page .QuickLinks_other{background-image:linear-gradient(103.35deg,#4fb3a8 .6%,#2f8ca2 99.58%)}.cr-page .QuickLinks_gemPack{background-image:linear-gradient(102.85deg,#65c11b .6%,#107031 99.58%)}.cr-page .QuickLinks_gemPack .QuickLinks_Icon{transform:scale(2.25)}.cr-page .QuickLinks_storeCode{background-image:linear-gradient(#a8c0c2,#6a908a 40.39%,#444f4f)}.cr-page :is(#passRoyale,#offers,#heroes,#evolutions,#gems,#redeem-code){scroll-margin-top:calc(100px + env(safe-area-inset-top,0px))}.coc-page .QuickLinks_Bar{--quick-links-header-tuck:14px;--quick-links-fade:linear-gradient(180deg,#4e5550 0%,#3f4440 100%);--quick-links-fade-width:auto;--quick-links-fade-inset:0;--quick-links-fade-mask:linear-gradient(90deg,#000 0,transparent 24px,transparent calc(100% - 24px),#000 100%);background:linear-gradient(#4e5550,#3f4440);border:2px solid #000}.coc-page .QuickLinks_Bar:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -5px #00000040,inset 0 0 5px 2.274px #ffffff3d}@media (min-width:1024px){.coc-page .QuickLinks_Bar{--quick-links-header-tuck:18px}}@media (max-width:45.99em){.coc-page:has(.header-subbar) .QuickLinks_Bar{--quick-links-header-tuck:30px}}.coc-page .QuickLinks_hasMoreTabs{border-right-width:0}.coc-page .QuickLinks_hasMoreTabs:after{clip-path:inset(0 12px 0 0);right:-12px}.coc-page .QuickLinks_pinned{filter:drop-shadow(0 12px 6px #00000073)}.coc-page .QuickLinks_Tabs{gap:10px 6px;padding:24px}.coc-page .QuickLinks_pinned .QuickLinks_Tabs{padding-bottom:18px}.coc-page .QuickLinks_Tab{height:32px;padding:0 16px}.coc-page .QuickLinks_Tab:after{inset:-1px}.coc-page .QuickLinks_goldPass{background-image:linear-gradient(101.22deg,#efad15,#be6009)}.coc-page .QuickLinks_special{background:linear-gradient(#af735273,#885a4173 40.385%,#5e413573),url(/assets/images/coc/quick-links/tab-texture-brown.png) 50%/cover,linear-gradient(#af7352,#885a41 40.385%,#5e4135)}.coc-page .QuickLinks_skins{background-image:linear-gradient(102.59deg,#448b97 .603%,#256574 99.578%)}.coc-page .QuickLinks_gems{background-image:linear-gradient(102.85deg,#7ec11b .603%,#3d7010 99.578%)}.coc-page .QuickLinks_storeCode{background:linear-gradient(#d0a99a73,#a97e5173 40.385%,#5e413573),url(/assets/images/coc/quick-links/tab-texture-grey.png) 50%/cover,linear-gradient(#d0a99a,#a97e51 40.385%,#5e4135)}.coc-page :is(#passes,#storespecials,#skins,#gems,#redeem-code){scroll-margin-top:calc(78px + env(safe-area-inset-top,0px))}