:root {
    --card-shadow: #33333322;
    --gridTemplateColumns: 17;
    --cellSpacing: 16px;
    --theme-color: rgb(37, 150, 237);
    --poko-nav-accent: #009cff;
    --poko-nav-card-width: 204px;
    --poko-nav-card-height: 94px;
    --poko-nav-logo-height: 36px;
    --poko-nav-logo-width: 92px;
    --poko-nav-action-column: 58px;
    --poko-nav-divider: #f0f5fc;
    --poko-nav-shadow: 0 7px 10px 4px rgba(93, 107, 132, 0.3);
    --poko-nav-text: #002b50;
    --poko-nav-transition: cubic-bezier(.25, .1, .25, 1);
    --footer-bg: #1a1a2e;
    --footer-text: #ffffff;
}

/* Footer Styles */
footer:not(.q3dppPisdqD1gwCqXrlY) {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text) !important;
    margin-top: auto;
}

.q3dppPisdqD1gwCqXrlY {
    --ribbon-h: 5%;
    background-color: transparent !important;
    color: inherit !important;
    margin: 40px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (min-width: 771px) and (max-width: 1210.9px) {
    .q3dppPisdqD1gwCqXrlY {
        --ribbon-h: 8%;
    }
}

@media (min-width: 1211px) {
    .q3dppPisdqD1gwCqXrlY {
        --ribbon-h: 12%;
        --content-left: calc(50vw - 930px);
        --wedge-start: calc(var(--content-left) + 651px);
        --wedge-end: calc(var(--content-left) + 691.92px);
    }
}

.q3dppPisdqD1gwCqXrlY::before,
.q3dppPisdqD1gwCqXrlY::after {
    display: none !important;
}

.poko-clone-footer-surface,
.poko-clone-footer-wedge {
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.poko-clone-footer-surface {
    background: #fff;
    clip-path: polygon(100% 2.28%, 95.85% 0, .03% 2.43%, .03% 100%, 100% 100%, 100% 2.28%);
    z-index: 2;
}

.poko-clone-footer-wedge {
    background: #f0f5fc;
    clip-path: polygon(100% 2.28%, 100% 100%, 90.12% 100%, 95.85% 0);
    z-index: 3;
}

@media (min-width: 1211px) {
    .poko-clone-footer-surface {
        clip-path: polygon(0 8%, var(--wedge-start) 0, var(--wedge-end) 8%, 100% 0, 100% 100%, 0 100%);
    }

    .poko-clone-footer-wedge {
        clip-path: polygon(var(--wedge-start) 0, var(--wedge-end) 8%, calc(var(--wedge-end) + 1%) 100%, calc(var(--wedge-start) - 1%) 100%);
    }
}

.C9JUSu6VaKM5y0Kq4sg2 {
    display: block;
    height: var(--logoHeight, 100%);
    margin: 0 auto;
    width: var(--logoWidth, 100%);
}

.sWw2o0mSwsqQYurRQt6c {
    --icon-width: 100%;
    --icon-height: 100%;
    display: block;
}

.kzPaMiKIK5c1hyP3aSiu {
    background-image: var(--icon-src);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: var(--icon-height, 24px);
    width: var(--icon-width, 24px);
}

.B3Ykv32PAQzAWDm8ZLxP {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 auto;
    max-width: 1860px;
    padding: 56px 32px;
    position: relative;
    width: 100%;
    z-index: 4;
}

.gYKLsrGper0lDtd1Jh5L {
    display: contents;
}

.Bi9DuiJufrziZoOBS4ZX {
    order: 1;
}

@media (min-width: 661px) {
    .B3Ykv32PAQzAWDm8ZLxP {
        align-items: start;
        display: grid;
        gap: 32px;
        grid-auto-rows: min-content;
        grid-template-columns: auto 1fr;
    }

    .gYKLsrGper0lDtd1Jh5L {
        display: flex;
        flex-direction: column;
        gap: 32px;
        grid-column: 1;
        grid-row: 1;
    }

    .mXTmsEBqPqY4oZrhcK6R {
        grid-column: 2;
        grid-row: 1;
    }

    .Bi9DuiJufrziZoOBS4ZX {
        align-self: start;
        order: 0;
    }
}

.aAo_lNI7j8nsrF98Hmza {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr;
}

@media (min-width: 771px) and (max-width: 1210.9px) {
    .aAo_lNI7j8nsrF98Hmza {
        gap: 24px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1211px) {
    .aAo_lNI7j8nsrF98Hmza {
        gap: 48px;
        grid-template-columns: repeat(3, 1fr);
    }
}

.NsUjvfZGYVJuaFFoj8UT {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 300px;
}

@media (min-width: 1211px) {
    .NsUjvfZGYVJuaFFoj8UT {
        width: 450px;
    }
}

.SlgM_E9RU37FivtI9q1v {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 200px;
}

.H_XbBqldWkI2_427QKOg,
.qMWRUBS9td2nFBRm5ow7 {
    max-width: 200px;
    word-break: break-word;
}

.H_XbBqldWkI2_427QKOg {
    color: #bac9de;
    font: 700 12px/22px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.mXTmsEBqPqY4oZrhcK6R {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    width: 100%;
}

@media (min-width: 661px) and (max-width: 770.9px) {
    .mXTmsEBqPqY4oZrhcK6R {
        justify-content: center;
    }
}

@media (min-width: 850px) {
    .mXTmsEBqPqY4oZrhcK6R {
        display: grid;
        flex-grow: 1;
        font-size: 16px;
        gap: 16px;
        justify-content: normal;
        justify-items: flex-start;
        justify-self: end;
        margin: 0 24px 0 16px;
        width: auto;
    }

    .mXTmsEBqPqY4oZrhcK6R .qMWRUBS9td2nFBRm5ow7 {
        flex-grow: 0;
        padding: 0;
        width: auto;
    }
}

.qMWRUBS9td2nFBRm5ow7 {
    background: none;
    color: #002b50;
    font: 700 14px/22px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    justify-self: end;
    text-decoration: none;
    transition: color .3s ease, text-decoration .3s ease;
}

.qMWRUBS9td2nFBRm5ow7:hover {
    color: #009cff;
    text-decoration-line: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.nDlYEPwiwt1Ocy1EY4QY {
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    vertical-align: middle;
    width: 51px;
}

.nFfRxeFvFwQzS_6hLEl2 {
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 28px;
    height: 32px;
    position: relative;
    text-decoration: none;
    width: max-content;
}

.nFfRxeFvFwQzS_6hLEl2:hover .jX1Y8HMEoQ0MUS7LKDJi {
    color: #009cff;
}

.xYiFDBzvOkiiM3nU6kag {
    align-items: center;
    display: inline-flex;
    position: relative;
}

.jX1Y8HMEoQ0MUS7LKDJi {
    color: #002b50;
    font: 700 18px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    margin: 0;
    transition: color .4s ease;
}

.qBUtGmyztDWwGnia_mYq {
    display: flex;
    gap: 16px;
}

.o9xIOU4zSGEaPg5mF5MQ {
    background: #002b50;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    position: relative;
    transition: background .3s ease;
    width: 36px;
}

.o9xIOU4zSGEaPg5mF5MQ:hover {
    background: #009cff;
}

.o9xIOU4zSGEaPg5mF5MQ:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
}

.o9xIOU4zSGEaPg5mF5MQ.mZsu6pL3yCExNTwxGp3h:after {
    background-image: url("https://a.poki-cdn.com/icons/tiktok.svg");
    filter: invert(1);
}

.o9xIOU4zSGEaPg5mF5MQ.A0SVMsfsITinnIFQSmTA:after {
    background-image: url("https://a.poki-cdn.com/icons/instagram.svg");
}

.o9xIOU4zSGEaPg5mF5MQ.TZVTnwdWUs1jBZcisb_Y:after {
    background-image: url("https://a.poki-cdn.com/icons/youtube.svg");
}

.o9xIOU4zSGEaPg5mF5MQ.poko-clone-footer-social--facebook:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13.5 22v-9h3l.5-3.5h-3.5V7.3c0-1 .3-1.7 1.8-1.7H17V2.5c-.3 0-1.4-.1-2.7-.1-2.7 0-4.5 1.7-4.5 4.8v2.3H7v3.5h2.9v9h3.6z'/%3E%3C/svg%3E");
}

.o9xIOU4zSGEaPg5mF5MQ.poko-clone-footer-social--x:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18.9 2H22l-6.8 7.8L23 22h-6.1l-4.8-6.3L6.6 22H3.5l7.3-8.3L1.3 2h6.2l4.4 5.8L18.9 2zm-1.1 18h1.7L6.4 3.9H4.6z'/%3E%3C/svg%3E");
}

/* ============================================
   POKI-STYLE FOOTER
   ============================================ */

/* About Section */
.about-section-wrapper {
    margin-top: 40px;
    margin-bottom: 0;
}

.about-content {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.about-content h2 {
    color: #002b50;
}

.about-content h3, 
.about-content h4 {
    color: #002b50;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

.about-content p {
    color: #4a5568;
    line-height: 1.7;
}

.about-content ul {
    list-style: disc;
    padding-left: 20px;
    margin: 12px 0;
}

.about-content ul li {
    margin: 6px 0;
}

.about-content a {
    color: #0284c7;
    text-decoration: none;
    transition: color 0.2s;
}

.about-content a:hover {
    color: #0369a1;
    text-decoration: underline;
}

/* Poki Footer Main */
.poki-footer {
    background: linear-gradient(135deg, #e0f7f4 0%, #b2f0e8 50%, #7ee8db 100%);
    position: relative;
    overflow: hidden;
}

.poki-footer .footer-wave {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: white;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    margin-left: -10%;
    margin-right: -10%;
    width: 120%;
}

.poki-footer .footer-content-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 40px;
}

.poki-footer .footer-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    flex-wrap: wrap;
}

/* Footer Brand Section */
.poki-footer .footer-brand {
    flex: 0 0 auto;
    min-width: 200px;
}

.poki-footer .footer-logo {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.poki-footer .footer-tagline {
    font-size: 16px;
    font-weight: 600;
    color: #002b50;
}

/* Social Icons */
.poki-footer .footer-social {
    display: flex;
    gap: 8px;
    margin-top: 24px;
}

.poki-footer .social-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #002b50;
    border-radius: 50%;
    color: white;
    transition: transform 0.2s, background 0.2s;
}

.poki-footer .social-icon svg {
    width: 20px;
    height: 20px;
}

.poki-footer .social-icon:hover {
    transform: scale(1.1);
    background: #004080;
}

/* Footer Links Grid */
.poki-footer .footer-links-grid {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}

.poki-footer .footer-column {
    min-width: 140px;
}

.poki-footer .footer-column-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    margin-bottom: 16px;
}

.poki-footer .footer-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.poki-footer .footer-links-list li {
    margin-bottom: 10px;
}

.poki-footer .footer-links-list a {
    font-size: 14px;
    font-weight: 600;
    color: #002b50;
    text-decoration: none;
    transition: color 0.2s;
}

.poki-footer .footer-links-list a:hover {
    color: #0284c7;
}

/* Responsive Footer */
@media screen and (max-width: 1024px) {
    .poki-footer .footer-grid {
        gap: 40px;
    }
    
    .poki-footer .footer-links-grid {
        gap: 40px;
    }
}

@media screen and (max-width: 768px) {
    .poki-footer .footer-grid {
        flex-direction: column;
        gap: 40px;
    }
    
    .poki-footer .footer-brand {
        text-align: center;
        width: 100%;
    }
    
    .poki-footer .footer-brand > div:first-child {
        justify-content: center;
    }
    
    .poki-footer .footer-social {
        justify-content: center;
    }
    
    .poki-footer .footer-links-grid {
        width: 100%;
        justify-content: space-between;
    }
    
    .poki-footer .footer-column {
        flex: 1;
        min-width: 100px;
    }
    
    .poki-footer .footer-wave {
        height: 40px;
    }
    
    .poki-footer .footer-content-wrapper {
        padding-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .poki-footer .footer-links-grid {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    
    .poki-footer .footer-column {
        width: 100%;
    }
    
    .about-section-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    
    .about-content {
        padding: 24px !important;
        border-radius: 16px !important;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.mvn-container {
    max-width: 100%;
    margin: 10px auto;
    flex: 1 0 auto;
    width: 100%;
    align-self: stretch;
}

.mx-2.home-layout-shell,
.category-container.mx-2 {
    width: calc(100% - 28px);
    max-width: calc(100vw - 28px);
    margin-left: auto !important;
    margin-right: auto !important;
}

.home-layout-shell > .mx-2 {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width: 1600px) {
    .mx-2.home-layout-shell,
    .category-container.mx-2 {
        width: calc(100% - 36px);
        max-width: calc(100vw - 36px);
    }
}

.home-layout-shell .m-grid-start.home,
.category-container .m-grid-start.home {
    --home-grid-cell: 96px;
    --home-grid-gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(var(--home-grid-cell), var(--home-grid-cell)));
    grid-auto-rows: minmax(var(--home-grid-cell), var(--home-grid-cell));
    grid-gap: var(--home-grid-gap);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1100px) {
    .mx-2.home-layout-shell,
    .category-container.mx-2 {
        width: calc(100% - 8px);
        max-width: calc(100vw - 8px);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-layout-shell .m-grid-start.home,
    .category-container .m-grid-start.home {
        --home-grid-cell: 96px;
        --home-grid-gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(var(--home-grid-cell), var(--home-grid-cell)));
        grid-auto-rows: minmax(var(--home-grid-cell), var(--home-grid-cell));
        grid-gap: var(--home-grid-gap);
        justify-content: center;
    }
}

.home-layout-shell .m-category-grid {
    --category-row: 99px;
    --category-gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 220px));
    grid-auto-rows: var(--category-row);
    grid-gap: var(--category-gap);
    grid-auto-flow: dense;
    justify-content: center;
    margin-top: 20px;
}

.home-layout-shell .m-category-grid a {
    display: block;
}

.home-layout-shell .m-category-grid .m-category-card {
    min-height: var(--category-row);
    height: var(--category-row);
    padding: 8px 10px;
    border-radius: 18px;
    background: #f4f6fb;
    box-shadow: 0 6px 12px rgba(93, 107, 132, 0.18);
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    will-change: transform;
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.home-layout-shell .m-category-grid .m-category-card img {
    width: 92px;
    height: 82px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    background: #ffffff;
    transition: transform .22s ease;
}

.home-layout-shell .m-category-grid a:hover .m-category-card {
    transform: scale(1.03);
    background: #ffffff;
    box-shadow: 0 10px 18px rgba(93, 107, 132, 0.26);
}

.home-layout-shell .m-category-grid a:hover .m-category-card img {
    transform: scale(1.04);
}

.home-layout-shell .m-category-grid .m-category-card .text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home-layout-shell .m-category-grid .m-category-card .text .category-title {
    color: #0c2f52;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-layout-shell .m-category-grid .m-category-card .text p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    text-transform: none;
    line-height: 1.2;
}

@media screen and (min-width: 1200px) {
    .home-layout-shell .m-category-grid > a:nth-child(-n+6) {
        justify-self: center;
        width: 206px;
        grid-row: span 2;
    }

    .home-layout-shell .m-category-grid > a:nth-child(-n+6) .m-category-card {
        width: 206px;
        min-height: 206px;
        height: 206px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 10px;
        gap: 6px;
    }

    .home-layout-shell .m-category-grid > a:nth-child(-n+6) .m-category-card img {
        width: 100%;
        height: 132px;
        border-radius: 14px;
    }

    .home-layout-shell .m-category-grid > a:nth-child(-n+6) .m-category-card .text {
        width: 100%;
        gap: 2px;
    }

    .home-layout-shell .m-category-grid > a:nth-child(-n+6) .m-category-card .text .category-title {
        font-size: 13px;
        line-height: 1.2;
    }

    .home-layout-shell .m-category-grid > a:nth-child(-n+6) .m-category-card .text p {
        font-size: 11px;
    }
}

@media screen and (max-width: 768px) {
    .mvn-container.px-3 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .mx-2.home-layout-shell,
    .category-container.mx-2 {
        width: calc(100% - 4px);
        max-width: calc(100vw - 4px);
    }

    .home-layout-shell .m-grid-start.home,
    .category-container .m-grid-start.home {
        --home-grid-cell: 104px;
        --home-grid-gap: 8px;
    }

    .home-layout-shell .m-category-grid {
        --category-row: 116px;
        --category-gap: 8px;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: var(--category-row);
        grid-gap: var(--category-gap);
        justify-content: stretch;
    }

    .home-layout-shell .m-category-grid a {
        width: 100%;
    }

    .home-layout-shell .m-category-grid .m-category-card {
        min-height: var(--category-row);
        height: var(--category-row);
        padding: 10px 12px;
        gap: 12px;
    }

    .home-layout-shell .m-category-grid .m-category-card img {
        width: 104px;
        height: 94px;
    }
}

.home-layout-shell.play-layout-shell .m-grid-start.home.game-page {
    margin-top: 6px;
    align-content: start;
}

.home-layout-shell.play-layout-shell .m-grid-start.home.game-page .gameplay-container {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 14px rgba(93, 107, 132, 0.22);
}

.home-layout-shell.play-layout-shell .play-top-ad,
.home-layout-shell.play-layout-shell .play-bottom-ad,
.home-layout-shell.play-layout-shell .main-gameplay {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.home-layout-shell.play-layout-shell .main-gameplay {
    max-width: 100%;
}

.mvn-container:not(.h-not-full) {
    min-height: 0;
}

.about-content .footer-about-links {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.about-content .footer-about-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    font-weight: 600;
}

.about-content .footer-about-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.about-content .footer-about-link {
    font-size: 13px;
    color: var(--theme-color);
    text-decoration: none;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 6px 12px;
    border-radius: 999px;
    transition: background .2s, color .2s, border-color .2s;
}

.about-content .footer-about-link:hover {
    background: var(--theme-color);
    color: #ffffff;
    border-color: transparent;
}

.scroll-none::-webkit-scrollbar {
    display: none;
}

button:disabled {
    opacity: 0.4;
}


body {
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    --bg-color: rgba(51, 255, 197, 0.404);
    background: linear-gradient(var(--bg-color), var(--bg-color));
    z-index: -1;
}

.m-grid-start {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 20px;
    grid-auto-rows: minmax(100px, 100px);
    grid-auto-flow: dense;
    justify-content: center;
}

body .navbar {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    position: sticky;
    top: 10px;
    z-index: 99;
    box-shadow: 0 5px 10px var(--card-shadow);
}

.navbar.poki-shared-nav {
    align-items: stretch;
    box-shadow: var(--poko-nav-shadow);
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--poko-nav-action-column);
    grid-template-rows: minmax(0, 1fr);
    height: var(--poko-nav-card-height);
    padding: 0 !important;
    width: var(--poko-nav-card-width);
}

.poki-shared-nav-logo-link {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
    padding: 0 18px;
    transition: transform .3s var(--poko-nav-transition), background-color .15s ease-out;
    width: 100%;
}

.poki-shared-nav-logo-link:hover {
    background: #fcfdff;
    transform: scale(1.01);
}

.poki-shared-nav-logo-frame {
    align-items: center;
    display: flex;
    height: var(--poko-nav-logo-height);
    justify-content: center;
    max-width: 100%;
    width: var(--poko-nav-logo-width);
}

.poki-shared-nav-logo-image {
    display: block;
    height: auto;
    max-height: var(--poko-nav-logo-height);
    max-width: 100%;
    object-fit: contain;
    width: var(--poko-nav-logo-width);
}

.poki-shared-nav-logo-fallback {
    color: var(--poko-nav-text);
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.15;
    text-align: center;
}

.poki-shared-nav-actions {
    align-items: center;
    border-inline-start: 2px solid var(--poko-nav-divider);
    display: grid !important;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    height: 100%;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.poki-shared-nav-action {
    align-items: center;
    appearance: none;
    background: #fff;
    border: 0;
    color: var(--poko-nav-accent);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 0;
    padding: 0;
    transition: background-color .15s ease-out, transform .15s ease-out;
    width: 100%;
}

.poki-shared-nav-action + .poki-shared-nav-action {
    border-inline-start: 0;
    border-top: 2px solid var(--poko-nav-divider);
}

.poki-shared-nav-action:hover {
    background: var(--poko-nav-divider);
}

.poki-shared-nav-action:active {
    transform: scale(.97);
}

.poki-shared-nav-action:focus-visible {
    outline: 2px solid var(--poko-nav-accent);
    outline-offset: -2px;
}

.poki-shared-nav-action svg {
    display: block;
    height: 20px;
    width: 20px;
}

.navbar.poki-shared-nav .poki-shared-nav-action svg path,
.navbar.poki-shared-nav .poki-shared-nav-action svg circle {
    stroke: currentColor;
}

.m-grid-start .navbar {
    grid-column-end: span 2;
    grid-column-end: span 2;
    grid-row-end: span 1;

}

.m-grid-start .navbar.poki-shared-nav {
    max-width: none;
    min-width: 0;
    width: 100%;
}

.home-layout-shell .m-grid-start.home .navbar.poki-shared-nav,
.category-container .m-grid-start.home .navbar.poki-shared-nav {
    grid-column-end: span 2;
    grid-row-end: span 1;
    height: var(--poko-nav-card-height);
    min-height: var(--poko-nav-card-height);
    padding: 0 !important;
    position: relative;
    top: auto;
    z-index: 1;
    aspect-ratio: auto;
}

.home-layout-shell .m-grid-start.home .navbar.poki-shared-nav > .poki-shared-nav-logo-link,
.category-container .m-grid-start.home .navbar.poki-shared-nav > .poki-shared-nav-logo-link {
    padding: 0 18px;
}

.home-layout-shell .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-logo-frame,
.category-container .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-logo-frame {
    height: var(--poko-nav-logo-height);
    width: var(--poko-nav-logo-width);
}

.home-layout-shell .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-logo-image,
.category-container .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-logo-image {
    width: var(--poko-nav-logo-width);
}

.home-layout-shell .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-action,
.category-container .m-grid-start.home .navbar.poki-shared-nav .poki-shared-nav-action {
    border-radius: 0;
}

.m-grid-start .navbar:not(.poki-shared-nav) img:hover {
    transform: scale(1.08);
}

.m-grid-start .navbar svg path {
    stroke: var(--theme-color);
}

.m-grid-start .m-game-card {
    position: relative;
    /* background: #fff; */
    box-shadow: 0 5px 10px var(--card-shadow);
    border-radius: .75rem;
    overflow: hidden;
    z-index: 1;
}

.m-grid-start .m-game-card .m-game-link {
    display: block;
    height: 100%;
    width: 100%;
}

.m-grid-start .m-game-card .m-game-link picture {
    /* position: absolute;
    top: 0;
    left: 0; */
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.m-grid-start .m-game-card .m-game-link picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
}

.m-grid-start ._700x700 {
    grid-column-start: span 6;
    grid-row-end: span 1;
}

.m-grid-start ._400x400 {
    grid-column-start: span 3;
    grid-row-end: span 3;
}

/* .m-grid-start ._700x700 > * {
    width: 100%;
} */

.m-grid-start .m-game-card:not(.not-hover) .m-game-link::before {
    content: '';
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#1f1f1f00, rgba(38, 37, 37, 0.452));
    opacity: 0;
}

.m-grid-start .m-game-card:not(.not-hover):hover .m-game-link::before {
    opacity: 1;
}

.m-grid-start .m-game-card:not(.not-hover):hover {
    transform: scale(1.06);
}



.m-grid-start .m-game-card .m-game-link .m-game-details {
    transition: .4s;
    position: absolute;
    bottom: -100px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: bolder;
    font-size: 15px;
    padding: 13px 6px;
    opacity: 0;
}

.m-grid-start .m-game-card:hover .m-game-details {
    bottom: 0;
    opacity: 1;
}


.m-grid-start .m-game-card.md {
    grid-column-start: span 2;
    grid-row-end: span 2;
}

.m-grid-start .m-game-card.lg {
    grid-column-end: span 3;
    grid-row-end: span 3;
}

.m-grid-start .m-game-card.lg::before {
    /* content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, transparent, #ffffff76, #ffffff00);
    animation: Shine 500ms linear infinite;
    animation-delay: 7s;
    transition: .3s;
    transform: translateX(100%); */
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: slide 2s infinite 3s;

    /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
    /* IE6-9 */
}

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* @keyframes Shine {
    to {
        transform: translateX(100%);
    }

    from {
        transform: translateX(-30%);
    }
} */

.m-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-gap: 20px;
    grid-auto-rows: minmax(50px, 100px);
    grid-auto-flow: dense;
    margin-top: 20px;
}

.m-category-grid .m-category-card {
    padding: 10px;
    background: #fff;
    box-shadow: 0 5px 10px var(--card-shadow);
    border-radius: 16px;
    display: flex;
    gap: 18px;
    text-transform: uppercase;
    overflow: hidden;
    align-items: center;
}

.m-category-grid .m-category-card .text a {
    font-weight: bolder;
}

.m-category-grid .m-category-card .text p {
    font-size: 15px;
    color: #555;
    text-transform: capitalize;
}

.m-category-grid .m-category-card img {
    height: 100%;
    width: 90px;
    object-fit: cover;
    border-radius: 15px;
}

footer::before {
    background: #fff;
    bottom: 100%;
    clip-path: polygon(0 100%, 50% 0, 60% 100%, 100% 0, 100% 100%);
    content: "";
    height: 36px;
    left: 0;
    margin-bottom: -10px;
    margin-left: -50%;
    position: absolute;
    right: 0;
}

@media screen and (max-width: 1473px) {
    footer .mvn-container {
        flex-direction: column;
    }

    footer .footer-links {
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 40px;
    }
}

body .offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008d;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

body .offcanvas .offcanvas-menu {
    position: absolute;
    top: 0;
    left: -100%;
    background: #82FFE6;
    width: 560px;
    height: 100%;
    box-sizing: border-box;
    padding: 15px;
}

body .offcanvas .offcanvas-menu .live-search-attached-button svg {
    height: 28px;
    width: 28px;
}

body .offcanvas .offcanvas-menu .live-search-attached-button svg path {
    stroke-width: 3px;
}

/* body .offcanvas .RightFade::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, transparent, #82FFE6);
} */

body .offcanvas.active {
    opacity: 1;
    visibility: visible;
}

body .offcanvas.active .offcanvas-menu {
    transition-delay: .2s;
    left: 0;
}

body .offcanvas .for-mobile svg path {
    stroke: var(--theme-color);
}

body .offcanvas .live-search .for-mobile {
    display: none;
}

body .offcanvas .live-search .for-mobile:hover,
body .offcanvas .live-search .for-desktop:hover {
    background: #adddf542;
}

@media screen and (max-width: 625px) {
    .offcanvas-menu {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .offcanvas-menu .close-button {
        display: none;
    }

    .offcanvas-menu .live-search {
        margin-right: 0;
    }

    body .offcanvas .live-search .for-desktop {
        display: none;
    }

    body .offcanvas .live-search .for-mobile {
        display: flex;
    }

    body .offcanvas .offcanvas-menu {
        overflow-y: scroll;
    }
}

@media screen and (max-width: 380px) {
    body .offcanvas .live-search .for-mobile img {
        display: none;
    }

    body .offcanvas .live-search .for-mobile svg {
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 750px) {
    .navbar:not(.poki-shared-nav) {
        flex-direction: column;
        grid-column-end: span 1 !important;
        grid-column-end: span 1 !important;
    }

    .navbar:not(.poki-shared-nav) img {
        width: 70px;
    }

    .navbar:not(.poki-shared-nav) .navbar-shortcut {
        flex-direction: unset;
        /* margin-top: 6px; */
    }
}


@media screen and (max-width: 572px) {
    .gameplay-container:not(.on-frame) {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}

.m-grid-start .gameplay-container {
    background-color: #fff;
    grid-column-start: span 8;
    grid-row-end: span 6;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.m-grid-start .gameplay-container iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.m-grid-start .gameplay-container.full {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-width: 100vw;
    max-height: 100dvh;
    margin: 0;
    border-radius: 0 !important;
    overflow: hidden;
    z-index: 99999;
}

.m-grid-start .gameplay-container.full .left,
.m-grid-start .gameplay-container.full .right {
    display: none;
}

.m-grid-start .gameplay-container .game-basic-info,
.m-grid-start .gameplay-container .logo,
.m-grid-start .gameplay-container .minimize {
    display: none;
}

.m-grid-start .gameplay-container.full .game-basic-info,
.m-grid-start .gameplay-container.full .logo,
.m-grid-start .gameplay-container.full .minimize {
    display: block;
}

.m-grid-start .gameplay-container.full .game-details .minimize {
    padding: 0 20px;
}

#desktopGameLayout.poki-clone-theme .drive-main-player.full iframe,
#desktopGameLayout.poki-clone-theme .drive-main-player.full .ruffle-container {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
}

#desktopGameLayout.poki-clone-theme .drive-main-player.full .game-details {
    flex: 0 0 auto;
    min-height: 66px;
}

.icon-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.icon-group button {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    position: relative;
}

.icon-group button:hover {
    background: #3333332b;
}

.icon-group label {
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    font-weight: bolder;
}

.icon-group button svg path {
    stroke-width: 3px;
    stroke: var(--theme-color);
}

.icon-group button.fill svg path,
.icon-group button.fill svg {
    fill: var(--theme-color);
}


.icon-group button.active {
    background: var(--theme-color);
}

.icon-group button.active svg path {
    stroke: #fff;
}

.icon-group button[tooltip]::before {
    content: attr(tooltip);
    position: absolute;
    bottom: -29px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--theme-color);
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    white-space: nowrap;
}

.icon-group button[tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
}

/* .modal {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffffb9;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.modal .modal-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    min-width: 490px;
    min-height: 450px;
    border-radius: 16px;
    overflow: hidden;
} */

.report-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    height: auto;
    width: 400px;
    background: #fff;
    z-index: 999;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
}

.report-popup.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.report-popup .body textarea {
    background: #f0f5fc;
    height: 90px;
    width: 100%;
    outline: none;
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 12px;
    margin-top: 20px;
    resize: none;
}

.report-popup .body textarea::placeholder {
    color: #666;
}

.report-popup .body textarea:focus {
    border-color: var(--theme-color);
}

.thank-you-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    min-width: 260px;
    height: 90px;
    background: var(--theme-color);
    color: #fff;
    z-index: 999;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: bolder;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
}

.thank-you-popup.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.gameplay-container.on-frame .game_desc,
.gameplay-container.on-frame hr {
    display: none;
}





/* ============================================
   MOBILE POKI-STYLE GAME PAGE
   ============================================ */

/* Desktop defaults: hide mobile-only elements */
.mobile-blur-bg,
.mobile-game-header,
.mobile-suggested-grid {
    display: none;
}

/* Desktop: hide play-frame overlay and play-button */
.gameplay-container .play-frame,
.gameplay-container .play-button {
    display: none;
}

@media screen and (max-width: 900px) {
    #desktopGameLayout.poki-clone-theme .drive-main-player.full .logo {
        display: none !important;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .game-basic-info {
        display: block !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .game-basic-info .text h4 {
        font-size: clamp(18px, 5vw, 24px);
        line-height: 1.1;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .game-basic-info .text p {
        font-size: 13px;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .minimize {
        padding: 0 8px;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .game-details {
        min-height: 74px;
        padding: 8px 10px !important;
    }

    #desktopGameLayout.poki-clone-theme .drive-main-player.full .game-details h4 {
        font-size: 18px;
        line-height: 1.15;
    }
}

@media screen and (max-width: 900px) and (orientation: landscape)   { 
    .gameplay-container.on-frame .game-details { 
        display: none !important;

    }

    .gameplay-container.on-frame .back-button {
        position: absolute;
        top: 20px;
        left: 0;
        background: #fff;
        display: flex;
        align-items: center;
        gap: 10px;
        border-top-right-radius: 99px;
        border-bottom-right-radius: 99px;
        overflow: hidden;
        padding: 10px;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
    }
}

.page-content {
    box-sizing: border-box;
    border-radius: 13px;
    overflow-x: hidden;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    font-weight: bolder;
    margin: 8px 0;
    color: #002b50;
}

.page-content h1 {
    font-size: 32px;
}

.page-content h2 {
    font-size: 24px;
}

.page-content h3 {
    font-size: 20px;
}

.page-content h4 {
    font-size: 16px;
}

.page-content h5 {
    font-size: 14px;
}

.page-content h6 {
    font-size: 12px;
}

.page-content p {
    margin: 20px 0;
}

.page-content a {
    text-decoration: none;
    color: rgb(0, 68, 255);
}

.poki-static-nav-row {
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
}

.page-content-container .navbar.poki-shared-nav {
    width: var(--poko-nav-card-width);
    min-width: var(--poko-nav-card-width);
    max-width: var(--poko-nav-card-width);
    height: var(--poko-nav-card-height);
    min-height: var(--poko-nav-card-height);
    padding: 0 !important;
    aspect-ratio: auto;
    position: sticky;
    top: 10px;
}

.page-content-container .navbar.poki-shared-nav > .poki-shared-nav-logo-link {
    padding: 0 18px;
}

.page-content-container .navbar.poki-shared-nav .poki-shared-nav-logo-frame {
    height: var(--poko-nav-logo-height);
    width: var(--poko-nav-logo-width);
}

.page-content-container .navbar.poki-shared-nav .poki-shared-nav-logo-image {
    width: var(--poko-nav-logo-width);
}

.page-content-container .navbar.poki-shared-nav .poki-shared-nav-action {
    border-radius: 0;
}

@media screen and (max-width: 767px) {
    .page-content-container .navbar.poki-shared-nav {
        min-width: var(--poko-nav-card-width);
        max-width: var(--poko-nav-card-width);
    }

    .page-content-container .page-content {
        width: 100%;
    }
}

/* @media screen and (max-width: 767px) { */



@media screen and (max-width: 645px) {
    .page-content-container  {
        flex-direction: column;
    }
}

.category-container .category-name {
    grid-column-end: span 2;
    grid-row-end: span 1;
    background: linear-gradient(135deg, #ffffff, #f0f4ff);
    border-radius: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    text-transform: capitalize;
    color: #1e293b;
    letter-spacing: 0.02em;
    box-shadow: rgba(93, 107, 132, 0.25) 0 4px 12px;
    overflow: hidden;
    padding: 6px 12px;
}

.advert-space {
    background-color: #ffffff69;
    position: relative;
}

.advert-space > img {
    border-radius: 9px;
}


.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    font-weight: bolder;
    margin: 8px 0;
    color: #002b50;
}

.html-content h1 {
    font-size: 32px;
}

.html-content h2 {
    font-size: 24px;
}

.html-content h3 {
    font-size: 20px;
}

.html-content h4 {
    font-size: 16px;
}

.html-content h5 {
    font-size: 14px;
}

.html-content h6 {
    font-size: 12px;
}

.html-content p {
    margin: 20px 0;
}

.html-content ol,
.html-content ul {
    list-style-type: disc;
    margin: 0 20px;
}

.html-content a {
    text-decoration: none;
    color: #054a91;
}
.html-content a:hover {
    color: #009cff;
}
.brdcm-style {
    text-transform: uppercase;
    font-weight: 500;
}
@media screen and (max-width: 378px) {
    .gameplay-container:not(.on-frame) {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    .m-category-grid {
       display: block !important;
    }

    .m-category-grid .m-category-card {
        margin-top: 20px;
    }

    .home-layout-shell .m-category-grid {
       display: grid !important;
       grid-template-columns: minmax(0, 1fr);
       grid-auto-rows: 116px;
       grid-gap: 8px;
    }

    .home-layout-shell .m-category-grid .m-category-card {
        margin-top: 0;
        min-height: 116px;
        height: 116px;
    }

    .mobile-suggested-grid {
        gap: 6px;
    }

    .mobile-suggested-card {
        border-radius: 12px;
    }
}

@media screen and (max-width: 500px) { 
    .advert-space {
        grid-column-start: span 2 !important;
        grid-row-end: span 2 !important;
    }
}

/* ============================================
   POKI-STYLE RIGHT SIDEBAR (Game Page)
   ============================================ */

.game-sidebar {
    background-color: #fff;
    grid-column-start: span 4;
    grid-row-start: 2;
    grid-row-end: span 6;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
    padding: 14px;
    border-radius: 18px;
    box-shadow: 0 8px 14px rgba(93, 107, 132, 0.22);
    align-content: start;
}

.game-sidebar .sidebar-game-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.game-sidebar .sidebar-game-card:hover {
    transform: scale(1.05);
}

.game-sidebar .sidebar-game-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-sidebar .sidebar-game-card .game-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: #fff;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .game-sidebar {
        display: none;
    }
}

/* ============================================
   GAME DESCRIPTION SECTION (Below Game)
   ============================================ */

.game-description-section {
    grid-column: 1 / -1;
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    margin-top: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.game-description-section h2 {
    font-size: 24px;
    font-weight: 800;
    color: #002b50;
    margin-bottom: 16px;
}

.game-description-section p {
    font-size: 15px;
    line-height: 1.7;
    color: #4a5568;
}

/* ============================================
   RELATED GAMES SECTION
   ============================================ */

.related-games-section {
    grid-column: 1 / -1;
    margin-top: 20px;
}

.related-games-section h3 {
    font-size: 20px;
    font-weight: 700;
    color: #002b50;
    margin-bottom: 16px;
    padding-left: 4px;
}

.related-games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: 14px;
}

.related-games-grid .related-game-card {
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    transition: transform 0.2s;
}

.related-games-grid .related-game-card:hover {
    transform: scale(1.06);
}

.related-games-grid .related-game-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   HOME PAGE - POKI INDEX STYLE
   Thumbnail and category focused layout
   ============================================ */

.home-layout-shell.home-poki-theme {
    --poki-home-cell: 94px;
    --poki-home-gap: 10px;
    --poki-category-width: 220px;
    --poki-category-row: 99px;
    --poki-category-gap: 8px;
    --poki-home-shadow-mid: 0 7px 10px 4px rgba(93, 107, 132, 0.30);
    --poki-home-shadow-hover: 0 12px 16px 8px rgba(93, 107, 132, 0.30);
    --poki-home-bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.home-layout-shell.home-poki-theme .m-grid-start.home {
    grid-template-columns: repeat(auto-fit, minmax(var(--poki-home-cell), var(--poki-home-cell)));
    grid-auto-rows: var(--poki-home-cell);
    gap: var(--poki-home-gap);
    justify-content: center;
}

.home-layout-shell.home-poki-theme .m-grid-start.home .navbar {
    border-radius: 16px;
    box-shadow: var(--poki-home-shadow-mid);
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card {
    border-radius: 16px;
    box-shadow: var(--poki-home-shadow-mid);
    transform: translateY(0) scale(1);
    transition: transform 0.3s var(--poki-home-bezier), box-shadow 0.3s var(--poki-home-bezier);
    background: #fff;
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card .m-game-link::before {
    border-radius: 16px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35));
    transition: opacity 0.3s var(--poki-home-bezier);
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card:hover {
    transform: scale(1.04) translateY(-4px);
    box-shadow: var(--poki-home-shadow-hover);
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card .m-game-details {
    bottom: 0;
    opacity: 0;
    transform: translateY(8px);
    transition: transform 0.3s var(--poki-home-bezier), opacity 0.3s var(--poki-home-bezier);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 6px;
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card:hover .m-game-details {
    bottom: 0;
    opacity: 1;
    transform: translateY(0);
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card.md,
.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card.lg {
    grid-column: span 2;
    grid-row: span 2;
}

.home-layout-shell.home-poki-theme .m-grid-start.home .m-game-card.lg::before {
    content: none;
    animation: none;
}

.home-layout-shell.home-poki-theme .m-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--poki-category-width), var(--poki-category-width)));
    grid-auto-rows: var(--poki-category-row);
    gap: var(--poki-category-gap);
    justify-content: center;
    grid-auto-flow: dense;
    margin-top: 28px;
    margin-bottom: 24px;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link {
    display: block;
    width: 100%;
    justify-self: stretch;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-wide {
    grid-column: span 1;
    grid-row: span 1;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature {
    grid-column: span 1;
    grid-row: span 2;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--poki-home-shadow-mid);
    overflow: hidden;
    gap: 0;
    text-transform: none;
    transition: transform 0.3s var(--poki-home-bezier), box-shadow 0.3s var(--poki-home-bezier);
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-wide .m-category-card {
    display: flex;
    align-items: center;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card {
    display: block;
    position: relative;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card img {
    width: var(--poki-category-row);
    height: var(--poki-category-row);
    border-radius: 16px 0 0 16px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform 0.3s var(--poki-home-bezier);
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text {
    min-width: 0;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 10px;
    background: #ffffff;
    border-radius: 0 0 16px 16px;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text .category-title {
    color: #002b50;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text p {
    margin: 0;
    color: #5d6b84;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: none;
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link:hover .m-category-card {
    transform: scale(1.04) translateY(-4px);
    box-shadow: var(--poki-home-shadow-hover);
}

.home-layout-shell.home-poki-theme .m-category-grid .home-category-link:hover .m-category-card img {
    transform: scale(1.05);
}

.home-layout-shell.home-poki-theme .about-content {
    border-radius: 16px !important;
    box-shadow: var(--poki-home-shadow-mid);
}

@media screen and (max-width: 1320px) {
    .home-layout-shell.home-poki-theme {
        --poki-home-cell: 90px;
        --poki-home-gap: 8px;
        --poki-category-width: 206px;
        --poki-category-row: 94px;
    }
}

@media screen and (max-width: 768px) {
    .home-layout-shell.home-poki-theme {
        --poki-home-cell: 102px;
        --poki-home-gap: 8px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: 110px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-wide,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature {
        grid-column: auto;
        grid-row: auto;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card {
        display: flex;
        align-items: center;
        position: relative;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card img,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card img {
        width: 102px;
        height: 100%;
        border-radius: 16px 0 0 16px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card .text {
        position: static;
        background: transparent;
        border-radius: 0;
        padding: 0 10px;
        width: auto;
    }
}

/* ============================================
   CATEGORY PAGE - POKI ACTION STYLE
   ============================================ */

.category-container.category-poki-theme {
    --category-cell: 94px;
    --category-gap: 16px;
    --category-grid-columns: 7;
    --category-shadow-mid: 0 7px 10px 4px rgba(93, 107, 132, 0.30);
    --category-shadow-hover: 0 12px 16px 8px rgba(93, 107, 132, 0.30);
    --category-bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #11345f;
}

.category-container.category-poki-theme .m-grid-start.home.category-poki-grid {
    grid-template-columns: repeat(var(--category-grid-columns), var(--category-cell));
    grid-auto-rows: var(--category-cell);
    grid-template-rows: repeat(auto-fill, var(--category-cell));
    gap: var(--category-gap);
    grid-auto-flow: row dense;
    justify-content: center;
    align-content: start;
    margin-top: 16px;
}

.category-container.category-poki-theme .category-title-tile {
    grid-area: ipx;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--category-shadow-mid);
    display: flex;
    justify-content: center;
    padding: 10px 16px;
}

.category-container.category-poki-theme .category-title-tile h1 {
    margin: 0;
    overflow: hidden;
    color: #002b50;
    font: 700 20px/24px "Torus", "Proxima Nova", "Trebuchet MS", "Segoe UI", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 111px) and (max-width: 990.9px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 7;
        grid-template-areas:
            "... ipx ipx ipx ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ..."
            "ip3 ip3 ip4 ip4 ip5 ip5 ..."
            "ip3 ip3 ip4 ip4 ip5 ip5 ...";
    }
}

@media (min-width: 991px) and (max-width: 1210.9px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 9;
        grid-template-areas:
            "... ipx ipx ipx ... ... ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ..."
            "ip4 ip4 ip5 ip5 ip6 ip6 ... ... ..."
            "ip4 ip4 ip5 ip5 ip6 ip6 ... ... ..."
            "... ... ... ... ... ... ... ... ...";
    }
}

@media (min-width: 1211px) and (max-width: 1320.9px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 11;
        grid-template-areas:
            "... ipx ipx ipx ip9 ip10 ip11 ip12 ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ..."
            "ip5 ip5 ip6 ip6 ip7 ip7 ip8 ip8 ... ... ..."
            "ip5 ip5 ip6 ip6 ip7 ip7 ip8 ip8 ... ... ...";
    }
}

@media (min-width: 1321px) and (max-width: 1540.9px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 12;
        grid-template-areas:
            "... ipx ipx ipx ip10 ip11 ip12 ip13 ... ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ... ..."
            "ip5 ip5 ip6 ip6 ip7 ip7 ip8 ip8 ip9 ip9 ... ..."
            "ip5 ip5 ip6 ip6 ip7 ip7 ip8 ip8 ip9 ip9 ... ...";
    }
}

@media (min-width: 1541px) and (max-width: 1870.9px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 14;
        grid-template-areas:
            "... ipx ipx ipx ip12 ip13 ip14 ip15 ip16 ip17 ... ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ip5 ip5 ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ip5 ip5 ... ..."
            "ip6 ip6 ip7 ip7 ip8 ip8 ip9 ip9 ip10 ip10 ip11 ip11 ... ..."
            "ip6 ip6 ip7 ip7 ip8 ip8 ip9 ip9 ip10 ip10 ip11 ip11 ... ...";
    }
}

@media (min-width: 1871px) {
    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        --category-grid-columns: 17;
        grid-template-areas:
            "... ... ipx ipx ipx ip15 ip16 ip17 ... ... ... ... ... ... ... ... ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ip5 ip5 ip6 ip6 ip13 ip13 ..."
            "ip0 ip0 ip1 ip1 ip2 ip2 ip3 ip3 ip4 ip4 ip5 ip5 ip6 ip6 ip13 ip13 ..."
            "ip7 ip7 ip8 ip8 ip9 ip9 ip10 ip10 ip11 ip11 ip12 ip12 ip14 ip14 ... ... ..."
            "ip7 ip7 ip8 ip8 ip9 ip9 ip10 ip10 ip11 ip11 ip12 ip12 ip14 ip14 ... ... ...";
    }
}

.category-container.category-poki-theme .category-poki-grid .navbar {
    border-radius: 16px;
    box-shadow: var(--category-shadow-mid);
}

.category-container.category-poki-theme .category-poki-grid .m-game-card {
    border-radius: 16px;
    box-shadow: var(--category-shadow-mid);
    background: #fff;
    transform: translateY(0) scale(1);
    transition: transform 0.3s var(--category-bezier), box-shadow 0.3s var(--category-bezier);
}

.category-container.category-poki-theme .category-poki-grid .m-game-card .m-game-link::before {
    border-radius: 16px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35));
    transition: opacity 0.3s var(--category-bezier);
}

.category-container.category-poki-theme .category-poki-grid .m-game-card .m-game-details {
    bottom: 0;
    opacity: 0;
    transform: translateY(8px);
    transition: transform 0.3s var(--category-bezier), opacity 0.3s var(--category-bezier);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 6px;
}

.category-container.category-poki-theme .category-poki-grid .m-game-card.md,
.category-container.category-poki-theme .category-poki-grid .m-game-card.lg {
    grid-column: span 2;
    grid-row: span 2;
}

.category-container.category-poki-theme .category-poki-grid .m-game-card.lg::before {
    content: none;
    animation: none;
}

@media (hover: hover) {
    .category-container.category-poki-theme .category-poki-grid .m-game-card:hover {
        transform: scale(1.04) translateY(-4px);
        box-shadow: var(--category-shadow-hover);
    }

    .category-container.category-poki-theme .category-poki-grid .m-game-card:hover .m-game-details {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-wide {
    grid-column: span 2;
    grid-row: span 1;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature {
    grid-column: span 2;
    grid-row: span 1;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--category-shadow-mid);
    overflow: hidden;
    transition: transform 0.3s var(--category-bezier), box-shadow 0.3s var(--category-bezier);
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-wide .category-inline-card,
.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-card {
    display: grid;
    grid-template-columns: var(--category-cell) 1fr;
    align-items: center;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-card img {
    width: var(--category-cell);
    height: var(--category-cell);
    border-radius: 16px 0 0 16px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform 0.3s var(--category-bezier);
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-card img {
    width: var(--category-cell);
    height: var(--category-cell);
    border-radius: 16px 0 0 16px;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-text {
    min-width: 0;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-text {
    padding: 0 8px;
    background: transparent;
    border-radius: 0;
}

.category-container.category-poki-theme .category-poki-grid .category-inline-title {
    color: #002b50;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (hover: hover) {
    .category-container.category-poki-theme .category-poki-grid .category-inline-link:hover .category-inline-card {
        transform: scale(1.04) translateY(-4px);
        box-shadow: var(--category-shadow-hover);
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link:hover .category-inline-card img {
        transform: scale(1.05);
    }
}

.category-container.category-poki-theme .category-about-section {
    background: #fff;
    box-shadow: var(--category-shadow-mid);
    border-radius: 16px;
    margin: 24px 0 6px;
    padding: 18px 24px 20px;
    overflow: hidden;
}

.category-container.category-poki-theme .category-breadcrumb {
    color: #5d6b84;
    padding: 8px 0 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.category-container.category-poki-theme .category-breadcrumb a {
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.category-container.category-poki-theme .category-breadcrumb a:last-of-type {
    color: #002b50;
}

.category-container.category-poki-theme .category-breadcrumb a:hover {
    text-decoration: underline;
}

.category-container.category-poki-theme .category-about-media {
    float: right;
    margin: 24px 0 16px 16px;
    max-width: 100%;
    width: 204px;
}

.category-container.category-poki-theme .category-about-media img {
    width: 100%;
    border-radius: 16px;
    display: block;
    object-fit: cover;
}

.category-container.category-poki-theme .category-about-section h2 {
    font-family: "Torus", "Proxima Nova", "Trebuchet MS", "Segoe UI", sans-serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #002b50;
}

.category-container.category-poki-theme .category-about-body p {
    color: #1e3a5f;
    font-size: 17px;
    line-height: 1.55;
    margin: 0 0 14px;
}

.category-container.category-poki-theme .category-about-subtitle {
    margin: 18px 0 10px;
    color: #002b50;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.category-container.category-poki-theme .category-top-list {
    list-style: decimal inside;
    margin: 0;
    padding: 0;
}

.category-container.category-poki-theme .category-top-list li {
    margin-bottom: 8px;
    color: #1e3a5f;
}

.category-container.category-poki-theme .category-top-list a {
    color: #0058c7;
    text-decoration: none;
    font-weight: 700;
}

.category-container.category-poki-theme .category-top-list a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 991px) {
    .category-container.category-poki-theme .category-about-media {
        width: 314px;
    }
}

@media screen and (max-width: 768px) {
    .category-container.category-poki-theme {
        --category-cell: 94px;
        --category-gap: 8px;
        --category-grid-columns: 3;
    }

    .category-container.category-poki-theme .category-poki-grid.category-grid-areas {
        grid-template-areas: none;
    }

    .category-container.category-poki-theme .category-title-tile {
        grid-area: auto;
        grid-column: span 2;
    }

    .category-container.category-poki-theme .category-title-tile h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-wide,
    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature {
        grid-column: auto;
        grid-row: auto;
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-wide .category-inline-card,
    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-card {
        display: flex;
        align-items: center;
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-wide .category-inline-card img,
    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-card img {
        width: 102px;
        height: 100%;
        border-radius: 16px 0 0 16px;
        grid-area: auto;
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link.is-feature .category-inline-text {
        position: static;
        background: transparent;
        border-radius: 0;
        padding: 0 10px;
    }

    .category-container.category-poki-theme .category-about-section {
        padding: 16px;
    }

    .category-container.category-poki-theme .category-about-media {
        float: none;
        width: min(100%, 240px);
        margin: 12px 0 14px;
    }

    .category-container.category-poki-theme .category-about-section h2 {
        font-size: 30px;
        line-height: 1.15;
    }
}

/* ============================================
   GAME PAGE - POKI BOUNCE-BALL CLONE LAYOUT
   Applied to all /g/{slug} pages
   ============================================ */

#desktopGameLayout.poki-clone-theme,
#mobileGameLayout.poki-clone-theme {
    --drive-blue-1: #0c3f78;
    --drive-blue-2: #198be1;
    --drive-surface: #ffffff;
    --drive-text: #11345f;
    --drive-muted: #5d6b84;
    --drive-radius: 16px;
    --drive-shadow: 0 7px 10px 4px rgba(93, 107, 132, 0.30);
    --drive-shadow-soft: 0 3px 8px rgba(93, 107, 132, 0.24);
    font-family: "Proxima Nova", "Trebuchet MS", "Segoe UI", sans-serif;
    color: var(--drive-text);
}

#desktopGameLayout.poki-clone-theme {
    position: relative;
}

#desktopGameLayout.poki-clone-theme .play-top-ad {
    display: flex;
    justify-content: center;
    padding: 10px 0 4px;
    max-width: min(1500px, 100%);
    margin: 0 auto;
}

#desktopGameLayout.poki-clone-theme .play-bottom-ad {
    display: flex;
    justify-content: center;
    padding: 4px 0 10px;
    max-width: min(1500px, 100%);
    margin: 0 auto;
}

#desktopGameLayout.poki-clone-theme .play-below-player-ad {
    grid-area: belowad;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

#desktopGameLayout.poki-clone-theme .home-layout-shell.play-layout-shell {
    position: relative;
    overflow: visible;
    padding: 14px 14px 34px;
}

#desktopGameLayout.poki-clone-theme .home-layout-shell.play-layout-shell::before,
#desktopGameLayout.poki-clone-theme .home-layout-shell.play-layout-shell::after {
    display: none;
}

#desktopGameLayout.poki-clone-theme .m-grid-start.home.game-page.drive-layout-grid {
    position: relative;
    z-index: 2;
    width: min(1500px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 92px minmax(620px, 1fr) 206px;
    grid-template-areas:
        "left center right"
        "left belowad right"
        "left strip right"
        "left categories right"
        "about about about";
    grid-template-rows: auto auto auto auto auto;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    gap: 12px;
    align-items: start;
}

#desktopGameLayout.poki-clone-theme .drive-left-rail {
    grid-area: left;
    position: relative;
}

#desktopGameLayout.poki-clone-theme .drive-left-rail .navbar {
    position: sticky;
    top: 10px;
    border-radius: var(--drive-radius);
    box-shadow: var(--drive-shadow);
    overflow: hidden;
}


#desktopGameLayout.poki-clone-theme .drive-left-cards {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

#desktopGameLayout.poki-clone-theme .drive-left-card {
    display: block;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--drive-shadow-soft);
    transform: translateY(0);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-left-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-left-card:hover img {
    transform: scale(1.04);
}

#desktopGameLayout.poki-clone-theme .drive-main-player {
    grid-area: center !important;
    border-radius: var(--drive-radius);
    overflow: hidden;
    box-shadow: var(--drive-shadow);
    background: #3aa0e6;
}

#desktopGameLayout.poki-clone-theme .drive-main-player iframe,
#desktopGameLayout.poki-clone-theme .drive-main-player .ruffle-container {
    display: block;
    width: 100%;
    min-height: 420px;
    height: min(58vw, 560px);
    max-height: 560px;
    border: 0;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0) 62%),
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 24%),
        linear-gradient(160deg, #2f9ae7 0%, #2f96e2 100%);
}

#desktopGameLayout.poki-clone-theme .drive-main-player .game-details {
    border-top: 0;
    background: #ffffff;
    min-height: 66px;
    padding: 8px 12px !important;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .game-details h4 {
    font-size: 28px;
    color: var(--drive-text);
    font-weight: 800;
    letter-spacing: -0.01em;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .game-details a,
#desktopGameLayout.poki-clone-theme .drive-main-player .game-details p {
    color: var(--drive-muted) !important;
    font-weight: 700;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .icon-group button {
    transition: background-color 0.18s ease, transform 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .icon-group button:hover {
    background: #eaf5ff;
    transform: translateY(-1px);
}

#desktopGameLayout.poki-clone-theme .drive-main-player .icon-group button.active {
    background: #009cff;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .icon-group button.active svg path {
    stroke: #fff;
}

#desktopGameLayout.poki-clone-theme .drive-main-player .icon-group label {
    color: #446186;
    font-weight: 700;
}

#desktopGameLayout.poki-clone-theme .play-below-player-ad {
    grid-area: belowad;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

#desktopGameLayout.poki-clone-theme .drive-right-rail {
    grid-area: right;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#desktopGameLayout.poki-clone-theme .drive-right-ad {
    position: sticky;
    top: 10px;
    width: 100%;
    overflow: hidden;
}

#desktopGameLayout.poki-clone-theme .drive-right-small-grid,
#desktopGameLayout.poki-clone-theme .drive-right-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#desktopGameLayout.poki-clone-theme .drive-right-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: var(--drive-shadow-soft);
    background: #fff;
    transform: translateY(0);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-right-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.18s ease;
}

/* Prevent the global responsive img rule from shrinking Poki tile art to its 94px intrinsic size. */
#desktopGameLayout .summaryTile > img.image {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

#desktopGameLayout.poki-clone-theme .drive-right-card:hover img {
    transform: scale(1.04);
}

#desktopGameLayout.poki-clone-theme .drive-right-card.is-small,
#desktopGameLayout.poki-clone-theme .drive-right-card.is-mini {
    aspect-ratio: 1 / 1;
}

#desktopGameLayout.poki-clone-theme .drive-right-card.is-hero {
    aspect-ratio: 1 / 1.24;
}

#desktopGameLayout.poki-clone-theme .drive-strip-section {
    grid-area: strip;
}

#desktopGameLayout.poki-clone-theme .drive-strip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 8px;
}

#desktopGameLayout.poki-clone-theme .drive-strip-card {
    display: block;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--drive-shadow-soft);
    background: #fff;
    transform: translateY(0);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-strip-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.18s ease, filter 0.18s ease;
}

