body{background-color:var(--background-secondary)}.app-header{background-color:var(--background-primary);z-index:10;justify-content:center;padding:16px;display:flex;position:sticky;top:0;left:0}.app-header .header-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.header-container .header-logo{justify-content:center;align-items:center;display:flex}.header-container .header-logo img{height:52px}.header-container .header-actions{align-items:center;display:flex}.header-container .header-actions .login-btn{background-color:var(--background-contrast);border-radius:32px;align-items:center;column-gap:8px;padding:10px 32px;display:flex}.header-container .header-actions .login-btn span{color:var(--text-contrast);text-transform:uppercase}.header-container .header-actions .login-btn .login-btn-id{align-items:center;display:flex}.header-container .header-actions .login-btn .login-btn-id img{height:25px}.header-container .header-actions .header-user{align-items:center;column-gap:10px;display:flex}.header-container .header-actions .header-user .header-avatar img{border-radius:50%;width:62px;height:62px}.header-container .header-actions .header-user .header-supercell-id img{height:29px}@media (max-width:64em){.header-container .header-logo img{height:46px}.header-container .header-actions .header-user .header-avatar img{width:45px;height:45px}.header-container .header-actions .header-user .header-supercell-id img{height:21px}}main{margin-bottom:40px}main.error{background-image:url(/assets/images/error.png);background-position-y:bottom;background-repeat:no-repeat;background-size:contain;flex-direction:column;min-height:100vh;margin-bottom:0;display:flex}main.error .error-container{flex-direction:column;margin-top:10vh;padding:100px;display:flex}main.error h1{max-width:1450px;font-size:clamp(32px,6vw,96px);font-weight:400}main.error h2{max-width:1580px;margin-top:32px;font-size:clamp(13px,3vw,40px);font-weight:400}@media (max-width:64em){main.error{align-items:center;min-height:60vh}main.error .error-container{text-align:center;padding:10px 20px;line-height:1.5}}.banners-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:40px;width:100%;display:flex}.promo-wrapper{display:flex}.promo{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.promo img{-webkit-user-drag:none;width:100%;max-width:350px}.promo>span{color:var(--text-contrast);text-align:center;font-size:min(13px,4vw);font-weight:700;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-5.25deg)}.promo .promo-content{flex-direction:column;max-width:50%;display:flex;position:absolute;top:33%;left:21%;transform:rotate(-5.25deg)}.promo .promo-content .promo-large-text{color:var(--text-contrast);font-family:SupercellHeadline,sans-serif;font-size:min(20px,6vw);font-weight:700}.promo .promo-content .promo-amount{color:#0000;text-transform:uppercase;background-image:linear-gradient(278.42deg,#17f0ff 43.32%,#ff9cf8 56.68%);-webkit-background-clip:text;background-clip:text;font-family:SupercellHeadline,sans-serif;font-size:min(32px,9.2vw);font-weight:700}.promo .promo-content>span{color:var(--text-contrast);text-align:center;font-size:min(13px,3.7vw);font-weight:700;line-height:1.25;display:inline-block}.creators{background-color:var(--background-primary);border:1px solid #14040433;border-radius:20px;flex-direction:column;width:350px;max-width:100%;padding-bottom:5px;display:flex;box-shadow:0 4px 4px #00000040}.creators .creators-header .creators-logo img{height:40px}.creators .creators-body{display:flex}.creators .creators-body .creators-body-image img{max-height:90px;margin-left:12px;margin-right:5px}.creators .creators-body .creators-body-content{flex-direction:column;align-items:center;row-gap:4px;max-width:225px;display:flex}.creators .creators-body .creators-body-content h4{text-align:center;text-transform:uppercase;font-size:13px;font-weight:700}.creators .creators-body .creators-body-content p{text-align:center;font-size:10px}.creators .creators-body .creators-body-content .creators-btn{cursor:pointer;color:var(--text-contrast);background-color:#66ff8f;border:none;border-radius:30px;outline:none;align-items:center;margin:10px 0;padding:4px 12px;display:flex}.creators .creators-body .creators-body-content .creators-btn img{height:21px;padding:0}.creators .creators-footer{justify-content:center;display:flex}.creators .creators-footer p{font-size:8px}.creators .creators-footer p a{color:#379267}.games-wrapper{flex-direction:column;align-items:center;padding:15px;display:flex}.games-wrapper .games-container{grid-template-columns:1fr;gap:40px;max-width:1200px;display:grid}@media (min-width:64em){.games-wrapper .games-container{grid-template-columns:1fr 1fr}}.games-container .game-card{background-color:var(--background-primary);border-radius:12px;box-shadow:0 4px 4px #00000040}.games-container .game-card .game-card-background img{width:100%;max-width:360px}.games-container .game-card .game-card-footer{align-items:center;column-gap:10px;max-width:60%;margin-top:-24px;padding:0 24px 24px;display:flex}.games-container .game-card .game-card-footer svg{margin-top:2px}.games-container .game-card .game-card-footer span{font-size:12px;font-weight:500}.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}