.gv-home { background: #080d10; color: #e7e8e9; }
.gv-home a { text-decoration: none; }
.gv-home-container { width: min(calc(100% - 48px), 1392px); margin-inline: auto; }
.gv-home-hero { min-height: 365px; margin-top: -72px; padding-top: 96px; background: linear-gradient(90deg, #0a1014 0 35%, rgba(7,11,14,.25) 67%, #090e12 100%), var(--gv-home-hero, radial-gradient(circle at 64% 30%, rgba(149,54,33,.5), transparent 22%), linear-gradient(120deg, #1b242a, #080b0e)); background-size: cover; background-position: center; }
.gv-home-hero__inner { min-height: 340px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .65fr); align-items: center; gap: 50px; }
.gv-home-hero__copy > strong { color: var(--gv-primary); font-size: 13px; letter-spacing: .03em; text-transform: uppercase; }
.gv-home-hero h1 { max-width: 650px; margin: 9px 0 10px; color: #fff; font-size: clamp(40px, 4.4vw, 62px); line-height: 1.02; letter-spacing: -.045em; }
.gv-home-hero__copy > p { max-width: 540px; margin: 0; color: #bec3c7; font-size: 16px; line-height: 1.55; }
.gv-home-hero form { width: min(100%, 550px); height: 45px; margin-top: 21px; display: flex; overflow: hidden; border-radius: 6px; }
.gv-home-hero form input { width: 100%; min-width: 0; padding: 0 15px; border: 1px solid #252d34; outline: 0; background: #151b20; color: #fff; }
.gv-home-hero form button { flex: 0 0 96px; border: 0; background: var(--gv-primary); color: #fff; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.gv-home-hero form button .gv-icon { width: 16px; vertical-align: -4px; }
.gv-home-trending { margin-top: 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 9px; }
.gv-home-trending b { font-size: 10px; }
.gv-home-trending a { padding: 5px 9px; border-radius: 5px; background: #171d22; color: #d7dadd; }
.gv-home-featured { position: relative; overflow: hidden; border: 1px solid #242b31; border-radius: 9px; background: linear-gradient(145deg, rgba(24,29,35,.96), rgba(15,17,21,.96)); }
.gv-home-featured__arrow { position: absolute; top: 50%; z-index: 2; width: 34px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: rgba(7,11,14,.78); color: #fff; font-size: 28px; line-height: 1; opacity: 0; transform: translateY(-50%); transition: opacity .16s ease, background-color .16s ease; cursor: pointer; }
.gv-home-featured__arrow--prev { left: 10px; }
.gv-home-featured__arrow--next { right: 10px; }
.gv-home-featured:hover .gv-home-featured__arrow, .gv-home-featured:focus-within .gv-home-featured__arrow { opacity: 1; }
.gv-home-featured__arrow:hover, .gv-home-featured__arrow:focus-visible { background: var(--gv-primary); color: #111; }
.gv-home-featured--desktop { padding: 25px 58px; }
.gv-home-featured > span { display: inline-block; padding: 5px 8px; border-radius: 4px; background: #7043c1; color: #fff; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.gv-home-featured h2 { margin: 13px 0 7px; color: #fff; font-size: 28px; }
.gv-home-featured > b { font-size: 11px; }
.gv-home-featured > p { color: #b9bec2; font-size: 11px; line-height: 1.55; }
.gv-home-featured > a { display: inline-block; padding: 10px 16px; border-radius: 5px; background: #fff; color: #111; font-size: 10px; font-weight: 800; }
.gv-home-featured > div { margin-top: 18px; display: flex; justify-content: center; gap: 8px; }
.gv-home-featured > div i { width: 7px; height: 7px; border-radius: 50%; background: #7a8085; }
.gv-home-featured > div i:first-child { background: var(--gv-primary); }
.gv-home-featured__dots { align-items: center; }
.gv-home-featured__dots button { width: 12px; height: 18px; padding: 0; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; }
.gv-home-featured__dots button span { width: 7px; height: 7px; display: block; border-radius: 50%; background: #7a8085; transition: transform 160ms ease, background-color 160ms ease; }
.gv-home-featured__dots button:hover span, .gv-home-featured__dots button:focus-visible span, .gv-home-featured__dots button.is-active span, .gv-home-featured__dots button[aria-selected="true"] span { background: var(--gv-primary); transform: scale(1.35); }
.gv-home-body { padding: 13px 0 26px; }
.gv-home-section, .gv-home-panel, .gv-home-why, .gv-home-faq { border: 1px solid #192126; border-radius: 8px; background: linear-gradient(145deg, #11171b, #0c1114); }
.gv-home-section header, .gv-home-panel header, .gv-home-faq header { min-height: 39px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gv-home-section h2, .gv-home-panel h2, .gv-home-faq h2 { margin: 0; color: #fff; font-size: 12px; }
.gv-home-section header a, .gv-home-panel header a, .gv-home-faq header a { color: #e2e4e5; font-size: 9px; }
.gv-home-game-track { padding: 0 13px 13px; display: grid; grid-template-columns: repeat(6, minmax(150px, 1fr)); gap: 11px; overflow-x: auto; scrollbar-width: thin; }
.gv-home-game { position: relative; min-height: 112px; overflow: hidden; border-radius: 6px; background-image: linear-gradient(0deg, rgba(5,6,7,.96) 0, rgba(5,6,7,.08) 78%), var(--gv-game-image, linear-gradient(145deg, #242a2e, #07090b)), radial-gradient(circle at 62% 25%, var(--gv-game-glow, #6b321f), transparent 43%); background-size: cover; background-position: center; }
.gv-home-game::after { position: absolute; inset: 0; background: linear-gradient(0deg, #050607 0, transparent 65%); content: ''; }
.gv-home-game > b { position: absolute; z-index: 2; top: 7px; left: 7px; padding: 3px 7px; border-radius: 4px; background: var(--gv-primary); color: #111; font-size: 8px; }
.gv-home-game:first-child > b { background: #a147d1; color: #fff; }
.gv-home-game span { position: absolute; z-index: 2; left: 9px; right: 9px; bottom: 8px; }
.gv-home-game strong, .gv-home-game small { display: block; }
.gv-home-game strong { color: #fff; font-size: 10px; }
.gv-home-game small { color: #c0c5c8; font-size: 8px; }
.gv-home-game--rivals { --gv-game-glow: #9b6320; }.gv-home-game--forest { --gv-game-glow: #6e2413; }.gv-home-game--minecraft { --gv-game-glow: #35774b; }.gv-home-game--waves { --gv-game-glow: #2b436b; }.gv-home-game--zenless { --gv-game-glow: #8c3348; }
.gv-home-dashboard { margin-top: 13px; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, .98fr) minmax(265px, .92fr); gap: 13px; }
.gv-home-panel { min-width: 0; }
.gv-home-guides article { min-height: 69px; padding: 7px 12px; display: grid; grid-template-columns: 82px 1fr 12px; align-items: center; gap: 11px; }
.gv-home-guides article + article { border-top: 1px solid #20282d; }
.gv-home-thumb { height: 55px; border-radius: 5px; background: var(--gv-home-thumb, radial-gradient(circle at 60% 30%, #69341f, transparent 28%), linear-gradient(145deg, #252a2d, #080a0b)); background-size: cover; background-position: center; }
.gv-home-guides article p, .gv-home-updates article p { margin: 0; min-width: 0; }
.gv-home-guides article p > a { display: block; color: #fff; font-size: 10px; font-weight: 700; }
.gv-home-guides article p span { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.gv-home-guides article p span b, .gv-home-guides article p span small { padding: 3px 6px; border-radius: 4px; background: #5f217d; color: #df87f6; font-size: 7px; }
.gv-home-guides article p span small { background: #242b2f; color: #c8cccf; }
.gv-home-guides time { color: #8d959b; font-size: 7px; }
.gv-home-guides article > i, .gv-home-updates article > i { color: #fff; font-style: normal; font-size: 18px; }
.gv-home-tiers article { min-height: 78px; padding: 7px 13px; display: grid; grid-template-columns: 145px 1fr; align-items: center; gap: 10px; }
.gv-home-tiers article + article { border-top: 1px solid #20282d; }
.gv-home-tier-thumb { height: 62px; border-radius: 4px; background: linear-gradient(0deg, rgba(5,7,8,.42), transparent), #151a1e; }
.gv-tier-chart { height: 62px; display: grid; grid-template-columns: 27px 1fr; grid-template-rows: repeat(3, 1fr); overflow: hidden; border-radius: 4px; background: #151a1e; }
.gv-tier-chart b { display: grid; place-items: center; color: #111; font-size: 8px; }
.gv-tier-chart b:nth-child(1) { background: #ef5c4a; }.gv-tier-chart b:nth-child(2) { background: #f4b638; }.gv-tier-chart b:nth-child(3) { background: #a4d65d; }
.gv-tier-chart i { grid-column: 2; grid-row: 1 / 4; display: grid; place-items: center; color: #c17238; font-style: normal; font-size: 12px; }
.gv-home-tiers article p { margin: 0; }
.gv-home-tiers article p a, .gv-home-tiers article p small { display: block; }
.gv-home-tiers article p a { color: #fff; font-size: 9px; font-weight: 700; }
.gv-home-tiers article p small { margin-top: 5px; color: #8d959a; font-size: 7px; }
.gv-home-side-panels { display: flex; flex-direction: column; gap: 13px; }
.gv-home-codes > div { padding: 0 14px 12px; }
.gv-home-codes > div > a { min-height: 50px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; border-top: 1px solid #20282d; color: #fff; }
.gv-home-codes > div > a:first-child { border-top: 0; }
.gv-home-codes > div > a > i { display: none; color: #2dce63; font-size: 24px; }
.gv-home-codes strong, .gv-home-codes small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gv-home-codes strong { font-size: 11px; letter-spacing: .015em; }.gv-home-codes small { margin-top: 3px; color: #a9b0b5; font-size: 9px; }
.gv-home-codes > div > a > b { flex: none; padding: 4px 8px; border: 1px solid rgba(61,205,108,.22); border-radius: 999px; background: rgba(32,135,73,.28); color: #83e5a4; font-size: 8px; line-height: 1; }
.gv-home-database > div { padding: 0 12px 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.gv-home-database > div a { min-height: 69px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; border-radius: 5px; background: #171d22; color: #fff; font-size: 8px; }
.gv-home-database .gv-icon { width: 27px; height: 27px; color: #3f8aff; }
.gv-home-database a:nth-child(2) .gv-icon, .gv-home-database a:nth-child(5) .gv-icon { color: #ec4873; }.gv-home-database a:nth-child(4) .gv-icon { color: #8734d7; }.gv-home-database a:nth-child(6) .gv-icon { color: var(--gv-primary); }
.gv-home-featured--mobile, .gv-home-upcoming { display: none; }
.gv-home-updates { margin-top: 13px; }
.gv-home-updates > div { padding: 0 12px 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.gv-home-updates article { min-height: 68px; padding: 8px; display: grid; grid-template-columns: 76px 1fr 10px; align-items: center; gap: 9px; border-radius: 6px; background: #171d21; }
.gv-home-updates .gv-home-thumb { height: 51px; }
.gv-home-updates time, .gv-home-updates p > a, .gv-home-updates small { display: block; }
.gv-home-updates time { color: #9ba2a7; font-size: 7px; }.gv-home-updates p > a { color: #fff; font-size: 9px; font-weight: 700; }.gv-home-updates small { margin-top: 3px; color: #9da4a8; font-size: 7px; }
.gv-home-why { margin-top: 13px; padding: 12px 14px; }
.gv-home-why > h2 { display: none; }
.gv-home-why > div { display: grid; grid-template-columns: repeat(4, 1fr); }
.gv-home-why article { min-height: 66px; padding: 0 16px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 9px; }
.gv-home-why article + article { border-left: 1px solid #272e33; }
.gv-home-why .gv-icon { width: 31px; height: 31px; color: var(--gv-primary); }
.gv-home-why article p { margin: 0; }.gv-home-why strong, .gv-home-why span { display: block; }.gv-home-why strong { font-size: 10px; }.gv-home-why span { margin-top: 4px; color: #9ea5aa; font-size: 8px; line-height: 1.4; }
.gv-home-why nav { display: none; }
.gv-home-faq { margin-top: 13px; padding: 0 12px 10px; }
.gv-home-faq details { border-top: 1px solid #222a2f; }
.gv-home-faq summary { min-height: 33px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: #e5e7e8; font-size: 9px; list-style: none; }
.gv-home-faq summary::after { content: '⌄'; font-size: 15px; }.gv-home-faq details p { color: #a0a7ac; font-size: 8px; }
body.gv-light .gv-home { background: #edf0f2; color: #171a1d; }

@media (max-width: 1050px) {
  .gv-home-hero { margin-top: -64px; padding-top: 76px; }
  .gv-home-dashboard { grid-template-columns: 1fr 1fr; }
  .gv-home-side-panels { grid-column: 1 / -1; flex-direction: row; }
  .gv-home-side-panels > section { flex: 1; }
}
@media (max-width: 767px) {
  .gv-home-container { width: calc(100% - 28px); }
  .gv-home-hero { min-height: 360px; margin-top: -64px; padding-top: 64px; background: linear-gradient(90deg, rgba(6,9,11,.96), rgba(6,9,11,.2)), var(--gv-home-hero, radial-gradient(circle at 74% 27%, rgba(180,47,27,.75), transparent 21%), linear-gradient(120deg, #1a2227, #07090b)); background-size: cover; background-position: 60% center; }
  .gv-home-hero__inner { min-height: 360px; display: block; padding-top: 24px; }
  .gv-home-hero__copy > strong { font-size: 10px; }
  .gv-home-hero h1 { max-width: 430px; margin-top: 7px; font-size: 32px; }
  .gv-home-hero__copy > p { max-width: 300px; font-size: 11px; }
  .gv-home-hero form { width: 100%; height: 41px; margin-top: 20px; }
  .gv-home-trending, .gv-home-featured--desktop { display: none; }
  .gv-home-body { width: calc(100% - 28px); display: flex; flex-direction: column; gap: 11px; padding-top: 11px; }
  .gv-home-games, .gv-home-dashboard, .gv-home-featured--mobile, .gv-home-upcoming, .gv-home-updates, .gv-home-why, .gv-home-faq { margin-top: 0; }
  .gv-home-game-track { grid-template-columns: repeat(6, 210px); }
  .gv-home-dashboard { display: contents; }
  .gv-home-guides { order: 2; }
  .gv-home-tiers { display: none; }
  .gv-home-side-panels { order: 4; display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
  .gv-home-games { order: 1; }
  .gv-home-featured--mobile { order: 3; min-height: 175px; padding: 18px 58px; display: block; background: linear-gradient(90deg, rgba(11,15,18,.95), rgba(11,15,18,.15)), var(--gv-home-featured, radial-gradient(circle at 72% 30%, #733221, transparent 25%), linear-gradient(145deg, #1f2529, #090b0d)); background-size: cover; background-position: center; }
  .gv-home-featured--mobile h2 { font-size: 19px; }.gv-home-featured--mobile > p { max-width: 100%; font-size: 9px; }.gv-home-featured--mobile > a { min-height: 44px; padding: 8px 14px; display: inline-flex; align-items: center; }
  .gv-home-featured--mobile > div { position: absolute; left: 0; right: 0; bottom: 7px; }
  /* Mobile cards use persistent previous/next controls instead of dot controls. */
  .gv-home-featured--mobile .gv-home-featured__arrow { display: grid; opacity: 1 !important; width: 44px; height: 48px; }
  .gv-home-featured--mobile .gv-home-featured__arrow--prev { left: 8px; }
  .gv-home-featured--mobile .gv-home-featured__arrow--next { right: 8px; }
  .gv-home-featured--mobile .gv-home-featured__dots { display: none; }
  .gv-home-codes > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
  .gv-home-codes > div > a { padding: 7px; grid-template-columns: 25px minmax(0, 1fr); border: 0; border-radius: 5px; background: #141a1e; }
  .gv-home-codes > div > a > i { display: block; }.gv-home-codes > div > a > b { grid-column: 1 / -1; justify-self: start; }
  .gv-home-database > div a { min-height: 76px; }
  .gv-home-upcoming { order: 5; display: block; }
  .gv-home-upcoming > div { padding: 0 12px 10px; }
  .gv-home-upcoming > div a { min-height: 56px; display: grid; grid-template-columns: 39px minmax(0, 1fr) auto 8px; grid-template-rows: auto auto; align-items: center; gap: 2px 8px; border-top: 1px solid #20282d; color: #fff; }
  .gv-home-upcoming > div a i { width: 34px; height: 34px; border-radius: 4px; background: radial-gradient(circle at 60% 30%, #71331d, transparent 28%), #171d21; }
  .gv-home-upcoming > div a i { grid-column: 1; grid-row: 1 / span 2; }
  .gv-home-upcoming strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-column: 2 / 4; grid-row: 1; font-size: 9px; }
  .gv-home-upcoming span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-column: 2; grid-row: 2; color: #969da2; font-size: 7px; }
  .gv-home-upcoming time { grid-column: 3; grid-row: 2; align-self: center; color: #969da2; font-size: 7px; white-space: nowrap; }
  .gv-home-upcoming b { grid-column: 4; grid-row: 1 / span 2; }
  .gv-home-updates { order: 6; }
  .gv-home-updates > div { display: block; }
  .gv-home-updates article { min-height: 40px; padding: 5px; grid-template-columns: 25px 1fr 10px; background: transparent; border-top: 1px solid #22292e; }
  .gv-home-updates .gv-home-thumb { height: 25px; background: none; position: relative; }.gv-home-updates .gv-home-thumb::after { content: '▤'; color: #fff; }
  .gv-home-updates time { float: right; }.gv-home-updates small { display: none; }
  .gv-home-why { order: 7; }
  .gv-home-why > h2 { display: block; margin: 0 0 10px; font-size: 17px; }
  .gv-home-why > div { display: grid; grid-template-columns: repeat(4, 270px); overflow-x: auto; scroll-snap-type: x proximity; }
  .gv-home-why article { min-height: 86px; border: 1px solid #262e33 !important; border-radius: 6px; scroll-snap-align: start; }
  .gv-home-why nav { margin-top: 9px; display: flex; justify-content: center; gap: 7px; }.gv-home-why nav i { width: 7px; height: 7px; border-radius: 50%; background: #5b6267; }.gv-home-why nav i:first-child { background: var(--gv-primary); }
  .gv-home-faq { order: 8; }
  .gv-home-guides article { grid-template-columns: 95px 1fr 12px; }
}
@media (max-width: 520px) {
  .gv-home-side-panels { grid-template-columns: 1fr; }
  .gv-home-game-track { grid-template-columns: repeat(6, 180px); }
}