@layer components{.footer{background:var(--color-bg-footer);color:var(--color-on-bg-footer);padding-block:var(--size-5)}@media (width<=35.9988rem){.footer{padding-block:var(--size-4)}}.footer__top{gap:var(--size-4) var(--size-3);display:flex}@media (width>=75rem){.footer__top{justify-content:space-between}}@media (width<=74.9988rem){.footer__top{flex-direction:column}}@media (width>=36rem) and (width<=74.9988rem){.footer__top{align-items:flex-start}}@media (width<=61.9988rem){.footer__top{gap:var(--size-3)}}.footer__brand{gap:var(--size-3);flex-direction:column;display:flex}@media (width>=75rem){.footer__brand{max-width:25rem}}.footer__logo{align-self:flex-start}.footer__text{font-size:var(--fs-body-small);margin-bottom:0}.footer__nav{gap:var(--size-10);grid-template-columns:repeat(3,auto);display:grid}@media (width<=61.9988rem){.footer__nav{gap:var(--size-3) var(--size-5)}}@media (width<=35.9988rem){.footer__nav{grid-template-columns:repeat(2,1fr)}.footer__group--community{grid-column:1/-1}}.footer__title{color:var(--color-white);font-size:var(--fs-body-medium)}.footer__list li{font-size:var(--fs-body-small);line-height:var(--lh-heading)}.footer__list li:not(:last-child){margin-bottom:var(--size-2)}.footer__list a{transition:color var(--transition-base), text-shadow var(--transition-base);position:relative}.footer__list a:after{content:"";left:0;bottom:calc(var(--size-025) * -1);width:100%;height:var(--size-px);transform-origin:0;transition:transform var(--transition-base);background-color:currentColor;position:absolute;transform:scaleX(0)}@media (hover:hover){.footer__list a:hover{color:var(--color-primary)}.footer__list a:hover:after{transform:scaleX(1)}}.footer__list a:active{text-shadow:0 0 .5px,0 0 .5px}.footer__list a:active:after{transform:scaleX(0)}.footer__socials{gap:var(--size-2);flex-wrap:wrap;display:flex}.footer__social-btn{background:var(--color-bg-footer-low);color:var(--color-white);border-radius:var(--corner-full);width:var(--size-5);height:var(--size-5);transition:box-shadow var(--transition-base), background var(--transition-base);justify-content:center;align-items:center;display:flex}@media (width<=61.9988rem){.footer__social-btn{width:var(--size-4);height:var(--size-4)}}.footer__social-btn svg{width:var(--size-3);height:var(--size-3);flex-shrink:0}@media (width<=61.9988rem){.footer__social-btn svg{width:var(--size-2-5);height:var(--size-2-5)}}@media (hover:hover){.footer__social-btn:hover{box-shadow:inset 0 0 0 var(--border-width-medium) var(--color-primary);background:var(--color-bg-footer-lowest)}}.footer__bottom{align-items:center;gap:var(--size-1) var(--size-2);border-top:var(--border-width-thin) solid var(--color-bg-footer-low);padding-top:var(--size-3);margin-top:var(--size-8);flex-wrap:wrap;display:flex}@media (width>=36rem){.footer__bottom{justify-content:space-between}}@media (width<=61.9988rem){.footer__bottom{padding-top:var(--size-2);margin-top:var(--size-5)}}@media (width<=35.9988rem){.footer__bottom{padding-top:var(--size-1);margin-top:var(--size-3)}}.footer__copyright,.footer__credit,.footer__attribution{font-size:var(--fs-body-small);line-height:var(--lh-heading)}@media (width<=35.9988rem){.footer__copyright,.footer__credit,.footer__attribution{font-size:var(--fs-label-medium)}}.footer__copyright{margin-bottom:0}@media (width<=35.9988rem){.footer__copyright{width:100%}}.footer__credit{vertical-align:top;align-items:center;gap:var(--size-1);transition:color var(--transition-base);display:inline-flex}.footer__credit-icon,.footer__credit svg{width:var(--size-3);height:var(--size-3);color:var(--color-on-primary);flex-shrink:0}@media (width<=61.9988rem){.footer__credit-icon,.footer__credit svg{width:var(--size-2-5);height:var(--size-2-5)}}@media (hover:hover){.footer__credit:hover{color:var(--color-primary)}}.footer__attribution{margin-bottom:0}@media (width<=47.9988rem){.footer__attribution{display:none}}.dialog{--dialog-scrollbar-thumb:color-mix(in srgb, var(--color-on-primary) 40%, transparent);--dialog-width:26.25rem;--dialog-shift:var(--size-1-5);--dialog-scale:.96;--dialog-blur:var(--size-1);--dialog-backdrop-strength:50%;background-color:var(--color-bg);color:var(--color-on-primary);border-radius:var(--corner-extra-large);width:var(--dialog-width);opacity:0;max-width:100%;transform:translateY(var(--dialog-shift)) scale(var(--dialog-scale));transition:opacity var(--transition-fast), transform var(--transition-fast), overlay var(--transition-fast) allow-discrete, display var(--transition-fast) allow-discrete;scrollbar-width:thin;scrollbar-color:var(--dialog-scrollbar-thumb) transparent;border:none;margin:auto;padding:0}.dialog[open]{opacity:1;transition:opacity var(--transition-base), transform var(--transition-base);transform:none}.dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color var(--transition-fast), backdrop-filter var(--transition-fast), overlay var(--transition-fast) allow-discrete, display var(--transition-fast) allow-discrete;background-color:#0000}.dialog[open]::backdrop{background-color:color-mix(in srgb, var(--color-on-primary) var(--dialog-backdrop-strength), transparent);-webkit-backdrop-filter:blur(var(--dialog-blur));backdrop-filter:blur(var(--dialog-blur));transition:background-color var(--transition-base), backdrop-filter var(--transition-base)}.dialog__close{box-shadow:var(--ring-medium-on-primary), var(--shadow-level-05);background:var(--color-white);color:var(--color-on-primary);border-radius:var(--corner-full)}@media (hover:hover){.dialog__close:hover{background:var(--color-surface)}}@media (width<=35.9988rem){.dialog__close{padding:var(--size-05)}}.dialog--auth{box-shadow:inset 0 0 0 var(--border-width-thick) var(--color-on-primary), var(--shadow-level-3)}.dialog--game-details{--dialog-width:calc(37.5rem + var(--border-width-thin) * 2);border:var(--border-width-thin) solid var(--color-outline-variant)}@starting-style{.dialog[open]{opacity:0;transform:translateY(var(--dialog-shift)) scale(var(--dialog-scale))}.dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@media (prefers-reduced-motion:reduce){.dialog{--dialog-shift:0px;--dialog-scale:1}}html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}.auth{gap:var(--size-3);padding:var(--size-4);flex-direction:column;display:flex}.auth__tabs{border:var(--border-width-medium) solid var(--color-on-primary);border-radius:var(--corner-medium);background-color:var(--color-white);height:var(--size-6);display:flex;overflow:hidden}.auth__tab{cursor:pointer;font-weight:var(--font-weight-bold);color:var(--color-on-bg);border-radius:var(--corner-small);transition:background-color var(--transition-base), color var(--transition-base);background-color:#0000;border:none;flex:1}@media (hover:hover){.auth__tab:hover{background-color:color-mix(in srgb, var(--color-surface) 60%, transparent);color:var(--color-on-primary)}}.auth__tab[aria-selected=true]{color:var(--color-white);background-color:var(--color-bg-footer-low)}.auth__tab:focus-visible{outline:var(--border-width-medium) solid var(--color-tertiary);outline-offset:calc(-1 * var(--size-05))}.auth__tab[aria-selected=true]:focus-visible{outline-color:var(--color-primary)}.auth__panel{animation:auth-panel-in var(--transition-slower)}@keyframes auth-panel-in{0%{opacity:0}}.auth-form{gap:var(--size-3);flex-direction:column;display:flex}.auth-form__head{gap:var(--size-1);flex-direction:column;display:flex}.auth-form__title{font-size:var(--fs-display-small);margin:0}.auth-form__subtitle{color:var(--color-on-bg);font-size:var(--fs-body-small);line-height:var(--lh-heading);margin:0}.auth-form__fields,.auth-form__actions{gap:var(--size-2);flex-direction:column;display:flex}.auth-form__link{font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);cursor:pointer;color:var(--color-on-primary);text-decoration:underline;text-decoration-thickness:var(--border-width-thin);text-underline-offset:var(--size-05);transition:color var(--transition-base);background:0 0;border:none;padding:0}@media (hover:hover){.auth-form__link:hover{color:var(--color-tertiary)}}.auth-form__link--forgot{text-align:right;align-self:flex-end}.auth-form__btn--submit{box-shadow:var(--ring-medium-on-primary), var(--shadow-level-1)}.auth-form__btn--google{background-color:var(--color-white);min-height:3.125rem}.auth-form__divider{gap:var(--size-2);font-size:var(--fs-label-medium);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);color:var(--color-on-bg);align-items:center;display:flex}.auth-form__divider:before,.auth-form__divider:after{content:"";border-top:var(--border-width-thin) solid var(--color-on-primary);opacity:.2;flex:1}.auth-form__switch{font-size:var(--fs-body-small);line-height:var(--lh-heading);text-align:center;color:var(--color-on-bg);margin-bottom:0}.field{gap:var(--size-1);flex-direction:column;display:flex}.field__label{font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading)}.field__control{position:relative}.field__icon,.field__toggle{color:var(--color-on-bg);position:absolute;top:50%;transform:translateY(-50%)}.field__icon{width:var(--size-2-5);height:var(--size-2-5);left:var(--size-2);pointer-events:none;display:block}.field__icon svg{width:100%;height:100%;display:block}.field__input{--input-icon-offset:3.25rem;background:var(--color-white);width:100%;height:var(--size-6);font-size:var(--fs-body-small);font-weight:var(--font-weight-medium);box-shadow:var(--ring-medium-on-primary);border-radius:var(--corner-small);padding:var(--size-1) var(--size-2) var(--size-1) var(--input-icon-offset);color:var(--color-on-primary);transition:background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);border:none;display:block}.field__input::placeholder{color:var(--color-on-bg)}.field__input:focus-visible{background:var(--color-surface-low)}.field__toggle{right:calc(var(--size-2) - (var(--size-5) - var(--size-2-5)) / 2);width:var(--size-5);height:var(--size-5);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.field__toggle-icon{width:var(--size-2-5);height:var(--size-2-5);display:block}.field__toggle-icon svg{width:100%;height:100%;display:block}.field__toggle-icon--hide{display:none}.field--has-password-toggle .field__input{padding-right:var(--input-icon-offset)}.header{padding-block:var(--size-3);background:var(--color-bg);box-shadow:inset 0 calc(var(--border-width-medium) * -1) 0 0 var(--color-on-primary);align-items:center;display:flex}@media (width<=61.9988rem){.header{padding-block:var(--size-2);min-height:var(--size-9)}}@media (width<=35.9988rem){.header{min-height:var(--size-8)}}.header__inner,.header__menu,.header__btns{align-items:center;display:flex}.header__inner{width:100%;max-width:calc(var(--container-header-width) + var(--container-padding-x) * 2);gap:var(--size-2)}.header__logo{margin-right:auto}.header__menu{gap:var(--size-4)}@media (width<=61.9988rem){.header__menu{padding:var(--size-3);background:var(--color-bg-footer);color:var(--color-on-bg-footer);z-index:var(--z-overlay);visibility:hidden;width:100%;height:100%;transition:transform var(--transition-slower), visibility var(--transition-slower);flex-direction:column;align-items:normal;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(100%)}.header__menu.is-open{visibility:visible;transform:translate(0)}.header__menu .btn--outline-on-primary{box-shadow:inset 0 0 0 var(--border-width-medium) var(--color-white);color:var(--color-white);background-color:#0000}}@media (width<=61.9988rem) and (hover:hover){.header__menu .btn--outline-on-primary:hover{box-shadow:inset 0 0 0 var(--border-width-medium) var(--color-primary);background-color:#0000}}@media (width<=61.9988rem){.header__menu .btn--outline-on-primary:active{background-color:#0000}}.header__mobile-topbar{justify-content:space-between;align-items:center;display:flex}@media (width>=62rem){.header__mobile-topbar{display:none}}.header__logo-mobile{flex-shrink:0}.header__close{width:var(--size-4);height:var(--size-4);background-color:var(--color-bg-footer-low);color:var(--color-white);transition:box-shadow var(--transition-base), background var(--transition-base)}@media (hover:hover){.header__close:hover{box-shadow:inset 0 0 0 var(--border-width-medium) var(--color-primary);background:var(--color-bg-footer-lowest)}}.header__close svg{width:var(--size-1-25);height:var(--size-1-25)}.header__btns{gap:var(--size-2)}@media (width<=61.9988rem){.header__btns{flex-direction:column;align-items:normal;margin-top:auto}}.header__btn{font-size:var(--fs-body-small)}@media (width>=62rem){.header__btn--tablet{display:none}}@media (width<=35.9988rem){.header__btn--tablet{display:none}}.header__hamburger-btn{background-color:var(--color-white);height:var(--size-4)}@media (width>=62rem){.header__hamburger-btn{display:none}}@media (hover:hover){.header__hamburger-btn:hover{background-color:var(--color-surface)}}.header__hamburger-btn svg{width:var(--size-2);height:var(--size-1-25)}.navbar__list{gap:var(--size-5);flex-wrap:wrap;display:flex}@media (width<=61.9988rem){.navbar__list{gap:var(--size-3);flex-direction:column}}.navbar__list li{font-weight:var(--font-weight-medium)}@media (width<=61.9988rem){.navbar__list li{font-size:var(--fs-body-large);line-height:var(--lh-heading)}}.navbar__list li.is-active{font-weight:var(--font-weight-bold)}@media (width<=61.9988rem){.navbar__list li.is-active{color:var(--color-primary)}}@media (width>=62rem){.navbar__list li.is-active a{color:var(--color-on-primary)}}.navbar__list a{transition:color var(--transition-base)}@media (width>=62rem){.navbar__list a{color:var(--color-on-bg)}}@media (hover:hover){.navbar__list a:hover{color:var(--color-white)}}@media (hover:hover) and (width>=62rem){.navbar__list a:hover{color:var(--color-on-primary)}}.developer-cta{gap:var(--size-5);display:flex}@media (width>=75rem){.developer-cta{align-items:center}}@media (width<=74.9988rem){.developer-cta{flex-direction:column}}@media (width<=61.9988rem){.developer-cta{gap:var(--size-3)}}@media (width<=35.9988rem){.developer-cta{gap:var(--size-2)}}.developer-cta__img{border-radius:var(--corner-extra-large);flex-shrink:0;width:42.5rem}@media (width<=74.9988rem){.developer-cta__img{aspect-ratio:688/300;object-fit:cover;width:100%}}@media (width<=35.9988rem){.developer-cta__img{aspect-ratio:343/227}}.developer-cta__card{background-color:var(--color-white);padding:var(--size-5);border-radius:var(--corner-extra-large);box-shadow:var(--ring-medium-on-primary), var(--shadow-card);flex:auto;min-width:0}@media (width<=61.9988rem){.developer-cta__card{padding:var(--size-4)}}@media (width<=35.9988rem){.developer-cta__card{padding:var(--size-3)}}.developer-cta__card-content{gap:var(--size-3);flex-direction:column;max-width:36.625rem;display:flex}@media (width<=61.9988rem){.developer-cta__card-content{gap:var(--size-2);max-width:28.1875rem}}.developer-cta__title,.developer-cta__text{margin-bottom:0}.developer-cta__title{font-size:var(--fs-headline-large)}@media (width<=61.9988rem){.developer-cta__title{font-size:var(--fs-display-small)}}.developer-cta__text{color:var(--color-on-bg);font-size:var(--fs-body-large)}@media (width<=61.9988rem){.developer-cta__text{font-size:var(--fs-body-small)}}@media (width<=35.9988rem){.developer-cta__text{font-size:var(--fs-label-medium)}}.developer-cta__btn{font-size:var(--fs-body-large);box-shadow:var(--shadow-btn), var(--ring-medium-on-primary);border-radius:var(--corner-medium);align-self:flex-start}@media (width<=61.9988rem){.developer-cta__btn{font-size:var(--fs-body-small);padding:var(--btn-padding-medium)}.developer-cta__btn svg{width:var(--size-2);height:var(--size-2)}}@media (width<=35.9988rem){.developer-cta__btn{padding:var(--btn-padding-small);font-size:var(--fs-label-medium)}}.developer-cta__hint{font-size:var(--fs-body-small);line-height:var(--lh-heading);color:var(--color-on-bg-low);margin-bottom:0}@media (width<=61.9988rem){.developer-cta__hint{font-size:var(--fs-label-medium)}}.developer-cta__hint a{transition:color var(--transition-base)}@media (hover:hover){.developer-cta__hint a:hover{color:var(--color-tertiary)}}.section-hero{padding-block:var(--size-14);position:relative}@media (width<=61.9988rem){.section-hero{padding-block:var(--size-9)}}@media (width<=35.9988rem){.section-hero{padding-block:var(--size-8)}}.section-hero:before,.section-hero:after{content:"";pointer-events:none;display:block;position:absolute;inset:0}.section-hero:after{opacity:.2;background-image:url(/assets/bg-hero-Bk9auBLa.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.section-hero:before{background:var(--color-bg-footer);opacity:.65}.hero{z-index:var(--z-docked);position:relative}.hero__card{--card-width:40rem;align-items:flex-start;gap:var(--size-3);padding:var(--size-6);box-shadow:inset 0 0 0 var(--border-width-thick) var(--color-on-primary), var(--shadow-level-3);border-radius:var(--corner-extra-large);background:var(--color-bg);width:100%;max-width:var(--card-width);flex-direction:column;display:flex}@media (width<=61.9988rem){.hero__card{--card-width:30rem;padding:var(--size-3);border-radius:var(--corner-large);gap:var(--size-2);box-shadow:inset 0 0 0 var(--border-width-thick) var(--color-on-primary), var(--shadow-level-2)}}@media (width<=35.9988rem){.hero__card{border-radius:var(--corner-medium);box-shadow:var(--ring-medium-on-primary), var(--shadow-level-1)}}.hero__title{font-size:var(--fs-display-large);line-height:var(--lh-tight);margin-bottom:0}@media (width<=61.9988rem){.hero__title{font-size:var(--fs-display-medium);line-height:1.15}}@media (width<=35.9988rem){.hero__title{font-size:var(--fs-display-small);line-height:var(--lh-heading)}}.hero__text{font-size:var(--fs-body-large);font-weight:var(--font-weight-medium);color:var(--color-on-bg);margin-bottom:0}@media (width<=61.9988rem){.hero__text{font-size:var(--fs-body-small);line-height:var(--lh-normal)}}@media (width<=35.9988rem){.hero__text{font-size:var(--fs-label-medium)}.hero__text--desktop{display:none}}@media (width>=36rem){.hero__text--mobile{display:none}}.hero__btn{font-size:var(--fs-body-large)}@media (width<=61.9988rem){.hero__btn{padding:var(--btn-padding-medium);font-size:var(--fs-body-small)}}@media (width<=35.9988rem){.hero__btn{padding:var(--btn-padding-small);font-size:var(--fs-label-medium)}.section-leaderboard__title-extra{display:none}}.leaderboard-table-container{border:var(--border-width-medium) solid var(--color-on-primary);border-radius:var(--corner-large);box-shadow:var(--shadow-level-2);overflow-x:auto}@media (width<=61.9988rem){.leaderboard-table-container{box-shadow:var(--shadow-level-1)}}.leaderboard-table{border-collapse:collapse;text-align:center;width:100%;font-family:var(--font-family-secondary)}@media (width<=61.9988rem){.leaderboard-table{font-size:var(--fs-body-small)}}.leaderboard-table__head{color:var(--color-white);text-transform:uppercase;background-color:var(--color-tertiary);border-bottom:var(--border-width-medium) solid var(--color-on-primary)}.leaderboard-table__head .leaderboard-table__col:first-child{padding-left:var(--size-2)}.leaderboard-table__head .leaderboard-table__col:last-child{padding-right:var(--size-2)}.leaderboard-table__col,.leaderboard-table__cell{vertical-align:middle;line-height:var(--lh-heading)}.leaderboard-table__col{font-weight:var(--font-weight-extra-bold);padding:calc(var(--size-3) - var(--border-width-medium)) var(--size-1)}@media (width<=61.9988rem){.leaderboard-table__col{padding:calc(var(--size-2) - var(--border-width-medium)) calc(var(--size-1-5) / 2)}}@media (width<=35.9988rem){.leaderboard-table__col{padding:calc(var(--size-2) - var(--border-width-medium)) var(--size-05)}}.leaderboard-table__cell{padding:var(--size-2) var(--size-1) calc(var(--size-2) - var(--border-width-thin))}.leaderboard-table__body .leaderboard-table__col--rank{font-weight:var(--font-weight-extra-bold)}.leaderboard-table__body .leaderboard-table__col--games{font-weight:var(--font-weight-semi-bold)}.leaderboard-table__body .leaderboard-table__col--score,.leaderboard-table__body .leaderboard-table__col--streak{font-weight:var(--font-weight-bold)}.leaderboard-table__text-short{display:none}.leaderboard-table__row{border-bottom:var(--border-width-thin) solid var(--color-outline)}.leaderboard-table__row:nth-child(odd){background-color:var(--color-bg)}.leaderboard-table__row:nth-child(2n){background-color:var(--color-white)}.leaderboard-table__row:last-child{border-bottom:none}.leaderboard-table__row:first-child .leaderboard-table__avatar{background-color:var(--color-primary)}.leaderboard-table__row:first-child .leaderboard-table__rank-val{color:var(--color-primary)}@media (width<=61.9988rem){.leaderboard-table__row:first-child .leaderboard-table__rank-val{color:var(--color-tertiary)}}.leaderboard-table__row:nth-child(2) .leaderboard-table__avatar{background-color:var(--color-avatar-random-2)}.leaderboard-table__row:nth-child(3) .leaderboard-table__avatar{background-color:var(--color-avatar-random-3)}.leaderboard-table__row:nth-child(4) .leaderboard-table__avatar{background-color:var(--color-avatar-random-4)}.leaderboard-table__row:nth-child(5) .leaderboard-table__avatar{background-color:var(--color-avatar-random-5)}@media (width<=61.9988rem){.leaderboard-table__row:nth-child(n+4){display:none}}.leaderboard-table__player-info{align-items:center;gap:var(--size-1-5);text-align:left;display:flex}@media (width<=61.9988rem){.leaderboard-table__player-info{gap:var(--size-1)}}.leaderboard-table__avatar{width:var(--size-5);height:var(--size-5);font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);border:var(--border-width-thin) solid var(--color-on-primary);line-height:var(--lh-relaxed)}@media (width<=61.9988rem){.leaderboard-table__avatar{width:var(--size-3-5);height:var(--size-3-5);font-size:var(--fs-label-small)}}@media (width<=35.9988rem){.leaderboard-table__avatar{width:var(--size-3);height:var(--size-3);font-size:var(--fs-label-small)}}.leaderboard-table__username{font-weight:var(--font-weight-bold)}.leaderboard-table__badge{padding:var(--size-05) var(--size-1-5);border-radius:var(--corner-larger);box-shadow:var(--ring-medium-on-primary);font-size:var(--fs-label-medium);font-weight:var(--font-weight-bold);display:inline-block}@media (width<=61.9988rem){.leaderboard-table__col--favorite,.leaderboard-table__col--games .leaderboard-table__text-full{display:none}.leaderboard-table__col--games .leaderboard-table__text-short{display:inline}.leaderboard-table__col--streak .leaderboard-table__text-full{display:none}.leaderboard-table__col--streak .leaderboard-table__text-short{display:inline}.leaderboard-table .leaderboard-table__head .leaderboard-table__col--score .leaderboard-table__text-full{display:none}.leaderboard-table .leaderboard-table__head .leaderboard-table__col--score .leaderboard-table__text-short{display:inline}.leaderboard-table .leaderboard-table__head .leaderboard-table__col--streak{padding-right:var(--size-2);padding-left:var(--size-2)}}@media (width<=35.9988rem){.leaderboard-table__col--games,.leaderboard-table__col--score .leaderboard-table__text-full{display:none}.leaderboard-table__col--score .leaderboard-table__text-short{display:inline}}.game-details__hero-img{object-fit:cover;width:100%;height:13.75rem}.game-details__close{top:var(--size-2);right:var(--size-2);position:absolute}.game-details__body{padding:var(--size-3);gap:var(--size-3);flex-direction:column;display:flex}.game-details__info,.game-details__info-header{gap:var(--size-3);flex-direction:column;display:flex}.game-details__title-row{gap:var(--size-1) var(--size-05);display:flex}@media (width>=48rem){.game-details__title-row{justify-content:space-between;align-items:center}}@media (width<=47.9988rem){.game-details__title-row{flex-direction:column}}.game-details__title{font-size:var(--fs-display-medium);flex:auto;margin-bottom:0}.game-details__meta{align-items:center;gap:var(--size-2);display:flex}.game-details__meta-item{font-size:var(--fs-body-small)}.game-details__description{line-height:var(--lh-snug);color:var(--color-on-bg);margin-bottom:0}.game-details__specs{gap:var(--size-2);grid-template-columns:repeat(4,1fr);margin:0;display:grid}@media (width<=35.9988rem){.game-details__specs{grid-template-columns:repeat(2,1fr)}}.game-details__actions{gap:var(--size-2);display:flex}.game-details__play,.game-details__favorite{border-radius:var(--corner-medium);padding-block:var(--size-1-5)}@media (width>=36rem){.game-details__play,.game-details__favorite{flex:1}}.game-details__play{box-shadow:var(--ring-medium-on-primary), var(--shadow-level-1)}@media (width<=35.9988rem){.game-details__play{flex:auto}}.game-details__favorite{background:var(--color-white);box-shadow:inset 0 0 0 var(--border-width-thin) var(--color-outline-variant), var(--shadow-level-1)}@media (hover:hover){.game-details__favorite:hover{background:var(--color-surface)}}@media (width<=35.9988rem){.game-details__favorite{padding:var(--size-1-5)}.game-details__favorite span{display:none}}.game-details__favorite.is-active svg{color:var(--color-like)}.game-details__records{gap:var(--size-2);flex-direction:column;display:flex}.game-details__section-title{font-size:var(--fs-body-medium);margin-bottom:0}.game-details__records-list{gap:var(--size-1);flex-direction:column;display:flex}.game-details__comments,.game-details__comments-list{gap:var(--size-2);flex-direction:column;display:flex}.game-details__comment:nth-child(6n+1) .comment__avatar{background-color:var(--color-avatar-random-3)}.game-details__comment:nth-child(6n+2) .comment__avatar{background-color:var(--color-primary)}.game-details__comment:nth-child(6n+3) .comment__avatar{background-color:var(--color-avatar-random-1)}.game-details__comment:nth-child(6n+4) .comment__avatar{background-color:var(--color-avatar-random-2)}.game-details__comment:nth-child(6n+5) .comment__avatar{background-color:var(--color-avatar-random-4)}.game-details__comment:nth-child(6n+6) .comment__avatar{background-color:var(--color-avatar-random-5)}.spec{background:var(--color-white);border-radius:var(--corner-small);padding:var(--size-1) var(--size-2);gap:var(--size-1);box-shadow:inset 0 0 0 var(--border-width-thin) var(--color-outline-variant), var(--shadow-level-075);flex-direction:column;display:flex}.spec__label{font-size:var(--fs-label-medium);color:var(--color-on-bg);line-height:var(--lh-snug)}.spec__value{font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);margin:0}.record{background:var(--color-white);border-radius:var(--corner-small);padding:var(--size-2);align-items:center;gap:var(--size-2);display:flex}@media (width<=35.9988rem){.record{gap:var(--size-1)}}.record__player,.record__score{font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-tight)}.record__position{width:var(--size-2);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.record__player{flex:auto}.record__date{font-size:var(--fs-label-medium);line-height:var(--lh-snug);color:var(--color-on-bg)}.comment{background:var(--color-white);border-radius:var(--corner-medium);padding:var(--size-2);gap:var(--size-1);box-shadow:var(--shadow-level-075);flex-direction:column;display:flex}.comment__header{justify-content:space-between;align-items:center;gap:var(--size-1);display:flex}.comment__author{align-items:center;gap:var(--size-1);display:flex}.comment__avatar{width:var(--size-3-5);height:var(--size-3-5);box-shadow:inset 0 0 0 var(--border-width-thin) var(--color-on-primary);font-size:var(--fs-label-medium);font-weight:var(--font-weight-bold)}.comment__name{font-size:var(--fs-body-small);line-height:var(--lh-heading)}.comment__date{font-size:var(--fs-label-medium);line-height:var(--lh-snug);color:var(--color-on-bg)}.comment__text{font-size:var(--fs-body-small);line-height:var(--lh-snug);margin-bottom:0}.comment__like{align-self:flex-start;gap:var(--size-05);font-size:var(--fs-label-medium);line-height:var(--lh-snug);transition:color var(--transition-base);z-index:var(--z-docked);background:0 0;padding:0;position:relative}.comment__like:before{content:"";inset:calc(var(--size-05) * -1) calc(var(--size-1) * -1);border-radius:var(--corner-medium);transition:background var(--transition-base);z-index:var(--z-below);background:0 0;display:block;position:absolute}.comment__like svg{width:var(--size-2);height:var(--size-2);color:var(--color-on-bg)}@media (hover:hover){.comment__like:hover:before{background:var(--color-surface)}.comment__like:hover svg{color:var(--color-on-primary)}}.comment__like.is-active,.comment__like.is-active svg{color:var(--color-like)}.comment-form{align-items:center;gap:var(--size-2);display:flex}.comment-form__avatar{background:var(--color-primary);font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);box-shadow:var(--ring-medium-on-primary);width:var(--size-5);height:var(--size-5)}.comment-form__input{padding:var(--size-1) var(--size-2);box-shadow:inset 0 0 0 var(--border-width-thin) var(--color-black);color:var(--color-on-primary);border-radius:var(--corner-small);font-size:var(--fs-body-small);line-height:var(--lh-heading);min-height:var(--size-6);resize:none;transition:box-shadow var(--transition-base), color var(--transition-base), height var(--transition-base);border:none;flex:auto}.comment-form__input::placeholder{color:var(--color-placeholder)}.comment-form__input:focus-visible{box-shadow:var(--ring-medium-on-primary);outline:none}.game-slide{--game-slide-height:24rem;border-radius:var(--corner-extra-large);height:var(--game-slide-height);width:100%;box-shadow:var(--ring-medium-on-primary), var(--shadow-level-1);cursor:pointer;align-items:flex-end;display:flex;position:relative;overflow:hidden;container:game-slide/inline-size}@media (width<=61.9988rem){.game-slide{--game-slide-height:17.5rem;border-radius:var(--corner-large)}}@media (width<=35.9988rem){.game-slide{--game-slide-height:12.5rem}}.game-slide__img{object-fit:cover;border-radius:inherit;width:100%;height:100%;z-index:var(--z-below);transition:var(--transition-slower);position:absolute}.game-slide__overlay{width:100%;padding:var(--size-2);background:var(--gradient-game-slide);color:var(--color-white);gap:var(--size-1);flex-direction:column;display:flex}.game-slide__title{font-size:var(--fs-body-large);margin-bottom:0}.game-slide__title-text,.game-slide__meta{transition:opacity var(--transition-base), visibility var(--transition-base)}.game-slide__title-text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.game-slide__meta{justify-content:space-between;display:flex}@media (width<=61.9988rem){.game-slide__meta-item{font-size:var(--fs-body-small)}}@media (width<=35.9988rem){.game-slide__meta-item{font-size:var(--fs-label-medium)}}@media (width>=36rem){@container game-slide (width<=17.9375rem){.game-slide__title-text,.game-slide__meta{opacity:0;visibility:hidden}}}@media (width<=35.9988rem){@container game-slide (width<=9.375rem){.game-slide__title-text,.game-slide__meta{opacity:0;visibility:hidden}}}@media (hover:hover){.game-slide:hover .game-slide__img{transform:scale(1.05)}}.slider-new-games{--slide-width-far:var(--size-15);--slide-width-near:18rem;--slide-transition-duration:1s;--slide-transition-easing:cubic-bezier(.25, 1, .2, 1);padding-bottom:var(--size-1);overflow:hidden}@media (width>=85.375rem){.slider-new-games{padding-inline:var(--size-05)}}@media (width<=85.3738rem){.slider-new-games{--slide-width-near:11.875rem;margin-inline:calc(var(--size-05) * -1)}}@media (width<=61.9988rem){.slider-new-games{--slide-width-near:var(--size-13)}}@media (width<=35.9988rem){.slider-new-games{--slide-width-near:var(--size-7);margin-inline:calc(var(--size-075) * -1);padding-bottom:var(--size-075)}}.slider-new-games__slide{transition:flex var(--slide-transition-duration) var(--slide-transition-easing), opacity var(--slide-transition-duration) var(--slide-transition-easing)}.slider-new-games__slide.is-active{flex:1}.slider-new-games__slide.is-near{flex:0 0 var(--slide-width-near)}.slider-new-games__slide.is-far{flex:0 0 var(--slide-width-far)}@media (width<=85.3738rem){.slider-new-games__slide.is-far{opacity:0;pointer-events:none;flex:0 0 0}}.slider-new-games__slide.is-hidden{opacity:0;pointer-events:none;flex:0 0 0}.slider-new-games__slide:not(.is-hidden){margin-inline:var(--size-05)}@media (width<=35.9988rem){.slider-new-games__slide:not(.is-hidden){margin-inline:.15625rem}}.page-title{gap:var(--size-1);padding-block:var(--size-5);flex-direction:column;display:flex}@media (width<=61.9988rem){.page-title{padding-block:var(--size-3)}}@media (width<=35.9988rem){.page-title{padding-block:var(--size-2)}}.page-title__title{font-size:var(--fs-display-large);margin-bottom:0}@media (width<=61.9988rem){.page-title__title{font-size:var(--fs-display-medium)}}@media (width<=35.9988rem){.page-title__title{font-size:var(--fs-display-small)}}.page-title__subtitle{color:var(--color-on-bg);font-size:var(--fs-body-large);font-weight:var(--font-weight-medium);line-height:var(--lh-heading);margin-bottom:0}@media (width<=61.9988rem){.page-title__subtitle{font-size:var(--fs-body-medium)}}@media (width<=35.9988rem){.page-title__subtitle{font-size:var(--fs-body-small)}}.chip{cursor:pointer;background:var(--color-white);padding:var(--size-1) var(--size-2);border-radius:var(--corner-extra-large);box-shadow:var(--ring-medium-on-primary);font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);color:var(--color-on-primary);transition:background var(--transition-base);border:none}@media (hover:hover){.chip:hover:not(.chip--active){background:var(--color-surface)}}@media (width<=35.9988rem){.chip{font-size:var(--fs-label-medium)}}.chip--active{background:var(--color-primary)}.chip-group{gap:var(--size-2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.chip-group::-webkit-scrollbar{display:none}@media (width<=61.9988rem){.chip-group{gap:var(--size-1)}}.chip-group__chip{flex-shrink:0}.dropdown{position:relative}.dropdown__btn{cursor:pointer;background:var(--color-white);width:100%;color:var(--color-on-primary);padding:var(--size-1-25) var(--size-2-5);border-radius:var(--corner-extra-large);box-shadow:var(--ring-medium-on-primary);font-size:var(--fs-body-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);justify-content:space-between;align-items:center;gap:var(--size-1);transition:background var(--transition-base);-webkit-user-select:none;user-select:none;border:none;display:flex}@media (hover:hover){.dropdown__btn:hover{background:var(--color-surface)}}@media (width<=61.9988rem){.dropdown__btn{padding:var(--size-1) var(--size-2)}}@media (width<=35.9988rem){.dropdown__btn{font-size:var(--fs-label-medium)}}.dropdown__btn svg{width:var(--size-3);height:var(--size-3);transition:transform var(--transition-base);flex-shrink:0}.dropdown__list{--dropdown-shift:calc(var(--size-1) * -1);--dropdown-scale:.96;width:12.5rem;box-shadow:var(--shadow-level-1);border-radius:var(--corner-medium);border:var(--border-width-medium) solid var(--color-on-primary);z-index:var(--z-docked);top:calc(100% + var(--size-05));opacity:0;visibility:hidden;transform:translateY(var(--dropdown-shift)) scale(var(--dropdown-scale));transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);position:absolute;right:0;overflow:hidden}.dropdown__list li:not(:last-child) .dropdown__option{border-bottom:var(--border-width-thin) solid var(--color-outline)}.dropdown__list li:first-child:not(:last-child) .dropdown__option--active{box-shadow:inset 0 calc(-1 * var(--border-width-thin)) 0 0 var(--color-on-primary)}.dropdown__list li:last-child:not(:first-child) .dropdown__option--active{box-shadow:inset 0 var(--border-width-thin) 0 0 var(--color-on-primary)}.dropdown__list li:not(:first-child):not(:last-child) .dropdown__option--active{box-shadow:inset 0 var(--border-width-thin) 0 0 var(--color-on-primary), inset 0 calc(-1 * var(--border-width-thin)) 0 0 var(--color-on-primary)}.dropdown__option{background:var(--color-white);cursor:pointer;width:100%;padding:var(--size-2);align-items:center;gap:var(--size-1);font-size:var(--fs-body-small);font-weight:var(--font-weight-medium);line-height:var(--lh-heading);color:var(--color-on-primary);transition:background var(--transition-base);border:none;display:flex}.dropdown__option svg{width:.875rem;height:.875rem;color:var(--color-tertiary);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);flex-shrink:0}@media (hover:hover){.dropdown__option:hover:not(.dropdown__option--active){background:var(--color-surface)}}.dropdown__option--active{background:var(--color-primary);font-weight:var(--font-weight-extra-bold)}.dropdown__option--active svg{opacity:1;visibility:visible}.dropdown--open .dropdown__list{opacity:1;visibility:visible;transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);transform:translateY(0)scale(1)}.dropdown--open .dropdown__btn{background:var(--color-surface)}.dropdown--open .dropdown__btn svg{transform:rotate(-180deg)}.pagination__page,.pagination__arrow{text-align:center;width:var(--size-5);height:var(--size-5);border-radius:var(--corner-full);box-shadow:var(--ring-medium-on-primary);background:var(--color-white);color:var(--color-on-primary);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), opacity var(--transition-base);border:none;justify-content:center;align-items:center;padding:0;display:flex}.pagination__page:disabled,.pagination__arrow:disabled{opacity:.5;pointer-events:none}.pagination{--pagination-gap:var(--size-2);gap:var(--pagination-gap);justify-content:center;display:flex}@media (width<=61.9988rem){.pagination{--pagination-gap:var(--size-1)}}@media (hover:hover){.pagination__arrow:hover{background:var(--color-surface)}}.pagination__arrow svg{width:var(--size-3);height:var(--size-3);flex-shrink:0}.pagination__pages{gap:var(--pagination-gap);display:flex}.pagination__page{font-size:var(--fs-body-small);font-weight:var(--font-weight-bold)}@media (hover:hover){.pagination__page:hover:not(.pagination__page--active){background:var(--color-surface)}}.pagination__page--active{background:var(--color-on-primary);color:var(--color-white)}.game-card{width:100%;display:flex;container:game-card/inline-size}.game-card__inner{background:var(--color-white);border-radius:var(--corner-large);width:100%;min-height:12.5rem;box-shadow:var(--shadow-level-1);display:flex;position:relative;overflow:hidden}.game-card__inner:after{content:"";border-radius:inherit;box-shadow:var(--ring-medium-on-primary);pointer-events:none;position:absolute;inset:0}.game-card__img{object-fit:cover;flex-shrink:0;width:clamp(12.5rem,39cqw,20rem);height:100%}.game-card__body{min-width:0;padding:var(--size-2);justify-content:space-between;gap:var(--size-2);flex-direction:column;flex:auto;display:flex}.game-card__heading{align-items:center;gap:var(--size-1) var(--size-2);display:flex}.game-card__title{font-size:var(--fs-display-small);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;overflow:hidden}.game-card__category{font-size:var(--fs-label-medium);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);padding:var(--size-05) var(--size-1);background:var(--color-secondary);box-shadow:var(--ring-medium-on-primary);border-radius:var(--corner-extra-large);text-transform:capitalize}.game-card__price{font-size:var(--fs-display-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);margin-left:auto}.game-card__price--free{color:var(--color-price-free)}.game-card__price--mobile{display:none}.game-card__description{font-weight:var(--font-weight-medium);color:var(--color-on-bg);line-height:var(--lh-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.game-card__footer{justify-content:space-between;align-items:center;gap:var(--size-2);display:flex}.game-card__meta{gap:var(--size-3);display:flex}.game-card__meta-item{font-size:var(--fs-body-small)}@media (width<=61.9988rem){.game-card__meta-item{font-style:var(--fs-label-medium)}}.game-card__details{font-size:var(--fs-body-small)}@container game-card (width<=45rem){.game-card__inner{min-height:9.5rem}.game-card__body{gap:var(--size-1)}.game-card__title{font-size:var(--fs-headline-small)}.game-card__description{font-size:var(--fs-body-small);-webkit-line-clamp:2}.game-card__price{font-size:var(--fs-headline-small)}.game-card__details{padding:var(--size-1) var(--size-2)}.game-card__meta{gap:var(--size-2)}.game-card__meta-item{font-size:var(--fs-label-medium)}}@container game-card (width<=28.75rem){.game-card__inner{flex-direction:column}.game-card__img{aspect-ratio:343/160;width:100%;height:auto}.game-card__body{gap:var(--size-2)}.game-card__heading{flex-direction:column;align-items:flex-start}.game-card__category{padding:var(--size-025) var(--size-1)}.game-card__price--desktop{display:none}.game-card__price--mobile{display:block}.game-card__footer{flex-wrap:wrap}.game-card__details{width:100%;padding-block:var(--size-1-25)}}.game-grid{gap:var(--size-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=74.9988rem){.game-grid{grid-template-columns:1fr}}@media (width<=35.9988rem){.game-grid{gap:var(--size-2)}}.game-grid__item{display:flex}.game-grid__item--empty{grid-column:1/-1}.game-grid__empty{text-align:center;width:100%}.catalog__controls{align-items:center;gap:var(--size-2);padding-block:var(--size-2);flex-wrap:wrap;display:flex}.catalog__chip-group{flex:auto}.catalog__sort{flex-shrink:0}@media (width<=61.9988rem){.catalog__sort .dropdown__list{left:0;right:auto}}@media (width<=35.9988rem){.catalog__sort{width:100%}.catalog__sort .dropdown__list{width:100%;right:0}}.catalog__pagination{padding-block:var(--size-5)}@media (width<=47.9988rem){.catalog__pagination{padding-block:var(--size-4)}}@media (width<=35.9988rem){.catalog__pagination{padding-block:var(--size-3)}}}@layer primitives{.slider__track{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;display:flex}.slider__track:active{cursor:grabbing}.slider__arrow{cursor:pointer;border-radius:var(--corner-full);background:var(--color-white);box-shadow:var(--ring-medium-on-primary);width:var(--size-6);height:var(--size-6);transition:background var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=61.9988rem){.slider__arrow{width:var(--size-5);height:var(--size-5)}}.slider__arrow svg{width:var(--size-3);height:var(--size-3);flex-shrink:0}@media (width<=61.9988rem){.slider__arrow svg{width:var(--size-2);height:var(--size-2)}}@media (hover:hover){.slider__arrow:hover{background:var(--color-primary)}}.btn{gap:var(--size-1);vertical-align:top;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--corner-small);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);transition:background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), outline-offset var(--transition-fast), opacity var(--transition-base);border:none;justify-content:center;align-items:center;display:inline-flex}.btn:focus-visible{outline:var(--border-width-medium) solid var(--color-tertiary);outline-offset:var(--outline-offset)}.btn:active{transform:scale(.98)}.btn:disabled,.btn.is-disabled{pointer-events:none}.btn--large{padding:var(--btn-padding-large)}.btn--medium{padding:var(--btn-padding-medium)}.btn--small{padding:var(--btn-padding-small)}.btn--icon{padding:var(--btn-padding-icon)}.btn--outline-on-primary{box-shadow:var(--ring-medium-on-primary);color:var(--color-on-primary);background-color:#0000}@media (hover:hover){.btn--outline-on-primary:hover{background-color:var(--color-surface)}}.btn--outline-on-primary:active{background-color:var(--color-primary)}.btn--primary{background-color:var(--color-primary);box-shadow:var(--ring-medium-on-primary);color:var(--color-on-primary)}@media (hover:hover){.btn--primary:hover{background-color:var(--color-primary-high)}}.btn--on-primary{background-color:var(--color-on-primary);color:var(--color-white)}@media (hover:hover){.btn--on-primary:hover{background-color:var(--color-tertiary)}}.btn--on-primary:disabled,.btn--on-primary.is-disabled{background-color:var(--color-outline-variant);color:var(--color-on-bg);opacity:.5}.btn svg{width:var(--size-3);height:var(--size-3);transition:color var(--transition-base);flex-shrink:0}.logo{vertical-align:top;align-items:center;gap:var(--size-1);display:inline-flex}.logo__img{width:var(--size-4);flex-shrink:0;height:auto}.logo__text{font-size:var(--fs-headline-medium);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);flex:auto}@media (width<=61.9988rem){.logo__text{font-size:var(--fs-headline-small)}}.logo--dark{color:var(--color-on-primary)}.logo--white{color:var(--color-white)}.section{padding-block:var(--size-5)}@media (width<=61.9988rem){.section{padding-block:var(--size-3)}}@media (width<=35.9988rem){.section{padding-block:var(--size-2)}}.section-title{--accent-bar-y-offset:3.5px;--accent-bar-border-width:1.5px;--accent-bar-left-offset:var(--size-2);font-size:var(--fs-headline-large);padding-left:var(--accent-bar-left-offset);position:relative}@media (width<=61.9988rem){.section-title{--accent-bar-y-offset:2.5px;font-size:var(--fs-headline-medium)}}.section-title:before{content:"";width:var(--size-1);background:var(--color-primary);box-shadow:inset 0 0 0 var(--accent-bar-border-width) var(--color-on-primary);border-radius:var(--corner-extra-small);top:var(--accent-bar-y-offset);bottom:var(--accent-bar-y-offset);display:block;position:absolute;left:0}.section-header{align-items:center;gap:var(--size-1);margin-bottom:var(--size-5);display:flex}@media (width<=61.9988rem){.section-header{margin-bottom:var(--size-3)}}@media (width<=35.9988rem){.section-header{margin-bottom:var(--size-2)}}.section-header__title{flex:auto;margin-bottom:0}.section-header__slider-controls{gap:var(--size-2);flex-shrink:0;display:flex}@media (width<=35.9988rem){.section-header__slider-controls{display:none}}.meta-item{align-items:center;gap:var(--size-05);display:flex}.meta-item svg{width:var(--size-3);height:var(--size-3);flex-shrink:0}.meta-item__value{font-weight:var(--font-weight-bold)}.meta-item--rating svg{color:var(--color-primary)}.meta-item--likes svg{color:var(--color-like)}.avatar{text-align:center;border-radius:var(--corner-full);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}}@media (prefers-reduced-motion:reduce){.dropdown__list{--dropdown-shift:0px;--dropdown-scale:1}}:root{--color-white:#fff;--color-black:#000;--color-bg:#f9f8f3;--color-on-bg:#5f5d75;--color-on-bg-low:#737380;--color-bg-footer:#1e1b3a;--color-bg-footer-low:#2a264f;--color-bg-footer-lowest:#3c376e;--color-on-bg-footer:#b9b5c9;--color-surface:#fff9e5;--color-surface-low:#fffcf5;--color-primary:#ffd02b;--color-primary-low:#fde047;--color-primary-high:#e5bb00;--color-on-primary:#242145;--color-secondary:#f0eeff;--color-tertiary:#3a2ebf;--color-like:#ff4b4b;--color-error:#b3261e;--color-price-free:#0b8a8f;--color-placeholder:#969696;--color-outline:#e5e7eb;--color-outline-variant:#d2d2d2;--color-avatar-random-1:#e9eef6;--color-avatar-random-2:#a3e2c9;--color-avatar-random-3:#bce3ff;--color-avatar-random-4:#ffc6ff;--color-avatar-random-5:#e8dff5;--gradient-game-slide:linear-gradient(180deg, #0000 0%, #0006 17.31%, #000000d9 46.15%);--fs-display-large:3.5rem;--fs-display-medium:2.25rem;--fs-display-small:1.5rem;--fs-headline-large:2rem;--fs-headline-medium:1.5rem;--fs-headline-small:1.25rem;--fs-body-large:1.125rem;--fs-body-medium:1rem;--fs-body-small:.875rem;--fs-label-extra-large:1rem;--fs-label-large:.875rem;--fs-label-medium:.75rem;--fs-label-small:.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi-bold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--font-family-primary:"Inter", sans-serif;--font-family-secondary:"Roboto", sans-serif;--size-px:1px;--size-025:.125rem;--size-05:.25rem;--size-075:.375rem;--size-1:.5rem;--size-1-25:.625rem;--size-1-5:.75rem;--size-2:1rem;--size-2-5:1.25rem;--size-3:1.5rem;--size-3-5:1.75rem;--size-4:2rem;--size-5:2.5rem;--size-6:3rem;--size-7:3.5rem;--size-8:4rem;--size-9:4.5rem;--size-10:5rem;--size-11:5.5rem;--size-12:6rem;--size-13:6.5rem;--size-14:7rem;--size-15:7.5rem;--corner-extra-small:.25rem;--corner-small:.5rem;--corner-medium:.75rem;--corner-large:1rem;--corner-larger:1.25rem;--corner-extra-large:1.5rem;--corner-full:9999px;--btn-padding-large:var(--size-2) var(--size-3);--btn-padding-medium:var(--size-1-25) var(--size-2-5);--btn-padding-small:var(--size-1) var(--size-2);--btn-padding-icon:var(--size-1);--shadow-level-05:2px 2px 0 var(--color-on-primary);--shadow-level-075:3px 3px 0 var(--color-on-primary);--shadow-level-1:4px 4px 0 var(--color-on-primary);--shadow-level-2:6px 6px 0 var(--color-on-primary);--shadow-level-3:8px 8px 0 var(--color-on-primary);--shadow-card:0 2px 8px -4px #0000000a, 0 14px 30px -10px #00000014;--shadow-btn:0 10px 20px -10px #0000001a;--transition-base:.25s ease;--transition-fast:.15s ease;--transition-slower:.45s ease;--container-width:105rem;--container-padding-x:2.5rem;--container-header-width:110rem;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--ring-medium-on-primary:inset 0 0 0 var(--border-width-medium) var(--color-on-primary);--outline-offset:3px;--lh-tight:1.1;--lh-heading:1.2;--lh-snug:1.25;--lh-normal:1.4;--lh-relaxed:1.5;--z-below:-1;--z-base:0;--z-docked:10;--z-sticky:20;--z-overlay:30;--z-modal:40}@media (width<=47.9988rem){:root{--container-padding-x:var(--size-2)}}@layer utils{.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:var(--size-px);white-space:nowrap;width:var(--size-px);position:absolute;overflow:hidden}.container{max-width:calc(var(--container-width) + var(--container-padding-x) * 2);padding-inline:var(--container-padding-x);margin-inline:auto}.list-unstyled{margin:0;padding:0;list-style:none}.img-responsive{max-width:100%;height:auto;display:block}.focusable-parent{position:relative}.focusable-parent:focus-within{outline:var(--border-width-medium) solid var(--color-tertiary)}.focusable-parent:focus-within :focus{outline:none}.focusable-link:before{content:"";z-index:var(--z-docked);display:block;position:absolute;inset:0}.is-locked{overflow:hidden}}@layer base{*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;font-family:var(--font-family-primary);font-size:var(--fs-body-medium);line-height:var(--lh-relaxed);color:var(--color-on-primary);background-color:var(--color-bg);font-optical-sizing:none;margin:0}img{vertical-align:middle}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1,h2,h3,h4,h5,h6{line-height:var(--lh-heading)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}}
