*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Roboto,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#0e2233 0%,transparent 60%),radial-gradient(1000px 500px at 90% 10%,#1a1030 0%,transparent 55%),#08090c;color:#fff;min-height:100vh;display:flex;flex-direction:column}
body.is-site-loading{overflow:hidden}
body.is-site-loading .site-header,body.is-site-loading .site-footer{display:none}
.site-header{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:linear-gradient(180deg,rgba(8,9,12,.96),rgba(8,9,12,.82));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.6),rgba(127,107,255,.6),transparent)}
.search-pill{justify-self:start;position:relative;display:flex;align-items:center;gap:10px;width:300px;height:42px;padding:0 14px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:13px;transition:all .25s cubic-bezier(.2,.7,.3,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.search-pill:hover{border-color:rgba(255,255,255,.16)}
.search-pill:focus-within{border-color:rgba(0,212,255,.6);background:linear-gradient(135deg,rgba(0,170,255,.1),rgba(127,107,255,.05));box-shadow:0 0 0 3px rgba(0,170,255,.13),0 10px 30px rgba(0,170,255,.2)}
.search-pill .search-icon{flex-shrink:0;color:#6a7380;transition:color .25s,transform .25s}
.search-pill:focus-within .search-icon{color:#00d4ff;transform:scale(1.08)}
.search-pill input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.9rem;font-family:inherit;min-width:0;padding:2px 0}
.search-pill input::placeholder{color:#5a6370}
.search-clear{flex-shrink:0;background:rgba(255,255,255,.05);border:none;color:#8a94a0;cursor:pointer;font-size:.75rem;width:22px;height:22px;border-radius:6px;display:none;align-items:center;justify-content:center;transition:all .15s}
.search-clear.visible{display:flex}
.search-clear:hover{color:#ff8080;background:rgba(255,128,128,.14)}
.logo{justify-self:center;font-size:3.75rem;font-weight:800;letter-spacing:4.5px;padding-left:4.5px;background:linear-gradient(90deg,#00d4ff 0%,#7f6bff 40%,#ff6bd6 60%,#00d4ff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 8s linear infinite;cursor:pointer;user-select:none;transition:transform .2s;line-height:1.1}
.logo:hover{transform:scale(1.05)}
.logo-beta{display:inline-block;margin-left:.45em;vertical-align:top;font-size:clamp(.6rem,.24em,.95rem);line-height:1.4;letter-spacing:.06em;font-weight:600;color:#aab8d2;-webkit-text-fill-color:#aab8d2}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.header-actions{justify-self:end;display:flex;gap:8px;align-items:center}
.header-btn{position:relative;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);color:#c5cdd7;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:nowrap}
.header-btn:hover{color:#fff;border-color:rgba(0,212,255,.4)}
.header-btn.active{color:#fff;border-color:rgba(0,212,255,.6);box-shadow:0 0 0 3px rgba(0,170,255,.13),0 10px 30px rgba(0,170,255,.2);background:linear-gradient(135deg,rgba(0,170,255,.12),rgba(127,107,255,.06))}
.header-btn svg{flex-shrink:0}
.hdr-badge{background:linear-gradient(135deg,#00aaff,#7f6bff);color:#fff;font-size:.66rem;font-weight:800;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center;line-height:1.3;box-shadow:0 2px 8px rgba(0,170,255,.4)}
.hdr-badge.empty{display:none}
@media(max-width:1000px){.header-btn .hdr-label{display:none}.header-btn{padding:0 11px}}
#app{flex:1;padding:80px 1rem 2rem}
.site-footer{margin-top:2rem;padding:1.5rem 1.25rem 2rem;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(0deg,rgba(8,9,12,.9),transparent)}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:1400px;margin:0 auto}
.footer-link{background:none;border:none;color:#8a94a0;font-size:.85rem;font-family:inherit;cursor:pointer;padding:4px 2px;transition:color .15s;font-weight:500;position:relative}
.footer-link:hover{color:#8ee0ff}
.footer-link.active{color:#fff;font-weight:600}
.footer-link.active::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#00aaff,#7f6bff);border-radius:2px}
.footer-copy{margin-top:1rem;text-align:center;color:#5a6370;font-size:.75rem;letter-spacing:.5px}

.list-section{
    margin-bottom:70px;
    background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 100%);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:1.2rem 1rem .6rem;
    box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);
    position:relative;overflow:visible;
    z-index:1;
    animation:fadeIn .25s ease;
    transition:padding-top .55s cubic-bezier(.25,.8,.3,1),margin-top .55s cubic-bezier(.25,.8,.3,1),box-shadow .3s;
}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.list-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.6),transparent);z-index:3}
.list-section.sale-section::before{background:linear-gradient(90deg,transparent,rgba(60,220,130,.7),transparent)}
.list-section.no-title{padding-top:.6rem}
.list-section.is-carousel{
    padding-top:calc(1.2rem + 70px);
    margin-top:-70px;
    z-index:5;
}
.list-section.is-carousel .list-title{transform:translateY(-70px)}
.list-section.is-carousel.no-list-title > .list-title{display:none}

/* КАРУСЕЛЬ — полностью убираем полупрозрачную плашку, оставляем только контент и blur-подложку */
.list-section.is-carousel:not(.subs-block){
    background:transparent;
    border:none;
    box-shadow:none;
    border-radius:0;
}
.list-section.is-carousel:not(.subs-block)::before{display:none}

.list-section.is-carousel2{
    padding:2.2rem 0;
    margin-left:-1rem;
    margin-right:-1rem;
    margin-top:0;
    margin-bottom:60px;
    z-index:6;
    border-left:0;
    border-right:0;
    border-top:1px solid rgba(255,255,255,.14);
    border-bottom:1px solid rgba(255,255,255,.14);
    border-radius:0;
    background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);
    box-shadow:0 20px 55px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
}
.list-section.is-carousel2 > .list-title{display:none}
.feed-progress{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:4px auto 24px;color:#77849a;font-size:.78rem;letter-spacing:.02em}
.feed-progress.is-loading::before{content:'';width:14px;height:14px;border:2px solid rgba(255,255,255,.16);border-top-color:#67bfff;border-radius:50%;animation:feedSpin .8s linear infinite}
@keyframes feedSpin{to{transform:rotate(360deg)}}

.list-section.categories-section{
    padding:1.4rem 1rem 1.4rem;
    margin-top:0;
    margin-bottom:70px;
}
.list-section.categories-section > .list-title{display:none}
.categories-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:22px;
    padding:.3rem 0 .6rem;
}
.categories-grid.large{
    grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));
    gap:28px;
}
.category-grid-card{
    display:flex;flex-direction:column;gap:.7rem;
    cursor:pointer;user-select:none;
}
.category-grid-thumb{
    position:relative;width:100%;
    aspect-ratio:1/1;
    border-radius:16px;overflow:hidden;
    background:#1a1c22;
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 6px 18px rgba(0,0,0,.45);
    transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;
}
.category-grid-thumb img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s ease;
}
.category-grid-thumb .list-cover-placeholder{position:absolute;inset:0}
.category-grid-card:hover .category-grid-thumb{
    transform:translateY(-5px) scale(1.015);
    box-shadow:0 18px 36px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,200,60,.9),0 0 32px rgba(255,190,60,.5);
    border-color:rgba(255,200,60,.9);
}
.category-grid-card:hover .category-grid-thumb img{transform:scale(1.06)}
.category-grid-title{
    font-size:.95rem;font-weight:600;color:#fff;
    text-align:center;line-height:1.3;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.categories-grid.large .category-grid-title{font-size:1.05rem}
.genre-collections{width:min(100%,1250px);margin:2.2rem auto 0}
.genre-section-title{display:block;margin:0 0 .75rem;color:#e6eaf1;font-size:1.12rem;font-weight:600;letter-spacing:-.015em;text-align:center}
.genre-section-subtitle{margin:0 0 1rem;color:#8492a4;font-size:.9rem}
.genre-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),190px));justify-content:center;gap:18px}
.genre-collection-card{position:relative;isolation:isolate;display:flex;width:100%;aspect-ratio:1/1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;overflow:hidden;padding:1.15rem 1.25rem;border:1px solid rgba(115,185,255,.2);border-radius:17px;background:radial-gradient(ellipse at 12% 0%,rgba(0,212,255,.2),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(127,107,255,.24),transparent 62%),linear-gradient(135deg,#101b2b,#13101e);box-shadow:0 8px 22px rgba(0,0,0,.32);color:#fff;text-align:center;font-family:inherit;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.genre-collection-card::after{content:'';position:absolute;z-index:-1;width:150px;height:150px;right:-48px;bottom:-74px;border-radius:50%;background:radial-gradient(circle,rgba(91,151,255,.25),transparent 70%);transition:transform .3s ease,opacity .3s ease;opacity:.7}
.genre-collection-card:hover{transform:translateY(-3px);border-color:rgba(142,224,255,.65);box-shadow:0 15px 32px rgba(0,0,0,.48),0 0 24px rgba(0,170,255,.12);background:radial-gradient(ellipse at 12% 0%,rgba(0,212,255,.27),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(127,107,255,.34),transparent 62%),linear-gradient(135deg,#12243a,#1c1430)}
.genre-collection-card:hover::after{transform:scale(1.18);opacity:1}
.genre-carousel-card.is-selected:not(.genre-sale-card){border-color:rgba(142,224,255,.62);box-shadow:0 12px 28px rgba(0,0,0,.44),0 0 22px rgba(0,170,255,.14)}
.genre-sale-card.is-selected{border-color:rgba(142,224,255,.62);box-shadow:0 12px 28px rgba(0,0,0,.44),0 0 22px rgba(0,170,255,.14)}.genre-sale-card.is-selected::after{transform:scale(1.18);opacity:1}
.genre-collection-card:focus-visible{outline:2px solid #8ee0ff;outline-offset:3px}
.genre-card-title{font-size:1.12rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.genre-card-kicker{color:#9bb8d2;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.genre-carousel{position:relative;margin:0 0 1.35rem;padding:.2rem 2.7rem}.allgames-page-title{display:block;justify-content:center;text-align:center}
.genre-carousel-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:.5rem .25rem .85rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.genre-carousel-track::-webkit-scrollbar{display:none}
.genre-carousel-card{flex:0 0 clamp(145px,15vw,190px);width:clamp(145px,15vw,190px);aspect-ratio:1/1}
.genre-carousel-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(20,20,25,.88);color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.genre-carousel-nav:hover{border-color:rgba(142,224,255,.65);background:rgba(0,170,255,.22)}
.genre-carousel-nav:disabled{opacity:.3;cursor:default}
.genre-carousel-nav.prev{left:0}.genre-carousel-nav.next{right:0}
@media(max-width:700px){.genre-carousel{padding:0 2.15rem;margin-bottom:1rem}.genre-carousel-track{gap:10px}.genre-carousel-card{flex-basis:140px;width:140px}.genre-carousel-nav{width:30px;height:30px}}

.list-title{
    font-size:1.3rem;margin-bottom:.8rem;color:#e8e8e8;font-weight:500;
    letter-spacing:.4px;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
    transition:transform .55s cubic-bezier(.25,.8,.3,1),color .3s;
}
/* Фоновая подложка — резкий градиент, края полностью в чёрный */
.list-section .section-hover-bg{
    position:absolute;inset:0;z-index:0;
    background-image:var(--hover-bg,none);
    background-size:cover;background-position:center;
    filter:blur(var(--hover-bg-blur,2px)) brightness(.5) saturate(1.15);
    opacity:0;transition:opacity .5s ease;pointer-events:none;
    transform:scale(1.02);
}
.list-section .section-hover-bg::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,
        #08090c 0%,
        #08090c 14%,
        rgba(8,9,12,.85) 24%,
        rgba(8,9,12,.55) 40%,
        rgba(8,9,12,.55) 60%,
        rgba(8,9,12,.85) 76%,
        #08090c 86%,
        #08090c 100%);
}
.list-section.hovering .section-hover-bg{opacity:1}
.list-section.section-has-bg .section-hover-bg{opacity:1}
.list-section > *{position:relative;z-index:2}

.list-section > .section-hover-info{
    position:absolute !important;
    top:0;left:0;right:0;
    height:calc(1.2rem + 70px);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:0 1.2rem;z-index:4;pointer-events:none;
    opacity:0;transition:opacity .25s ease;overflow:hidden;
}
.list-section > .section-hover-info.is-visible{opacity:1}
.section-hover-info .shi-title{font-size:1.55rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.3px;text-shadow:0 3px 16px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.9);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-hover-info .shi-price{font-size:1.35rem;font-weight:800;color:#ffd76b;text-shadow:0 3px 16px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.9);letter-spacing:-.3px;margin-top:.15rem}

.list-title.clickable{justify-content:center;text-align:center;cursor:pointer;transition:color .2s;user-select:none}
.list-title.clickable:hover{color:#8ee0ff}
.list-title .accent{color:#8ee0ff;font-weight:600}

.page-back-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:0 .2rem;flex-wrap:wrap}
.page-back-row .list-title{margin-bottom:0}
.page-back-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:11px;background:linear-gradient(135deg,rgba(0,170,255,.1),rgba(127,107,255,.05));border:1px solid rgba(0,212,255,.35);color:#8ee0ff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}
.page-back-btn:hover{background:linear-gradient(135deg,rgba(0,170,255,.2),rgba(127,107,255,.14));border-color:rgba(0,212,255,.7);color:#fff}

.grid-wrap{display:grid;gap:16px;padding:.3rem .15rem .8rem}
.grid-wrap.grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}
.grid-wrap.big-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.grid-wrap.big-carousel{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}

.mosaic-wrap{position:relative;padding:0 .1rem}
.mosaic-wrap::after{content:'';position:absolute;z-index:3;top:.3rem;right:.1rem;bottom:.8rem;width:clamp(48px,8vw,150px);background:linear-gradient(90deg,rgba(8,9,12,0),rgba(8,9,12,.72) 62%,#08090c);pointer-events:none}
.mosaic-scroll{overflow-x:auto;overflow-y:hidden;padding:.3rem 0 .8rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}
.mosaic-scroll:active{cursor:grabbing}
.mosaic-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.grid-wrap.mosaic{display:grid;grid-template-rows:repeat(4,var(--mosaic-cell,145px));grid-auto-flow:column dense;grid-auto-columns:var(--mosaic-cell,145px);gap:8px;padding:0;width:max-content;min-width:100%}
.grid-wrap.mosaic > .game-card{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;max-width:none;position:relative;border-radius:14px;overflow:hidden;background:#1a1c22;border:1px solid rgba(255,255,255,.07);transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s;box-shadow:0 6px 18px rgba(0,0,0,.45);cursor:pointer}
.grid-wrap.mosaic > .game-card:hover{transform:scale(1.015);box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 1.5px rgba(255,200,60,.9),0 0 32px rgba(255,190,60,.55);border-color:rgba(255,200,60,.9);z-index:2}
.grid-wrap.mosaic > .game-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;pointer-events:none}
.grid-wrap.mosaic > .game-card:hover img{transform:scale(1.06)}
.grid-wrap.mosaic > .game-card .no-cover{font-size:2.5rem}
.grid-wrap.mosaic > .game-card.mosaic-big{grid-row:span 2;grid-column:span 2}
.grid-wrap.mosaic > .game-card.mosaic-allgames{grid-row:2 / span 2;grid-column:2 / span 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:radial-gradient(ellipse at 50% 15%,rgba(0,212,255,.24),transparent 58%),radial-gradient(ellipse at 80% 90%,rgba(127,107,255,.3),transparent 62%),linear-gradient(135deg,#101b2b,#13101e);border-color:rgba(115,185,255,.3);font-family:inherit;color:#fff;text-align:center}
.mosaic-allgames-kicker{color:#9bb8d2;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.mosaic-allgames-title{font-size:clamp(1.5rem,3vw,2.6rem);font-weight:850;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.mosaic-allgames-hint{color:#aebbd0;font-size:.82rem;font-weight:600;transition:color .2s,transform .2s}
.grid-wrap.mosaic > .game-card.mosaic-allgames:hover{background:radial-gradient(ellipse at 50% 15%,rgba(0,212,255,.34),transparent 58%),radial-gradient(ellipse at 80% 90%,rgba(127,107,255,.38),transparent 62%),linear-gradient(135deg,#12243a,#1c1430);border-color:rgba(142,224,255,.72)}
.grid-wrap.mosaic > .game-card.mosaic-allgames:hover .mosaic-allgames-hint{color:#8ee0ff;transform:translateY(2px)}
.mosaic-nav{position:absolute;top:calc(50% - 6px);transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(20,20,25,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.55);transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;opacity:.92;font-family:inherit;padding:0}
.mosaic-nav:hover{background:rgba(0,170,255,.22);border-color:rgba(0,170,255,.65);box-shadow:0 8px 28px rgba(0,170,255,.45);opacity:1}
.mosaic-nav:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}
.mosaic-nav.prev{left:6px}.mosaic-nav.next{right:6px}
@media(max-width:700px){.grid-wrap.mosaic{--mosaic-cell:100px;gap:6px}.mosaic-nav{width:32px;height:32px}.mosaic-nav.prev{left:2px}.mosaic-nav.next{right:2px}}

.load-more-wrap{display:flex;justify-content:center;padding:.9rem 0 1.2rem}
.load-more-btn{padding:12px 30px;border-radius:12px;background:linear-gradient(135deg,rgba(0,170,255,.12),rgba(127,107,255,.08));border:1px solid rgba(0,212,255,.35);color:#8ee0ff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;letter-spacing:.3px}
.load-more-btn:hover{background:linear-gradient(135deg,rgba(0,170,255,.2),rgba(127,107,255,.14));border-color:rgba(0,212,255,.7);color:#fff}

.swiper{width:100%;padding:.4rem .2rem 1.2rem}
.swiper-slide{height:auto;display:flex;justify-content:center;align-items:flex-start}
.swiper-button-prev,.swiper-button-next{color:#fff!important;width:36px;height:36px;border-radius:50%;background:rgba(20,20,25,.85);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.5);top:var(--arrow-top,115px)!important;margin-top:0!important;transform:translateY(-50%);z-index:6}
.swiper-button-prev:hover,.swiper-button-next:hover{background:rgba(0,170,255,.18);border-color:rgba(0,170,255,.6)}
.swiper-button-prev::after,.swiper-button-next::after{font-size:.8rem!important;font-weight:800}
.swiper-button-prev{left:0}.swiper-button-next{right:0}

.game-card-wrap{display:flex;flex-direction:column;width:100%;max-width:230px;cursor:pointer;user-select:none;position:relative}
.game-card{position:relative;width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#1a1c22;border:1px solid rgba(255,255,255,.07);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.game-card-wrap:hover .game-card{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 36px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,200,60,.9),0 0 32px rgba(255,190,60,.5);border-color:rgba(255,200,60,.9)}
.game-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.game-card-wrap:hover .game-card img{transform:scale(1.06)}
.no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2b3a 0%,#14202b 100%);color:#3d6a8a;font-size:3.5rem;font-weight:700;letter-spacing:-2px}
.cover-overlay{position:absolute;inset:0;pointer-events:none}
.cover-overlay::after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 100%)}
.prepay-badge{position:absolute;top:9px;left:9px;background:linear-gradient(135deg,rgba(255,190,92,.95),rgba(255,140,50,.95));color:#1a1000;font-size:.6rem;font-weight:800;padding:4px 9px;border-radius:8px;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 4px 14px rgba(255,150,50,.45);z-index:3}
.discount-badge{position:absolute;top:9px;right:9px;background:linear-gradient(135deg,rgba(46,210,110,.98),rgba(20,160,80,.98));color:#fff;font-size:.68rem;font-weight:900;padding:5px 10px;border-radius:8px;letter-spacing:.5px;box-shadow:0 6px 18px rgba(30,200,100,.55),0 0 0 1px rgba(120,255,160,.4);z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.platform-chips{position:absolute;bottom:9px;left:9px;right:9px;display:flex;flex-wrap:wrap;gap:4px;z-index:2}
.platform-chip{background:rgba(10,14,20,.78);color:#fff;font-size:.6rem;font-weight:700;padding:3px 7px;border-radius:6px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14)}
.card-info{margin-top:.6rem;padding:0 3px;display:flex;flex-direction:column;line-height:1.3}
.card-info .game-price{min-height:1.35em;font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.card-info .game-price .price-new{font-size:1.05rem;color:#fff;font-weight:800}
.card-info .game-price .price-old{font-size:.78rem;color:#6e7784;text-decoration:line-through;text-decoration-color:rgba(255,90,90,.7);text-decoration-thickness:1.5px;font-weight:500}
.card-info .game-title{min-height:2.6em;font-size:.9rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-info .game-edition-row{min-height:1.2em;display:flex;align-items:center;gap:6px}
.card-info .game-edition{font-size:.72rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-info .editions-badge{flex-shrink:0;font-size:.72rem;color:rgba(255,255,255,.5);white-space:nowrap}
.card-remove-btn{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:rgba(120,128,140,.35);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:7;font-family:inherit;padding:0;backdrop-filter:blur(6px);transition:all .18s;opacity:.8;line-height:1}
.card-remove-btn:hover{background:rgba(120,128,140,.65);opacity:1}

.swiper-slide-category{overflow:visible}
.category-card-wrap{position:relative;z-index:5;width:322px;max-width:322px;display:flex;flex-direction:column;pointer-events:auto}
.category-card-wrap .game-card.category-card{width:100%;aspect-ratio:1/1;border-color:rgba(255,200,60,.5);box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(255,200,60,.3),0 0 22px rgba(255,190,60,.2)}
.category-card-wrap:hover .game-card.category-card{box-shadow:0 24px 60px rgba(0,0,0,.75),0 0 0 2px rgba(255,200,60,1),0 0 40px rgba(255,190,60,.65);border-color:rgba(255,200,60,1);transform:none !important}
.category-card-wrap:hover .game-card.category-card img{transform:none !important}

.category-price-overlay{
    position:absolute;
    left:0;right:0;bottom:0;
    display:flex;justify-content:center;align-items:center;
    padding:14px 12px 16px;
    font-size:1.15rem;font-weight:800;color:#fff;
    letter-spacing:-.2px;text-align:center;
    text-shadow:none;
    pointer-events:none;z-index:3;
}

.swiper.with-category{padding:90px .2rem 90px}
.swiper.with-category .swiper-slide{align-items:flex-start;overflow:visible;width:230px;flex-shrink:0;display:flex;justify-content:center}
.swiper.with-category .swiper-slide.swiper-slide-category{width:322px;flex-shrink:0;align-items:flex-start}
.swiper.with-category .game-card-wrap:not(.category-card-wrap){position:relative;z-index:2;width:230px;max-width:230px;transform-origin:center top;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.swiper.with-category .game-card-wrap.category-card-wrap{width:322px;max-width:322px;transform-origin:center top}
.swiper.with-category .game-card-wrap:not(.category-card-wrap):hover{transform:scale(1.015);z-index:50}
.swiper.with-category .game-card-wrap:not(.category-card-wrap):hover .game-card{transform:none;box-shadow:0 24px 60px rgba(0,0,0,.75),0 0 0 2px rgba(255,200,60,1),0 0 40px rgba(255,190,60,.65);border-color:rgba(255,200,60,1)}
.swiper.with-category .game-card-wrap:not(.category-card-wrap):hover .game-card img{transform:none}
@media(max-width:700px){
    .swiper.with-category{padding:60px .2rem 70px}
    .swiper.with-category .swiper-slide{width:170px}
    .swiper.with-category .swiper-slide.swiper-slide-category{width:238px}
    .swiper.with-category .game-card-wrap:not(.category-card-wrap){width:170px;max-width:170px}
    .swiper.with-category .game-card-wrap.category-card-wrap{width:238px;max-width:238px}
    .category-card-wrap{width:238px;max-width:238px}
}

.carousel2-swiper{width:100%;padding:10px 0 12px;overflow:hidden}
.carousel2-swiper .swiper-slide{height:auto;display:flex;justify-content:center;align-items:flex-start;width:266px;flex-shrink:0}
.carousel2-swiper .swiper-slide.carousel2-slide-category{width:466px;align-items:flex-start}

.carousel2-card{position:relative;width:100%;max-width:266px;aspect-ratio:1/1.75;border-radius:16px;overflow:hidden;background:#08090c;border:1px solid rgba(255,255,255,.07);cursor:pointer;user-select:none;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.carousel2-card:hover{transform:scale(1.015);box-shadow:0 18px 36px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,200,60,.9),0 0 32px rgba(255,190,60,.5);border-color:rgba(255,200,60,.9);z-index:2}
.carousel2-image-wrap{position:absolute;top:0;left:0;right:0;bottom:22%;overflow:hidden;z-index:0;background:#08090c}
.carousel2-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.carousel2-image-wrap .no-cover{width:100%;height:100%;font-size:3rem}
.carousel2-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to top,#08090c 0%,#08090c 40%,rgba(8,9,12,.92) 52%,rgba(8,9,12,.6) 70%,rgba(8,9,12,.2) 86%,rgba(8,9,12,0) 100%);pointer-events:none;z-index:1}
.carousel2-info{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 14px;z-index:2;display:flex;flex-direction:column;gap:5px}
.carousel2-price{font-size:1rem;font-weight:800;color:#fff;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;line-height:1.15}
.carousel2-price .price-new{color:#fff;font-weight:800}
.carousel2-price .price-old{font-size:.74rem;color:rgba(255,255,255,.55);text-decoration:line-through;text-decoration-color:rgba(255,90,90,.75);text-decoration-thickness:1.5px;font-weight:500}
.carousel2-title{font-size:.9rem;font-weight:700;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.carousel2-edition{font-size:.7rem;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.carousel2-category-card{position:relative;width:100%;max-width:466px;aspect-ratio:1/1;border-radius:17px;overflow:hidden;background:#0a0e14;border:1px solid rgba(255,200,60,.5);cursor:pointer;user-select:none;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(255,200,60,.3),0 0 22px rgba(255,190,60,.2)}
.carousel2-category-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.75),0 0 0 2px rgba(255,200,60,1),0 0 40px rgba(255,190,60,.65);border-color:rgba(255,200,60,1)}
.carousel2-category-thumb{position:relative;width:100%;height:100%}
.carousel2-category-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.carousel2-category-thumb .list-cover-placeholder{width:100%;height:100%}

.list-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%, rgba(0,212,255,.30), transparent 60%),radial-gradient(circle at 75% 80%, rgba(127,107,255,.30), transparent 60%),linear-gradient(135deg, #0e1420 0%, #0a0e18 100%);position:relative;overflow:hidden}
.list-cover-placeholder::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:22px 22px;pointer-events:none;opacity:.7}
.lcp-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.2rem;text-align:center}
.lcp-icon{color:#8ee0ff;filter:drop-shadow(0 6px 16px rgba(0,170,255,.55));display:flex}
.lcp-name{font-size:1rem;font-weight:800;color:#e6f3ff;text-shadow:0 2px 10px rgba(0,0,0,.7);max-width:95%;line-height:1.25;word-break:break-word;letter-spacing:.2px}

@media (max-width:700px){


    .carousel2-swiper .swiper-slide{width:194px}
    .carousel2-swiper .swiper-slide.carousel2-slide-category{width:339px}
    .carousel2-card{max-width:194px}
    .carousel2-category-card{max-width:339px}
}

.allgames-toolbar{max-width:1400px;margin:0 auto 1.1rem;padding:22px;border:1px solid rgba(154,179,217,.13);border-radius:22px;background:linear-gradient(135deg,rgba(25,34,49,.8),rgba(17,20,29,.94) 58%);box-shadow:0 12px 36px rgba(0,0,0,.16)}
.allgames-filter-header{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;margin-bottom:0;cursor:pointer}.allgames-toolbar.is-open .allgames-filter-header{margin-bottom:18px}.allgames-toolbar:not(.is-open) .filters-reset{display:none}
.allgames-filter-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;color:#e7edf6;font-size:.98rem;font-weight:600;font-family:inherit;letter-spacing:-.015em;text-align:left;cursor:pointer}.allgames-filter-heading:hover{color:#fff}.allgames-filter-heading:focus-visible{outline:2px solid #98d5ff;outline-offset:5px;border-radius:5px}.filters-expand-icon{margin-left:3px;color:#8fa2ba;transition:transform .2s}.allgames-toolbar.is-open .filters-expand-icon{transform:rotate(180deg)}
.allgames-filter-title-row{display:flex;align-items:center;justify-content:center;gap:10px}.allgames-filter-heading svg{color:#8bbbdc;flex:none}.filters-expand-icon{width:28px;height:28px;margin:0}
.filters-reset{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a4b2c4;font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.filters-reset:hover:not(:disabled){color:#d6edff;background:rgba(111,174,228,.09);border-color:rgba(111,174,228,.18)}
.filters-reset:disabled{opacity:.35;cursor:default}
.allgames-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:18px 16px}
.filter-group{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;grid-column:span 3}
.filter-group-platform{grid-column:span 4}.filter-group-preorder{grid-column:span 5}.filter-group-language{grid-column:span 3}
.filter-group>label,.filter-group-label{color:#9caabd;font-size:.76rem;line-height:1.3;font-weight:500;letter-spacing:.01em}
.filter-group select{box-sizing:border-box;width:100%;min-width:0;min-height:50px;padding:10px 34px 10px 14px;border-radius:11px;background:rgba(10,14,22,.62);border:1px solid rgba(160,180,212,.14);color:#d9e2ef;font-size:.84rem;font-family:inherit;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2397abc3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:background .18s,border-color .18s,color .18s}
.filter-group select:hover{border-color:rgba(151,191,229,.34);background-color:rgba(16,24,36,.9)}
.filter-group select.filled{border-color:rgba(112,177,226,.48);color:#bce4ff;background-color:rgba(57,112,160,.14)}
.filter-group select option{background:#141b27;color:#e6e9ee}
.filter-toggle-options{display:flex;flex-wrap:wrap;gap:5px;min-width:0;min-height:50px;padding:3px;border-radius:12px;background:rgba(8,12,19,.62);border:1px solid rgba(160,180,212,.1)}
.filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:42px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#96a4b7;font-size:.81rem;line-height:1.2;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.filter-toggle:hover{background:rgba(138,171,211,.06);color:#e0eaf6}
.filter-toggle.active{background:linear-gradient(135deg,rgba(64,130,187,.25),rgba(81,103,167,.19));border-color:rgba(130,192,235,.35);color:#d5eeff;box-shadow:0 2px 8px rgba(0,0,0,.13)}
.allgames-filter-grid[hidden]{display:none}.filter-group-platform{grid-column:span 3}.filter-group-preorder{grid-column:span 4}.filter-group-language{grid-column:span 5}.filter-group-pegi{grid-column:span 2}.filter-group-subscription{grid-column:span 6}.filter-group-sale,.filter-group-sort{grid-column:span 2}.filter-group-subscription .filter-toggle-options{flex-wrap:wrap}.filter-group-subscription .filter-toggle{flex:1 1 auto}.allgames-filter-grid.without-subscriptions .filter-group-sort{grid-column:span 8}.allgames-filter-heading:focus-visible,.filter-group select:focus-visible,.filter-toggle:focus-visible,.filters-reset:focus-visible,.filter-chip:focus-visible{outline:2px solid #98d5ff;outline-offset:3px}
.allgames-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(150,175,205,.1)}
.allgames-active-filters[hidden]{display:none}
.filter-chip{display:inline-flex;align-items:center;gap:9px;min-height:34px;max-width:100%;padding:6px 10px 6px 12px;border-radius:9px;border:1px solid rgba(116,174,219,.2);background:rgba(65,117,159,.1);color:#b5cce0;font-size:.76rem;line-height:1.3;font-family:inherit;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.filter-chip:hover{background:rgba(77,139,188,.2);border-color:rgba(132,191,235,.4)}
.filter-chip-close{flex:none;color:#8da7be;font-size:1rem;line-height:1}
.allgames-counter{max-width:1400px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 2px 16px;color:#8191a7;font-size:.8rem}
.allgames-counter .accent{color:#bedcf2;font-weight:600}
.allgames-counter .counter-pages{margin-left:auto;color:#6e8097}
@media(max-width:1100px){.allgames-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px}.filter-group{grid-column:span 2}.filter-group-platform,.filter-group-language,.filter-group-preorder,.filter-group-subscription{grid-column:span 3}.filter-group-pegi,.filter-group-sale,.filter-group-sort{grid-column:span 2}.filter-toggle{padding:7px 8px;font-size:.78rem}}
@media(max-width:700px){.allgames-toolbar{padding:16px;border-radius:17px}.allgames-filter-header{margin-bottom:16px}.allgames-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.filter-group{grid-column:span 1}.filter-group-platform,.filter-group-preorder,.filter-group-language,.filter-group-subscription,.filter-group-sort{grid-column:1/-1}.filter-group>label,.filter-group-label{font-size:.72rem;min-height:1rem}.filter-group select{min-height:50px;padding-left:10px;padding-right:27px;background-position:right 10px center;font-size:.78rem}.filter-toggle{font-size:.79rem;min-height:42px}.allgames-active-filters{margin-top:16px;padding-top:13px;gap:6px}.filter-chip{font-size:.73rem;min-height:36px}.allgames-counter .counter-pages{margin-left:0}}
.allgames-filter-grid.without-subscriptions .filter-group-sort{grid-column:span 6}
@media(max-width:1100px){.allgames-filter-grid.without-subscriptions .filter-group-sale,.allgames-filter-grid.without-subscriptions .filter-group-sort{grid-column:span 2}}
@media(max-width:700px){.allgames-filter-grid.without-subscriptions .filter-group-sale,.allgames-filter-grid.without-subscriptions .filter-group-sort{grid-column:1/-1}}
@media(max-width:360px){.allgames-filter-grid{grid-template-columns:minmax(0,1fr)}.allgames-filter-grid>.filter-group{grid-column:1/-1}}
.allgames-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:1.2rem 0 .6rem}
.page-btn{min-width:38px;height:38px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#c5cdd7;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}
.page-btn:hover{background:rgba(0,170,255,.1);border-color:rgba(0,212,255,.4);color:#fff}
.page-btn.active{background:linear-gradient(135deg,rgba(0,170,255,.2),rgba(127,107,255,.14));border-color:rgba(0,212,255,.65);color:#fff}
.page-ellipsis{color:#5a6370;font-size:.85rem;padding:0 4px}

.search-status{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem 1rem;color:#8a94a0;font-size:1rem}
.search-status .spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(0,212,255,.2);border-top-color:#00d4ff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:flex-start;z-index:1000;padding:2.5rem 1rem;overflow-y:auto}
.modal-overlay.open{display:flex}
.modal{background:#0f1116;border-radius:22px;max-width:860px;width:100%;padding:2rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.9);position:relative;animation:slideUp .3s ease;margin:auto;overflow:hidden}
@keyframes slideUp{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-bg{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:.42;filter:blur(8px) saturate(1.15) brightness(.85);transform:scale(1.08);z-index:0;pointer-events:none}
.modal::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,22,.25) 0%,rgba(15,17,22,.72) 45%,rgba(15,17,22,.96) 100%);z-index:1;pointer-events:none}
.modal-inner{position:relative;z-index:2}
.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(20,22,27,.8);color:#fff;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:5;backdrop-filter:blur(8px)}
.modal-close:hover{background:rgba(255,80,80,.2);border-color:rgba(255,80,80,.55);color:#ff8080;transform:rotate(90deg)}
.modal-header{display:flex;gap:1.4rem;margin-bottom:1.6rem;align-items:flex-start;padding-right:2rem}
.modal-cover{width:140px;height:140px;flex-shrink:0;border-radius:14px;overflow:hidden;background:#232323;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 36px rgba(0,0,0,.65)}
.modal-cover img{width:100%;height:100%;object-fit:cover;display:block}.modal-cover .no-cover{font-size:3rem}
.modal-header-info{flex:1;min-width:0;padding-top:.15rem}
.title-row{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.5rem}
.modal-title{flex:1;font-size:1.8rem;font-weight:700;line-height:1.18;color:#fff}
.fav-btn{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#8a94a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.fav-btn:hover{color:#ff6b9d;border-color:rgba(255,80,150,.4)}
.fav-btn.active{background:rgba(255,80,150,.18);border-color:rgba(255,80,150,.55);color:#ff6b9d}
.fav-btn.active svg{fill:currentColor}
.modal-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;color:#b0b8c2;margin-bottom:.9rem}
.modal-subtitle .dot{color:#4a5460;font-size:.55rem}
.modal-subtitle .highlight{color:#6ecfff;font-weight:500}
.modal-subtitle .sale-countdown{color:#8a94a0;font-weight:400;font-variant-numeric:tabular-nums}
.modal-tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;padding:5px 11px;border-radius:20px;background:rgba(255,255,255,.03);color:#8a94a0;border:1px solid rgba(255,255,255,.07);white-space:nowrap}
.tag.sale{background:linear-gradient(135deg,rgba(60,220,130,.18),rgba(30,180,100,.12));color:#5ee89b;border-color:rgba(60,220,130,.5);font-weight:700;letter-spacing:.4px}
.modal-price-block{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}
.modal-price-block .price-new{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px}
.modal-price-block .price-old{font-size:1rem;color:#6e7784;text-decoration:line-through;text-decoration-color:rgba(255,90,90,.7);text-decoration-thickness:2px;font-weight:500}
.modal-price-block .discount-pill{font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,rgba(46,210,110,.95),rgba(20,160,80,.95));color:#fff;letter-spacing:.4px;box-shadow:0 4px 14px rgba(30,200,100,.45)}
.modal-price-block .price-regular{font-size:1.35rem;font-weight:700;color:#fff}
.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.8rem}
.screenshot-item{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#000;cursor:zoom-in;display:block}
.screenshot-item:hover{border-color:rgba(0,170,255,.7)}
.modal-section-title{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:1.6px;color:#7d8794;margin-bottom:.85rem;font-weight:600}
.modal-section-title .cnt{background:rgba(255,255,255,.07);color:#b8c0cc;border-radius:6px;padding:1px 8px;font-size:.68rem;margin-left:.5rem}
.editions-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.6rem}
.edition-row{display:flex;align-items:center;gap:.9rem;background:rgba(255,255,255,.035);padding:.85rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);cursor:pointer;user-select:none;transition:all .18s ease}
.edition-row:hover{background:rgba(255,255,255,.06)}
.edition-radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.28);position:relative}
.edition-row.selected .edition-radio{border-color:#00d4ff;box-shadow:0 0 14px rgba(0,212,255,.55)}
.edition-row.selected .edition-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#00d4ff}
.edition-row.selected{background:linear-gradient(135deg,rgba(0,212,255,.13),rgba(0,170,255,.05));border-color:rgba(0,212,255,.5)}
.edition-name{flex:1;font-size:.92rem;color:#cdd3da}
.edition-row.selected .edition-name{color:#8ee0ff;font-weight:600}
.edition-price{font-size:.98rem;font-weight:700;color:#c5cdd7;white-space:nowrap;display:flex;align-items:baseline;gap:.5rem}
.edition-price .p-new{color:#fff;font-weight:800}
.edition-price .p-old{font-size:.78rem;color:#6e7784;text-decoration:line-through;text-decoration-color:rgba(255,90,90,.7);text-decoration-thickness:1.5px;font-weight:500}
.modal-actions{display:flex;gap:.7rem;margin-top:.4rem;flex-wrap:wrap}
.buy-btn{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#00c853,#00a844);color:#fff;font-weight:700;padding:1rem 1.4rem;border-radius:14px;text-decoration:none;font-size:1rem;border:none;cursor:pointer;box-shadow:0 10px 28px rgba(0,200,83,.35);transition:transform .18s,background .18s}
.buy-btn:hover{background:linear-gradient(90deg,#00e05e,#00c853);transform:translateY(-2px)}
.buy-btn.disabled{background:rgba(255,255,255,.06);color:#8a94a0;box-shadow:none;cursor:not-allowed;pointer-events:none}
.buy-btn .buy-price{background:rgba(0,0,0,.24);padding:4px 12px;border-radius:9px;font-size:.92rem;font-weight:700}
.cart-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:1rem 1.4rem;border-radius:14px;background:linear-gradient(135deg,rgba(0,170,255,.15),rgba(127,107,255,.1));border:1px solid rgba(0,212,255,.4);color:#8ee0ff;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit;transition:all .2s;min-width:180px;white-space:nowrap}
.cart-btn:hover{background:linear-gradient(135deg,rgba(0,170,255,.25),rgba(127,107,255,.15));border-color:rgba(0,212,255,.7);color:#fff}
.cart-btn.added{background:linear-gradient(135deg,rgba(60,220,130,.2),rgba(30,180,100,.12));border-color:rgba(60,220,130,.55);color:#5ee89b}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.96);backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;z-index:2000;padding:2rem;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.site-loader{position:fixed;inset:0;z-index:2000;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(1200px 600px at 20% -10%,#0e2233 0%,transparent 60%),radial-gradient(1000px 500px at 90% 10%,#1a1030 0%,transparent 55%),#08090c;opacity:1;visibility:visible;transition:opacity .32s ease,visibility 0s linear}
body:not(.is-site-loading) .site-loader{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s}
.site-loader-wordmark{font-size:clamp(2.1rem,7vw,3.6rem);font-weight:850;letter-spacing:.15em;padding-left:.15em;background:linear-gradient(100deg,#00d4ff 0%,#7f6bff 45%,#ff6bd6 65%,#00d4ff 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform-origin:center;backface-visibility:hidden;will-change:transform,opacity;animation:loaderWordmark 2.4s cubic-bezier(.4,0,.2,1) infinite}
.site-loader-bar{position:relative;width:132px;height:3px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.1);box-shadow:0 0 20px rgba(0,170,255,.12)}
.site-loader-bar::after{content:'';position:absolute;inset:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#00d4ff,#7f6bff,#ff6bd6);box-shadow:0 0 14px rgba(0,170,255,.55);animation:loaderSweep 1.45s cubic-bezier(.45,0,.55,1) infinite}
@keyframes loaderWordmark{0%,100%{opacity:.9;transform:translateZ(0) scale(.985)}50%{opacity:1;transform:translateZ(0) scale(1.015)}}
@keyframes loaderSweep{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){.site-loader-wordmark,.site-loader-bar::after{animation-duration:6s}}
.loading{text-align:center;padding:3rem 2rem;font-size:1.1rem;color:#888}
.error{color:#ff6b6b;padding:1.2rem;background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.25);border-radius:12px;margin:1rem 0;font-size:.9rem}
.empty-section{text-align:center;padding:2rem 1rem;color:#5a6370;font-size:.9rem}
.skeleton-section{margin-bottom:70px;border-radius:18px;padding:1.2rem 1rem;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.005) 100%);border:1px solid rgba(255,255,255,.04)}
.skeleton-title{width:180px;height:20px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer2 1.4s infinite;margin-bottom:1rem}
.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}
.skeleton-card{aspect-ratio:1/1;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer2 1.4s infinite}
@keyframes shimmer2{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* SUPERLIST — обложки как на странице «Подборка» */
.superlist-swiper{width:100%;padding:18px 12px 30px}
.superlist-slide{width:auto;height:auto;display:flex;justify-content:center;align-items:flex-start;flex-shrink:0;overflow:visible}
.superlist-card{display:flex;flex-direction:column;width:466px;max-width:466px;flex-shrink:0;cursor:pointer;user-select:none}
.superlist-thumb{position:relative;width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#1a1c22;border:1px solid rgba(255,255,255,.07);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.superlist-card:hover .superlist-thumb{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 36px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,200,60,.9),0 0 32px rgba(255,190,60,.5);border-color:rgba(255,200,60,.9)}
.superlist-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.superlist-card:hover .superlist-thumb img{transform:scale(1.06)}
.superlist-thumb .no-cover{font-size:4rem}
@media(max-width:700px){.superlist-card{width:339px;max-width:339px}}

.opened-list-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;padding-left:.1rem;flex-wrap:wrap}
.opened-list-header .list-title{margin-bottom:0}
.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c5cdd7;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap}
.back-btn:hover{background:rgba(0,170,255,.12);border-color:rgba(0,212,255,.5);color:#fff}

.subs-block{background:linear-gradient(180deg,#0e1016 0%,#0b0d12 100%);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:1.6rem 1.4rem 1.4rem;margin-bottom:70px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);animation:fadeIn .25s ease;position:relative;z-index:1;overflow:visible;transition:padding-top .55s cubic-bezier(.25,.8,.3,1),margin-top .55s cubic-bezier(.25,.8,.3,1)}
.subs-block.is-carousel{padding-top:calc(1.6rem + 60px);margin-top:-60px;z-index:5}
.subs-block.is-carousel .subs-header{transform:translateY(-40px)}
.subs-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.4rem;text-align:center;transition:transform .55s cubic-bezier(.25,.8,.3,1)}
.subs-heading{font-size:1.3rem;font-weight:500;letter-spacing:.4px;color:#e8e8e8;line-height:1.2;margin:0;text-transform:none}
.subs-tabs{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:12px;margin:0 auto}
.subs-tab{padding:9px 22px;border-radius:9px;background:transparent;border:none;color:#8a94a0;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}
.subs-tab:hover{color:#fff}
.subs-tab.active{background:linear-gradient(135deg,#4a6cf7 0%,#7f6bff 100%);color:#fff;box-shadow:0 6px 18px rgba(74,108,247,.45),inset 0 1px 0 rgba(255,255,255,.15)}
.subs-row1-swiper{width:100%;padding:.4rem 0 .6rem;position:relative}
.subs-row1-swiper .swiper-slide{height:auto;display:flex;justify-content:center;align-items:flex-start}
.subs-row1-swiper .swiper-button-prev,.subs-row1-swiper .swiper-button-next{top:50%!important}
.subs-row2-swiper{width:100%;padding:.4rem 0 .6rem;position:relative;margin-bottom:8px}
.subs-row2-swiper .swiper-slide{height:auto;display:flex;justify-content:center;align-items:flex-start}
.subs-row2-swiper .swiper-button-prev,.subs-row2-swiper .swiper-button-next{top:50%!important}
@media (max-width:700px){


    .subs-block{padding:1rem .7rem .9rem;margin-bottom:50px}
    .subs-block.is-carousel{padding-top:calc(1rem + 40px);margin-top:-40px}
    .subs-block.is-carousel .subs-header{transform:translateY(-30px)}
    .subs-heading{font-size:1.15rem}
    .subs-tabs{width:100%;justify-content:space-between}
    .subs-tab{padding:8px 12px;font-size:.78rem;flex:1;text-align:center}
}
.subs-tile{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.028) 0%,rgba(255,255,255,.008) 100%);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.subs-tile:hover{border-color:rgba(255,200,60,.9);box-shadow:0 0 0 1.5px rgba(255,200,60,.9),0 16px 40px rgba(0,0,0,.55),0 0 32px rgba(255,190,60,.5);background:linear-gradient(180deg,rgba(255,200,60,.08) 0%,rgba(255,200,60,.02) 100%)}
.subs-tile-cover{position:relative;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1a1c22;border:1px solid rgba(255,255,255,.05)}
.subs-tile-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.subs-tile:hover .subs-tile-cover img{transform:scale(1.03)}
.subs-tile-cover .no-cover{font-size:3rem}
.subs-tile-discount{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,rgba(46,210,110,.98),rgba(20,160,80,.98));color:#fff;font-size:.7rem;font-weight:900;padding:5px 10px;border-radius:8px;letter-spacing:.5px;box-shadow:0 6px 18px rgba(30,200,100,.55);z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.subs-tile-name{font-size:.9rem;font-weight:600;color:#fff;line-height:1.3;text-align:center;margin-top:.1rem}
.subs-tile-features{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:.2rem .1rem .1rem}
.subs-tile-features li{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:#b0b8c2;line-height:1.4}
.subs-tile-features li::before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;margin-top:7px;background:#6e8bff;box-shadow:0 0 10px rgba(110,139,255,.7)}
.subs-tile.subs-tile-deluxe .subs-tile-features li::before{background:#c8a04c;box-shadow:0 0 10px rgba(200,160,76,.6)}
.subs-tile.subs-tile-extra .subs-tile-features li::before{background:#a06eff;box-shadow:0 0 10px rgba(160,110,255,.7)}
.subs-tile-price{display:block;padding:0;background:none;border:none;color:#fff;font-size:1rem;font-weight:700;letter-spacing:0;text-decoration:none;cursor:pointer;transition:color .2s;text-align:left;font-family:inherit;margin-top:auto}
.subs-tile-price:hover{color:#8ee0ff}
.subs-tile-price.disabled{color:#8a94a0;cursor:not-allowed;pointer-events:none}
.subs-gamecard{position:relative;width:100%;max-width:230px;flex:0 0 auto;cursor:pointer;user-select:none}
.subs-gamecard .game-card{width:100%;aspect-ratio:1/1}
.subs-gamecard:hover .game-card{box-shadow:0 0 0 1.5px rgba(255,200,60,.9),0 18px 40px rgba(0,0,0,.55),0 0 32px rgba(255,190,60,.5);border-color:rgba(255,200,60,.9);transform:none}
.subs-gamecard .card-info{margin-top:.6rem;padding:0 3px}
.subs-gamecard .subs-gamecard-price{font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.subs-gamecard .subs-gamecard-price .price-old{font-size:.78rem;color:#6e7784;text-decoration:line-through;text-decoration-color:rgba(255,90,90,.7);text-decoration-thickness:1.5px;font-weight:500}
.subs-gamecard .game-title{font-size:.9rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.subs-gamecard .game-edition{font-size:.72rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subs-modal-carousel{width:100%;padding:.4rem .2rem 1rem;position:relative}
.subs-modal-carousel .swiper-slide{height:auto;display:flex;justify-content:center;align-items:flex-start}
.subs-modal-carousel .subs-tile{width:180px;padding:.6rem .6rem .7rem;gap:.5rem;border-radius:14px}
.subs-modal-carousel .subs-tile-cover{border-radius:10px}
.subs-modal-carousel .subs-tile-name{font-size:.82rem}
.subs-modal-carousel .subs-tile-features{display:none}
.subs-modal-carousel .subs-tile-price{font-size:.92rem}
.subs-modal-carousel .swiper-button-prev,.subs-modal-carousel .swiper-button-next{top:50%!important;width:30px;height:30px}

.item-row{display:flex;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:.7rem;align-items:center;position:relative}
.item-row .item-cover{width:100px;height:100px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#1a1c22;border:1px solid rgba(255,255,255,.07)}
.item-row .item-cover img{width:100%;height:100%;object-fit:cover;display:block}
.item-row .item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.item-row .item-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.25;cursor:pointer;transition:color .15s}
.item-row .item-title:hover{color:#8ee0ff}
.item-row .item-edition{font-size:.78rem;color:#8a94a0}
.item-row .item-price{font-size:1.05rem;font-weight:800;color:#fff}
.item-row .item-price .old{font-size:.82rem;color:#6e7784;text-decoration:line-through;text-decoration-color:rgba(255,90,90,.7);font-weight:500;margin-left:.5rem}
.item-row .item-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.item-remove{width:38px;height:38px;border-radius:10px;background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.25);color:#ff8080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:1rem;font-family:inherit}
.item-remove:hover{background:rgba(255,80,80,.18);border-color:rgba(255,80,80,.5)}
.item-buy{padding:9px 16px;border-radius:10px;background:linear-gradient(90deg,#00c853,#00a844);color:#fff;font-weight:700;font-size:.82rem;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 16px rgba(0,200,83,.3);font-family:inherit;transition:transform .15s;white-space:nowrap}
.item-buy:hover{transform:translateY(-1px);background:linear-gradient(90deg,#00e05e,#00c853)}
.item-buy.disabled{background:rgba(255,255,255,.06);color:#8a94a0;box-shadow:none;cursor:not-allowed;pointer-events:none}
.cart-total{display:flex;justify-content:flex-end;align-items:baseline;gap:1rem;padding:1.2rem 1rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.95rem;color:#8a94a0}
.cart-total-price{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px}
.empty-state{text-align:center;padding:4rem 1rem;color:#5a6370}
.empty-state svg{opacity:.4;margin-bottom:1rem}
.empty-state .title{font-size:1.3rem;color:#8a94a0;margin-bottom:.4rem;font-weight:600}
.empty-state .sub{font-size:.9rem}
.profile-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:.5rem 0 1rem}
.profile-card{padding:1.4rem;border-radius:16px;background:linear-gradient(135deg,rgba(0,170,255,.1),rgba(127,107,255,.06));border:1px solid rgba(0,212,255,.25);display:flex;flex-direction:column;gap:.5rem;text-align:center;align-items:center}
.profile-card .num{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7f6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.profile-card .lbl{font-size:.85rem;color:#8a94a0;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}
.profile-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.profile-action-btn{padding:10px 18px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c5cdd7;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s}
.profile-action-btn:hover{background:rgba(0,170,255,.12);border-color:rgba(0,212,255,.4);color:#fff}
.profile-auth{max-width:520px;margin:1.4rem auto 0;padding:1.2rem;border:1px solid rgba(0,212,255,.2);border-radius:14px;background:rgba(0,170,255,.045);text-align:center}
.profile-auth p{color:#aab5c3;font-size:.9rem;line-height:1.5;margin-bottom:.9rem}
.profile-auth .auth-status{color:#8ee0ff;font-weight:700}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:.3rem 0 .8rem}
.fav-grid .subs-tile{width:100%;max-width:none}

.posts-section{margin-bottom:70px;animation:fadeIn .25s ease}
.posts-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;gap:20px;overflow:visible;padding:.5rem .2rem 1.5rem}
.posts-gallery::-webkit-scrollbar{height:8px}
.posts-gallery::-webkit-scrollbar-track{background:transparent}
.posts-gallery::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}
.posts-gallery::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}
.post-tile{grid-column:span 2;justify-self:center;width:min(560px,100%);aspect-ratio:16/10;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;background:#14181f;border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.posts-gallery:has(.post-tile:first-child:nth-last-child(1)) .post-tile{grid-column:3/span 2}
.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:first-child{grid-column:2/span 2}
.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:last-child{grid-column:4/span 2}
.post-tile img{width:100%;height:100%;object-fit:cover;display:block}
.post-tile::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,9,12,.15) 0%,rgba(8,9,12,.55) 55%,rgba(8,9,12,.85) 100%);pointer-events:none}
.post-tile-title{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1.4rem;color:#fff;font-size:1.6rem;font-weight:800;text-align:center;line-height:1.25;letter-spacing:-.2px;text-shadow:0 3px 14px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.9);pointer-events:none}
.post-tile.no-cover{background:linear-gradient(135deg,rgba(0,170,255,.18),rgba(127,107,255,.12));border-color:rgba(0,212,255,.3)}
.post-tile.no-cover::after{background:linear-gradient(180deg,rgba(8,9,12,.25) 0%,rgba(8,9,12,.6) 100%)}
@media (max-width:700px){

.posts-gallery{grid-template-columns:1fr;gap:14px}.post-tile,.posts-gallery:has(.post-tile:first-child:nth-last-child(1)) .post-tile,.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:first-child,.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:last-child{grid-column:auto;justify-self:center;width:300px;height:190px;aspect-ratio:auto}.post-tile-title{font-size:1.05rem;padding:1.1rem}}
.post-modal .post-modal-cover{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0a0e14;border:1px solid rgba(255,255,255,.06);margin-bottom:1.3rem;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.post-modal .post-modal-cover img{width:100%;height:100%;object-fit:cover;display:block}
.post-modal .post-modal-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.post-modal .post-modal-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#00aaff,#7f6bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.15rem;box-shadow:0 6px 18px rgba(0,170,255,.35)}
.post-modal .post-modal-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.post-modal .post-modal-author{font-size:.95rem;font-weight:700;color:#fff}
.post-modal .post-modal-date{font-size:.78rem;color:#8a94a0}
.post-modal .post-modal-title{font-size:1.6rem;font-weight:800;line-height:1.2;letter-spacing:-.3px;margin-bottom:.8rem;background:linear-gradient(90deg,#fff 0%,#8ee0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.post-modal .post-modal-text{font-size:1rem;line-height:1.7;color:#d6dde5;white-space:pre-wrap;font-family:'Georgia',serif;margin-bottom:1.4rem}
.post-modal .post-actions{display:flex;gap:14px;align-items:center;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.08);flex-wrap:wrap}
.post-like-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#c5cdd7;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}
.post-like-btn:hover{background:rgba(255,80,150,.12);border-color:rgba(255,80,150,.4);color:#ff6b9d;transform:translateY(-1px)}
.post-like-btn.liked{background:linear-gradient(135deg,rgba(255,80,150,.22),rgba(200,50,120,.12));border-color:rgba(255,80,150,.6);color:#ff8fb4}
.post-like-btn.liked svg{fill:currentColor}
.post-comment-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#c5cdd7;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}
.post-comment-btn:hover{background:rgba(0,170,255,.12);border-color:rgba(0,212,255,.4);color:#8ee0ff;transform:translateY(-1px)}
.post-comments{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px}
.post-comments-list{display:flex;flex-direction:column;gap:10px}
.post-comment{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.85rem 1.05rem;font-size:.85rem;color:#b0b8c2;line-height:1.5;display:flex;gap:.85rem;align-items:flex-start}
.post-comment .c-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00aaff,#7f6bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.82rem;flex-shrink:0}
.post-comment .c-body{flex:1;min-width:0}
.post-comment .c-author{font-size:.78rem;font-weight:700;color:#8ee0ff;margin-bottom:3px}
.post-comment .c-text{font-size:.87rem;color:#c5cdd7;line-height:1.55;word-break:break-word}
.post-comment .c-time{font-size:.7rem;color:#5a6370;margin-top:5px}
.post-comment-form{display:flex;gap:8px;align-items:flex-start;margin-top:.5rem;flex-wrap:wrap}
.post-comment-form input,.post-comment-form textarea{flex:1;min-width:120px;padding:.72rem .95rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;font-family:inherit;outline:none;resize:vertical;transition:border-color .2s,background .2s}
.post-comment-form input:focus,.post-comment-form textarea:focus{border-color:rgba(0,212,255,.55);background:rgba(0,170,255,.06)}
.post-comment-form button{padding:.72rem 1.2rem;border-radius:12px;background:linear-gradient(90deg,#00aaff,#7f6bff);color:#fff;font-weight:700;font-size:.85rem;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 18px rgba(0,170,255,.35)}
.post-comment-form button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,170,255,.5)}

@media (max-width:1100px){
    .categories-grid.large{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:22px}
    .genre-collections-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),150px));justify-content:center;gap:14px}
}

@media (max-width:700px){


.site-header{grid-template-columns:1fr auto;padding:.65rem .8rem;gap:.5rem}
.search-pill{width:100%;min-width:0;height:38px;padding:0 10px}
.search-pill input{font-size:.82rem}
.logo{display:none}
#app{padding:60px .7rem 2rem}
.list-section{margin-bottom:50px}
.list-section.is-carousel{padding-top:calc(1.2rem + 50px);margin-top:-50px}
.list-section.is-carousel .list-title{transform:translateY(-50px)}
.list-section.is-carousel2{padding:1.4rem 0;margin-left:-.7rem;margin-right:-.7rem;margin-bottom:50px}
.list-section.categories-section{padding:1rem .6rem 1rem;margin-bottom:50px}
.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.categories-grid.large{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}
.genre-collections-grid{grid-template-columns:repeat(auto-fill,minmax(min(110px,100%),110px));justify-content:center;gap:10px}
.category-grid-title{font-size:.85rem}
.categories-grid.large .category-grid-title{font-size:.92rem}
.list-title{font-size:1.15rem}
.swiper-button-prev,.swiper-button-next{width:30px;height:30px}
.grid-wrap.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.grid-wrap.big-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
.modal{padding:1.4rem 1.1rem}
.modal-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding-right:0}
.modal-cover{width:130px;height:130px}.modal-title{font-size:1.35rem}
.modal-subtitle,.modal-tags{justify-content:center}
.title-row{flex-direction:column;align-items:center;gap:.7rem}
.modal-price-block{justify-content:center}
.modal-actions{flex-direction:column}
.buy-btn,.cart-btn{width:100%;min-width:0}
.item-row{flex-direction:column;align-items:stretch}
.item-row .item-cover{width:100%;aspect-ratio:1/1;height:auto}
.item-row .item-actions{justify-content:space-between}
.subs-modal-carousel .subs-tile{width:160px}
.section-hover-info .shi-title{font-size:1.1rem}
.section-hover-info .shi-price{font-size:1rem}
.list-section > .section-hover-info{height:calc(1.2rem + 50px)}
}
.banner-section{position:relative;z-index:6;isolation:isolate;width:100%;margin:2rem 0 3rem}
.banner-section + .list-section.is-carousel{margin-top:0;padding-top:1.2rem}
.banner-link{display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#11151d;cursor:pointer;line-height:0;box-shadow:0 12px 36px rgba(0,0,0,.28);transition:transform .22s ease,box-shadow .22s ease}
.banner-link:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,112,209,.2)}
.banner-link:focus-visible{outline:2px solid #00a8ff;outline-offset:4px}
.banner-link picture,.banner-link img{display:block;width:100%}
.banner-link img{height:auto;max-height:none;object-fit:initial;object-position:initial}
.banner-empty{min-height:120px;display:grid;place-items:center;color:var(--muted,#8c93a3);background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.14);border-radius:14px}
@media(max-width:700px){
    body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
    #footerNav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;max-width:none;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;background:rgba(8,9,12,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 28px rgba(0,0,0,.4);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
    #footerNav::-webkit-scrollbar{display:none}
    #footerNav .footer-link{flex:0 0 auto;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.035);font-size:.78rem;white-space:nowrap;scroll-snap-align:start}
    #footerNav .footer-link.active{border-color:rgba(0,212,255,.45);background:linear-gradient(135deg,rgba(0,170,255,.16),rgba(127,107,255,.1));color:#fff}
    #footerNav .footer-link.active::after{left:13px;right:13px;bottom:3px}
    .site-footer{padding-bottom:1rem}
}
/* Подписки: единые тарифные карточки и прокрутка без наложения секций. */
.subscription-showcase{position:relative;z-index:6;isolation:isolate;width:100%;max-width:1440px;margin:2.5rem auto 4.5rem;padding:clamp(18px,2.8vw,34px);border:1px solid rgba(132,169,220,.13);border-radius:28px;background:radial-gradient(ellipse at 8% 0%,rgba(0,180,255,.09),transparent 36%),radial-gradient(ellipse at 95% 20%,rgba(130,94,255,.09),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),linear-gradient(145deg,rgba(14,21,34,.88),rgba(10,12,20,.76));box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
.subscription-showcase + .list-section.is-carousel{margin-top:0}
.subscription-group + .subscription-group{margin-top:36px}
.subscription-group-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-bottom:18px;text-align:center}
.subscription-group-title{font-size:1.12rem;font-weight:600;letter-spacing:-.015em;color:#e6eaf1}
.subscription-periods{display:flex;width:max-content;max-width:100%;margin-inline:auto;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#11151f}
.subscription-period{min-height:40px;padding:0 20px;border:0;border-radius:9px;background:transparent;color:#939dad;font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .18s,background .18s,box-shadow .18s}
.subscription-period:hover{color:#fff;background:rgba(255,255,255,.04)}
.subscription-period[aria-pressed="true"]{color:#fff;background:linear-gradient(120deg,#2379d9,#7156ce);box-shadow:0 3px 10px rgba(40,95,200,.2)}
.subscription-plans{display:grid;grid-template-columns:repeat(var(--plan-columns,3),minmax(0,1fr));gap:18px;align-items:stretch}
.subscription-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;align-items:stretch}
.subscription-offer{--offer-rgb:74,181,237;position:relative;isolation:isolate;overflow:hidden;min-width:0;display:flex;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,rgba(var(--offer-rgb),.07),rgba(7,9,14,.99) 60%);box-shadow:0 8px 24px rgba(0,0,0,.13);transition:border-color .2s,box-shadow .2s;cursor:pointer}
.subscription-offer[data-tier="extra"]{--offer-rgb:147,116,255;border-color:rgba(147,116,255,.3)}
.subscription-offer[data-tier="deluxe"]{--offer-rgb:190,159,241}
.subscription-offer[data-tier="ea"]{--offer-rgb:243,139,86}
.subscription-offer[data-tier="gta"]{--offer-rgb:104,208,169}
.subscription-offer[data-tier="ubisoft"]{--offer-rgb:111,146,255}
.subscription-offer:hover{border-color:rgba(var(--offer-rgb),.5);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.subscription-offer-cover{position:absolute;inset:0 0 auto;height:var(--offer-cover-height,calc(100% - 102px));z-index:-1;overflow:hidden;pointer-events:none}
.subscription-offer-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:.78;filter:saturate(.8)}
.subscription-offer.has-cover{height:auto;min-height:0;padding:0}
.subscription-offer.has-cover .subscription-offer-cover{inset:0 0 auto;height:var(--offer-cover-height,56.25vw)}
.subscription-offer.has-cover .subscription-offer-footer{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 26px 22px;z-index:2}
.subscription-offer-compact.has-cover .subscription-offer-footer{padding:16px 22px 20px}
.subscription-offer-compact.has-cover .subscription-offer-cover img{object-fit:cover;object-position:center 25%;opacity:.85;filter:saturate(.9) brightness(.82);transition:opacity .3s ease,filter .3s ease}
.subscription-offer-compact.has-cover::before{opacity:.23;transition:opacity .3s ease}
.subscription-offer-compact.has-cover:hover .subscription-offer-cover img{opacity:1;filter:none}
.subscription-offer-compact.has-cover:hover::before{opacity:0}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"].has-cover::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"].has-cover::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"].has-cover::before{display:block;opacity:0;background:linear-gradient(0deg,rgba(4,6,10,.98) 0%,rgba(4,6,10,.94) 42%,rgba(4,6,10,.72) 68%,rgba(4,6,10,.4) 100%);transition:opacity .38s ease}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:hover::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:hover::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:hover::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:focus-within::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:focus-within::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:focus-within::before{opacity:1}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"].has-cover .subscription-offer-cover img,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"].has-cover .subscription-offer-cover img,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"].has-cover .subscription-offer-cover img{opacity:1;filter:brightness(.9) saturate(.94)}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"].has-cover .subscription-offer-brand{display:none}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"].has-cover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"].has-cover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"].has-cover .subscription-offer-features{position:absolute;left:26px;right:26px;top:auto;bottom:calc(var(--offer-footer-height,100px) + 18px);max-height:max(0px,calc(var(--offer-cover-height,56.25vw) - 96px));margin:0;transform:translateY(16px);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:focus-within .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:focus-within .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:focus-within .subscription-offer-features{transform:translateY(0)}
.subscription-offer::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,11,17,.48) 0%,rgba(8,11,17,.72) 38%,rgba(8,11,17,.96) 100%),linear-gradient(135deg,rgba(var(--offer-rgb),.22),transparent 70%)}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]::before,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]::before{background:linear-gradient(180deg,rgba(8,11,17,.53) 0%,rgba(8,11,17,.75) 38%,rgba(8,11,17,.97) 100%),linear-gradient(135deg,rgba(var(--offer-rgb),.24),transparent 70%);transition:background .28s ease}
.subscription-offer>*:not(.subscription-offer-cover){position:relative;z-index:1}
.subscription-offer-brand{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a8b3c3;margin-bottom:7px}
.subscription-offer-name{font-size:1.8rem;font-weight:650;letter-spacing:-.035em;line-height:1.15;color:#f6f8fd}
.subscription-offer-features{list-style:none;display:flex;flex:1;flex-direction:column;gap:12px;margin:24px 0 28px;padding:0}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"] .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"] .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"] .subscription-offer-features{flex:0 0 auto;max-height:12rem;margin:24px 0 28px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .32s ease,visibility .32s}
.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:hover .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="essential"]:focus-within .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"]:focus-within .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"]:focus-within .subscription-offer-features{opacity:1;visibility:visible;transform:translateY(0)}
.subscription-offer-features li{position:relative;padding-left:22px;color:#b5becd;font-size:.86rem;line-height:1.5}
.subscription-offer-features li::before{content:'✓';position:absolute;left:0;top:0;color:rgb(var(--offer-rgb));font-size:.85rem;font-weight:700}
.subscription-offer-footer{margin-top:auto;padding-top:21px;border-top:1px solid rgba(255,255,255,.07);background:rgba(8,11,17,.58);backdrop-filter:blur(10px)}
.subscription-offer-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-height:38px}
.subscription-offer-current{font-size:1.85rem;font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.subscription-offer-old{font-size:.86rem;color:#7f8b9e}
.subscription-offer-unavailable{font-size:.95rem;line-height:1.5;color:#a0abba;align-self:center}
.subscription-offer-period-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;margin:5px 0 18px}
.subscription-offer-period-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.06);color:#cad3e0;font-size:.75rem;line-height:1.2;white-space:nowrap}
.subscription-offer-discount{flex-shrink:0;padding:3px 7px;border-radius:6px;font-size:.68rem;font-weight:700;color:#85e6b3;background:rgba(60,200,120,.1)}
.subscription-offer-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:9px 14px;border:1px solid rgba(var(--offer-rgb),.26);border-radius:11px;background:rgba(var(--offer-rgb),.1);color:#e8f1ff;font-family:inherit;font-size:.87rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}
.subscription-action-status{width:100%;font-size:.78rem;color:#dbe8f8;text-align:center}
.subscription-action-price{font-size:1.18rem;font-weight:750;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#fff}
.subscription-action-meta{display:flex;align-items:center;gap:7px}
.subscription-offer-action:hover{background:rgba(var(--offer-rgb),.2);border-color:rgba(var(--offer-rgb),.6)}
.subscription-offer-compact{min-height:205px;padding:22px}
.subscription-offer-compact .subscription-offer-name{font-size:1.3rem;margin-bottom:24px}
.subscription-offer-compact .subscription-offer-current{font-size:1.55rem}
.subscription-period:focus-visible,.subscription-offer-action:focus-visible,.subscription-plans:focus-visible,.subscription-services:focus-visible{outline:2px solid #83caff;outline-offset:4px}
.subscription-swipe-hint{display:none}
@media(max-width:900px){
    .subscription-offer{padding:21px}
    .subscription-offer-name{font-size:1.55rem}
    .subscription-offer-features li{font-size:.8rem}
    .subscription-services{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .subscription-showcase{margin:1.8rem auto 3.5rem}
    .subscription-group-header{align-items:center;flex-direction:column;gap:14px}
    .subscription-periods{align-self:center}
    .subscription-period{flex:1;min-width:0;padding:0 10px;min-height:42px}
    .subscription-plans,.subscription-services{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 2px 14px;scrollbar-width:thin;scrollbar-color:#303b52 transparent;-webkit-overflow-scrolling:touch}
    .subscription-services{grid-auto-columns:78%}
    .subscription-offer{scroll-snap-align:start;padding:23px}
    .subscription-offer-name{font-size:1.75rem}
    .subscription-offer-features li{font-size:.84rem}
    .subscription-offer-compact .subscription-offer-name{font-size:1.3rem}
    .subscription-swipe-hint{display:block;margin-top:4px;color:#6e7d93;font-size:.73rem}
    .subscription-group + .subscription-group{margin-top:29px}
}
@media(hover:none){
    .subscription-offer:not(.subscription-offer-compact)[data-tier="essential"] .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="extra"] .subscription-offer-features,.subscription-offer:not(.subscription-offer-compact)[data-tier="deluxe"] .subscription-offer-features{max-height:12rem;margin-top:20px;margin-bottom:24px;opacity:1;visibility:visible;transform:none}
}
/* Responsive layout and motion audit — shared gutters and contained scrollers. */
:root{--page-gutter:clamp(12px,2vw,24px);--page-start:max(var(--page-gutter),env(safe-area-inset-left));--page-end:max(var(--page-gutter),env(safe-area-inset-right));--section-gutter:16px;--section-space:clamp(36px,5vw,64px);--feature-card-size:466px}
html{scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{min-width:0;min-height:100svh}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #83caff;outline-offset:4px}
.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-left:var(--page-start);padding-right:var(--page-end);gap:16px}
.search-pill{width:min(300px,100%);min-width:0;transition:border-color .2s,background .2s,box-shadow .2s}
.logo{font-size:clamp(2rem,4vw,3.75rem);animation:none}
.header-actions{min-width:0}
.header-btn,.search-clear,.fav-btn,.back-btn,.page-back-btn,.profile-action-btn,.post-like-btn,.post-comment-btn,.item-remove,.subs-tab{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
#app{min-width:0;width:100%;padding:clamp(28px,4vw,64px) var(--page-end) 32px var(--page-start)}
#app > *{min-width:0}
.list-section{margin-bottom:var(--section-space);padding-inline:var(--section-gutter);transition:box-shadow .22s}
.list-section.is-carousel{margin-top:0;padding-top:78px}
.list-section.is-carousel .list-title{transform:none}
.list-section.is-carousel.no-title.superlist-section{padding:0;margin-top:0}
.list-section.is-carousel2{width:calc(100% + var(--page-start) + var(--page-end));margin-left:calc(-1 * var(--page-start));margin-right:calc(-1 * var(--page-end));margin-top:0;margin-bottom:var(--section-space);padding:24px 0}
.list-section.categories-section{padding:20px var(--section-gutter);margin-bottom:var(--section-space)}
.list-section .section-hover-bg{transform:none;filter:brightness(.45) saturate(1.05)}
.list-section > .section-hover-info{height:72px}
.swiper{min-width:0;padding:18px 12px 30px}
.swiper.with-category{padding:20px 12px 36px}
.carousel2-swiper{padding:18px 0 30px}
.superlist-swiper{padding:18px 0 30px}
.superlist-slide,.carousel2-swiper .swiper-slide.carousel2-slide-category{width:var(--feature-card-size)}
.superlist-card,.carousel2-category-card{width:100%;max-width:none}
.carousel2-swiper .swiper-slide:not(.carousel2-slide-category){width:calc(var(--feature-card-size) / 1.75)}
.carousel2-card{max-width:none}
.swiper-button-prev,.swiper-button-next{width:40px;height:40px}
.swiper-button-prev{left:6px}.swiper-button-next{right:6px}
.swiper-button-disabled{pointer-events:none}
.category-grid-card,.card-info,.modal-header-info,.edition-name{min-width:0}
.game-title,.carousel2-title,.category-grid-title,.modal-title,.edition-name{overflow-wrap:anywhere}
.grid-wrap.grid{grid-template-columns:repeat(auto-fill,minmax(min(155px,100%),1fr))}
.grid-wrap.big-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
.grid-wrap.big-carousel{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}
.grid-wrap:not(.mosaic) > .game-card-wrap{justify-self:center}
.categories-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.genre-carousel-track{padding:12px 8px 20px;scroll-padding-inline:8px;overscroll-behavior-x:contain}
.genre-carousel-nav{width:40px;height:40px}
.genre-collection-card.is-selected{border-color:rgba(142,224,255,.65);background:radial-gradient(ellipse at 12% 0%,rgba(0,212,255,.27),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(127,107,255,.34),transparent 62%),linear-gradient(135deg,#12243a,#1c1430);box-shadow:0 12px 28px rgba(0,0,0,.44),0 0 22px rgba(0,170,255,.14)}
.genre-collection-card.is-selected::after{transform:scale(1.18);opacity:1}
.allgames-filter-header{min-height:54px}
.filter-toggle{min-height:44px;overflow-wrap:anywhere}
.filter-group-subscription .filter-toggle-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}
.allgames-pagination{flex-wrap:wrap;gap:6px}
.allgames-counter{flex-wrap:wrap;gap:6px 16px}
.posts-gallery{display:flex;flex-wrap:wrap;justify-content:center;max-width:1720px;margin-inline:auto}
.post-tile{flex:0 1 calc((100% - 40px) / 3);max-width:560px;min-width:0}
.post-tile-title{font-size:clamp(1.05rem,2vw,1.6rem);overflow-wrap:anywhere}
.banner-section{margin:var(--section-space) 0}
.subscription-showcase{margin:var(--section-space) auto;padding:clamp(16px,2.8vw,34px)}
.subscription-offer-action{flex-wrap:wrap;gap:8px;min-height:52px}
.subscription-action-meta{min-width:0;flex-wrap:wrap}
.subscription-offer-footer{backdrop-filter:none}
.modal-overlay{z-index:1100;overscroll-behavior-y:contain;padding:24px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.modal{min-width:0;animation:slideUp .22s ease-out}
.modal-close{width:40px;height:40px;transition:background .18s,border-color .18s,color .18s}
.modal-close:hover{transform:none}
.modal-price-block,.edition-price{font-variant-numeric:tabular-nums}
.post-modal .post-modal-text{overflow-wrap:anywhere}
.lightbox{padding:16px;z-index:1200}
.site-footer{padding-left:var(--page-start);padding-right:var(--page-end)}
.footer-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.site-loader-wordmark{will-change:auto}
body:not(.is-site-loading) .site-loader-wordmark,body:not(.is-site-loading) .site-loader-bar::after{animation:none}
@media(min-width:701px) and (max-width:1240px){.header-btn .hdr-label{display:none}.header-btn{padding:0 12px}}
@media(hover:hover) and (pointer:fine){.logo:hover{animation:shimmer 8s linear infinite}}
@media(max-width:700px){
  :root{--section-gutter:12px;--feature-card-size:min(339px,calc(100vw - 2 * var(--page-gutter) - 40px))}
  html{scroll-padding-top:132px}
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:calc(10px + env(safe-area-inset-top)) var(--page-end) 10px var(--page-start)}
  .logo{display:block;grid-column:1;grid-row:1;justify-self:start;font-size:clamp(1.15rem,5vw,1.7rem);letter-spacing:1.6px;padding-left:0;line-height:1.2}
  .header-actions{grid-column:2;grid-row:1;gap:6px}
  .header-btn{height:40px;width:40px;min-width:40px;justify-content:center;padding:0}
  .hdr-badge{position:absolute;right:-5px;top:-5px;padding:2px 5px;min-width:18px;font-size:.6rem;border:2px solid #10141d}
  .search-pill{grid-column:1/-1;grid-row:2;width:100%;height:42px;padding:0 12px}
  .search-pill input{font-size:16px}
  .search-clear{width:30px;height:30px}
  #app{padding-top:24px}
  .list-section.is-carousel{padding-top:64px}
  .list-section > .section-hover-info{height:60px}
  .list-section.is-carousel2{padding:20px 0}
  .list-section.categories-section{padding:16px var(--section-gutter)}
  .swiper.with-category{padding:18px 12px 30px}
  .swiper-button-prev,.swiper-button-next,.mosaic-nav{width:36px;height:36px}
  .categories-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:14px}
  .grid-wrap.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .grid-wrap.big-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .grid-wrap{padding-inline:0}
  .card-info{padding-inline:1px}
  .card-info .game-title{font-size:.82rem}
  .card-info .game-price{font-size:.9rem}
  .genre-carousel{padding:0 36px}
  .genre-carousel-nav{width:32px;height:40px}
  .genre-card-title{font-size:1rem}
  .genre-collection-card{padding:14px 10px;gap:8px}
  .genre-card-kicker{font-size:.61rem;letter-spacing:.04em;overflow-wrap:anywhere}
  .allgames-toolbar{padding:14px 12px}
  .filter-group select{font-size:16px}
  .filter-toggle{padding:8px 6px;min-height:46px;line-height:1.35}
  .subscription-plans,.subscription-services{display:flex;align-items:flex-start;scroll-padding-inline:4px;padding:6px 4px 14px;scroll-snap-type:x proximity}
  .subscription-plans > .subscription-offer{flex:0 0 90%}
  .subscription-services > .subscription-offer{flex:0 0 86%}
  .subscription-offer.has-cover .subscription-offer-footer{padding:14px 14px 16px}
  .subscription-offer-action{padding:8px 10px}
  .subscription-action-price{font-size:1.05rem}
  .subscription-offer-period-badge{padding:4px 6px;font-size:.7rem}
  .subscription-group-title{line-height:1.4;text-wrap:balance}
  .posts-gallery{display:grid;grid-template-columns:minmax(0,1fr);padding-inline:0}
  .post-tile,.posts-gallery:has(.post-tile:first-child:nth-last-child(1)) .post-tile,.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:first-child,.posts-gallery:has(.post-tile:first-child:nth-last-child(2)) .post-tile:last-child{width:min(300px,100%);height:auto;aspect-ratio:16/10}
  .modal-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .modal{padding:52px 16px 20px;border-radius:18px}
  .modal-close{top:10px;right:10px}
  .modal-header-info{width:100%}
  .modal-title{font-size:1.3rem;text-wrap:balance}
  .modal-tags .tag{white-space:normal;text-align:center}
  .screenshots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buy-btn,.cart-btn{min-height:48px;padding:12px;white-space:normal;flex-wrap:wrap;font-size:.9rem}
  .post-comment-form input,.post-comment-form textarea{font-size:16px}
  #footerNav{padding-left:max(var(--page-gutter),env(safe-area-inset-left));padding-right:max(var(--page-gutter),env(safe-area-inset-right));scroll-padding-inline:var(--page-gutter)}
}
@media(max-width:480px){
  .genre-carousel{padding-inline:0}
  .genre-carousel-nav{display:none}
  .filters-reset{width:40px;height:40px;justify-content:center;padding:0}
  .filters-reset span{display:none}
  .edition-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px 10px;padding:12px}
  .edition-price{grid-column:2;flex-wrap:wrap;white-space:normal}
  .post-comment-form{flex-direction:column}
  .post-comment-form input,.post-comment-form textarea{width:100%;min-width:0}
}
@media(max-width:380px){.filter-group-language .filter-toggle-options{display:grid;grid-template-columns:minmax(0,1fr)}.filter-group-language .filter-toggle{overflow-wrap:normal}}
@media(hover:none),(pointer:coarse){
  .logo:hover,.banner-link:hover,.genre-collection-card:hover,.game-card-wrap:hover,.game-card-wrap:hover .game-card,.game-card-wrap:hover .game-card img,.category-grid-card:hover .category-grid-thumb,.category-grid-card:hover img,.carousel2-card:hover,.superlist-card:hover .superlist-thumb,.superlist-card:hover img,.grid-wrap.mosaic > .game-card:hover,.grid-wrap.mosaic > .game-card:hover img,.swiper.with-category .game-card-wrap:not(.category-card-wrap):hover{transform:none}
  .game-card-wrap:hover .game-card,.carousel2-card:hover,.superlist-card:hover .superlist-thumb,.category-grid-card:hover .category-grid-thumb{box-shadow:0 6px 18px rgba(0,0,0,.3);border-color:rgba(255,255,255,.12)}
  .swiper.with-category .game-card-wrap:not(.category-card-wrap):hover .game-card{box-shadow:0 6px 18px rgba(0,0,0,.3);border-color:rgba(255,255,255,.12)}
  .genre-collection-card:hover:not(.is-selected){background:radial-gradient(ellipse at 12% 0%,rgba(0,212,255,.2),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(127,107,255,.24),transparent 62%),linear-gradient(135deg,#101b2b,#13101e);border-color:rgba(115,185,255,.2);box-shadow:0 8px 22px rgba(0,0,0,.32)}
  .genre-collection-card:hover:not(.is-selected)::after{transform:none;opacity:.7}
  .list-section .section-hover-bg{display:none}
  .list-section > .section-hover-info{display:none}
  .list-section.is-carousel.no-list-title{padding-top:0}
  .platform-chip,.site-header,#footerNav,.modal-overlay{backdrop-filter:none}
  .site-header,#footerNav{background:rgba(8,9,12,.98)}
  .subscription-offer.has-cover .subscription-offer-features{display:none}
  .subscription-offer.has-cover:not(.subscription-offer-compact)::before{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  html,*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}