#desktopGameLayout.poki-clone-theme .drive-left-card:hover,
#desktopGameLayout.poki-clone-theme .drive-right-card:hover,
#desktopGameLayout.poki-clone-theme .drive-strip-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 16px rgba(93, 107, 132, 0.34);
}

#desktopGameLayout.poki-clone-theme .drive-strip-card:hover img {
    transform: scale(1.05);
    filter: saturate(1.06) brightness(1.03);
}

#desktopGameLayout.poki-clone-theme .drive-left-card:focus-visible,
#desktopGameLayout.poki-clone-theme .drive-right-card:focus-visible,
#desktopGameLayout.poki-clone-theme .drive-strip-card:focus-visible {
    outline: 2px solid #4bb9ff;
    outline-offset: 2px;
}

#desktopGameLayout.poki-clone-theme .drive-left-card .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-right-card .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-strip-card .drive-card-title {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    display: block;
    padding: 8px 9px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(180deg, rgba(7, 31, 62, 0) 0%, rgba(7, 31, 62, 0.84) 58%, rgba(7, 31, 62, 0.96) 100%);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none;
}

#desktopGameLayout.poki-clone-theme .drive-left-card:hover .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-right-card:hover .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-strip-card:hover .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-left-card:focus-visible .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-right-card:focus-visible .drive-card-title,
#desktopGameLayout.poki-clone-theme .drive-strip-card:focus-visible .drive-card-title {
    opacity: 1;
    transform: translateY(0);
}

