.page-collection:has(.collection-article) .mast{height:246px}.game-banner-art{background-size:145% auto;background-position:left center}.byline{font-size:14px}.catalog-layout>.catalog-filter{grid-column:1;grid-row:2/6;align-self:start;margin:0;font-size:13px;background:#fafafa}.catalog-filter>summary{font-weight:bold;padding:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#555}.catalog-filter .filters{display:flex;flex-direction:column;background:#fafafa;padding:10px;gap:0}.catalog-filter .check{font-size:12px}.catalog-filter label{padding:12px 0}.catalog-filter input,.catalog-filter select{font-size:12px}.page-home .feature.large h2{line-height:1.2}
@media(max-width:650px){.page-home .mast,.page-catalog .mast,.page-review .mast,.page-collection:has(.collection-article) .mast{display:none}.page-home .features,.page-home .features .feature.large{height:280px}.page-home .feature>div{justify-content:flex-end;padding:12px}.page-home .feature.large h2{font-size:20px}.catalog-layout>.catalog-filter{grid-column:1;grid-row:auto}.catalog-filter .filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-layout>#results{display:block}.catalog-layout>#results .row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;margin-bottom:18px}.catalog-layout .row img{height:155px;aspect-ratio:auto;box-shadow:none;background:#fafafa;object-fit:contain}.catalog-layout .row h2{margin-top:0;font-size:14px}.catalog-layout .row small{font-size:11px}.catalog-layout .row .rating{font-size:13px}.catalog-layout>h1{font-size:27px}.page-review .game-banner-art{display:none}.game-banner-info{min-height:285px;align-items:flex-start;flex-wrap:wrap;padding:15px}.game-banner-info>img{height:115px;width:95px}.game-banner-info>div{width:calc(100% - 115px);padding-top:4px}.game-banner-info h2{font-size:25px}.game-banner-info span{display:block;font-size:13px;line-height:1.8}.game-banner-info>strong{width:100%;margin-left:0;text-align:right;font-size:35px;padding:15px}.game-banner-info>strong::before{content:'Оценка Cozy Switch';float:left;font-size:15px;line-height:42px}.page-review .subtitle{font-size:16px;line-height:1.45}.page-collection .byline{font-size:12px;padding:16px 0}.collection-article h1{line-height:1.15}.collection-cover{margin-top:20px}}
.page-home .features{width:100%}
body#top>.mast{display:none}

/* Generated community banners, a stable linked image area and accessible rotation. */
.cs-telegram-banner{margin:10px 0 25px;max-width:390px;position:relative;background:#f4f1e8}
.cs-banner-slide{display:block;aspect-ratio:3/5;overflow:hidden}
.cs-banner-slide img{display:block;width:100%;height:100%;object-fit:cover}
.cs-banner-slide:hover{filter:brightness(1.035)}
.cs-banner-slide:focus-visible{outline:3px solid #258bcc;outline-offset:3px}
.cs-banner-controls{display:flex;align-items:center;justify-content:center;position:relative;background:#f6f6f6;min-height:38px;border:1px solid #e5e5e5;border-top:0}
.cs-banner-dots{display:flex;gap:0}
.cs-banner-dots button{width:32px;height:34px;border:0;padding:10px;background:transparent;display:grid;place-items:center}
.cs-banner-dots button:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#aaa}
.cs-banner-dots button[aria-pressed=true]:before{background:#e60012;width:9px;height:9px}
.cs-banner-pause{position:absolute;right:5px;top:2px;width:34px;height:34px;border:0;background:transparent;color:#555;font-size:15px}
@media(max-width:650px){.cs-telegram-banner{margin:25px auto}.cs-banner-controls{min-height:44px}.cs-banner-dots button,.cs-banner-pause{height:42px;min-width:42px}.cs-banner-pause{top:0}}
.cs-top-banner-wrap{background:#fff;padding:12px 13px 0;max-width:1280px;margin:0 auto}
.cs-top-banner-wrap .cs-telegram-banner--wide{max-width:1100px;margin:0 auto}
.cs-telegram-banner--wide .cs-banner-slide{aspect-ratio:3/1}
.cs-telegram-banner--wide .cs-banner-controls{min-height:30px}
.cs-telegram-banner--wide .cs-banner-dots button{height:29px}
.cs-telegram-banner--wide .cs-banner-pause{height:28px;top:0}
@media(max-width:650px){.cs-top-banner-wrap{padding:10px 10px 0}.cs-top-banner-wrap .cs-telegram-banner--wide{margin:0}.cs-telegram-banner--wide .cs-banner-controls{min-height:44px}.cs-telegram-banner--wide .cs-banner-dots button,.cs-telegram-banner--wide .cs-banner-pause{height:42px}}
/* Cover the review hero proportionally, centred on the original screenshot. */
.game-banner-art{background-size:cover;background-position:center center;background-repeat:no-repeat}
.game-banner-info>img,.row img,.feature img,.mini img,.pick-banner>img{object-fit:cover;object-position:center}
[data-saved-count]{display:inline-grid;place-items:center;font-size:11px;min-width:20px;height:20px;border-radius:12px;background:#fff;color:var(--accent);padding:0 5px}
#empty a{display:inline-block;color:#b50012;text-decoration:underline}

/* Keep long translation information inside both review and sidebar columns. */
.verdict>div{min-width:0;flex:1}
.verdict p,.game-facts dd{overflow-wrap:anywhere}
.translation-link{color:#a65000;text-decoration:underline;text-underline-offset:2px}

.game-banner-heading{flex:1;min-width:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;border:1px solid transparent;font:700 13px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.hero-actions .hero-save{background:#fff;color:#a65000;border-color:#fff}
.hero-actions .hero-save[aria-pressed=true]{background:#fff5dd;color:#843d00;border-color:#843d00}
.hero-actions .hero-save:hover{filter:brightness(.96)}
@media(max-width:650px){
 .game-banner-info{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;min-height:0;align-items:start}
 .game-banner-info>.game-banner-heading{display:contents}
 .game-banner-info>img{grid-column:1;grid-row:1/3;width:95px;height:115px}
 .game-banner-heading>h2{grid-column:2;grid-row:1;font-size:24px;line-height:1.2;margin:3px 0 0}
 .game-banner-heading>span{grid-column:2;grid-row:2;align-self:start;font-size:12px;line-height:1.6}
 .hero-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;margin-top:0;gap:8px}
 .hero-actions .button{font-size:12px;padding:11px 9px;min-height:44px;min-width:0}
 .hero-actions .hero-save{grid-column:1/-1}
 .game-banner-info>strong{grid-column:1/-1;grid-row:4;margin:0}
}

/* The banner fills the viewport width directly below navigation. */
.cs-top-banner-wrap{max-width:none;width:100%;margin:0;padding:0}
.cs-top-banner-wrap .cs-telegram-banner--wide{width:100%;max-width:none;margin:0}
@media(max-width:650px){.cs-top-banner-wrap{padding:0}.cs-top-banner-wrap .cs-telegram-banner--wide{margin:0}}

.catalog-layout .row>div>p{display:block;font-size:13px;line-height:1.6;margin:9px 0 12px;color:#666}
@media(max-width:650px){.catalog-layout .row>div>p{font-size:12px;line-height:1.55;margin:7px 0 9px}}

.game-taxonomy a{color:#777;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:2px;line-height:1.7}
.game-taxonomy a:hover{color:var(--red);text-decoration-color:var(--red)}
.pick-facts a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.game-banner-heading>span>a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.home-catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #ddd}.home-catalog-controls [role=group]{display:flex;gap:0}.home-catalog-controls button{border:1px solid #ddd;background:#f6f6f6;padding:11px 15px;font-weight:bold;font-size:14px}.home-catalog-controls button[aria-pressed=true]{background:#e60012;color:white;border-color:#e60012}.home-catalog-controls span{font-size:12px;color:#888}.home-more{width:100%;border:0}.shared-page-columns>section{min-width:0}.columns .catalog-layout{grid-template-columns:160px minmax(0,1fr);gap:18px}.columns .catalog-layout #results{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1050px){.shared-page-columns:has(.catalog-layout){display:block}}@media(max-width:650px){.home-catalog-controls{align-items:flex-start;flex-wrap:wrap}.home-catalog-controls button{font-size:13px;padding:10px}.columns .catalog-layout{display:block}}
.home-brands{margin:35px 0 5px}.home-brands>section{margin:30px 0}.brand-section-heading{display:flex;justify-content:space-between;align-items:center;background:#e60012;color:#fff;margin-bottom:20px}.brand-section-heading .bar{margin:0}.brand-section-heading>a{font-size:13px;padding:15px;white-space:nowrap}.brand-section-heading>a:hover{color:#fff}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.brand-link{display:flex;flex-direction:column;min-width:0;text-align:center;align-items:center;padding:15px 12px;border:1px solid #e5e5e5;background:#fff;gap:10px}.brand-logo{width:100%;height:70px;display:flex;align-items:center;justify-content:center;background:white}.brand-logo img{display:block;max-width:100%;max-height:70px;width:100%;height:70px;object-fit:contain}.brand-link strong{font-size:14px;line-height:1.4;min-height:2.8em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.brand-link small{color:#888;font-size:12px;margin-top:auto}.brand-link--text{justify-content:center}.brand-directory .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-profile{display:flex;align-items:center;gap:20px;margin:0 0 20px;grid-column:1/-1;padding:15px;background:#fafafa}.brand-profile img{width:180px;height:80px;object-fit:contain}.brand-profile a{font-size:13px}@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.brand-grid,.brand-directory .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-section-heading{align-items:flex-start}.brand-section-heading .bar{font-size:19px}.brand-section-heading>a{font-size:11px}.brand-profile{display:block}.brand-profile a{display:block;margin-top:15px}}
header{position:relative}.nav-scroll-hint{position:absolute;right:0;top:70px;height:50px;width:36px;border:0;background:linear-gradient(90deg,#e60012aa,#c70010 35%);color:#fff;font-size:35px;font-weight:bold;line-height:1;z-index:12;box-shadow:-8px 0 14px #a6000833}#mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:30;background:#282828;color:white;max-height:calc(100dvh - 120px);overflow-y:auto;box-shadow:0 8px 18px #0004;padding:10px 18px}#mobile-menu>a{display:flex;gap:12px;align-items:center;padding:15px 8px;border-bottom:1px solid #ffffff25;font-weight:bold}#mobile-menu>a .icon{width:22px;height:22px}#mobile-menu .nav-categories{display:block;position:static;margin:0}#mobile-menu .nav-categories summary{padding:15px 8px;color:white;background:#282828}#mobile-menu .nav-category-panel{position:static;width:auto;max-width:none;grid-template-columns:1fr;box-shadow:none;background:#333;color:white;padding:12px}#mobile-menu .nav-category-panel a{color:white;padding:10px 8px}#mobile-menu .nav-category-panel strong{color:#ddd}@media(max-width:650px){.nav-scroll-hint{top:68px;height:49px}header>nav{padding-right:35px;scroll-padding-right:35px}}
.catalog-layout>.brand-heading{grid-column:1/-1;grid-row:1;min-width:0}.brand-heading h1{margin:0 0 20px}.brand-heading .brand-profile{margin-bottom:0}@media(max-width:650px){.brand-heading h1{font-size:27px}}

.trailer-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#111;overflow:hidden}.trailer-player iframe{display:block;width:100%;height:100%;border:0}.trailer-external{font-size:13px;margin:8px 0 20px;color:#777}

.row-heading{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:6px;margin-bottom:8px}.row-title{flex:0 1 auto;min-width:0;max-width:100%}.row .row-heading h2{margin:0;display:inline}.row-save{flex:0 0 auto;white-space:nowrap;border:0;background:none;color:#777;font-size:12px;padding:3px 0;line-height:1.5;cursor:pointer}.row-save:hover,.row-save[aria-pressed="true"]{color:var(--accent,var(--red))}.row-save:focus-visible{outline:2px solid var(--accent,var(--red));outline-offset:3px}

@media(max-width:650px){
 .row,.catalog-layout>#results .row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
 .row>div{display:contents}
 .row>.row-image{grid-column:1;grid-row:2;display:block;width:100%;margin:0}
 .row .row-heading{grid-column:1;grid-row:1;margin:0;gap:6px 12px}
 .row .row-heading h2,.catalog-layout .row .row-heading h2{font-size:20px;line-height:1.3}
 .row .row-image img,.catalog-layout .row .row-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;box-shadow:none}
 .row>div>p,.page-home .row>div>p{grid-column:1;grid-row:3;display:block;-webkit-line-clamp:unset;overflow:visible;height:auto;margin:0;font-size:15px;line-height:1.6}
 .row>div>small{grid-column:1;grid-row:4;font-size:12px;line-height:1.6}
 .row .row-community{grid-column:1;grid-row:5;margin:0;flex-wrap:wrap}
}

@media(max-width:650px){
 .page-home .features.features-slider{display:block;position:relative;height:280px;overflow:hidden;touch-action:pan-y}
 .page-home .features.features-slider>.feature,.page-home .features.features-slider>.feature.large,.page-home .features.features-slider>.feature:nth-child(n){display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease}
 .page-home .features.features-slider>.feature.feature-active{opacity:1;visibility:visible;pointer-events:auto}
 .page-home .features.features-slider .feature>div{justify-content:flex-end;padding:14px}
 .page-home .features.features-slider .feature h2,.page-home .features.features-slider .feature.large h2,.page-home .features.features-slider .feature:nth-child(n+4) h2{font-size:22px;line-height:1.25;margin:5px 0 0}
 .page-home .features.features-slider .feature p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;font-size:14px;line-height:1.4;margin:6px 0 0}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){.page-home .features.features-slider>.feature{transition:none}}

.brand-logo{border-radius:4px;overflow:hidden;padding:8px}.brand-logo img{background:inherit;height:100%;max-height:100%;object-fit:contain}.brand-profile .brand-profile-logo{flex:0 0 200px;width:200px;height:95px;padding:12px}.brand-profile .brand-profile-logo img{width:100%;height:100%;max-height:100%}

.catalog-layout--brand>.brand-heading{display:flex;align-items:center;gap:24px;padding:0 0 22px;border-bottom:1px solid #ddd;margin:0 0 4px}
.catalog-layout--brand .brand-heading h1{margin:0;min-width:0;font-size:34px;line-height:1.2;overflow-wrap:anywhere}
.catalog-layout--brand .brand-profile-logo{width:180px;height:90px;flex:0 0 180px;padding:10px}
.catalog-layout--brand>.catalog-filter{grid-row:2/6}
.catalog-layout--brand>#result-count{grid-row:2}
.catalog-layout--brand>#results{grid-row:3;align-items:start}
.catalog-layout--brand>#pagination{grid-row:4}
.catalog-layout--brand>#empty{grid-row:5}
@media(max-width:650px){
 .catalog-layout--brand>.brand-heading{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:20px;margin-bottom:18px}
 .catalog-layout--brand .brand-heading h1{font-size:27px}
 .catalog-layout--brand .brand-profile-logo{flex-basis:auto;width:180px;height:90px}
 .catalog-layout--brand>.catalog-filter{margin-bottom:16px}
 .catalog-layout--brand>#result-count{margin:0 0 16px}
}

.cs-top-banner-wrap{width:100%;max-width:1280px;margin:0 auto;padding:10px 13px 0;box-sizing:border-box}
.cs-top-banner-wrap .cs-telegram-banner--wide{width:100%;max-width:none;margin:0}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide{position:relative;isolation:isolate;height:185px;aspect-ratio:auto;overflow:hidden;background:#252831}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide::before{content:"";position:absolute;inset:-25px;z-index:-1;background-image:var(--banner-art);background-position:center;background-size:cover;filter:blur(22px) brightness(.55);opacity:.8;pointer-events:none}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide img{display:block;position:relative;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:650px){
 .cs-top-banner-wrap{padding:10px 10px 0}
 .cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide{height:auto;max-height:185px;aspect-ratio:3/1}
}

/* Keep the artwork's native 3:1 proportions; do not stretch the banner area. */
.cs-top-banner-wrap .cs-telegram-banner--wide{width:min(100%,555px);max-width:555px;margin:0 auto}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide{width:100%;height:auto;aspect-ratio:3/1;max-height:185px;background:transparent}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide::before{content:none}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide img{width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.cs-top-banner-wrap .cs-telegram-banner--wide{margin:0 auto}}

.cs-top-banner-wrap .cs-telegram-banner--wide{width:100%;max-width:none;margin:0}
.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide{width:100%;height:auto;max-height:185px;aspect-ratio:8.5/1;background:transparent}
.cs-top-banner-wrap .cs-banner-slide picture{display:block;width:100%;height:100%}
.cs-top-banner-wrap .cs-banner-slide picture img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.cs-top-banner-wrap .cs-telegram-banner--wide .cs-banner-slide{aspect-ratio:3/1}}
