/* Shared card dimensions; uploaded art fills the poster without distortion. */
.catalog-filter-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 22px; color: var(--sd-text,var(--public-ink,#eee)); }
.catalog-filter-toolbar .catalog-search { display: flex; align-items: center; gap: 10px; flex: 1 1 240px; min-width: 0; margin: 0; }
.catalog-filter-toolbar select, .catalog-filter-toolbar .catalog-search { min-height: 40px; border: 1px solid var(--sd-line,var(--public-line,#ffffff24)); border-radius: 9px; background: var(--sd-panel,var(--public-panel,#18181e)); color: inherit; font: 500 12px/1.4 Inter,sans-serif; padding: 9px 12px; max-width: 100%; }
.catalog-filter-toolbar select { flex: 0 1 auto; }
.catalog-filter-toolbar .catalog-search input { width: 100%; min-width: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; box-shadow: none; }
.catalog-filter-toolbar .catalog-search i { position: static; color: var(--sd-muted,var(--public-muted,#aaa)); }
.catalog-filter-reset { font: 500 11px/1.4 Inter,sans-serif; padding: 9px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.catalog-filter-count { font-size: 11px; white-space: nowrap; color: var(--sd-muted,var(--public-muted,#aaa)); }
.catalog-filter-empty { font-size: 13px; padding: 20px 0; color: var(--sd-muted,var(--public-muted,#aaa)); }
[data-catalog-item][hidden], .catalog-filter-toolbar [hidden], .catalog-filter-empty[hidden] { display: none!important; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .catalog-filter-toolbar .game-center-search { display: flex; position: static; flex: 1 1 240px; width: auto; max-width: none; height: 40px; margin: 0; padding: 9px 12px; background: var(--sd-panel); border: 1px solid var(--sd-line); border-radius: 9px; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .catalog-filter-toolbar .game-center-search > i { position: static; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .catalog-filter-toolbar .game-center-search > input { height: auto; padding: 0; border: 0; background: transparent; font-size: 12px; }
@media(max-width:540px) { .catalog-filter-toolbar .catalog-search { flex-basis: 100%; } .catalog-filter-toolbar select { flex: 1 1 110px; min-width: 0; } }
.catalog-upcoming-card, .catalog-game-card { min-width: 0; color: var(--public-ink, #e8e8ed); }
.catalog-upcoming-card .studio-game-poster { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 9 / 16; border: 1px dashed var(--public-line, #ffffff24); border-radius: 11px; background: var(--public-panel, #17171b); overflow: hidden; }
.catalog-poster-link { display: block; position: absolute; inset: 0; border-radius: inherit; overflow: hidden; }
.catalog-poster-link > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.catalog-poster-link:focus-visible { outline: 2px solid #d63563; outline-offset: -3px; }
.catalog-upcoming-card .studio-game-poster > i { font-size: 32px; color: #efbb45; }
.catalog-upcoming-card .game-center-card-body, .catalog-game-card .game-center-card-body { padding: 9px 0 0; }
.catalog-upcoming-card h3, .catalog-game-card h3 { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; overflow-wrap: anywhere; }
.catalog-upcoming-card p, .catalog-game-card p { margin: 4px 0 0; font-size: 11px; line-height: 1.5; color: var(--public-muted, #92929e); overflow-wrap: anywhere; }
.catalog-card-summary, .studio-app [data-studio-game-description] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.catalog-coming-badge { position: absolute; pointer-events: none; top: 9px; left: 9px; max-width: calc(100% - 18px); padding: 5px 8px; border-radius: 6px; background: #d6c7ff; color: #3e2766; font-size: 10px; font-weight: 750; line-height: 1.3; }
.site-template #view-catalog .game-cover-card > .catalog-game-badges { position: absolute; top: 9px; left: 9px; right: 9px; margin: 0; display: flex; flex-wrap: wrap; gap: 4px; pointer-events: none; }
.catalog-game-badges > span { font: 700 9px/1.2 Inter,sans-serif; padding: 5px 7px; border-radius: 6px; }
.catalog-game-badges > .studio-game-free { background: #3fd6a1; color: #073d2e; }
.catalog-game-badges > .studio-game-new { background: #ffc438; color: #352000; }
.catalog-game-badges > .studio-game-pass { background: #edd2a4; color: #322215; }
.catalog-upcoming-badges { position: absolute; top: 9px; left: 9px; right: 9px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px; pointer-events: none; }
.catalog-upcoming-badges > .catalog-coming-badge { position: static; max-width: none; background: #d6c7ff; color: #3e2766; }
body#tikinteract-site.public-approved .catalog-carousel-controls { grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-width: 0; margin-top: 6px; }
body#tikinteract-site.public-approved .catalog-carousel-controls[hidden] { display: none; }
body#tikinteract-site.public-approved .catalog-carousel-controls > button { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--public-line); background: transparent; color: var(--public-ink); cursor: pointer; font-size: 14px; flex: none; }
.catalog-carousel-dots { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 5px; max-width: 200px; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
body#tikinteract-site.public-approved .catalog-carousel-dots > button { display: block; flex: none; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: var(--public-muted); opacity: .45; cursor: pointer; }
body#tikinteract-site.public-approved .catalog-carousel-dots > button[aria-current=true] { background: #bb315a; opacity: 1; width: 20px; border-radius: 8px; }
.catalog-carousel-count { font-size: 10px; color: var(--public-muted); white-space: nowrap; }
body#tikinteract-site.public-approved [data-catalog-featured].catalog-featured .home-nova-copy > [data-featured-description] { font-size: 14px; line-height: 1.8; white-space: pre-line; overflow-wrap: anywhere; }
body#tikinteract-site.public-approved .catalog-featured-phone[hidden] { display: none!important; }
body#tikinteract-site.public-approved .catalog-featured-phone { position: relative; aspect-ratio: 9/16; width: 100%; max-width: 300px; min-height: 0; align-self: center; justify-self: center; border: 5px solid #24242c; border-radius: 25px; overflow: hidden; }
body#tikinteract-site.public-approved .catalog-featured-phone > :is(img,video) { display: block; width: 100%; height: 100%; object-fit: cover; }
body#tikinteract-site.public-approved .catalog-featured-phone > [hidden] { display: none; }
@media(max-width:1000px) { body#tikinteract-site.public-approved .catalog-featured-phone { grid-column: 1/-1; max-width: 270px; } }
.studio-app [data-upcoming-game] .studio-upcoming-poster.has-cover { display: block!important; }
.studio-app [data-upcoming-game] .game-center-card-body > p { display: -webkit-box!important; overflow-wrap: anywhere; }
.catalog-upcoming-section[hidden], [data-upcoming-game][hidden], [data-studio-upcoming][hidden] { display: none!important; }
.site-template #view-catalog > section > .grid,
.site-template #view-catalog > section:first-of-type > .grid,
.studio-app .game-center-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 200px));
    gap: 14px;
    justify-content: start;
}
.site-template #view-catalog .game-cover-card {
    display: block;
    padding: 0;
    border-radius: 11px;
    overflow: hidden;
    background: #111114;
    position: relative;
    min-height: 0;
    aspect-ratio: 9 / 16;
}
.site-template #view-catalog .game-cover-card > .game-card-preview,
.studio-app .game-center-card.game-cover-card > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #08080b;
}
.site-template #view-catalog .game-cover-card > .game-card-preview { position: absolute; inset: 0; height: 100%; }
body#tikinteract-site.public-approved #view-catalog > section { margin: 0 0 38px; }
body#tikinteract-site.public-approved #view-catalog > section > h2 { margin: 0 0 18px; }
body#tikinteract-site.public-approved #view-catalog > section > .grid.catalog-game-grid { grid-template-columns: repeat(6,minmax(0,1fr)); align-items: start; gap: 24px 16px; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel [data-game-category] { container: game-catalog / inline-size; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .game-center-grid.catalog-game-grid { grid-template-columns: repeat(6,minmax(0,1fr))!important; }
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .game-center-grid.catalog-game-grid > article { max-width: none; }
@media(max-width:1000px) { body#tikinteract-site.public-approved #view-catalog > section > .grid.catalog-game-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) { body#tikinteract-site.public-approved #view-catalog > section > .grid.catalog-game-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:540px) { body#tikinteract-site.public-approved #view-catalog > section > .grid.catalog-game-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 12px; } }
@container game-catalog (max-width:760px) { body#tikinteract-studio.studio-app.studio-modern #game-center-panel .game-center-grid.catalog-game-grid { grid-template-columns: repeat(4,minmax(0,1fr))!important; } }
@container game-catalog (max-width:500px) { body#tikinteract-studio.studio-app.studio-modern #game-center-panel .game-center-grid.catalog-game-grid { grid-template-columns: repeat(3,minmax(0,1fr))!important; } }
@container game-catalog (max-width:320px) { body#tikinteract-studio.studio-app.studio-modern #game-center-panel .game-center-grid.catalog-game-grid { grid-template-columns: repeat(2,minmax(0,1fr))!important; } }
.game-cover-card:focus-visible,
.game-cover-card button:focus-visible {
    outline: 2px solid #f3a0b2;
    outline-offset: 4px;
}
.studio-app .game-center-card.game-cover-card {
    border-radius: 11px;
    overflow: hidden;
}
body#tikinteract-studio.studio-app.studio-modern #game-center-panel .studio-game-poster > img { object-fit: cover; }
.studio-app .game-cover-card .game-center-card-body {
    padding: 8px;
}
.studio-app .game-cover-card .game-center-card-body > button {
    margin: 0;
    min-height: 40px;
    padding: 10px 8px;
    justify-content: center;
    gap: 5px;
    font-size: 10px;
}
.studio-app .game-cover-card .game-center-card-body > button > i { display: none; }
.studio-app .game-cover-card > .game-favorite-star {
    width: 28px;
    height: 28px;
    top: auto;
    bottom: 64px;
    right: 7px;
    font-size: 18px;
    border: 1px solid #ffffff40;
    border-radius: 50%;
    background: #0b0b12cf;
    backdrop-filter: blur(8px);
}
@media (max-width: 600px) {
    .site-template #view-catalog > section > .grid,
    .site-template #view-catalog > section:first-of-type > .grid,
    .studio-app .game-center-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }
    .studio-app .game-cover-card .game-center-card-body { padding: 5px; }
    .studio-app .game-cover-card .game-center-card-body > button {
        padding: 7px 4px;
        font-size: 9px;
        line-height: 1.4;
    }
    .studio-app .game-cover-card > .game-favorite-star { bottom: 56px; }
}
@media (prefers-reduced-motion: reduce) {
    .game-cover-card { transition: none; }
}