body:has(.main-page){background-color:var(--background-secondary)}.main-page .app-header{background-color:var(--background-primary);z-index:10;justify-content:center;padding:16px;display:flex;position:sticky;top:0;left:0}.main-page .app-header .header-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.main-page .header-container .header-logo{justify-content:center;align-items:center;display:flex}.main-page .header-container .header-logo img{height:52px}.main-page .header-container .header-actions{align-items:center;display:flex}.main-page .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}.main-page .header-container .header-actions .login-btn span{color:var(--text-contrast);text-transform:uppercase}.main-page .header-container .header-actions .login-btn .login-btn-id{align-items:center;display:flex}.main-page .header-container .header-actions .login-btn .login-btn-id img{height:25px}.main-page .header-container .header-actions .header-user{align-items:center;column-gap:10px;display:flex}.main-page .header-container .header-actions .header-user .header-avatar img{border-radius:50%;width:62px;height:62px}.main-page .header-container .header-actions .header-user .header-supercell-id img{height:29px}@media (max-width:64em){.main-page .header-container .header-logo img{height:46px}.main-page .header-container .header-actions .header-user .header-avatar img{width:45px;height:45px}.main-page .header-container .header-actions .header-user .header-supercell-id img{height:21px}}.main-page main{margin-bottom:40px}.main-page 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-page main.error .error-container{flex-direction:column;margin-top:10vh;padding:100px;display:flex}.main-page main.error h1{max-width:1450px;font-size:clamp(32px,6vw,96px);font-weight:400}.main-page main.error h2{max-width:1580px;margin-top:32px;font-size:clamp(13px,3vw,40px);font-weight:400}@media (max-width:64em){.main-page main.error{align-items:center;min-height:60vh}.main-page main.error .error-container{text-align:center;padding:10px 20px;line-height:1.5}}.main-page .banners-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:40px;width:100%;display:flex}.main-page .promo-wrapper{display:flex}.main-page .promo{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.main-page .promo img{-webkit-user-drag:none;width:100%;max-width:350px}.main-page .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)}.main-page .promo .promo-content{flex-direction:column;max-width:50%;display:flex;position:absolute;top:33%;left:21%;transform:rotate(-5.25deg)}.main-page .promo .promo-content .promo-large-text{color:var(--text-contrast);font-family:SupercellHeadline,sans-serif;font-size:min(20px,6vw);font-weight:700}.main-page .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}.main-page .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}.main-page .main-cards-wrapper{flex-direction:column;align-items:center;padding:15px 15px 25px;display:flex}.main-page .main-cards{grid-template-columns:minmax(0,1fr);gap:40px;max-width:1200px;display:grid}@media (min-width:64em){.main-page .main-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.main-page .main-cards>.modal{position:fixed}.main-page .main-card{background-color:var(--background-primary);width:360px;max-width:100%;color:inherit;cursor:pointer;border-radius:12px 12px 16px 16px;flex-direction:column;text-decoration:none;transition:scale .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040}.main-page .main-card:hover{scale:1.03}.main-page .main-card .main-card-art{background-image:linear-gradient(111.32deg,#fa9df6 19.74%,#21eefc 89.91%);height:142px;position:relative}.main-page .main-card[data-state=author] .main-card-art{background-image:linear-gradient(2.53deg,#1062ff -23.8%,#3ab0ff 97.02%)}.main-page .main-card .main-card-games{align-items:center;column-gap:17.74px;display:flex;position:absolute;top:11px;left:11px}.main-page .main-card .main-card-games img{object-fit:contain}.main-page .main-card .main-card-coins{object-fit:contain;width:164px;height:164px;position:absolute;top:42px;left:-31px}.main-page .main-card .main-card-hero{object-fit:cover;width:226px;height:167px;position:absolute;top:-25px;left:-27px}.main-page .main-card .main-card-prize{z-index:2;object-fit:contain;pointer-events:none;width:192.31px;height:192.31px;position:absolute;top:18px;left:174px;transform:rotate(12.13deg)}.main-page .main-card[data-state=author] .main-card-prize{width:171.36px;height:171.36px;top:30px;left:192px}.main-page .main-card .main-card-bubble{width:178px;height:66px;position:absolute;top:11px;left:137px}.main-page .main-card .main-card-bubble-shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.main-page .main-card .main-card-bubble-text{width:144px;height:42px;color:var(--text-contrast);paint-order:stroke fill;-webkit-text-stroke:3px #000;text-stroke:3px #000;align-items:center;font-family:"Exo 2",system-ui,sans-serif;font-size:13px;font-weight:800;line-height:21px;display:flex;position:absolute;top:12px;left:19px}.main-page .main-card .main-card-footer{z-index:1;background-color:var(--background-primary);align-items:flex-start;column-gap:8px;min-height:80px;padding:16px;display:flex;position:relative}.main-page .main-card .main-card-arrow{flex:none;padding-top:2px;display:flex}.main-page .main-card .main-card-label{max-width:102px;color:var(--text-primary);font-size:13px;font-weight:500;line-height:16px}.main-page .main-card .main-card-points{white-space:nowrap;align-items:center;column-gap:6px;margin-top:4px;display:flex}.main-page .main-card .main-card-points img{width:auto;height:28px}.main-page .main-card .main-card-support{flex-direction:column;justify-content:center;max-width:133px;display:flex}.main-page .main-card .main-card-support .main-card-label{max-width:none}.main-page .main-card .main-card-change{font:inherit;text-align:left;color:#0000;-webkit-text-fill-color:transparent;cursor:pointer;background:linear-gradient(2.53deg,#1062ff -23.8%,#3ab0ff 97.02%);-webkit-background-clip:text;background-clip:text;border:0;padding:0;font-size:13px;font-weight:500;line-height:16px}.main-page .games-wrapper{flex-direction:column;align-items:center;padding:15px;display:flex}.main-page .games-wrapper .games-container{grid-template-columns:1fr;gap:40px;max-width:1200px;display:grid}@media (min-width:64em){.main-page .games-wrapper .games-container{grid-template-columns:1fr 1fr}}.main-page .games-container .game-card{background-color:var(--background-primary);border-radius:12px;transition:scale .2s ease-in-out;box-shadow:0 4px 4px #00000040}.main-page .games-container .game-card:hover{scale:1.03}.main-page .games-container .game-card .game-card-background img{width:100%;max-width:360px}.main-page .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}.main-page .games-container .game-card .game-card-footer svg{margin-top:2px}.main-page .games-container .game-card .game-card-footer span{font-size:12px;font-weight:500}.main-page .app-footer{background:var(--background-contrast);z-index:10;margin-top:auto;padding-bottom:64px}.main-page .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){.main-page .app-footer .footer-container{grid-template-areas:"lang.country""social social social""info info info""address.logo";min-height:0}}.main-page .footer-container .footer-lang{grid-area:lang;padding-bottom:24px}.main-page .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){.main-page .footer-container .footer-lang .footer-lang-dropdown{min-height:38px}}.main-page .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}.main-page .footer-container .footer-lang .footer-lang-dropdown .language-selector p{margin-right:auto;font-size:14px;line-height:1.5}.main-page .footer-container .footer-lang .footer-lang-dropdown .language-selector select{opacity:0;position:absolute;inset:0}.main-page .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}.main-page .footer-container .footer-country p{font-size:13px;line-height:1.5}.main-page .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){.main-page .footer-container .footer-social{justify-content:flex-start}}.main-page .footer-container .footer-social p{color:var(--text-contrast);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.main-page .footer-container .footer-social .footer-social-media ul{margin:0;padding:0;list-style-type:none;display:flex}.main-page .footer-container .footer-social .footer-social-media li a{justify-content:center;align-items:center;display:flex}.main-page .footer-container .footer-social .footer-social-media li a img{width:45px;height:45px}.main-page .footer-container .footer-social .footer-social-support{flex-direction:column;align-items:center;display:flex}@media (min-width:64em){.main-page .footer-container .footer-social .footer-social-support{align-items:flex-start}}.main-page .footer-container .footer-social .footer-social-support a{color:#28a8e9;font-size:13px;font-weight:700;line-height:1.5}.main-page .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}.main-page .footer-container .footer-support p{color:var(--text-contrast);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.main-page .footer-container .footer-info{flex-direction:column;grid-area:info;column-gap:20px;margin-top:16px;display:flex}@media (min-width:46em){.main-page .footer-container .footer-info{flex-flow:wrap}}.main-page .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}.main-page .footer-container .footer-address{grid-area:address;margin-top:32px}.main-page .footer-container .footer-address p{color:#666;font-size:14px;font-weight:500;line-height:1.5}.main-page .footer-container .footer-logo{grid-area:logo;justify-content:flex-end;align-items:flex-end;line-height:0;display:flex}.main-page .footer-container .footer-logo img{width:59px;height:50px;display:inline-block}