#desktopGameLayout.poki-clone-theme .drive-category-row {
    grid-area: categories;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    gap: 10px;
}

#desktopGameLayout.poki-clone-theme .drive-category-card {
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 14px;
    text-decoration: none;
    background: #f7fbff;
    box-shadow: var(--drive-shadow-soft);
}

#desktopGameLayout.poki-clone-theme .drive-category-card img {
    width: 50px;
    height: 50px;
    border-radius: 11px;
    object-fit: cover;
    flex-shrink: 0;
}

#desktopGameLayout.poki-clone-theme .drive-category-card .text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

#desktopGameLayout.poki-clone-theme .drive-category-card .title {
    color: var(--drive-text);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

#desktopGameLayout.poki-clone-theme .drive-category-card small {
    color: var(--drive-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

#desktopGameLayout.poki-clone-theme .drive-about-section {
    grid-area: about;
    margin-top: 8px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 7px 10px 4px rgba(93, 107, 132, 0.3);
    overflow: hidden;
    padding: 18px 24px 14px;
    position: relative;
}

#desktopGameLayout.poki-clone-theme .drive-breadcrumb {
    align-items: center;
    color: #5d6b84;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 0 12px;
}

#desktopGameLayout.poki-clone-theme .drive-breadcrumb a,
#desktopGameLayout.poki-clone-theme .drive-breadcrumb span {
    color: inherit;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

