.sticky{pointer-events:auto;z-index:20;will-change:transform;backface-visibility:hidden;width:100%;transition:transform .3s;position:sticky;top:0}header{filter:drop-shadow(0 10px 4px #0000004d);background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100px;margin-top:-24px;padding:0 24px;display:flex;position:relative}.header-content{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:1200px;padding:0;display:flex}.header-content .header-logo{cursor:pointer}.header-content .header-logo img{height:64px}@media (min-width:46em){.header-content .header-logo img{height:80px}}.header-content .header-actions{align-items:center;gap:24px;display:flex}.header-content .header-actions button{cursor:pointer;color:#fff;display:inline-block}main{flex-direction:column;flex:1;width:100%;display:flex}.section,section{flex-direction:column;align-items:center;row-gap:24px;width:100%;padding:96px 24px 112px;display:flex;position:relative;overflow:hidden}section:after{content:"";background-image:url(/assets/images/coc/divider.png);background-position:50%;background-repeat:no-repeat;width:100%;height:5px;position:absolute;inset:0}section.noauth,section.passes{background-image:url(/assets/images/hd/section-noauth.png);background-position:50%;background-repeat:no-repeat;background-size:cover}section.store{background-image:url(/assets/images/hd/section-store.png);background-position:50%;background-repeat:no-repeat;background-size:cover}section .section-wrapper{z-index:1;flex-direction:column;flex:1;align-items:center;row-gap:32px;width:100%;max-width:1280px;display:flex;position:relative}section .section-heading{color:#fff;text-shadow:0 .075em #000;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;text-align:center;text-wrap:balance;margin-top:-32px;padding-bottom:40px;font-size:64px;font-weight:700}@media (min-width:46em){.section .section-heading{padding-bottom:64px}}.noauth-container{background-image:url(/assets/images/hd/bg-noauth.svg);background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;row-gap:35px;width:1000px;max-width:100%;padding:100px 0;display:flex;position:relative}.noauth-container p{color:#fff;text-align:center;text-wrap:balance;text-shadow:0 .075em #000;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;max-width:12ch;font-size:clamp(48px,5.33333vw,64px);font-weight:400}.noauth-container .btn-auth{color:#fff;white-space:nowrap;background-color:#000;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;column-gap:6.6px;min-width:130px;min-height:46px;padding:8px 24px;text-decoration:none;display:flex;position:relative}.passes .passes-heading{aspect-ratio:611/119;background-image:url(/assets/images/hd/heading.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;max-width:611px;height:100%;position:relative}.passes .passes-heading h2{color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 .075em #000;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;padding-top:10px;font-size:min(8vw,64px);font-weight:700}.passes-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;display:flex}.passes-container .pass-item{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:space-between;height:385px;display:flex}.passes-container .pass-item .pass-item-title{color:#fff;text-shadow:0 .075em #000;text-align:center;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;font-size:64px;font-weight:700}.passes-container .pass-item .pass-item-footer{justify-content:space-between;align-items:center;display:flex}.store .section-image img{width:500px;max-width:100%}.store-heading{text-align:center;flex-direction:column;align-items:center;row-gap:35px;display:flex}.store-heading h2{color:#fff;text-align:center;text-wrap:balance;text-shadow:0 .075em #000;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;max-width:12ch;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1}.store-heading p{max-width:550px;font-size:20px;line-height:30px}.gems-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.gems-container .gem-item{background-color:#ece4db;border:2px solid #000;border-radius:16px;flex-direction:column;align-items:center;row-gap:15px;width:400px;padding:20px 15px;display:flex;box-shadow:0 4px 4px #00000040}.gem-item .gem-item-title{color:#fff;text-shadow:0 .075em #000;text-align:center;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:.05em;paint-order:stroke fill;padding:10px 0;font-family:Supercell,system-ui,sans-serif;font-size:48px;font-weight:700}.gem-item .gem-item-image{max-width:300px;max-height:150px}.gem-item .gem-item-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.item-footer-points{color:#000;background-color:#fff;border:2px solid #000;border-radius:5px;align-items:center;column-gap:4px;padding:0 4px;display:flex}.item-footer-points img{width:24px;height:24px}.item-footer-points span{color:#000;font-size:14px;font-weight:700}.storeTypography_textBase{letter-spacing:normal;text-align:left;text-transform:none;z-index:1;margin:0;padding:0;font-style:normal;font-weight:400;font-stretch:100%;line-height:normal;text-decoration:none}.storeTypography_font-supercellTextBold.storeTypography_size-sm,.storeTypography_font-supercellText.storeTypography_size-sm{font-size:12px}.storeTypography_font-supercellTextBold{font-family:SupercellText,system-ui,sans-serif;font-weight:700}.PointsTag_Container{filter:drop-shadow(0 2px #0000001a);text-wrap:nowrap;align-items:center;height:21px;display:flex;position:relative}.PointsTag_Container.PointsTag_stroke{height:26px}.PointsTag_TagMiddle{text-wrap:nowrap;background-repeat:repeat-x;background-size:contain;align-items:center;width:auto;height:100%;margin:0 -1px;display:flex}.PointsTag_TagMiddleLightOutline{background-image:url(/assets/images/brawl/tag-2x-light-middle.png)}.PointsTag_TagLightOutline{background-image:url(/assets/images/brawl/tag-2x-light-left.png)}.PointsTag_TagLightOutline.PointsTag_TagEnd{background-image:url(/assets/images/brawl/tag-2x-light-right.png)}.PointsTag_TagEnd,.PointsTag_TagStart{background-repeat:no-repeat;background-size:contain;width:8px;height:100%}.PointsTag_TagGlow{clip-path:polygon(75.862% 99.998%,75.862% 99.998%,67.54% 99.998%,59.178% 99.998%,50.899% 99.998%,42.828% 99.999%,35.088% 99.999%,27.804% 99.999%,21.1% 99.999%,15.1% 100%,9.928% 100%,5.708% 100%,5.708% 100%,5.032% 99.687%,4.427% 98.803%,3.905% 97.433%,3.475% 95.664%,3.149% 93.579%,2.935% 91.264%,2.846% 88.803%,2.89% 86.281%,3.078% 83.785%,3.421% 81.397%,7.916% 56.959%,7.916% 56.959%,8.121% 55.678%,8.28% 54.323%,8.394% 52.913%,8.462% 51.466%,8.485% 50.001%,8.462% 48.536%,8.394% 47.089%,8.28% 45.679%,8.121% 44.324%,7.916% 43.043%,3.421% 18.604%,3.421% 18.604%,3.079% 16.217%,2.891% 13.72%,2.849% 11.199%,2.941% 8.738%,3.157% 6.423%,3.486% 4.338%,3.918% 2.568%,4.442% 1.199%,5.048% .315%,5.725% .002%,100% 0,75.862% 99.998%);background:linear-gradient(90deg,#fff0 9.77%,#ffffff80 55.17%);position:absolute;inset:2.5px 36.5% 2.5px 0}.PointsTag_Icon{z-index:1;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;margin-inline-start:4px}.PointsTag_IconRewards{background-image:url(/assets/images/market-rewards.png);background-position-y:1px}.PointsTag_PointsLabel{color:#fff;text-align:center;margin-inline:3px 7px}.PointsTag_Light{color:#000}.Button_Button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:100px;height:48px;padding:0 20px;font-family:Supercell,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.5;display:flex}@media (min-width:64em){.Button_Button{font-family:Supercell,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.5}}.Button_Button>svg{max-height:50%}.Button_Primary{color:#fff;background:#000}.Button_Primary:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}@keyframes BuyButton_shine__5v_iv{0%{left:-130px}20%{left:100%}to{left:100%}}.BuyButton_ContentWrapper{text-wrap:nowrap;align-items:center;display:flex}.BuyButton_Icon{pointer-events:none}.BuyButton_Icon.BuyButton_WithContent{margin-right:6px}.BuyButton_Icon g,.BuyButton_Icon path{stroke:#fff}.BuyButton_Icon.BuyButton_DarkIcon g,.BuyButton_Icon.BuyButton_DarkIcon path{stroke:#000}.BuyButton_StoreFrontBuyButton{z-index:5;margin-inline-start:auto;font-family:Supercell,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.5;transition:scale .2s ease-in-out;position:relative}.BuyButton_StoreFrontBuyButton>*{transform:translateZ(0)}.BuyButton_StoreFrontBuyButton.BuyButton_inCart{background:#666;padding-inline:10px 12px;box-shadow:0 2px #0000001a,inset 0 2.5px #ffffff4d}.BuyButton_StoreFrontBuyButton.BuyButton_inCart:disabled{color:#fff;cursor:default;border:none}.BuyButton_StoreFrontBuyButton.BuyButton_inCart:disabled g,.BuyButton_StoreFrontBuyButton.BuyButton_inCart:disabled path{stroke:#fff!important}.BuyButton_StoreFrontBuyButton.BuyButton_inCart .BuyButton_ContentWrapper{justify-content:center;align-items:center;gap:4px;display:flex}.BuyButton_StoreFrontBuyButton.BuyButton_DarkBordered,.BuyButton_StoreFrontBuyButton.BuyButton_LightBordered{padding-inline:10px 12px}.BuyButton_StoreFrontBuyButton.BuyButton_DarkBordered:disabled,.BuyButton_StoreFrontBuyButton.BuyButton_LightBordered:disabled{color:#777;cursor:default}.BuyButton_StoreFrontBuyButton.BuyButton_DarkBordered:disabled g,.BuyButton_StoreFrontBuyButton.BuyButton_DarkBordered:disabled path,.BuyButton_StoreFrontBuyButton.BuyButton_LightBordered:disabled g,.BuyButton_StoreFrontBuyButton.BuyButton_LightBordered:disabled path{stroke:#777!important}.BuyButton_StoreFrontBuyButton.BuyButton_LightBordered{color:#000;background-color:#f0f0f0;border:3px solid #000;box-shadow:inset 0 3px #fff}.BuyButton_StoreFrontBuyButton.BuyButton_DarkBordered{color:#fff;background-color:#2b2c3c;border:2px solid #000;box-shadow:inset 0 3px #555663}.app-footer{background:var(--background-contrast);z-index:10;margin-top:auto;padding-bottom:64px}.app-footer .footer-container{flex-shrink:0;grid-template-areas:"lang country""social social""info info""address logo";max-width:min(100%,1200px);min-height:480px;margin:0 auto;padding:32px;display:grid}@media (min-width:46em){.app-footer .footer-container{grid-template-areas:"lang.country""social social social""info info info""address.logo";min-height:0}}.footer-container .footer-lang{grid-area:lang;padding-bottom:24px}.footer-container .footer-lang .footer-lang-dropdown{width:100%;max-width:fit-content;min-height:32px;color:var(--text-contrast);border:1px solid var(--text-contrast);border-radius:4px;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 8px;display:flex}@media (min-width:64em){.footer-container .footer-lang .footer-lang-dropdown{min-height:38px}}.footer-container .footer-lang .footer-lang-dropdown .language-selector{justify-content:flex-start;align-items:center;column-gap:8px;min-width:120px;display:flex;position:relative}.footer-container .footer-lang .footer-lang-dropdown .language-selector p{margin-right:auto;font-size:14px;line-height:1.5}.footer-container .footer-lang .footer-lang-dropdown .language-selector select{opacity:0;position:absolute;inset:0}.footer-container .footer-country{color:var(--text-secondary);opacity:.5;grid-area:country;justify-content:center;place-self:flex-start flex-end;align-items:center;gap:8px;display:flex}.footer-container .footer-country p{font-size:13px;line-height:1.5}.footer-container .footer-social{border-top:1px solid #333;border-bottom:1px solid #333;grid-area:social;justify-content:space-between;column-gap:16px;padding:16px 0 24px;display:flex}@media (min-width:64em){.footer-container .footer-social{justify-content:flex-start}}.footer-container .footer-social p{color:var(--text-contrast);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.footer-container .footer-social .footer-social-media ul{margin:0;padding:0;list-style-type:none;display:flex}.footer-container .footer-social .footer-social-media li a{justify-content:center;align-items:center;display:flex}.footer-container .footer-social .footer-social-media li a img{width:45px;height:45px}.footer-container .footer-social .footer-social-support{flex-direction:column;align-items:center;display:flex}@media (min-width:64em){.footer-container .footer-social .footer-social-support{align-items:flex-start}}.footer-container .footer-social .footer-social-support a{color:#28a8e9;font-size:13px;font-weight:700;line-height:1.5}.footer-container .footer-support{text-align:center;border-top:1px solid #333;border-bottom:1px solid #333;flex-direction:column;grid-area:support;padding:16px 0 24px;display:flex}.footer-container .footer-support p{color:var(--text-contrast);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.footer-container .footer-info{flex-direction:column;grid-area:info;column-gap:20px;margin-top:16px;display:flex}@media (min-width:46em){.footer-container .footer-info{flex-flow:wrap}}.footer-container .footer-info a{color:var(--text-contrast);white-space:nowrap;margin-top:8px;font-size:13px;font-weight:500;line-height:1.5}.footer-container .footer-address{grid-area:address;margin-top:32px}.footer-container .footer-address p{color:#666;font-size:14px;font-weight:500;line-height:1.5}.footer-container .footer-logo{grid-area:logo;justify-content:flex-end;align-items:flex-end;line-height:0;display:flex}.footer-container .footer-logo img{width:59px;height:50px;display:inline-block}