.gv-category { background: #090e11; color: #e7e8e9; }
.gv-category a { text-decoration: none; }
.gv-category-hero { position:relative;isolation:isolate; margin-top: -72px; padding-top: 96px; border-bottom: 1px solid #171e23; background-image: linear-gradient(90deg, #0b1115 0 32%, rgba(11,17,21,.82) 48%, rgba(8,13,16,.44) 72%, #080d10 100%), radial-gradient(circle at 62% 48%, rgba(196,66,18,.3), transparent 28%), linear-gradient(90deg, #0b1115 0 38%, #151315 53%, #080d10 80%); background-size: cover; background-position: center; }
.gv-category-hero .gv-topic-hero-picture{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%}.gv-category-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--gv-hero-focus,center center);opacity:var(--gv-hero-image-opacity,.35)}
.gv-category-hero__inner { position: relative; width: min(calc(100% - 48px), 1392px); min-height: 250px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr .9fr; align-items: center; }
.gv-category-hero .gv-breadcrumbs { position: absolute; top: 17px; left: 0; z-index: 2; display: flex; align-items: center; gap: 10px; color: #939aa1; font-size: 11px; }
.gv-category-hero .gv-breadcrumbs a:hover { color: var(--gv-primary); }
.gv-category-hero__copy { position: relative; z-index: 2; align-self: center; max-width: 520px; padding: 52px 0 25px; }
.gv-category-hero__copy h1 { margin: 0 0 11px; color: #fff; font-size: clamp(38px, 4.2vw, 58px); line-height: 1; letter-spacing: -.04em; }
.gv-category-hero__copy p { max-width: 470px; margin: 0; color: #c7cbce; font-size: 13px; line-height: 1.65; }
.gv-category-hero__copy form { width: min(100%, 430px); height: 46px; margin-top: 17px; display: flex; overflow: hidden; border: 1px solid #252e35; border-radius: 7px; background: #151b20; }
.gv-category-hero__copy input[type="search"] { width: 100%; min-width: 0; padding: 0 15px; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; }
.gv-category-hero__copy button { flex: 0 0 54px; border: 0; background: var(--gv-primary); color: #fff; cursor: pointer; }
.gv-category-hero__copy button .gv-icon { width: 23px; height: 23px; }
.gv-category-hero__art { position: absolute; inset: 0 29% 0 33%; overflow: hidden; background: radial-gradient(circle at 50% 32%, rgba(255,194,142,.3), transparent 12%), radial-gradient(circle at 55% 60%, rgba(255,86,20,.28), transparent 30%); opacity: .95; }
.gv-category-hero__art::before { position: absolute; left: 44%; top: 24px; width: 190px; height: 220px; border-radius: 48% 48% 24% 24%; background: linear-gradient(145deg, transparent 5%, #17191a 6% 43%, #030607 44%); filter: drop-shadow(0 0 22px #ff3d00); content: ''; transform: rotate(-8deg) skew(-7deg); }
.gv-category-hero__art::after { position: absolute; left: 31%; top: 45px; width: 260px; height: 44px; border-radius: 50%; background: #080a0b; box-shadow: 70px 98px 0 -17px #0a0c0d; content: ''; transform: rotate(-8deg); }
.gv-category-hero__art i { position: absolute; left: 56%; top: 50%; width: 230px; height: 8px; background: linear-gradient(90deg, #31120a, #e95e25, #20100c); box-shadow: 0 0 16px rgba(255,80,15,.6); transform: rotate(-42deg); }
.gv-category-hero__shortcuts { position: relative; z-index: 2; justify-self: end; width: min(100%, 440px); padding: 14px; border: 1px solid #242a2f; border-radius: 7px; background: rgba(12,16,19,.9); }
.gv-category-hero__shortcuts h2, .gv-game-browser h2, .gv-guide-shortcuts > h2 { margin: 0; font-size: 11px; letter-spacing: .02em; text-transform: uppercase; }
.gv-category-hero__shortcuts h2 { padding: 0 0 10px 8px; border-bottom: 1px solid #373c40; }
.gv-category-hero__shortcuts h2::before, .gv-game-browser h2::before, .gv-guide-shortcuts > h2::before { display: inline-block; width: 2px; height: 13px; margin-right: 6px; background: var(--gv-primary); vertical-align: -2px; content: ''; }
.gv-category-hero__shortcuts > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px 13px; padding: 8px 0; }
.gv-category-hero__shortcuts > div a { min-height: 48px; padding: 5px 8px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 7px; border-radius: 5px; }
.gv-category-hero__shortcuts > div a:hover { background: #171d21; }
.gv-category-hero__shortcuts .gv-icon { width: 27px; height: 27px; color: #3bb2ff; }
.gv-category-hero__shortcuts strong, .gv-category-hero__shortcuts small { display: block; }
.gv-category-hero__shortcuts strong { font-size: 11px; }
.gv-category-hero__shortcuts small { color: #9fa5aa; font-size: 10px; }
.gv-category-button { min-height: 31px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #171d22; color: #fff; font-size: 10px; font-weight: 700; }

.gv-category__container { width: min(calc(100% - 48px), 1392px); margin: 0 auto; padding: 20px 0 28px; }
.gv-game-browser { padding: 0 !important; border: 0 !important; background: transparent !important; }
.gv-game-browser > header, .gv-trending > header, .gv-mobile-section-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.gv-game-browser > header { margin-bottom: 13px; }
.gv-game-browser > header a, .gv-trending header a, .gv-mobile-section-head a { color: #e5e5e5; font-size: 11px; }
.gv-game-browser > header a:hover { color: var(--gv-primary); }
.gv-game-browser__track { display: grid; grid-template-columns: repeat(6, minmax(170px, 1fr)); gap: 12px; overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; }
.gv-game-card { position: relative; min-height: 112px; overflow: hidden; border: 1px solid #1c2328; border-radius: 7px; scroll-snap-align: start; background-image: linear-gradient(0deg, rgba(5,7,8,.96) 0, rgba(5,7,8,.06) 78%), var(--gv-game-image, linear-gradient(145deg, #1a1e21, #070a0c)), radial-gradient(circle at 65% 25%, var(--gv-game-glow, #773019), transparent 45%); background-size: cover; background-position: center; }
.gv-game-card::before { position: absolute; inset: 0; background: linear-gradient(0deg, #050708 0, transparent 70%), repeating-linear-gradient(125deg, transparent 0 20px, rgba(255,255,255,.025) 21px 22px); content: ''; }
.gv-game-card--rivals { --gv-game-glow: #9e6519; }
.gv-game-card--forest { --gv-game-glow: #64200e; }
.gv-game-card--minecraft { --gv-game-glow: #346c43; }
.gv-game-card--waves { --gv-game-glow: #233f62; }
.gv-game-card--zenless { --gv-game-glow: #792840; }
.gv-game-card span { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 9px; }
.gv-game-card strong, .gv-game-card small { display: block; }
.gv-game-card strong { color: #fff; font-size: 12px; }
.gv-game-card small { color: #d2d5d7; font-size: 10px; }
.gv-game-browser__dots { display: none; justify-content: center; gap: 8px; margin: 9px 0 0; }
.gv-game-browser__dots i { width: 7px; height: 7px; border-radius: 50%; background: #626970; }
.gv-game-browser__dots i:first-child { background: var(--gv-primary); }

.gv-category-filters { min-height: 51px; margin-top: 16px; padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #1b2227; border-radius: 7px 7px 0 0; background: #11171b; }
.gv-category-filters nav, .gv-category-filters > div { display: flex; gap: 6px; }
.gv-category-filters a, .gv-category-filters button { min-height: 30px; padding: 7px 13px; border: 0; border-radius: 5px; background: #1c2328; color: #cdd1d4; font: inherit; font-size: 10px; cursor: pointer; }
.gv-category-filters a.is-active { background: linear-gradient(#cf5a16, #9f3c0e); color: #fff; font-weight: 700; }
.gv-category-grid { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); gap: 14px; }
.gv-guide-list, .gv-trending, .gv-guide-shortcuts, .gv-category-cta { border: 1px solid #1b2227; background: linear-gradient(145deg, #11171b, #0b1013); }
.gv-guide-list { min-width: 0; padding: 0 12px 14px; border-top: 0; border-radius: 0 0 7px 7px; }
.gv-mobile-section-head { display: none; }
.gv-guide-row { min-height: 91px; padding: 9px 0; display: grid; grid-template-columns: 175px 1fr 24px; align-items: center; gap: 12px; border-bottom: 1px solid #252b30; }
.gv-guide-row__thumb, .gv-trending__thumb { position: relative; display: block; overflow: hidden; border-radius: 5px; background: var(--gv-thumb, none), radial-gradient(circle at 65% 30%, #6b2815, transparent 35%), linear-gradient(135deg, #202327, #080b0d); background-size: cover; background-position: center; }
.gv-guide-row__thumb { height: 74px; }
.gv-guide-row__thumb::after, .gv-trending__thumb::after { position: absolute; inset: 0; background: linear-gradient(25deg, rgba(0,0,0,.48), transparent); content: ''; }
.gv-guide-row__thumb b { position: absolute; z-index: 1; top: 7px; left: 7px; padding: 3px 6px; border-radius: 3px; background: var(--gv-primary); color: #fff; font-size: 9px; }
.gv-guide-row__content { min-width: 0; }
.gv-guide-row__content h2 { margin: 0 0 4px; font-size: 13px; }
.gv-guide-row__content h2 a { color: #fff; }
.gv-guide-row__content p { margin: 0 0 6px; color: #b6bbc0; font-size: 10px; line-height: 1.35; }
.gv-guide-row__content > div { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #aeb3b7; font-size: 9px; }
.gv-guide-row__category { color: #c45df3; }
.gv-guide-row__arrow { color: #fff; font-size: 27px; }
.gv-category-empty { padding: 60px 20px; text-align: center; }
.gv-category-empty p { color: #969da3; }
.gv-listing-hero .gv-category-hero__inner { min-height: 230px; grid-template-columns: 1fr; }
.gv-listing-results { max-width: 1080px; margin: 0 auto; }
.gv-listing-results .gv-guide-row__thumb { overflow: hidden; }
.gv-listing-results .gv-guide-row__thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.gv-error-page { min-height: 62vh; padding: 70px 0; }
.gv-error-page .gv-category-empty { max-width: 720px; margin: 0 auto; border: 1px solid #1b252b; border-radius: 10px; background: #0d1316; }
.gv-error-page h1 { margin: 0; color: #fff; font-size: clamp(32px,6vw,64px); }
.gv-error-code { margin: 0; color: var(--gv-primary); font-size: 18px; font-weight: 900; letter-spacing: .12em; }
.gv-error-page form { max-width: 520px; margin: 20px auto; display: flex; }
.gv-error-page input { min-width: 0; flex: 1; padding: 12px 14px; border: 1px solid #283138; border-radius: 7px 0 0 7px; background: #151b1f; color: #fff; }
.gv-error-page form button { padding: 0 20px; border: 0; border-radius: 0 7px 7px 0; background: var(--gv-primary); color: #fff; font-weight: 800; }
.gv-pagination ul { margin: 14px 0 0; padding: 0; display: flex; justify-content: center; gap: 5px; list-style: none; }
.gv-pagination a, .gv-pagination .current { min-width: 31px; height: 31px; padding: 0 8px; display: grid; place-items: center; border-radius: 4px; background: #1a2126; color: #fff; font-size: 10px; }
.gv-pagination .current { background: var(--gv-primary); }

.gv-category-sidebar { min-width: 0; }
.gv-category-sidebar > section { border-radius: 7px; }
.gv-category-sidebar > section + section { margin-top: 13px; }
.gv-trending { padding: 14px; }
.gv-trending h2, .gv-mobile-section-head h2 { margin: 0; font-size: 11px; text-transform: uppercase; }
.gv-trending article { min-height: 55px; display: grid; grid-template-columns: 25px 65px 1fr; align-items: center; gap: 8px; }
.gv-trending article > b { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 4px; background: var(--gv-primary); color: #fff; font-size: 10px; }
.gv-trending article:nth-of-type(n+5) > b { background: #d7a433; }
.gv-trending__thumb { height: 45px; }
.gv-trending article div { min-width: 0; }
.gv-trending article div > a { display: -webkit-box; overflow: hidden; color: #fff; font-size: 10px; font-weight: 700; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gv-trending article small { color: #92999f; font-size: 9px; }
.gv-guide-shortcuts { padding: 14px; scroll-margin-top: 90px; }
.gv-guide-shortcuts > div { margin-top: 12px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.gv-guide-shortcuts > div a { min-height: 32px; padding: 0 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px; border-radius: 4px; background: #1a2025; color: #e4e5e6; font-size: 9px; }
.gv-guide-shortcuts > div .gv-icon, .gv-guide-shortcuts > div i { display: none; }
.gv-guide-shortcuts > div b { font-size: 9px; }
.gv-guide-shortcuts .gv-category-button { margin-top: 9px; }
.gv-category-cta { position: relative; min-height: 98px; padding: 15px; overflow: hidden; }
.gv-category-cta div { position: relative; z-index: 2; max-width: 65%; }
.gv-category-cta h2 { margin: 0 0 3px; font-size: 13px; }
.gv-category-cta p { margin: 0 0 8px; color: #aeb4b8; font-size: 9px; line-height: 1.4; }
.gv-category-cta a { display: inline-block; padding: 7px 19px; border-radius: 4px; background: var(--gv-primary); color: #fff; font-size: 9px; font-weight: 700; }
.gv-category-cta > i { position: absolute; right: -5px; bottom: -25px; width: 140px; height: 120px; border-radius: 60% 40% 0 0; background: radial-gradient(circle at 45% 40%, #d57339 0 2%, transparent 3%), linear-gradient(145deg, #25292b 0 40%, #07090a 41%); filter: drop-shadow(0 0 18px #b53210); transform: skew(-8deg); }

body.gv-light .gv-category { background: #eef1f3; color: #171a1d; }
body.gv-light .gv-category-filters, body.gv-light .gv-guide-list, body.gv-light .gv-trending, body.gv-light .gv-guide-shortcuts, body.gv-light .gv-category-cta { background: #fff; }

@media (max-width: 1024px) {
  .gv-category-hero { margin-top: -64px; padding-top: 76px; }
  .gv-category-hero__inner { grid-template-columns: 1fr; min-height: 355px; }
  .gv-category-hero__copy { padding-top: 54px; }
  .gv-category-hero__art { inset: 0 0 0 45%; }
  .gv-category-hero__shortcuts { display: none; }
  .gv-game-browser__track { grid-template-columns: repeat(6, 240px); }
  .gv-category-grid { grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); }
}

@media (max-width: 767px) {
  .gv-category-hero { margin-top: -64px; padding-top: 64px; }
  .gv-category-hero__inner, .gv-category__container { width: calc(100% - 28px); }
  .gv-category-hero__inner { min-height: 360px; align-items: start; }
  .gv-category-hero .gv-breadcrumbs { top: 13px; font-size: 10px; }
  .gv-category-hero__copy { max-width: 68%; padding-top: 46px; }
  .gv-category-hero__copy h1 { font-size: 32px; }
  .gv-category-hero__copy p { display: -webkit-box; overflow: hidden; font-size: 11px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .gv-category-hero__copy form { position: absolute; top: 230px; left: 0; width: calc(100vw - 28px); }
  .gv-category-hero__art { inset: 0 -15px 0 38%; opacity: .9; }
  .gv-category-hero__art::before { left: 32%; top: 51px; width: 125px; height: 200px; }
  .gv-category-hero__art::after { left: 16%; top: 72px; width: 190px; }
  .gv-category-hero__art i { left: 46%; top: 45%; width: 170px; }
  .gv-category__container { padding-top: 16px; }
  .gv-game-browser h2 { font-size: 14px; text-transform: none; }
  .gv-game-browser h2::before { display: none; }
  .gv-game-browser > header a { font-size: 10px; }
  .gv-game-browser__track { grid-template-columns: repeat(6, calc((100vw - 52px) / 1.65)); gap: 10px; }
  .gv-game-card { min-height: 119px; }
  .gv-game-browser__dots { display: flex; }
  .gv-category-filters { margin-top: 12px; padding: 0; border: 0; background: transparent; }
  .gv-category-filters nav { display: none; }
  .gv-category-filters > div { width: 100%; }
  .gv-category-filters button { min-height: 35px; padding-inline: 12px; }
  .gv-category-grid { display: flex; flex-direction: column; gap: 13px; }
  .gv-guide-list { padding: 0 10px 12px; border: 1px solid #1b2227; border-radius: 7px; }
  .gv-mobile-section-head { min-height: 42px; display: flex; }
  .gv-mobile-section-head h2 { font-size: 14px; text-transform: none; }
  .gv-guide-row { min-height: 66px; grid-template-columns: 145px 1fr 15px; gap: 9px; }
  .gv-guide-row__thumb { height: 57px; }
  .gv-guide-row__content h2 { margin-bottom: 3px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gv-guide-row__content p { display: none; }
  .gv-guide-row__content > div { gap: 3px 8px; font-size: 9px; }
  .gv-guide-row__content > div time { order: 3; flex-basis: auto; }
  .gv-category-sidebar { display: contents; }
  .gv-trending { order: 2; }
  .gv-guide-shortcuts { order: 3; }
  .gv-category-cta { order: 4; }
  .gv-trending h2 { font-size: 14px; text-transform: none; }
  .gv-trending article { grid-template-columns: 26px 76px 1fr; }
  .gv-guide-shortcuts > h2 { font-size: 14px; text-transform: none; }
  .gv-guide-shortcuts > h2::before { display: none; }
  .gv-guide-shortcuts > div { grid-template-columns: repeat(3, 1fr); }
  .gv-guide-shortcuts > div a { min-height: 58px; grid-template-columns: 36px 1fr 13px; }
  .gv-guide-shortcuts > div .gv-icon, .gv-guide-shortcuts > div i { display: block; color: #3cb6ff; }
  .gv-guide-shortcuts > div b { display: none; }
  .gv-guide-shortcuts .gv-category-button { display: none; }
  .gv-category-cta { min-height: 115px; padding: 17px 22px; }
  .gv-category-cta h2 { font-size: 16px; }
  .gv-category-cta p { font-size: 10px; }
}

@media (max-width: 480px) {
  .gv-category-hero__copy { max-width: 76%; }
  .gv-guide-row { grid-template-columns: 105px 1fr 12px; }
  .gv-guide-row__content > div span:nth-last-child(2) { display: none; }
  .gv-guide-shortcuts > div { grid-template-columns: repeat(2, 1fr); }
}