#desktopGameLayout.poki-clone-theme .drive-breadcrumb a:hover {
    text-decoration: underline;
}

#desktopGameLayout.poki-clone-theme .drive-breadcrumb .drive-breadcrumb-current {
    color: #002b50;
}

#desktopGameLayout.poki-clone-theme .drive-breadcrumb .drive-breadcrumb-separator {
    color: #bac9de;
    font-size: 16px;
    line-height: 1;
    margin-top: -1px;
}

#desktopGameLayout.poki-clone-theme .drive-about-header {
    margin: 0 0 8px;
}

#desktopGameLayout.poki-clone-theme .drive-about-section h2 {
    color: #002b50;
    font-family: "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}

#desktopGameLayout.poki-clone-theme .drive-about-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0 24px;
}

#desktopGameLayout.poki-clone-theme .drive-about-byline {
    color: #5d6b84;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

#desktopGameLayout.poki-clone-theme .drive-about-stats {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

#desktopGameLayout.poki-clone-theme .drive-about-pill {
    align-items: center;
    background: #f0f5fc;
    border-radius: 10px;
    color: #5d6b84;
    display: inline-flex;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    gap: 4px;
    line-height: 20px;
    min-height: 20px;
    padding: 0 8px;
    text-transform: uppercase;
}

#desktopGameLayout.poki-clone-theme .drive-about-pill-rating svg {
    fill: #5d6b84;
    height: 16px;
    width: 16px;
}

