*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,svg{display:block;max-width:100%}button,input{font:inherit;color:inherit}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-on-primary);background-color:var(--color-bg)}h1,h2,h3,h4{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin:0}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{font-family:inherit;cursor:pointer}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.spinner{font-size:var(--font-size-lg);animation:spinner-rotate var(--duration-spin) linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:var(--duration-spin-slow)}}@keyframes spinner-rotate{to{transform:rotate(1turn)}}button:disabled{cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-md);padding:var(--button-padding-block-md) var(--button-padding-inline-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-on-primary);background-color:transparent;transition:background-color .2s ease}.btn--outline{background-color:transparent}.btn--outline:hover,.btn--outline:focus-visible{background-color:var(--color-bg)}.btn--primary{background-color:var(--color-primary)}.btn--primary:hover,.btn--primary:focus-visible{filter:brightness(.95)}.btn--lg{padding:var(--button-padding-block-lg) var(--button-padding-inline-lg);font-size:var(--font-size-md)}.btn--outline-light{border-color:var(--color-white);color:var(--color-white);background-color:transparent}.btn--outline-light:hover,.btn--outline-light:focus-visible{background-color:#ffffff1a}.header{background-color:var(--color-bg);border-bottom:var(--border-width-default) solid var(--color-on-primary)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)}@media (min-width: 768px){.header__inner{padding:var(--space-2) var(--space-5)}}@media (min-width: 1920px){.header__inner{padding:var(--space-3) var(--space-10)}}.header__logo{display:inline-flex;align-items:center;gap:var(--space-1)}.header__logo-icon{display:block;flex-shrink:0;box-sizing:border-box;width:var(--space-4);height:var(--space-4);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-md);background-color:var(--color-white)}.header__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.02em;color:var(--color-on-primary)}.header__nav{display:none;align-items:center;gap:var(--space-4)}@media (min-width: 1440px){.header__nav{display:flex}}.header__links{display:flex;align-items:center;gap:var(--space-5)}.header__link{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.header__link:hover,.header__link:focus-visible{color:var(--color-primary)}.header__link--active{color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__user{display:flex;align-items:center;gap:var(--space-1)}.header__user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.header__user-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);background-color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white)}.header__mobile-controls{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 1440px){.header__mobile-controls{display:none}}.header__cta{display:none}@media (min-width: 768px){.header__cta{display:inline-flex}}.header__burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-05);width:var(--space-4);height:var(--space-4);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-md);background-color:var(--color-white);padding:0}.header__burger-line{display:block;width:60%;height:var(--border-width-default);background-color:var(--color-on-primary)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none}@media (min-width: 1440px){.mobile-menu{display:none}}.mobile-menu--open{visibility:visible;pointer-events:auto}.mobile-menu--open .mobile-menu__backdrop{opacity:1}.mobile-menu--open .mobile-menu__panel{transform:translate(0)}.mobile-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .2s ease}.mobile-menu__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-5);box-sizing:border-box;width:100%;height:100%;padding:var(--space-2);background:var(--color-bg-footer-low);transform:translate(100%);transition:transform .25s ease;overflow-y:auto}.mobile-menu__top{display:flex;align-items:center;justify-content:space-between}.mobile-menu__logo{display:inline-flex;align-items:center;gap:var(--space-1)}.mobile-menu__logo-icon{display:block;flex-shrink:0;box-sizing:border-box;width:var(--space-4);height:var(--space-4);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-md);background-color:var(--color-white)}.mobile-menu__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.02em;color:var(--color-white)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;padding:0;color:var(--color-white)}.mobile-menu__close .material-symbols-outlined{font-size:24px}.mobile-menu__links{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-menu__link{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-white)}.mobile-menu__link:hover,.mobile-menu__link:focus-visible{color:var(--color-primary)}.mobile-menu__link--active{color:var(--color-primary)}.mobile-menu__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.mobile-menu__actions .btn{width:100%}.mobile-menu__user{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.mobile-menu__user-name{overflow:hidden;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-white);text-overflow:ellipsis;white-space:nowrap}.mobile-menu__user-avatar{background-color:var(--color-primary);color:var(--color-on-primary)}.user-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);background-color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white)}.user-avatar--photo{background-color:var(--color-secondary)}.user-avatar__image{width:100%;height:100%;object-fit:cover}.user-avatar__fallback{font-size:var(--font-size-lg)}.snackbar-stack{position:fixed;right:var(--space-2);bottom:var(--space-2);left:var(--space-2);z-index:400;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);pointer-events:none}@media (min-width: 768px){.snackbar-stack{left:auto;align-items:flex-end;max-width:420px}}.snackbar{display:flex;align-items:center;gap:var(--space-1);box-sizing:border-box;width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-hard-sm);color:var(--color-on-primary);pointer-events:auto;animation:snackbar-enter .2s ease}.snackbar--leaving{animation:snackbar-leave .2s ease forwards}.snackbar--success{background:var(--color-mint)}.snackbar--error{border-color:var(--color-like);background:#ffe3e3;box-shadow:4px 4px 0 0 var(--color-like)}.snackbar--warning{background:var(--color-primary)}.snackbar--info{background:var(--color-sky)}.snackbar__icon{flex-shrink:0;font-size:22px}.snackbar--error .snackbar__icon{color:var(--color-like)}.snackbar--success .snackbar__icon{color:var(--color-price-free)}.snackbar__message{flex:1 1 auto;margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.4}.snackbar__close{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer}.snackbar__close:hover,.snackbar__close:focus-visible{background:#00000014}@keyframes snackbar-enter{0%{transform:translateY(12px);opacity:0}}@keyframes snackbar-leave{to{transform:translateY(12px);opacity:0}}.hero{position:relative;overflow:hidden;width:100%;aspect-ratio:375/331}.hero:before,.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hero:before{z-index:0;background-image:url(/MiniGames-Story-1/assets/hero-bg-Bt9xqY8I.png);background-position:center;background-size:cover;opacity:1}.hero:after{z-index:0;background-color:#1e1b3aa6}@media (min-width: 768px){.hero{aspect-ratio:768/383}}@media (min-width: 1440px){.hero{aspect-ratio:1920/627;border-bottom:2px solid var(--color-on-primary)}}.hero__inner{position:relative;z-index:1;display:flex;padding:var(--space-8) var(--space-2)}@media (min-width: 768px){.hero__inner{padding:var(--space-9) var(--space-5)}}@media (min-width: 1440px){.hero__inner{padding:var(--space-14) var(--space-15)}}.hero__card{display:flex;flex-direction:column;width:100%;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-on-primary);border-radius:var(--radius-card-md);background-color:var(--color-bg)}@media (min-width: 768px){.hero__card{width:480px;border-width:2.5px;border-radius:var(--radius-lg)}}@media (min-width: 1440px){.hero__card{width:640px;gap:var(--space-3);padding:var(--space-6);border-width:3px;border-radius:var(--radius-xl)}}.hero__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-on-primary);font-size:var(--font-size-lg);line-height:1.2;letter-spacing:normal}@media (min-width: 768px){.hero__title{font-size:var(--font-size-2xl);line-height:1.15}}@media (min-width: 1440px){.hero__title{font-size:var(--font-size-4xl);line-height:1.1}}.hero__subtitle{font-weight:var(--font-weight-medium);color:var(--color-on-bg);font-size:var(--font-size-sm);line-height:1.4;letter-spacing:normal}@media (min-width: 768px){.hero__subtitle{font-size:var(--font-size-base);line-height:1.5}}@media (min-width: 1440px){.hero__subtitle{font-size:var(--font-size-md);line-height:1.5}}.hero__actions{display:flex}.hero__cta{letter-spacing:normal}.new-games{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}@media (min-width: 768px){.new-games{gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-5)}}@media (min-width: 1440px){.new-games{gap:var(--space-5);padding-block:var(--space-5);padding-inline:var(--space-15)}}.new-games__header{display:flex;align-items:center;justify-content:space-between;width:100%}.new-games__title-group{display:flex;align-items:center;gap:var(--space-1)}.new-games__accent{flex-shrink:0;width:var(--space-1);height:var(--space-4);border:1.5px solid var(--color-on-primary);border-radius:var(--radius-sm);background-color:var(--color-primary)}.new-games__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);line-height:1;color:var(--color-on-primary)}.new-games__arrows{display:none;gap:var(--space-2)}@media (min-width: 768px){.new-games__arrows{display:flex}}.new-games__arrow{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;border:2px solid var(--color-on-primary);border-radius:var(--radius-pill);background-color:var(--color-white);transition:opacity .2s ease}.new-games__arrow--next{background-color:var(--color-primary)}.new-games__arrow:disabled{opacity:.4;cursor:not-allowed}.new-games__arrow-icon{font-size:24px;color:var(--color-on-primary)}.new-games__track{height:206px;margin:0;padding-inline:var(--space-05);overflow:hidden;touch-action:pan-y}@media (min-width: 768px){.new-games__track{height:288px;padding-inline:var(--space-1)}}@media (min-width: 1440px){.new-games__track{height:388px}}.new-games__rail{position:relative;display:flex;align-items:flex-start;gap:var(--space-1);width:max-content;margin:0;padding:0;transition:transform .3s ease}.new-games__card{position:relative;overflow:hidden;z-index:1;flex-shrink:0;height:200px;border:2.5px solid var(--color-on-primary);border-radius:var(--radius-lg);background-color:var(--color-white);cursor:pointer;touch-action:pan-y}.new-games__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.new-games__card{box-shadow:4px 4px 0 0 var(--color-on-primary);transition:width .3s ease,border-width .3s ease,box-shadow .3s ease}@media (min-width: 768px){.new-games__card{height:280px}}@media (min-width: 1440px){.new-games__card{height:384px;border-radius:var(--radius-xl)}}.new-games__card--collapsed{border-width:0;box-shadow:none}.new-games__card--peek .new-games__overlay,.new-games__card--no-info .new-games__overlay{display:none}.new-games__image-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:calc(var(--radius-lg) - 2.5px)}@media (min-width: 1440px){.new-games__image-clip{border-radius:calc(var(--radius-xl) - 2.5px)}}.new-games__card-image{display:block;width:100%;height:100%;object-fit:cover}.new-games__overlay{position:absolute;z-index:2;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-1);width:100%;overflow:hidden;padding:var(--space-2);background:linear-gradient(to bottom,#0000,#0006 40%,#000000d9 85%)}.new-games__card-title{margin:0;overflow:hidden;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);line-height:1;color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap}.new-games__card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);white-space:nowrap}.new-games__card-rating,.new-games__card-likes{display:flex;flex-shrink:0;align-items:center;gap:var(--space-05)}.new-games__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px;font-variation-settings:"FILL" 0}.new-games__icon--star{color:var(--color-primary)}.new-games__icon--like{color:var(--color-like)}.new-games__card-value{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.5)}.new-games__card-image--placeholder{background:linear-gradient(135deg,var(--color-indigo),var(--color-on-primary))}.new-games__card--skeleton{cursor:default}.new-games__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.new-games__status{display:flex}.skeleton{display:block;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-lavender) 0%,var(--color-secondary) 50%,var(--color-lavender) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.loading-region{display:contents}.state-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);box-sizing:border-box;width:100%;padding:var(--space-4) var(--space-2);border:var(--border-width-default) dashed var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-white);text-align:center}.state-banner--error{border-style:solid;border-color:var(--color-like);background:#fff5f5}.state-banner--not-found{border-style:solid;border-color:var(--color-on-primary);background:var(--color-secondary)}.state-banner__icon{font-size:40px;color:var(--color-on-bg)}.state-banner--error .state-banner__icon{color:var(--color-like)}.state-banner__title{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-on-primary)}.state-banner__message{max-width:480px;margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-on-bg)}.state-banner__action{margin-top:var(--space-1)}.leaderboard{padding:var(--space-2)}@media (min-width: 768px){.leaderboard{padding-block:var(--space-3);padding-inline:var(--space-5)}}@media (min-width: 1440px){.leaderboard{padding-block:var(--space-5);padding-inline:var(--space-15)}}.leaderboard__header{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}@media (min-width: 768px){.leaderboard__header{margin-bottom:var(--space-3)}}.leaderboard__accent{flex-shrink:0;width:var(--space-1);height:var(--space-4);border:1.5px solid var(--color-on-primary);border-radius:var(--radius-sm);background-color:var(--color-primary)}.leaderboard__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);line-height:1;color:var(--color-on-primary)}.leaderboard__table-wrapper{overflow-x:auto;border:2.5px solid var(--color-on-primary);border-radius:var(--radius-card-md);background-color:var(--color-white);box-shadow:var(--shadow-hard-sm)}@media (min-width: 768px){.leaderboard__table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-md)}}@media (min-width: 1440px){.leaderboard__table-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-hard)}}.leaderboard__table{width:100%;min-width:720px;border-collapse:collapse}.leaderboard__heading{padding:var(--space-2) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-white);background-color:var(--color-indigo);white-space:nowrap}.leaderboard__heading--left{text-align:left}.leaderboard__heading--center{text-align:center}.leaderboard__row:nth-child(odd){background-color:var(--color-bg)}.leaderboard__row:nth-child(2n){background-color:var(--color-white)}.leaderboard__cell{padding:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-on-primary);white-space:nowrap}.leaderboard__cell--left{text-align:left}.leaderboard__cell--center{text-align:center}.leaderboard__rank{font-weight:var(--font-weight-bold);color:var(--color-on-bg)}.leaderboard__rank--top{color:var(--color-primary)}.leaderboard__name{margin-left:var(--space-1);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.leaderboard__avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border:1.5px solid var(--color-on-primary);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.leaderboard__avatar--primary{background-color:var(--color-primary)}.leaderboard__avatar--mint{background-color:var(--color-mint)}.leaderboard__avatar--sky{background-color:var(--color-sky)}.leaderboard__avatar--pink{background-color:var(--color-pink)}.leaderboard__avatar--lavender{background-color:var(--color-lavender)}.leaderboard__streak{display:inline-flex;align-items:center;gap:var(--space-05);font-weight:var(--font-weight-bold)}.leaderboard__streak-icon{font-size:var(--font-size-sm);line-height:1}.leaderboard__badge{display:inline-flex;align-items:center;border:1.5px solid var(--color-on-primary);border-radius:var(--radius-pill);padding:var(--space-05) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-on-primary);white-space:nowrap}.leaderboard__skeleton{display:inline-block;width:72px;max-width:100%;height:16px;vertical-align:middle}.leaderboard__status{display:flex}.game-developer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--color-on-primary)}@media (min-width: 768px){.game-developer{gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-5)}}@media (min-width: 1440px){.game-developer{flex-direction:row;align-items:center;gap:var(--space-5);padding-block:var(--space-5);padding-inline:var(--space-15)}}.game-developer__image{display:block;width:100%;height:240px;border-radius:var(--radius-card-md);object-fit:cover}@media (min-width: 768px){.game-developer__image{height:300px;border-radius:var(--radius-xl)}}@media (min-width: 1440px){.game-developer__image{width:680px;height:480px;border-radius:var(--radius-xl);transform:rotate(.24deg)}}.game-developer__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1;padding:var(--space-3);border:2px solid var(--color-on-primary);border-radius:var(--radius-card-md);background-color:var(--color-white)}@media (min-width: 768px){.game-developer__card{justify-content:flex-start;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:0 14px 30px -10px #00000014,0 2px 8px -4px #0000000a}}@media (min-width: 1440px){.game-developer__card{flex:1;max-width:958px}}.game-developer__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);line-height:1.2;color:var(--color-on-primary)}@media (min-width: 1440px){.game-developer__title{font-size:var(--font-size-xl)}}.game-developer__text{margin:0;max-width:32em;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-on-bg)}@media (min-width: 1440px){.game-developer__text{font-size:var(--font-size-base)}}.game-developer__cta-icon{margin-right:var(--space-1);font-size:18px}.game-developer__contact{margin:0;font-size:var(--font-size-xs);color:var(--color-on-bg)}.footer{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-5);padding-inline:var(--space-15);background:var(--color-bg-footer)}@media (max-width: 1439px){.footer{gap:var(--space-10);padding:var(--space-5)}}@media (max-width: 767px){.footer{gap:var(--space-6);padding-block:var(--space-4);padding-inline:var(--space-2)}}.footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}@media (max-width: 1439px){.footer__top{flex-direction:column;align-items:stretch;gap:var(--space-10)}}@media (max-width: 767px){.footer__top{gap:var(--space-6)}}.footer__brand{display:flex;flex-direction:column;gap:var(--space-6);width:400px}@media (max-width: 1439px){.footer__brand{width:100%}}.footer__logo{display:flex;align-items:center;gap:var(--space-1);align-self:flex-start;width:fit-content;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-white)}@media (max-width: 1439px){.footer__logo{gap:var(--space-2);font-size:var(--font-size-headline-small);line-height:1;letter-spacing:-.5px}}.footer__logo-icon{display:block;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);object-fit:contain}.footer__text{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-on-bg-footer)}@media (max-width: 1439px){.footer__text{font-size:var(--font-size-body-small)}}.footer__columns{display:flex;gap:var(--space-10)}@media (max-width: 767px){.footer__columns{flex-wrap:wrap}}.footer__column{display:flex;flex-direction:column;gap:var(--space-4);width:112px}.footer__column-title{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-white)}@media (max-width: 1439px){.footer__column-title{font-size:var(--font-size-title-xx-small);line-height:1;letter-spacing:0}}.footer__link{font-size:var(--font-size-sm);color:#ffffffb3;text-decoration:none}.footer__link:hover{color:var(--color-white)}.footer__community{display:flex;flex-direction:column;gap:var(--space-4)}.footer__social{display:flex;gap:var(--space-4)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background-color:#ffffff14;color:var(--color-white)}.footer__social-link .material-symbols-outlined{font-size:20px}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.12);font-size:var(--font-size-xs);color:#fff9}@media (max-width: 767px){.footer__bottom{flex-wrap:wrap;align-items:flex-start;row-gap:var(--space-4);column-gap:var(--space-4);font-size:var(--font-size-label-medium);line-height:1;letter-spacing:0;color:var(--color-on-bg-footer)}}.footer__bottom-item{display:flex;align-items:center;gap:var(--space-2)}.footer__nickname-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background-color:var(--color-white);color:var(--color-on-primary);font-size:16px;line-height:1}.footer__bottom-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:var(--color-on-primary);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:10px;letter-spacing:-.5px;line-height:1;color:var(--color-primary)}.library-header{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}@media (min-width: 768px){.library-header{padding-block:var(--space-3);padding-inline:var(--space-5)}}@media (min-width: 1440px){.library-header{padding-block:var(--space-5);padding-inline:var(--space-15)}}.library-header__title{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:1;letter-spacing:0;color:var(--color-on-primary, #242145)}@media (min-width: 768px){.library-header__title{font-size:var(--font-size-2xl)}}@media (min-width: 1440px){.library-header__title{font-size:var(--font-size-4xl)}}.library-header__subtitle{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1;letter-spacing:0;color:var(--color-on-bg, #5f5d75)}@media (min-width: 768px){.library-header__subtitle{font-size:var(--font-size-base)}}@media (min-width: 1440px){.library-header__subtitle{font-size:var(--font-size-md)}}.library-filters{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-2)}@media (min-width: 1440px){.library-filters{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding-block:var(--space-2);padding-inline:var(--space-15)}}.library-filters__categories{display:flex;flex-wrap:nowrap;gap:var(--space-4);overflow-x:auto;scrollbar-width:none}.library-filters__categories::-webkit-scrollbar{display:none}.library-filters__chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding:var(--button-padding-block-sm) var(--button-padding-inline-sm);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-xl);background:var(--color-white);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;letter-spacing:0;color:var(--color-on-primary);white-space:nowrap;cursor:pointer}.library-filters__chip--active{border-color:var(--color-on-primary);background:var(--color-primary);color:var(--color-on-primary)}.library-filters__sort{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--button-padding-block-sm) var(--button-padding-inline-sm);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-xl);background:var(--color-white);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;letter-spacing:0;color:var(--color-on-primary);cursor:pointer}.library-filters__sort-wrap{position:relative;display:flex;flex-direction:column}@media (min-width: 1440px){.library-filters__sort-wrap{flex-shrink:0;align-self:flex-start}}.library-filters__sort-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:20;box-sizing:border-box;min-width:100%;margin:0;padding:var(--space-05);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-hard-sm);list-style:none}.library-filters__sort-option{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-on-primary);white-space:nowrap;cursor:pointer}.library-filters__sort-option:hover,.library-filters__sort-option:focus-visible{outline:none;background:var(--color-secondary)}.library-filters__sort-option--active{background:var(--color-primary)}.library-filters__sort-icon{font-size:18px}.library-filters__chip-skeleton{flex:0 0 auto;width:88px;height:36px;border-radius:var(--radius-xl)}.library-filters__error{align-self:center;margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-like);white-space:nowrap}.library-results{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}@media (min-width: 1440px){.library-results{padding-block:var(--space-3);padding-inline:var(--space-15)}}.library-results__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin:0;padding:0;list-style:none}@media (min-width: 1440px){.library-results__grid{grid-template-columns:repeat(2,1fr)}}.library-results__card{display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:hidden;border:2.5px solid var(--color-on-primary);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-hard-sm)}@media (min-width: 768px){.library-results__card{flex-direction:row}}@media (min-width: 1920px){.library-results__card{width:828px;height:200px}}.library-results__image{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}@media (min-width: 768px){.library-results__image{flex:0 0 38.65%;width:38.65%}}@media (min-width: 1920px){.library-results__image{flex:0 0 320px;width:320px;height:200px;aspect-ratio:auto}}.library-results__content{display:grid;flex:1 1 auto;grid-template-columns:1fr auto;grid-template-areas:"topgroup topgroup" "desc desc" "stats price" "button button";gap:var(--space-1);min-width:0;min-height:0;padding:var(--space-2)}@media (min-width: 768px){.library-results__content{grid-template-areas:"topgroup price" "desc desc" "stats button"}}@media (min-width: 1920px){.library-results__content{flex:0 0 508px;width:508px;height:200px;gap:0;align-content:space-between}}.library-results__top,.library-results__bottom{display:contents}.library-results__title-group{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-05);grid-area:topgroup;min-width:0}@media (min-width: 768px){.library-results__title-group{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-1)}}.library-results__title{margin:0;overflow:hidden;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);line-height:1.2;color:var(--color-on-primary);text-overflow:ellipsis;white-space:nowrap}.library-results__badge{flex-shrink:0;align-self:flex-start;padding:var(--space-05) var(--space-1);border:1.5px solid var(--color-on-primary);border-radius:var(--radius-xl);background:var(--color-secondary);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);line-height:1.4;color:var(--color-on-primary);white-space:nowrap}.library-results__price{flex-shrink:0;grid-area:price;align-self:center;justify-self:end;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:1.2;color:var(--color-on-primary)}.library-results__price--free{color:var(--color-price-free)}.library-results__description{margin:0;display:-webkit-box;overflow:hidden;min-height:0;max-height:2.8em;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-on-bg);-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width: 1920px){.library-results__description{max-height:4.2em;-webkit-line-clamp:3}}.library-results__stats{display:flex;flex-shrink:0;align-items:center;align-self:center;grid-area:stats;gap:var(--space-2);min-width:0}.library-results__stat{display:flex;flex-shrink:0;align-items:center;gap:var(--space-05)}.library-results__stat-icon{width:24px;height:24px;font-size:24px;font-variation-settings:"FILL" 0}.library-results__stat--rating .library-results__stat-icon{color:var(--color-primary)}.library-results__stat--likes .library-results__stat-icon{color:var(--color-like)}.library-results__stat-value{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;color:var(--color-on-primary)}.library-results__details{flex-shrink:0;grid-area:button;width:100%;padding:var(--button-padding-block-sm) var(--button-padding-inline-sm);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-xl);background:var(--color-primary);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;color:var(--color-on-primary);text-align:center;cursor:pointer}@media (min-width: 768px){.library-results__details{width:auto}}.library-results__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.library-results__page{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);padding:0;border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-pill);background:var(--color-white);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-on-primary);cursor:pointer}.library-results__page--active{background:var(--color-bg-footer-low);color:var(--color-white)}.library-results__page--nav:disabled{border-color:var(--color-outline-variant);background:var(--color-bg);opacity:.5;cursor:not-allowed}.library-results__page-icon{font-size:20px}.library-results__page:disabled:not(.library-results__page--active){cursor:not-allowed}.library-results__status{display:flex}.library-results__image--placeholder{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--space-2);background:linear-gradient(135deg,var(--color-indigo),var(--color-on-primary))}.library-results__image-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-white);text-align:center}.library-results__card--skeleton{box-shadow:none;border-color:var(--color-outline-variant)}.library-results__skeleton-image{border-radius:0}.library-results__skeleton-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-2)}.library-results__skeleton-line{width:100%;height:14px}.library-results__skeleton-line--title{width:60%;height:22px}.library-results__skeleton-line--short{width:40%}.library-results__skeleton-line--button{width:96px;height:32px;margin-top:auto;border-radius:var(--radius-xl)}.not-found{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-2);text-align:center}@media (min-width: 768px){.not-found{padding-block:var(--space-14)}}.not-found__code{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:96px;line-height:1;color:var(--color-primary);-webkit-text-stroke:3px var(--color-on-primary)}@media (min-width: 768px){.not-found__code{font-size:160px}}.not-found__title{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);color:var(--color-on-primary)}@media (min-width: 768px){.not-found__title{font-size:var(--font-size-3xl)}}.not-found__message{max-width:520px;margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:1.5;color:var(--color-on-bg)}.not-found__path{max-width:100%;margin:0;padding:var(--space-05) var(--space-1);overflow-wrap:anywhere;border-radius:var(--radius-md);background:var(--color-secondary);font-family:monospace;font-size:var(--font-size-sm);color:var(--color-on-primary)}.not-found__action{margin-top:var(--space-2)}.auth-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-2);visibility:hidden;pointer-events:none}.auth-dialog--open{visibility:visible;pointer-events:auto}.auth-dialog--open .auth-dialog__backdrop{opacity:1}.auth-dialog--open .auth-dialog__panel{transform:scale(1);opacity:1}.auth-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .2s ease}.auth-dialog__panel{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:460px;max-height:100%;overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-hard);transform:scale(.96);opacity:0;transition:transform .2s ease,opacity .2s ease}.auth-dialog__tabs{display:flex;overflow:hidden;margin-bottom:var(--space-3);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-lg)}.auth-dialog__tab{flex:1;padding:var(--space-1) var(--space-2);border:none;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-on-primary);background:transparent;cursor:pointer}.auth-dialog__tab--active{background:var(--color-on-primary);color:var(--color-white)}.auth-dialog__form{display:flex;flex-direction:column;gap:var(--space-2)}.auth-dialog__heading{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.auth-dialog__subtitle{margin:0 0 var(--space-1);font-size:var(--font-size-sm);color:var(--color-on-bg)}.auth-dialog__field{display:flex;flex-direction:column;gap:var(--space-05)}.auth-dialog__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.auth-dialog__input-wrap{position:relative;display:flex;align-items:center}.auth-dialog__input-icon{position:absolute;left:var(--space-2);font-size:20px;color:var(--color-on-bg);pointer-events:none}.auth-dialog__input{box-sizing:border-box;width:100%;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-6);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-on-primary);background:var(--color-white)}.auth-dialog__input::placeholder{color:var(--color-on-bg)}.auth-dialog__input:focus-visible{outline:var(--border-width-default) solid var(--color-primary);outline-offset:2px}.auth-dialog__field--invalid .auth-dialog__input{border-color:var(--color-error)}.auth-dialog__error{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-error)}.auth-dialog__error:empty{display:none}.auth-dialog__form-error{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-error)}.auth-dialog__form-error:empty{display:none}.auth-dialog__submit,.auth-dialog__google{gap:var(--space-1)}.auth-dialog--pending .auth-dialog__tab,.auth-dialog--pending .auth-dialog__close,.auth-dialog--pending .auth-dialog__switch-link,.auth-dialog--pending .auth-dialog__forgot,.auth-dialog--pending .auth-dialog__input-toggle,.auth-dialog--pending .auth-dialog__input{opacity:var(--opacity-disabled);cursor:not-allowed}.auth-dialog__submit:disabled,.auth-dialog__google:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.auth-dialog__input--with-toggle{padding-right:var(--space-6)}.auth-dialog__input-toggle{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-on-bg);cursor:pointer}.auth-dialog__forgot{align-self:flex-end;padding:0;border:none;background:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-on-primary);text-decoration:underline;cursor:pointer}.auth-dialog__submit{width:100%;box-shadow:var(--shadow-hard-sm)}.auth-dialog__divider{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-on-bg)}.auth-dialog__divider-line{flex:1;height:1px;background:var(--color-outline-variant)}.auth-dialog__google{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%}.auth-dialog__google-icon{display:flex;flex-shrink:0;width:20px;height:20px}.auth-dialog__switch{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--color-on-bg)}.auth-dialog__switch-link{padding:0;border:none;background:none;font:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-primary);text-decoration:underline;cursor:pointer}.auth-dialog__close{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;align-items:center;justify-content:center;width:var(--space-3);height:var(--space-3);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-on-primary);cursor:pointer}.auth-dialog__close .material-symbols-outlined{font-size:20px}.auth-dialog__close:hover,.auth-dialog__close:focus-visible{background:var(--color-secondary)}:root{--color-bg: #f9f8f3;--color-white: #ffffff;--color-primary: #ffd02b;--color-on-primary: #242145;--color-on-bg: #5f5d75;--color-indigo: #382eb8;--color-mint: #b0e0ca;--color-sky: #c4e2fc;--color-pink: #f6c8fb;--color-lavender: #e6dff3;--color-like: #ff4b4b;--color-error: #c62828;--color-secondary: #f0eeff;--color-bg-footer-low: #2a264f;--color-price-free: #2e9e5b;--color-outline-variant: #d8d6e3;--color-bg-footer: #1e1b3a;--color-avatar-random-1: #b0e0ca;--color-avatar-random-2: #c4e2fc;--color-avatar-random-3: #f6c8fb;--color-avatar-random-4: #e6dff3;--color-avatar-random-5: #ffe08a;--color-on-bg-footer: #b9b5c9;--space-0: 0;--space-05: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--space-9: 72px;--space-10: 80px;--space-14: 112px;--space-15: 120px;--radius-sm: 4px;--radius-md: 8px;--radius-card-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 12px rgba(0, 0, 0, .24);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .32);--shadow-hard-sm: 4px 4px 0 0 var(--color-on-primary);--shadow-hard-md: 6px 6px 0 0 var(--color-on-primary);--shadow-hard: 8px 8px 0 0 var(--color-on-primary);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-size-4xl: 56px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--button-height-sm: 32px;--button-height-md: 44px;--button-height-lg: 56px;--button-padding-inline-sm: 12px;--button-padding-inline-md: 20px;--button-padding-inline-lg: 24px;--button-padding-block-sm: 6px;--button-padding-block-md: 10px;--button-padding-block-lg: 16px;--opacity-disabled: .5;--duration-spin: .8s;--duration-spin-slow: 3.2s;--border-width-default: 2px;--font-family-base: Inter, sans-serif;--font-family-heading: Inter, sans-serif}.game-details{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:var(--space-2);visibility:hidden;pointer-events:none}.game-details--open{visibility:visible;pointer-events:auto}.game-details--open .game-details__backdrop{opacity:1}.game-details--open .game-details__panel{transform:scale(1);opacity:1}.game-details--suspended{visibility:hidden;pointer-events:none}.game-details__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .2s ease}.game-details__panel{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:375px;max-height:100%;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-hard);transform:scale(.96);opacity:0;transition:transform .2s ease,opacity .2s ease}@media (min-width: 768px){.game-details__panel{max-width:600px}}.game-details__hero{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--color-indigo),var(--color-on-primary))}.game-details__hero-image{display:block;width:100%;height:100%;object-fit:cover}.game-details__hero-placeholder-title{padding:var(--space-2);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-white);text-align:center}.game-details__close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);padding:0;border:none;border-radius:var(--radius-pill);background:#0006;color:var(--color-white);cursor:pointer}.game-details__close:hover,.game-details__close:focus-visible{background:#0009}.game-details__body{overflow-y:auto;padding:var(--space-3)}.game-details__info{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:var(--border-width-default) solid var(--color-outline-variant)}.game-details__title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1)}.game-details__title{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:1.2;color:var(--color-on-primary)}.game-details__stats{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2)}.game-details__stat{display:flex;align-items:center;gap:var(--space-05)}.game-details__stat-icon{width:20px;height:20px;font-size:20px;font-variation-settings:"FILL" 0}.game-details__stat--rating .game-details__stat-icon{color:var(--color-primary)}.game-details__stat--likes .game-details__stat-icon{color:var(--color-like)}.game-details__stat-value{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-on-primary)}.game-details__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.game-details__chip{padding:var(--space-05) var(--space-1);border:1.5px solid var(--color-on-primary);border-radius:var(--radius-xl);background:var(--color-secondary);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:var(--color-on-primary);white-space:nowrap}.game-details__description{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-on-bg)}.game-details__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.game-details__actions .btn{flex:1 1 auto}.game-details__favorite{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.game-details__favorite .material-symbols-outlined{font-variation-settings:"FILL" 0}.game-details__favorite--active{border-color:var(--color-like);color:var(--color-like)}.game-details__favorite--active .material-symbols-outlined{color:var(--color-like);font-variation-settings:"FILL" 1}.game-details__section-heading{margin:0 0 var(--space-2);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-on-primary)}.game-details__records{padding-block:var(--space-3);border-bottom:var(--border-width-default) solid var(--color-outline-variant)}.game-details__records-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.game-details__record{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-width-default) solid var(--color-outline-variant);border-radius:var(--radius-lg)}.game-details__record-rank{flex-shrink:0;width:var(--space-4);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-primary)}.game-details__record-name{flex:1 1 auto;min-width:0;overflow:hidden;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-on-primary);text-overflow:ellipsis;white-space:nowrap}.game-details__record-score{flex-shrink:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-on-bg)}.game-details__comments{padding-top:var(--space-3)}.game-details__comment-form{display:flex;align-items:flex-end;gap:var(--space-1);margin-bottom:var(--space-3)}.game-details__comment-field{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-05);min-width:0}.game-details__comment-form-avatar{align-self:flex-start;margin-top:var(--space-05)}.game-details__comment-status{margin:0;font-size:var(--font-size-xs);color:var(--color-on-bg)}.game-details__comment-status:empty{display:none}.game-details__comment-status--error{color:var(--color-error)}.game-details__comment-input{flex:1 1 auto;min-height:40px;max-height:88px;padding:var(--space-1) var(--space-2);border:var(--border-width-default) solid var(--color-on-primary);border-radius:var(--radius-lg);background:var(--color-white);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-on-primary);resize:none}.game-details__comment-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.game-details__comment-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.game-details__comment-submit{flex-shrink:0;gap:var(--space-05)}.game-details__comment-submit:disabled{opacity:var(--opacity-disabled)}.game-details__comments-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.game-details__comment{display:flex;align-items:flex-start;gap:var(--space-2)}.game-details__comment-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);background:var(--color-secondary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-on-primary)}.game-details__comment-avatar--tone-1{background:var(--color-avatar-random-1)}.game-details__comment-avatar--tone-2{background:var(--color-avatar-random-2)}.game-details__comment-avatar--tone-3{background:var(--color-avatar-random-3)}.game-details__comment-avatar--tone-4{background:var(--color-avatar-random-4)}.game-details__comment-avatar--tone-5{background:var(--color-avatar-random-5)}.game-details__comment-body{flex:1 1 auto;min-width:0}.game-details__comment-author{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-on-primary)}.game-details__comment-text{margin:var(--space-05) 0 0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-on-bg)}.game-details__comment-like{display:flex;flex-shrink:0;align-items:center;gap:var(--space-05);padding:0;border:none;background:none;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:var(--color-on-bg);cursor:pointer}.game-details__comment-like .material-symbols-outlined{font-size:18px;font-variation-settings:"FILL" 0}.game-details__comment-like:disabled{cursor:progress}.game-details__comment-like--active{color:var(--color-like)}.game-details__comment-like--active .material-symbols-outlined{font-variation-settings:"FILL" 1}.game-details__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.game-details__close{z-index:1}.game-details__hero-skeleton{width:100%;height:100%;border-radius:0}.game-details__skeleton-line{width:100%;height:14px}.game-details__skeleton-line--title{width:55%;height:26px}.game-details__skeleton-line--chips{width:70%;height:22px;border-radius:var(--radius-xl)}.game-details__skeleton-line--short{width:45%}.game-details__records:has(.game-details__skeleton-record){display:flex;flex-direction:column;gap:var(--space-1)}.game-details__skeleton-record{height:40px;border-radius:var(--radius-lg)}.game-details__empty{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-on-bg)}.game-details__comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)}.game-details__comment-time{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-on-bg)}.game-details__comments-content{display:flex;flex-direction:column;gap:var(--space-2)}.game-details__skeleton-comment{flex:1 1 auto;height:48px}