/* One readable type rhythm for the catalog, its shelves and site information. */
.app-shell :is(.search,.catalog-tabs,.section-heading,.popular-heading,.catalog-intro,.library-section,.new-releases,.game-info,.site-footer,.genre-discovery){font-family:inherit;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app-shell :is(.game-info h3,.section-heading h2,.popular-heading h2,.new-releases h2,.library-section h3,.release-card strong,.site-footer h3){font-family:inherit;font-weight:650;letter-spacing:-.018em;line-height:1.35;-webkit-text-stroke:0;text-shadow:none}
.app-shell :is(.catalog-intro,.site-footer p,.site-footer small){font-weight:400;line-height:1.7;color:#aaa6ba}
.app-shell .catalog-tabs button{font-family:inherit;font-weight:600;letter-spacing:0}
.app-shell :is(.section-heading .eyebrow,.popular-heading .eyebrow,#newReleases [data-release-eye]){font-family:inherit;font-weight:650;letter-spacing:.11em}
.app-shell .genre-discovery-grid button{font-family:inherit;font-weight:600}
.app-shell .ranking-column :is(h3,strong){font-family:inherit;font-weight:650;line-height:1.4}
.app-shell :is(.new-releases>header button,.new-releases>header a,.popular-heading button,.library-section>header a){font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.005em}
.app-shell .release-card strong{font-size:16px;font-weight:600}
.app-shell #newReleases>header :is(button,a){font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.005em}
.app-shell #newReleases .release-card strong{font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.app-shell :is(.release-card small,.game-info .developer,.game-info .version,.game-info .updated){font-family:inherit;font-weight:400;line-height:1.45}
.app-shell .site-footer{font-size:14px;line-height:1.65}.app-shell .site-footer strong{font-weight:650}.app-shell .site-footer a{font-family:inherit;font-weight:500}
.app-shell .site-footer .footer-columns :is(a,button){font-family:inherit;font-size:14px;font-weight:500;line-height:1.55}
.app-shell .site-footer .footer-columns>nav>strong{font-family:inherit;font-size:15px;font-weight:650;letter-spacing:.005em}
.app-shell .site-footer>[data-footer-i18n=copyright]{font-family:inherit;font-size:12px;line-height:1.65}
.search{grid-template-columns:24px minmax(0,1fr) 36px}
.search #clearSearch{display:grid;place-items:center;justify-self:end;align-self:center;box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;margin:0;line-height:0;transform:none;border-radius:11px;position:relative;font-size:0;color:#a9a2bd}
.search #clearSearch::before,.search #clearSearch::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.6px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.search #clearSearch::after{transform:translate(-50%,-50%) rotate(-45deg)}
.search #clearSearch:hover{color:#eee7ff;background:#a88cdc14}.search #clearSearch:focus-visible{outline:2px solid #8edcf2;outline-offset:1px}
.topbar .brand-home .main-wordmark,.telegram-header-wordmark .main-wordmark{animation-duration:6.5s!important}
.topbar .brand-home .brand-caption{font-family:inherit;font-size:clamp(12px,.95vw,15px);font-weight:600;line-height:1.45;letter-spacing:.09em;margin-top:8px;color:var(--brand-caption-color,#9cecff);text-shadow:none;opacity:.9;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.topbar .brand-home .brand-caption::before,.topbar .brand-home .brand-caption::after{content:'';display:block;width:22px;height:1px;background:linear-gradient(to right,transparent,currentColor);opacity:.38}
.topbar .brand-home .brand-caption::after{transform:rotate(180deg)}
/* Only scroll content is masked; its arrow controls and focus ring remain outside. */
.tg-soft-rail[data-soft-edge=right]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
.tg-soft-rail[data-soft-edge=left]{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px);mask-image:linear-gradient(to right,transparent,#000 32px)}
.tg-soft-rail[data-soft-edge=both]{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
/* A light, static star field behind the lower identity area; only opacity breathes. */
.public-profile-hero{position:relative;isolation:isolate}
.public-profile-hero h3{font-family:inherit;font-weight:650;font-synthesis:none;line-height:1.35}
.public-profile-hero::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 75%,#8c66bf12,transparent 60%),radial-gradient(ellipse at 85% 85%,#49b0ba0d,transparent 55%),radial-gradient(circle at 12% 72%,#e1d6ff70 0 .65px,transparent 1.5px),radial-gradient(circle at 48% 48%,#ccecff55 0 .65px,transparent 1.5px),radial-gradient(circle at 76% 77%,#d7c7ff55 0 .65px,transparent 1.5px),radial-gradient(circle at 88% 38%,#b8ddff50 0 .6px,transparent 1.4px);opacity:.6}
.public-profile-hero.tg-stars-visible::before{animation:tg-profile-stars 9s ease-in-out infinite alternate}
html.window-inactive .public-profile-hero::before{animation-play-state:paused}
@keyframes tg-profile-stars{from{opacity:.35}to{opacity:.7}}
@media(min-width:901px){.app-shell .game-info h3{font-size:17px}.app-shell :is(.game-info .developer,.game-info .version,.game-info .updated){font-size:13px}.app-shell :is(.section-heading h2,.popular-heading h2,.new-releases h2,.library-section h3){font-size:24px}.app-shell .catalog-intro{font-size:15px;max-width:920px}.app-shell :is(.new-releases>header button,.new-releases>header a,.popular-heading button,.library-section>header a){font-size:15px}}
@media(max-width:700px){.topbar .brand-home .brand-caption{display:none}}
@media(max-width:600px){.search{grid-template-columns:22px minmax(0,1fr) 36px}.search #clearSearch{width:36px;height:40px;min-height:40px}.app-shell :is(.new-releases>header button,.new-releases>header a,.popular-heading button,.library-section>header a){font-size:13px}.app-shell #newReleases>header :is(button,a){font-size:14px}.app-shell #newReleases .release-card strong{font-size:15px}.app-shell .site-footer{font-size:13px}.app-shell .site-footer .footer-columns :is(a,button){font-size:13px}}
@media(prefers-reduced-motion:reduce){.topbar .brand-home .main-wordmark,.telegram-header-wordmark .main-wordmark{animation:none!important}.public-profile-hero::before{animation:none!important;opacity:.5}}