#desktopGameLayout.poki-clone-theme .drive-about-media {
    float: right;
    margin: 24px 0 16px 16px;
    max-width: 100%;
    width: 204px;
}

#desktopGameLayout.poki-clone-theme .drive-about-media img {
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    box-shadow: 0 7px 10px 4px rgba(93, 107, 132, 0.2);
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 991px) {
    #desktopGameLayout.poki-clone-theme .drive-about-media {
        width: 314px;
    }
}

#desktopGameLayout.poki-clone-theme .drive-about-body {
    color: #002b50;
}

#desktopGameLayout.poki-clone-theme .drive-about-body p {
    color: #002b50;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0;
}

#desktopGameLayout.poki-clone-theme .drive-about-body h2,
#desktopGameLayout.poki-clone-theme .drive-about-body h3,
#desktopGameLayout.poki-clone-theme .drive-about-body h4 {
    color: #002b50;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 16px 0 8px;
}

#desktopGameLayout.poki-clone-theme .drive-about-body a {
    color: #0074e0;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

#desktopGameLayout.poki-clone-theme .drive-about-body a:hover {
    color: #009cff;
    text-decoration: underline;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ol,
#desktopGameLayout.poki-clone-theme .drive-about-body ul {
    margin: 0 0 24px;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ol {
    list-style-position: inside;
    padding-inline-start: 0;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ul {
    list-style: none;
    padding-inline-start: 0;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ul li {
    margin-bottom: 16px;
    padding-inline-start: 16px;
    position: relative;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ul li:last-child {
    margin-bottom: 8px;
}

#desktopGameLayout.poki-clone-theme .drive-about-body ul li::before {
    background: #0074e0;
    border-radius: 16px;
    content: "";
    height: 4px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
}

#desktopGameLayout.poki-clone-theme .drive-about-tags {
    list-style: none;
    margin: 0;
    padding: 24px 0 12px;
}

#desktopGameLayout.poki-clone-theme .drive-about-tags li {
    display: inline-block;
    margin: 0 8px 8px 0;
}

#desktopGameLayout.poki-clone-theme .drive-about-tags a {
    border: 2px solid #0074e0;
    border-radius: 100px;
    color: #0074e0;
    display: block;
    font-family: "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease;
}

#desktopGameLayout.poki-clone-theme .drive-about-tags a:hover {
    border-color: #009cff;
    color: #009cff;
}

#desktopGameLayout.poki-clone-theme .game-sidebar,
#desktopGameLayout.poki-clone-theme .related-games-section {
    display: none;
}

#mobileGameLayout.poki-clone-theme #mobileBlurBg > div {
    filter: blur(40px) saturate(1.4) brightness(0.84) !important;
}

#mobileGameLayout.poki-clone-theme #mobileGameCard {
    border-radius: 18px !important;
    box-shadow: var(--drive-shadow) !important;
}

#mobileGameLayout.poki-clone-theme #mobilePlayBtn > div:first-child {
    box-shadow: 0 7px 10px 4px rgba(93, 107, 132, 0.45) !important;
}

@media screen and (max-width: 1440px) {
    #desktopGameLayout.poki-clone-theme .m-grid-start.home.game-page.drive-layout-grid {
        grid-template-columns: 86px minmax(560px, 1fr) 188px;
    }
}

@media screen and (max-width: 1320px) {
    #desktopGameLayout.poki-clone-theme .m-grid-start.home.game-page.drive-layout-grid {
        grid-template-columns: 86px minmax(0, 1fr);
        grid-template-areas:
            "left center"
            "left belowad"
            "left strip"
            "left categories"
            "about about";
    }

    #desktopGameLayout.poki-clone-theme .drive-right-rail {
        display: none;
    }
}

@media screen and (max-width: 1080px) {
    #desktopGameLayout.poki-clone-theme .m-grid-start.home.game-page.drive-layout-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "center"
            "belowad"
            "strip"
            "categories"
            "about";
    }

    #desktopGameLayout.poki-clone-theme .drive-left-rail {
        display: none;
    }

    #desktopGameLayout.poki-clone-theme .drive-about-media {
        width: 260px;
    }
}

@media screen and (max-width: 840px) {
    #desktopGameLayout.poki-clone-theme .drive-main-player iframe,
    #desktopGameLayout.poki-clone-theme .drive-main-player .ruffle-container {
        min-height: 320px;
    }

    #desktopGameLayout.poki-clone-theme .drive-about-section h2 {
        font-size: 30px;
        line-height: 34px;
    }

    #desktopGameLayout.poki-clone-theme .drive-about-section {
        padding: 16px;
    }

    #desktopGameLayout.poki-clone-theme .drive-about-meta {
        margin-bottom: 16px;
    }

    #desktopGameLayout.poki-clone-theme .drive-about-media {
        float: none;
        margin: 16px 0;
        width: 100%;
        max-width: 314px;
    }

    #desktopGameLayout.poki-clone-theme .drive-strip-grid {
        grid-template-columns: repeat(auto-fill, minmax(62px, 1fr));
    }
}

/* ============================================
   MOBILE PARITY OVERRIDES (Poki-like)
   ============================================ */

.category-container.category-poki-theme .category-title-tile {
    width: 100%;
    max-width: calc((var(--category-cell) * 3) + (var(--category-gap) * 2));
    justify-self: center;
}

@media screen and (max-width: 768px) {
    .home-layout-shell.home-poki-theme {
        --poki-home-cell: 94px;
        --poki-home-gap: 16px;
        --poki-category-width: 94px;
        --poki-category-row: 94px;
        --poki-category-gap: 16px;
    }

    .home-layout-shell.home-poki-theme .m-grid-start.home {
        grid-template-columns: repeat(auto-fill, minmax(var(--poki-home-cell), var(--poki-home-cell)));
        grid-auto-rows: var(--poki-home-cell);
        gap: var(--poki-home-gap);
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: min(100%, calc((var(--poki-home-cell) * 3) + (var(--poki-home-gap) * 2)));
    }

    .home-layout-shell.home-poki-theme .m-grid-start.home .home-thumb-card.lg:not(.home-featured) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    .home-layout-shell.home-poki-theme .m-grid-start.home .home-thumb-card.home-featured,
    .home-layout-shell.home-poki-theme .m-grid-start.home .home-thumb-card.md {
        grid-column: span 2;
        grid-row: span 2;
    }

    .home-layout-shell.home-poki-theme .m-grid-start.home .home-thumb-card .m-game-details {
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 0.01em;
        padding: 5px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid {
        grid-template-columns: repeat(3, var(--poki-category-width));
        grid-auto-rows: var(--poki-category-row);
        gap: var(--poki-category-gap);
        justify-content: center;
        margin: 16px auto 0;
        width: min(100%, calc((var(--poki-category-width) * 3) + (var(--poki-category-gap) * 2)));
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-wide,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature {
        grid-column: span 3;
        grid-row: span 1;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card {
        display: flex;
        align-items: center;
        border-radius: 16px;
        gap: 0;
        padding: 0;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card img,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card img {
        width: var(--poki-category-row);
        height: var(--poki-category-row);
        border-radius: 16px 0 0 16px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card .text {
        align-items: flex-start;
        display: flex;
        justify-content: center;
        padding: 0 8px;
        gap: 0;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text .category-title {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card .text p {
        display: none;
    }

    .category-container.category-poki-theme {
        --category-cell: 94px;
        --category-gap: 16px;
        --category-grid-columns: 3;
    }

    .category-container.category-poki-theme .m-grid-start.home.category-poki-grid {
        --category-grid-columns: 3;
        grid-template-columns: repeat(var(--category-grid-columns), var(--category-cell));
        grid-auto-rows: var(--category-cell);
        gap: var(--category-gap);
        grid-auto-flow: row dense;
        justify-content: center;
        margin: 16px auto 0;
        width: min(100%, calc((var(--category-cell) * 3) + (var(--category-gap) * 2)));
        grid-template-areas:
            "nav nav ."
            "title title title"
            "ip0 ip0 ip1"
            "ip0 ip0 ip2"
            "ip3 ip4 ip5";
        overflow-x: clip;
    }

    .category-container.category-poki-theme .category-poki-grid > .navbar {
        grid-area: auto;
        grid-column: 1 / span 2;
        grid-row: 1;
    }

    .category-container.category-poki-theme .category-title-tile {
        grid-area: auto;
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: 100%;
        padding: 10px 16px;
    }

    .category-container.category-poki-theme .category-title-tile h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .category-container.category-poki-theme .category-poki-grid .m-game-card.lg,
    .category-container.category-poki-theme .category-poki-grid .m-game-card.md {
        grid-column: span 1;
        grid-row: span 1;
    }

    .category-container.category-poki-theme .category-poki-grid .category-inline-link {
        display: none;
    }

    #mobileGameLayout.poki-clone-theme {
        --mobile-cell-size: 94px;
        --mobile-cell-gap: 16px;
        --mobile-grid-columns: 3;
        --mobile-shell-width: 314px;
        --mobile-shadow-mid: 0 7px 10px 4px rgba(93, 107, 132, 0.30);
        --mobile-shadow-hover: 0 12px 16px 8px rgba(93, 107, 132, 0.30);
        --mobile-bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
        padding: 0 16px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-shell {
        margin: 0 auto;
        width: min(100%, var(--mobile-shell-width));
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-grid {
        display: grid;
        grid-auto-flow: row dense;
        justify-content: center;
        margin: 16px auto 0;
        padding: 0;
        gap: var(--mobile-cell-gap);
        grid-template-columns: repeat(var(--mobile-grid-columns), var(--mobile-cell-size));
        grid-template-rows: repeat(auto-fill, var(--mobile-cell-size));
        list-style-type: none;
        grid-template-areas:
            "... ibx ibx"
            "igc igc igc"
            "igc igc igc"
            "igc igc igc"
            "egc egc egc"
            "... ... ...";
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-card,
    #mobileGameLayout.poki-clone-theme .poki-mobile-title-tile,
    #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card,
    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: var(--mobile-shadow-mid);
        overflow: hidden;
        position: relative;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-card {
        display: grid;
        grid-template-rows: 1fr auto;
        min-height: var(--mobile-cell-size);
        padding: 6px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-logo {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-logo img {
        max-width: 100%;
        object-fit: contain;
        width: 64px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-actions {
        display: grid;
        gap: 4px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-actions a,
    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-actions button {
        align-items: center;
        background: #f0f5fc;
        border: 0;
        border-radius: 9px;
        cursor: pointer;
        display: flex;
        height: 28px;
        justify-content: center;
        width: 100%;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-actions svg {
        height: 16px;
        stroke: #0074e0;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2.2;
        width: 16px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-title-tile {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 4px;
        grid-area: ibx;
        justify-content: center;
        padding: 10px 16px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-title-tile h1 {
        color: #002b50;
        display: -webkit-box;
        display: box;
        font: 700 20px/24px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-title-tile p {
        color: #5d6b84;
        font: 12px/16px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        letter-spacing: 0.3px;
        margin: 0;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-extra-slot {
        grid-area: egc;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-extra-slot:empty {
        display: contents;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-game-stage {
        display: flex;
        grid-area: igc;
        height: 314px;
        justify-content: center;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-tile {
        border-radius: 16px;
        box-shadow: var(--mobile-shadow-mid);
        display: block;
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-tile::after {
        background-color: rgba(0, 43, 80, 0.6);
        border-radius: 16px;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-tile img {
        border-radius: 16px;
        filter: saturate(0);
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-button {
        align-items: center;
        background: transparent;
        border: 0;
        color: #ffffff;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: 12px;
        inset: 0;
        justify-content: center;
        position: absolute;
        z-index: 2;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-icon {
        align-items: center;
        background: #ffffff;
        border-radius: 32px;
        box-shadow: 0 20px 24px 14px rgba(93, 107, 132, 0.24);
        color: #009cff;
        display: flex;
        height: 64px;
        justify-content: center;
        width: 64px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-icon svg {
        height: 36px;
        width: 36px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-label {
        color: #ffffff;
        font: 700 19px/0.8 "Torus", "Proxima Nova", "Segoe UI", sans-serif;
        letter-spacing: 0.02em;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
        text-transform: capitalize;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card {
        aspect-ratio: 1;
        display: block;
        min-height: var(--mobile-cell-size);
        min-width: var(--mobile-cell-size);
        transition: transform 0.6s var(--mobile-bezier), box-shadow 0.3s var(--mobile-bezier);
        user-select: none;
        -webkit-user-select: none;
        will-change: transform, box-shadow;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card::after {
        background: linear-gradient(transparent 25%, rgba(0, 0, 0, 0.3));
        border-radius: 16px;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.3s var(--mobile-bezier);
        z-index: 1;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card img {
        border-radius: 16px;
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card .drive-card-title {
        bottom: 0;
        color: #ffffff;
        font: 700 12px/1.3 "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        left: 0;
        opacity: 0;
        padding: 6px;
        pointer-events: none;
        position: absolute;
        right: 0;
        text-align: center;
        transform: translateY(8px);
        transition: transform 0.3s var(--mobile-bezier) 0.1s, opacity 0.3s var(--mobile-bezier) 0.1s;
        z-index: 2;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card {
        align-items: center;
        display: flex;
        grid-column-start: span 3;
        grid-row-start: span 1;
        min-height: var(--mobile-cell-size);
        text-decoration: none;
        transition: transform 0.6s var(--mobile-bezier), box-shadow 0.3s var(--mobile-bezier);
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card img {
        border-radius: 16px 0 0 16px;
        height: var(--mobile-cell-size);
        object-fit: cover;
        width: var(--mobile-cell-size);
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card .title {
        color: #002b50;
        font: 700 12px/20px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        letter-spacing: 1px;
        padding: 0 8px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

    @media (hover: hover) {
        #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card:hover {
            box-shadow: var(--mobile-shadow-hover);
            transform: scale(1.04) translateY(-4px);
            transition-duration: 0.3s;
        }

        #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card:hover .drive-card-title {
            opacity: 1;
            transform: translateY(0);
        }

        #mobileGameLayout.poki-clone-theme .poki-mobile-summary-card:hover::after {
            opacity: 1;
        }

        #mobileGameLayout.poki-clone-theme .poki-mobile-category-card:hover {
            box-shadow: var(--mobile-shadow-hover);
            transform: scale(1.04) translateY(-4px);
            transition-duration: 0.3s;
        }
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: var(--mobile-shadow-mid);
        margin: 24px 0;
        overflow: hidden;
        padding: 18px 24px;
        position: relative;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb {
        color: #5d6b84;
        padding: 8px 0 12px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb a,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb span {
        align-items: center;
        display: flex;
        gap: 4px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb a,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb span {
        color: #5d6b84;
        font: 700 12px/16px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        letter-spacing: 0.3px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb .drive-breadcrumb-current {
        color: #002b50;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-breadcrumb .drive-breadcrumb-separator {
        color: #bac9de;
        display: inline-flex;
        font-size: 16px;
        line-height: 1;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-header {
        margin: 0 0 8px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-header h2 {
        color: #002b50;
        font: 700 36px/40px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
        margin: 0 0 16px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-meta {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 12px 0 24px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-byline {
        color: #5d6b84;
        font: 400 14px/22px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-stats {
        align-items: center;
        display: flex;
        gap: 4px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-pill {
        align-items: center;
        background: #f0f5fc;
        border-radius: 10px;
        color: #5d6b84;
        display: inline-flex;
        font: 700 12px/20px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        gap: 4px;
        min-height: 20px;
        padding: 0 8px;
        text-transform: uppercase;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-pill-rating svg {
        fill: #5d6b84;
        height: 16px;
        width: 16px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-media {
        float: right;
        margin: 24px 0 16px 16px;
        max-width: 100%;
        width: 204px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-media img {
        aspect-ratio: 1 / 1;
        border-radius: 16px;
        object-fit: cover;
        width: 100%;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body {
        color: #002b50;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body p {
        color: #002b50;
        font: 400 16px/24px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        margin: 16px 0;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body h2,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body h3,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body h4 {
        color: #002b50;
        font: 700 16px/24px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        margin: 16px 0 8px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body a {
        color: #0074e0;
        font: 700 16px/24px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        text-decoration: none;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body a:hover {
        color: #009cff;
        text-decoration: underline;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ul,
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ol {
        margin: 0 0 24px;
        padding-inline-start: 0;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ol {
        list-style-position: inside;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ul {
        list-style: none;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ul li {
        margin-bottom: 16px;
        padding-inline-start: 16px;
        position: relative;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-body ul li::before {
        background: #0074e0;
        border-radius: 16px;
        content: "";
        height: 4px;
        inset-inline-start: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-tags {
        list-style: none;
        margin: 0;
        padding: 24px 0 12px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-tags li {
        display: inline-block;
        margin: 0 8px 8px 0;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-tags a {
        border: 2px solid #0074e0;
        border-radius: 100px;
        color: #0074e0;
        display: block;
        font: 700 12px/20px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
        padding: 0 10px;
        text-decoration: none;
        text-transform: uppercase;
        transition: border-color 0.2s ease, color 0.2s ease;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-tags a:hover {
        border-color: #009cff;
        color: #009cff;
    }
}

@media screen and (max-width: 550px) {
    #mobileGameLayout.poki-clone-theme .poki-mobile-about-section .drive-about-media {
        float: none;
        margin: 16px 0;
    }
}

@media screen and (min-width: 551px) and (max-width: 660px) {
    #mobileGameLayout.poki-clone-theme {
        --mobile-grid-columns: 5;
        --mobile-shell-width: 534px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-grid {
        grid-template-areas:
            "... ibx ibx ibx ..."
            "... igc igc igc ..."
            "... igc igc igc ..."
            "... igc igc igc ..."
            "... egc egc egc ...";
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-title-tile {
        display: none;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card {
        grid-column-start: span 3;
    }
}

@media screen and (min-width: 661px) and (max-width: 768px) {
    #mobileGameLayout.poki-clone-theme {
        --mobile-grid-columns: 6;
        --mobile-shell-width: 644px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-grid {
        grid-template-areas:
            "... ibx ibx ibx ... ..."
            "igc igc igc igc ... ..."
            "igc igc igc igc ... ..."
            "igc igc igc igc ... ..."
            "igc igc igc igc ... ..."
            "... egc egc egc ... ...";
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-game-stage {
        height: 424px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-category-card {
        grid-column-start: span 3;
    }
}

@media screen and (max-width: 430px) {
    .home-layout-shell.home-poki-theme {
        --poki-home-cell: 94px;
        --poki-category-width: 94px;
        --poki-category-row: 94px;
    }

    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link .m-category-card img,
    .home-layout-shell.home-poki-theme .m-category-grid .home-category-link.is-feature .m-category-card img {
        width: var(--poki-category-row);
        height: var(--poki-category-row);
    }

    .category-container.category-poki-theme {
        --category-cell: 94px;
        --category-grid-columns: 3;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-nav-logo img {
        width: 64px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-icon {
        width: 56px;
        height: 56px;
    }

    #mobileGameLayout.poki-clone-theme .poki-mobile-play-label {
        font-size: 17px;
    }
}

/* ============================================
   CUSTOM 404 (Poki-aligned)
   ============================================ */
.not-found-shell {
    --nf-cell: 94px;
    --nf-gap: 16px;
    --nf-shadow: rgba(93, 107, 132, 0.3) 0 7px 10px 4px;
    --nf-title: #002b50;
    margin: 16px auto 0;
    max-width: 980px;
}

.not-found-grid {
    display: grid;
    gap: var(--nf-gap);
    grid-template-columns: var(--nf-cell) 204px var(--nf-cell) var(--nf-cell) var(--nf-cell);
    grid-template-rows: var(--nf-cell) var(--nf-cell) var(--nf-cell);
    justify-content: center;
    align-items: stretch;
}

.not-found-nav-card,
.not-found-title-card,
.not-found-card,
.not-found-category-section {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: var(--nf-shadow);
    overflow: hidden;
    position: relative;
}

.not-found-nav-card {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: var(--nf-cell);
    padding: 6px;
}

.not-found-logo {
    align-items: center;
    display: flex;
    justify-content: center;
}

.not-found-logo img {
    max-width: 100%;
    object-fit: contain;
    width: 64px;
}

.not-found-nav-actions {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.not-found-nav-actions a,
.not-found-nav-actions button {
    align-items: center;
    background: #f0f5fc;
    border: 0;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 100%;
}

.not-found-nav-actions svg {
    height: 16px;
    width: 16px;
}

.not-found-nav-actions svg path,
.not-found-nav-actions svg circle {
    stroke: #0074e0;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.not-found-title-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    grid-column: 2 / span 4;
    justify-content: center;
    padding: 14px 16px;
}

.not-found-eyebrow {
    color: #5d6b84;
    font: 700 11px/14px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    letter-spacing: 1.2px;
    margin: 0;
    text-transform: uppercase;
}

.not-found-title-card h1 {
    color: var(--nf-title);
    font: 700 30px/34px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    margin: 0;
}

.not-found-copy {
    color: #5d6b84;
    font: 15px/22px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    margin: 0;
}

.not-found-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.not-found-btn {
    align-items: center;
    border: 2px solid #cfe2f5;
    border-radius: 999px;
    color: #0052a3;
    display: inline-flex;
    font: 700 12px/20px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    gap: 6px;
    padding: 4px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.not-found-btn:hover {
    border-color: #0074e0;
    color: #0074e0;
}

.not-found-btn.is-primary {
    background: #0074e0;
    border-color: #0074e0;
    color: #ffffff;
}

.not-found-btn.is-primary:hover {
    background: #009cff;
    border-color: #009cff;
    color: #ffffff;
}

.not-found-card {
    transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.not-found-card .m-game-link {
    display: block;
    height: 100%;
    width: 100%;
}

.not-found-card .m-game-link picture {
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.not-found-card .m-game-link::before {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(7, 31, 62, 0.72) 100%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease;
    width: 100%;
    z-index: 1;
}

.not-found-card .m-game-link .m-game-details {
    bottom: -100px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    line-height: 16px;
    opacity: 0;
    padding: 10px 6px;
    position: absolute;
    text-align: center;
    transition: bottom 0.2s ease, opacity 0.2s ease;
    width: 100%;
    z-index: 2;
}

.not-found-card:hover {
    box-shadow: rgba(93, 107, 132, 0.34) 0 10px 16px;
    transform: translateY(-2px);
}

.not-found-card:hover .m-game-link::before {
    opacity: 1;
}

.not-found-card:hover .m-game-link .m-game-details {
    bottom: 0;
    opacity: 1;
}

.not-found-card.is-hero {
    grid-column: 1 / span 2;
    grid-row: 2 / span 2;
}

.not-found-card.is-side-a {
    grid-column: 3;
    grid-row: 2;
}

.not-found-card.is-side-b {
    grid-column: 4;
    grid-row: 2;
}

.not-found-card.is-side-c {
    grid-column: 5;
    grid-row: 2;
}

.not-found-card.is-grid-1 {
    grid-column: 3;
    grid-row: 3;
}

.not-found-card.is-grid-2 {
    grid-column: 4;
    grid-row: 3;
}

.not-found-card.is-grid-3 {
    grid-column: 5;
    grid-row: 3;
}

.not-found-category-section {
    margin: 16px auto 0;
    max-width: calc((var(--nf-cell) * 5) + (var(--nf-gap) * 4));
    padding: 14px 16px 16px;
}

.not-found-category-section h2 {
    color: var(--nf-title);
    font: 700 20px/24px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    margin: 0 0 12px;
}

.not-found-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.not-found-chip {
    border: 2px solid #d5e4f6;
    border-radius: 999px;
    color: #002b50;
    display: inline-flex;
    font: 700 11px/18px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.not-found-chip:hover {
    border-color: #0074e0;
    color: #0074e0;
}

@media screen and (max-width: 768px) {
    .not-found-shell {
        max-width: 314px;
    }

    .not-found-grid {
        grid-template-areas:
            "nav title title"
            "hero hero side-a"
            "hero hero side-b"
            "side-c grid-1 grid-2"
            "grid-3 . .";
        grid-template-columns: repeat(3, var(--nf-cell));
        grid-template-rows: repeat(5, var(--nf-cell));
    }

    .not-found-nav-card {
        grid-area: nav;
    }

    .not-found-title-card {
        gap: 4px;
        grid-area: title;
        padding: 10px 14px;
    }

    .not-found-title-card h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .not-found-copy {
        display: none;
    }

    .not-found-actions {
        gap: 6px;
        margin-top: 2px;
    }

    .not-found-btn {
        font-size: 10px;
        line-height: 16px;
        padding: 3px 8px;
    }

    .not-found-card.is-hero {
        grid-area: hero;
    }

    .not-found-card.is-side-a {
        grid-area: side-a;
    }

    .not-found-card.is-side-b {
        grid-area: side-b;
    }

    .not-found-card.is-side-c {
        grid-area: side-c;
    }

    .not-found-card.is-grid-1 {
        grid-area: grid-1;
    }

    .not-found-card.is-grid-2 {
        grid-area: grid-2;
    }

    .not-found-card.is-grid-3 {
        grid-area: grid-3;
    }

    .not-found-category-section {
        max-width: 314px;
    }
}

/* 404 Hero Band (home-like layout) */
.not-found-hero-band {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: rgba(93, 107, 132, 0.3) 0 7px 10px 4px;
    margin-top: 16px;
    max-width: 1200px;
    padding: 16px 20px;
}

.not-found-hero-eyebrow {
    color: #5d6b84;
    font: 700 11px/14px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    letter-spacing: 1.2px;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.not-found-hero-band h1 {
    color: #002b50;
    font: 700 38px/42px "Torus", "Proxima Nova", "Segoe UI", sans-serif;
    margin: 0;
}

.not-found-hero-copy {
    color: #5d6b84;
    font: 16px/24px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    margin: 8px 0 0;
    max-width: 860px;
}

.not-found-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.not-found-hero-btn {
    align-items: center;
    border: 2px solid #cfe2f5;
    border-radius: 999px;
    color: #0052a3;
    display: inline-flex;
    font: 700 12px/20px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.not-found-hero-btn:hover {
    border-color: #0074e0;
    color: #0074e0;
}

.not-found-hero-btn.is-primary {
    background: #0074e0;
    border-color: #0074e0;
    color: #fff;
}

.not-found-hero-btn.is-primary:hover {
    background: #009cff;
    border-color: #009cff;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .not-found-hero-band {
        max-width: 314px;
        padding: 10px 12px;
    }

    .not-found-hero-band h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .not-found-hero-copy {
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px;
    }

    .not-found-hero-actions {
        gap: 6px;
        margin-top: 10px;
    }

    .not-found-hero-btn {
        font-size: 10px;
        line-height: 16px;
        padding: 4px 8px;
    }
}

/* ============================================
   Poki /gam Style 404 (no game feed)
   ============================================ */
.poki-gam-404 {
    --pg404-ink: #002b50;
    --pg404-muted: #94a0b7;
    --pg404-hero: #fbe756;
    --pg404-bottom: #f2f3f6;
    --pg404-card: #f5f7fa;
    --pg404-blue: #12a8ff;
    color: var(--pg404-ink);
    margin: 0 -0.75rem;
    text-rendering: optimizeLegibility;
}

.poki-gam-404 * {
    box-sizing: border-box;
}

body.is-404-page .mvn-container-404 {
    flex: 0 0 auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

.poki-gam-404-top {
    background: var(--pg404-hero);
    overflow: hidden;
    position: relative;
}

.poki-gam-404-top::before,
.poki-gam-404-top::after {
    border-radius: 999px;
    content: "";
    filter: blur(22px);
    pointer-events: none;
    position: absolute;
    will-change: transform, opacity;
}

.poki-gam-404-top::before {
    background: rgba(255, 125, 0, 0.26);
    height: 220px;
    left: -110px;
    top: -130px;
    width: 260px;
    animation: pg404-float-a 10s ease-in-out infinite;
}

.poki-gam-404-top::after {
    background: rgba(255, 196, 0, 0.36);
    height: 210px;
    right: -100px;
    top: 190px;
    width: 210px;
    animation: pg404-float-b 12s ease-in-out infinite;
}

.poki-gam-404-shell {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 420px;
    padding: 26px 24px 98px;
    position: relative;
}

.poki-gam-404-logo-card {
    background: var(--pg404-card);
    border-radius: 16px;
    box-shadow: rgba(0, 43, 80, 0.22) 0 7px 12px;
    overflow: hidden;
    width: 92px;
}

.poki-gam-404-logo-link {
    align-items: center;
    display: flex;
    height: 62px;
    justify-content: center;
}

.poki-gam-404-logo-link img {
    display: block;
    height: auto;
    max-width: 70px;
}

.poki-gam-404-logo-actions {
    border-top: 1px solid #dce5ef;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.poki-gam-404-logo-actions a,
.poki-gam-404-logo-actions button {
    align-items: center;
    background: #edf2f9;
    border: 0;
    color: #128cea;
    cursor: pointer;
    display: flex;
    height: 31px;
    justify-content: center;
    padding: 0;
    width: 100%;
}

.poki-gam-404-logo-actions svg {
    height: 19px;
    width: 19px;
}

.poki-gam-404-logo-actions svg path,
.poki-gam-404-logo-actions svg circle {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.poki-gam-404-hero {
    margin: 56px auto 0;
    max-width: 500px;
    position: relative;
    text-align: center;
}

.poki-gam-404-gem {
    background: rgba(245, 126, 177, 0.52);
    clip-path: polygon(18% 8%, 87% 32%, 70% 92%, 9% 76%);
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    will-change: transform, opacity;
}

.poki-gam-404-gem-a {
    height: 112px;
    left: -138px;
    top: 52px;
    transform: rotate(-16deg);
    width: 112px;
    animation: pg404-gem-a 7s ease-in-out infinite;
}

.poki-gam-404-gem-b {
    height: 122px;
    right: -150px;
    top: 48px;
    transform: rotate(10deg);
    width: 122px;
    animation: pg404-gem-b 8s ease-in-out infinite;
}

.poki-gam-404-hero h1 {
    color: #fff;
    font: 700 100px/100px "Torus", "Proxima Nova", "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
    margin: 0;
    text-shadow: -4px 4px 0 rgba(78, 242, 255, 0.52);
    position: relative;
    z-index: 1;
    will-change: transform, text-shadow;
    animation: pg404-error 2.8s ease-in-out infinite;
}

.poki-gam-404-hero p {
    color: var(--pg404-ink);
    font: 700 18px/28px "Proxima Nova", "Open Sans", "Segoe UI", Arial, sans-serif;
    margin: 20px auto 0;
    max-width: 462px;
    position: relative;
    z-index: 1;
}

.poki-gam-404-cta {
    background: var(--pg404-blue);
    border-radius: 999px;
    box-shadow: rgba(0, 78, 168, 0.22) 0 6px 12px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 700 21px/16.8px "Torus", "Proxima Nova", "Segoe UI", Arial, sans-serif;
    height: 48px;
    margin-top: 28px;
    padding: 8px 35px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    width: 274px;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.poki-gam-404-cta:hover {
    background: #0599f0;
    box-shadow: rgba(0, 78, 168, 0.3) 0 10px 16px;
    transform: translateY(-1px);
}

@media screen and (max-width: 1199px) {
    .poki-gam-404-hero h1 {
        font-size: 80px;
        line-height: 80px;
    }

    .poki-gam-404-hero p {
        font-size: 18px;
        line-height: 28px;
    }

    .poki-gam-404-cta {
        font-size: 21px;
        line-height: 16.8px;
    }
}

@media screen and (max-width: 768px) {
    .poki-gam-404 {
        --pg404-hero: #fbe756;
    }

    .poki-gam-404-shell {
        min-height: 360px;
        padding: 18px 20px 40px;
    }

    .poki-gam-404-hero {
        margin-top: 28px;
        max-width: 314px;
    }

    .poki-gam-404-gem-a {
        height: 88px;
        left: -10px;
        top: 102px;
        width: 88px;
    }

    .poki-gam-404-gem-b {
        height: 90px;
        right: -8px;
        top: 108px;
        width: 90px;
    }

    .poki-gam-404-hero h1 {
        font-size: 60px;
        line-height: 60px;
        text-shadow: -3px 3px 0 rgba(78, 242, 255, 0.52);
    }

    .poki-gam-404-hero p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
        max-width: 314px;
    }

    .poki-gam-404-cta {
        font-size: 21px;
        line-height: 16.8px;
        margin: 22px auto 0;
        width: 274px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .poki-gam-404-top::before,
    .poki-gam-404-top::after,
    .poki-gam-404-gem-a,
    .poki-gam-404-gem-b,
    .poki-gam-404-hero h1 {
        animation: none !important;
    }
}

@keyframes pg404-float-a {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.8; }
    50% { transform: translate3d(42px, 18px, 0) scale(1.08); opacity: 1; }
    100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.8; }
}

@keyframes pg404-float-b {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.85; }
    50% { transform: translate3d(-34px, -16px, 0) scale(1.12); opacity: 1; }
    100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.85; }
}

@keyframes pg404-gem-a {
    0% { transform: rotate(-16deg) translateY(0); opacity: 0.75; }
    50% { transform: rotate(-10deg) translateY(-6px); opacity: 0.95; }
    100% { transform: rotate(-16deg) translateY(0); opacity: 0.75; }
}

@keyframes pg404-gem-b {
    0% { transform: rotate(10deg) translateY(0); opacity: 0.75; }
    50% { transform: rotate(15deg) translateY(7px); opacity: 0.92; }
    100% { transform: rotate(10deg) translateY(0); opacity: 0.75; }
}

@keyframes pg404-error {
    0%, 100% {
        transform: translate3d(0, 0, 0);
        text-shadow: -4px 4px 0 rgba(78, 242, 255, 0.52);
    }
    25% {
        transform: translate3d(1px, -1px, 0);
        text-shadow: -5px 4px 0 rgba(78, 242, 255, 0.56);
    }
    50% {
        transform: translate3d(-1px, 1px, 0);
        text-shadow: -3px 5px 0 rgba(78, 242, 255, 0.46);
    }
    75% {
        transform: translate3d(1px, 0, 0);
        text-shadow: -4px 3px 0 rgba(78, 242, 255, 0.54);
    }
}

/* Poki V2 styles moved to poki-design.css (loaded on game pages only) */