body.gvd-page{margin:0;background:#090c12;color:#f1f3f8;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}
.gvd-app{--gvd-accent:#ff4059;--gvd-muted:#a3adbf;--gvd-line:#252b37;--gvd-panel:#121722;overflow:clip}
.gvd-app *{box-sizing:border-box}.gvd-app a{color:inherit;text-decoration:none}.gvd-app button,.gvd-app input,.gvd-app select{font:inherit}.gvd-app a,.gvd-app button,.gvd-app input,.gvd-app select{touch-action:manipulation}.gvd-app :focus-visible{outline:3px solid #ff7184;outline-offset:5px}.gvd-app img{display:block;max-width:100%;height:auto}.gvd-app h1,.gvd-app h2,.gvd-app h3,.gvd-app p{margin:0}.gvd-app h1,.gvd-app h2,.gvd-app h3{line-height:1.15;letter-spacing:-.035em}.gvd-app h2{font-size:clamp(25px,2.3vw,34px);font-weight:750}.gvd-app h3{font-size:17px}.gvd-container{width:min(1400px,calc(100% - 96px));margin-inline:auto}.gvd-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gvd-skip{position:fixed;top:-90px;left:20px;padding:12px 20px;background:#fff;color:#111!important;z-index:10000}.gvd-skip:focus{top:12px}
.gvd-header{border-bottom:1px solid var(--gvd-line);background:#0b0e15}.gvd-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.gvd-brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:850;letter-spacing:.04em;line-height:1.3}.gvd-brand small{display:block;color:var(--gvd-accent);font-size:10px;letter-spacing:.32em;margin-top:3px}.gvd-brand-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gvd-accent);border-radius:12px;color:#fff;font-size:19px;font-style:italic;letter-spacing:-5px;padding-right:5px;transform:rotate(-6deg)}.gvd-brand-mark span{color:#160b12}.gvd-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.gvd-header nav a[aria-current]{color:var(--gvd-accent)}.gvd-main-site{border:1px solid #353b47;padding:9px 16px;border-radius:8px}.gvd-main-site span{margin-left:12px}
.gvd-intro{padding:62px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.gvd-eyebrow{color:var(--gvd-accent);font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:12px!important}.gvd-eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gvd-accent);border-radius:50%;margin:0 7px 1px 0}.gvd-intro h1{font-size:clamp(42px,4.7vw,68px);font-weight:800;line-height:1.05;letter-spacing:-.055em}.gvd-intro h1 span{color:var(--gvd-accent)}.gvd-intro h1+p{color:var(--gvd-muted);max-width:530px;margin-top:18px;line-height:1.7}.gvd-intro-note{display:flex;gap:26px;align-items:center;max-width:270px;transform:rotate(-7deg);margin-right:7%;color:#c4cbd8}.gvd-intro-note>span:last-child{font-size:11px;letter-spacing:.2em;line-height:1.7;font-weight:750}.gvd-orbit{font-size:105px;line-height:1;color:var(--gvd-accent)}
.gvd-filter-bar{display:flex;gap:0;border:1px solid #303747;background:var(--gvd-panel);padding:8px;border-radius:12px;align-items:center;margin-top:10px}.gvd-search{flex:1;display:flex;align-items:center;gap:12px;padding-left:12px;min-width:160px}.gvd-search>span{font-size:29px;color:var(--gvd-muted);line-height:1}.gvd-filter-bar input{width:100%;min-width:0;border:0;background:transparent;color:#fff;padding:12px 0;font-size:14px;outline-offset:1px}.gvd-filter-bar input::placeholder{color:#a3adbf}.gvd-filter-bar select{max-width:175px;background:var(--gvd-panel);color:#c3cada;border:0;border-left:1px solid #303747;padding:12px;font-size:12px}.gvd-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid transparent;background:var(--gvd-accent);color:#fff!important;padding:12px 21px;border-radius:8px;font-size:13px!important;font-weight:700;cursor:pointer;white-space:nowrap;line-height:1.6}.gvd-button:hover{background:#e92945}.gvd-category-nav{display:flex;gap:8px;overflow-x:auto;padding:18px 0 6px;scrollbar-width:thin}.gvd-category-nav a{white-space:nowrap;border:1px solid var(--gvd-line);border-radius:7px;padding:7px 18px;font-size:12px;color:#b9c2d3}.gvd-category-nav a:hover,.gvd-category-nav a.is-active{background:#ff405916;color:#ff7184;border-color:#ff40595e}
.gvd-featured,.gvd-catalogue{margin-top:44px}.gvd-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.gvd-section-heading .gvd-eyebrow{margin-bottom:8px!important}.gvd-muted{font-size:12px;color:var(--gvd-muted)}.gvd-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gvd-card{display:block;min-width:0}.gvd-card-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:17px;background:#182235;border:1px solid #ffffff0b}.gvd-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.gvd-card:hover .gvd-card-art>img{transform:scale(1.04)}.gvd-card:hover h3{color:#ff7184}.gvd-card-arrow{position:absolute;right:12px;bottom:12px;width:30px;height:30px;background:#0b0e15c9;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.gvd-card:hover .gvd-card-arrow,.gvd-card:focus-visible .gvd-card-arrow{opacity:1}.gvd-card-copy{padding:12px 2px 0}.gvd-card-category{color:var(--gvd-accent);font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:750}.gvd-card h3{font-size:15px;line-height:1.35;letter-spacing:-.02em;margin:4px 0}.gvd-card-platforms{color:var(--gvd-muted);font-size:11px}.gvd-card-featured{position:relative}.gvd-card-featured .gvd-card-art{aspect-ratio:1.14}.gvd-card-featured .gvd-card-art:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#05080bee)}.gvd-card-featured .gvd-card-copy{position:absolute;bottom:20px;left:20px;right:16px;z-index:1;pointer-events:none}.gvd-card-featured h3{font-size:23px;max-width:90%;text-shadow:0 1px 6px #000}.gvd-card-featured .gvd-card-category{color:#fff}.gvd-card-featured .gvd-card-platforms{color:#e1e4eb}.gvd-pick{position:absolute;top:15px;left:15px;padding:4px 9px;background:#0b0e15cc;border:1px solid #ffffff35;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.12em;z-index:1}.gvd-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:22px;row-gap:32px}.gvd-results-meta{display:flex;align-items:center;gap:20px}.gvd-results-meta a{font-size:12px;color:#ff7184}.gvd-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:60px;background:linear-gradient(135deg,#34394d,#a12547);font-size:60px;font-weight:800;color:#fff}.gvd-pagination{margin:38px 0}.gvd-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0}.gvd-pagination a,.gvd-pagination span{display:block;min-width:42px;padding:7px 14px;background:#161d2b;border:1px solid var(--gvd-line);border-radius:7px}.gvd-pagination .current{background:var(--gvd-accent)}.gvd-empty{text-align:center;padding:70px 20px;background:var(--gvd-panel);border:1px solid var(--gvd-line);border-radius:16px}.gvd-empty>span{font-size:50px;color:var(--gvd-accent)}.gvd-empty h3{font-size:24px}.gvd-empty p{color:var(--gvd-muted);margin:12px 0 22px}
.gvd-platform-section{border:1px solid #33303a;border-radius:18px;margin:60px 0;background:linear-gradient(120deg,#23151f,#141925 65%);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.gvd-platform-section h2{font-size:28px}.gvd-platform-section p:not(.gvd-eyebrow){color:var(--gvd-muted);font-size:13px;margin-top:8px}.gvd-platform-links{display:flex;gap:12px}.gvd-platform-links a{padding:16px 24px;border:1px solid #343b4b;border-radius:10px;min-width:135px;background:#ffffff04}.gvd-platform-links strong{display:block;font-size:19px}.gvd-platform-links span{display:block;color:var(--gvd-muted);font-size:10px;margin-top:3px}.gvd-platform-links a:hover{border-color:var(--gvd-accent)}.gvd-footer{padding:34px 0;border-top:1px solid var(--gvd-line);display:flex;justify-content:space-between;gap:30px}.gvd-footer-brand{font-weight:800;letter-spacing:.02em;font-size:12px}.gvd-footer-brand span{color:var(--gvd-accent);margin-left:7px;font-size:10px}.gvd-footer p{font-size:10px;color:var(--gvd-muted);margin-top:8px}.gvd-footer>div:last-child{text-align:right}.gvd-footer>div:last-child>a{font-size:12px}
.gvd-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0;color:var(--gvd-muted);font-size:12px}.gvd-breadcrumbs a:hover{color:#fff}.gvd-breadcrumbs [aria-current]{color:#e3e8f0}.gvd-game-hero{display:flex;align-items:center;gap:30px;padding:20px 0 40px}.gvd-detail-icon{width:160px;height:160px;flex-shrink:0;border-radius:29px;overflow:hidden;box-shadow:0 14px 40px #0004}.gvd-detail-icon img{width:100%;height:100%;object-fit:cover}.gvd-game-identity{flex:1;min-width:0}.gvd-game-identity h1{font-size:clamp(33px,3.8vw,55px);margin:12px 0 7px}.gvd-badges{display:flex;flex-wrap:wrap;gap:7px}.gvd-badges a{color:#ff7184;background:#ff405914;border:1px solid #ff405930;border-radius:5px;padding:3px 10px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.gvd-developer{font-size:12px;color:var(--gvd-muted)}.gvd-game-summary{font-size:14px;color:#bbc4d5;max-width:620px;margin:14px 0!important}.gvd-device-tags{display:flex;gap:8px;flex-wrap:wrap}.gvd-device-tags a{font-size:10px;padding:2px 9px;border:1px solid #333c4d;border-radius:5px;color:#cdd5e3}.gvd-hero-cta{align-self:center}.gvd-detail-tabs{display:flex;gap:32px;overflow-x:auto;border-top:1px solid var(--gvd-line);border-bottom:1px solid var(--gvd-line);padding:17px 0;font-size:13px;white-space:nowrap}.gvd-detail-tabs a:hover{color:var(--gvd-accent)}.gvd-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;padding:38px 0}.gvd-detail-content{min-width:0}.gvd-detail-section{margin-bottom:42px;scroll-margin-top:24px}.gvd-detail-section>h2{margin-bottom:20px}.gvd-screenshots{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 14px}.gvd-screenshots a{flex:0 0 auto;height:330px;border-radius:12px;overflow:hidden;position:relative;border:1px solid #343c4c;scroll-snap-align:start;max-width:92%}.gvd-screenshots img{height:100%;width:auto;object-fit:contain}.gvd-screenshots a>span{position:absolute;right:10px;bottom:10px;background:#0b0e15ce;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gvd-prose{color:#bdc6d7;font-size:15px;line-height:1.9}.gvd-prose p{margin-bottom:17px}.gvd-prose h2,.gvd-prose h3{margin:24px 0 14px;color:#fff}.gvd-prose a{color:#ff7184;text-decoration:underline}.gvd-best-for{display:flex;gap:18px;background:#141b27;border-left:3px solid var(--gvd-accent);border-radius:0 12px 12px 0;padding:22px;margin-top:25px}.gvd-best-for>span{font-size:32px;color:var(--gvd-accent)}.gvd-best-for h3{font-size:17px;margin-bottom:8px}.gvd-best-for p{font-size:13px;color:#b6c0d1}.gvd-steps{list-style:none;counter-reset:steps;padding:0;display:grid;gap:14px}.gvd-steps li{counter-increment:steps;display:flex;align-items:center;gap:18px;padding:16px;background:#111721;border:1px solid #242c3b;border-radius:10px;font-size:14px;color:#c7cede}.gvd-steps li:before{content:counter(steps,decimal-leading-zero);font-size:15px;font-weight:800;color:#ff7184;min-width:28px}.gvd-store-panel{background:var(--gvd-panel);border:1px solid #333a49;border-radius:16px;padding:25px;scroll-margin-top:20px}.gvd-store-panel h2{font-size:26px}.gvd-store-panel>p:not(.gvd-eyebrow){font-size:12px;color:var(--gvd-muted);margin-top:12px}.gvd-store-links{display:grid;gap:10px;margin:23px 0}.gvd-store-links>a{display:flex;align-items:center;justify-content:space-between;border:1px solid #3b4455;border-radius:9px;padding:11px 16px;background:#202a39}.gvd-store-links>a:hover{border-color:#ff7184;background:#30212c}.gvd-store-links small{display:block;font-size:9px;color:#b7c3d4}.gvd-store-links strong{display:block;font-size:16px;line-height:1.5}.gvd-facts{margin:20px 0}.gvd-facts>div{border-top:1px solid #293243;padding:12px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px}.gvd-facts dt{color:var(--gvd-muted);flex-shrink:0}.gvd-facts dd{margin:0;text-align:right}.gvd-official{font-size:12px;color:#ff7184!important}.gvd-store-panel .gvd-verified{font-size:10px!important;margin-top:23px!important}.gvd-store-panel .gvd-store-note{font-size:10px!important}.gvd-related{margin-top:32px}.gvd-related h2{font-size:23px;margin-bottom:18px}.gvd-related>a{display:flex;align-items:center;gap:13px;margin-bottom:17px}.gvd-related img,.gvd-related .gvd-placeholder{width:60px;height:60px;min-height:60px;border-radius:12px;object-fit:cover;font-size:24px}.gvd-related>a>span:nth-child(2){flex:1}.gvd-related strong{display:block;font-size:12px;line-height:1.5}.gvd-related small{display:block;font-size:10px;color:var(--gvd-muted);margin-top:3px}.gvd-related>a>span:last-child{color:#ff7184}.gvd-editorial-link{padding:24px;border:1px solid var(--gvd-line);border-radius:12px}.gvd-editorial-link h2{font-size:23px}.gvd-editorial-link p{color:var(--gvd-muted);margin:12px 0}.gvd-editorial-link a{color:#ff7184}.gvd-back{display:inline-block;color:#bbc4d3!important;margin-bottom:40px;font-size:13px}.gvd-lightbox{padding:44px 20px 16px;background:#111721;border:1px solid #434b5b;border-radius:14px;color:#fff;max-width:95vw;max-height:95vh}.gvd-lightbox::backdrop{background:#020409e8}.gvd-lightbox img{max-height:76vh;width:auto;max-width:85vw;object-fit:contain;margin:auto}.gvd-lightbox p{text-align:center;font-size:12px;color:#bcc5d6;margin-top:12px}.gvd-lightbox-close{position:absolute;right:10px;top:6px;width:36px;height:36px;font-size:27px!important;border:0;border-radius:8px;background:#273143;color:#fff;cursor:pointer}
@media(min-width:1700px){.gvd-game-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px){.gvd-container{width:calc(100% - 56px)}.gvd-game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}.gvd-featured-grid{gap:14px}.gvd-card-featured h3{font-size:19px}.gvd-card-featured .gvd-card-copy{left:14px;bottom:14px}.gvd-intro-note{margin-right:2%}.gvd-filter-bar select{max-width:142px;padding:12px 7px}.gvd-detail-layout{gap:28px;grid-template-columns:minmax(0,1fr) 300px}.gvd-detail-icon{width:130px;height:130px}.gvd-hero-cta{display:none}.gvd-platform-section{padding:26px}.gvd-platform-links a{min-width:105px;padding:12px 16px}}
@media(max-width:800px){.gvd-intro-note{display:none}.gvd-intro{padding-top:40px}.gvd-intro h1{font-size:51px}.gvd-filter-bar{flex-wrap:wrap;gap:8px;padding:12px}.gvd-search{flex:1 0 100%;border-bottom:1px solid #303747;padding:0 4px 6px}.gvd-filter-bar>div:not(.gvd-search){flex:1}.gvd-filter-bar select{width:100%;max-width:none;border:0;padding-left:0}.gvd-button{padding:10px 16px}.gvd-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gvd-card-featured .gvd-card-art{aspect-ratio:1.4}.gvd-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gvd-platform-section{display:block}.gvd-platform-links{margin-top:20px}.gvd-platform-links a{flex:1}.gvd-detail-layout{grid-template-columns:1fr}.gvd-detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.gvd-related{margin:0}.gvd-footer>div{max-width:50%}.gvd-game-hero{gap:22px}}
@media(max-width:520px){.gvd-container{width:calc(100% - 32px)}.gvd-header-inner{min-height:74px;gap:12px}.gvd-brand{font-size:12px;gap:9px}.gvd-brand-mark{width:35px;height:35px;font-size:16px}.gvd-brand small{font-size:8px}.gvd-header nav{gap:10px;font-size:10px}.gvd-header nav>a:first-child{display:none}.gvd-main-site{padding:7px 10px}.gvd-main-site span{margin-left:5px}.gvd-intro{padding:32px 0 22px}.gvd-intro h1{font-size:43px}.gvd-intro h1+p{font-size:13px;max-width:340px}.gvd-eyebrow{font-size:9px}.gvd-filter-bar{gap:4px 6px}.gvd-filter-bar>div:not(.gvd-search){flex:1 1 40%}.gvd-filter-bar select{font-size:11px}.gvd-filter-bar>.gvd-button{flex:1 1 40%;font-size:11px!important}.gvd-category-nav a{font-size:11px;padding:6px 13px}.gvd-featured,.gvd-catalogue{margin-top:30px}.gvd-section-heading{margin-bottom:18px;gap:12px}.gvd-section-heading>.gvd-muted{display:none}.gvd-app h2{font-size:24px}.gvd-featured-grid{gap:12px}.gvd-card-featured .gvd-card-art{aspect-ratio:1}.gvd-card-featured .gvd-card-copy{left:12px;bottom:12px;right:9px}.gvd-card-featured h3{font-size:18px}.gvd-card-featured .gvd-card-category{font-size:8px}.gvd-card-featured .gvd-card-platforms{font-size:9px}.gvd-pick{font-size:7px;padding:3px 6px;left:10px;top:10px}.gvd-card-art{border-radius:13px}.gvd-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.gvd-card h3{font-size:12px}.gvd-card-featured h3{font-size:18px}.gvd-card-category{font-size:8px}.gvd-card-platforms{font-size:9px}.gvd-card-copy{padding-top:8px}.gvd-results-meta{flex-direction:column;gap:2px;align-items:end}.gvd-results-meta a{font-size:10px}.gvd-platform-section{margin:36px 0;padding:22px}.gvd-platform-links{gap:8px}.gvd-platform-links a{min-width:0;padding:10px}.gvd-platform-links strong{font-size:16px}.gvd-platform-links span{font-size:8px}.gvd-footer{display:block;padding:26px 0}.gvd-footer>div{max-width:none}.gvd-footer>div:last-child{text-align:left;margin-top:20px}.gvd-breadcrumbs{padding:22px 0;font-size:10px;gap:7px}.gvd-game-hero{align-items:flex-start;gap:17px;padding:8px 0 25px}.gvd-detail-icon{width:86px;height:86px;border-radius:18px;margin-top:5px}.gvd-game-identity h1{font-size:31px;margin-top:9px}.gvd-badges a{font-size:8px;padding:2px 7px}.gvd-game-summary{font-size:12px}.gvd-developer{font-size:10px}.gvd-detail-tabs{gap:23px;font-size:11px;padding:14px 0}.gvd-detail-layout{padding-top:26px;gap:16px}.gvd-screenshots a{height:280px}.gvd-detail-section{margin-bottom:30px}.gvd-prose{font-size:14px}.gvd-detail-aside{display:block}.gvd-related{margin-top:30px}.gvd-related h2{font-size:23px}.gvd-steps li{font-size:13px;padding:13px}.gvd-best-for{padding:17px;gap:13px}.gvd-best-for h3{font-size:15px}.gvd-back{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.gvd-app *{scroll-behavior:auto!important;transition:none!important}}

/* Compact desktop catalogue: another roughly 20% reduction, with readable mobile cards. */
@media (min-width: 801px) {
  .gvd-app .gvd-game-grid { grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 12px; row-gap: 20px; }
  .gvd-app .gvd-card-featured .gvd-card-art { aspect-ratio: 1.9; }
  .gvd-app .gvd-card-featured h3 { font-size: 20px; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .gvd-app .gvd-game-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .gvd-app .gvd-card-featured .gvd-card-art { aspect-ratio: 1.52; }
  .gvd-app .gvd-card-featured h3 { font-size: 17px; }
  .gvd-app .gvd-card-featured .gvd-card-copy { bottom: 12px; }
  .gvd-app .gvd-pick { top: 10px; left: 10px; }
}
@media (min-width: 1700px) {
  .gvd-app .gvd-game-grid { grid-template-columns: repeat(11, minmax(0, 1fr)); }
}

.gvd-app .gvd-store-ratings { margin: 24px 0; }
.gvd-app .gvd-store-ratings h3 { font-size: 18px; }
.gvd-app .gvd-store-rating { padding: 14px 0; border-bottom: 1px solid var(--gvd-line); overflow-wrap: anywhere; }
.gvd-app .gvd-store-rating strong { font-size: 13px; }
.gvd-app .gvd-store-rating p, .gvd-app .gvd-rating-note { font-size: 11px; color: var(--gvd-muted); margin-top: 6px; }
.gvd-app .gvd-rating-score { color: #f1f3f8; font-weight: 700; }
.gvd-app .gvd-store-rating a { display: inline-block; padding: 8px 0; color: #ff7184; font-size: 12px; text-decoration: underline; }
/* Featured picks: eight compact cards on desktop, four on tablet, two on mobile. */
.gvd-app .gvd-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gvd-app .gvd-card-featured .gvd-card-art { aspect-ratio: 1; }
.gvd-app .gvd-card-featured .gvd-card-copy { left: 12px; right: 10px; bottom: 12px; }
.gvd-app .gvd-card-featured h3 { font-size: 15px; max-width: 100%; overflow-wrap: anywhere; }
.gvd-app .gvd-card-featured .gvd-card-category { font-size: 8px; }
.gvd-app .gvd-card-featured .gvd-card-platforms { font-size: 10px; }
.gvd-app .gvd-card-featured .gvd-pick { top: 10px; left: 10px; font-size: 7px; padding: 3px 6px; }
.gvd-app .gvd-card-featured .gvd-card-art:after { inset: 25% 0 0; }
@media (min-width: 641px) {
  .gvd-app .gvd-featured-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .gvd-app .gvd-featured-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
}

/* Discover search toolbar: equal-height controls with room for labels and arrows. */
.gvd-app .gvd-filter-bar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 164px 164px 174px 150px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #2b3444;
  border-radius: 14px;
  background: #111722;
}
.gvd-app .gvd-filter-bar > div { min-width: 0; }
.gvd-app .gvd-filter-bar .gvd-search {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #0c111b;
}
.gvd-app .gvd-search-icon { flex: 0 0 20px; color: #a3adbf; }
.gvd-app .gvd-filter-bar input {
  height: 46px;
  padding: 0;
  font-size: 14px;
  line-height: normal;
  background: transparent;
}
.gvd-app .gvd-search:focus-within { border-color: #ff7184; }
.gvd-app .gvd-filter-bar input:focus-visible { outline: none; }
.gvd-app .gvd-filter-bar select {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  max-width: none;
  height: 48px;
  padding: 0 36px 0 14px;
  border: 1px solid #303a4c;
  border-radius: 8px;
  background-color: #181f2c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aebbd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  color: #e0e6f0;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
.gvd-app .gvd-filter-bar select:hover { border-color: #526077; }
.gvd-app .gvd-filter-bar > .gvd-button {
  width: 100%;
  height: 48px;
  padding: 0 18px;
  gap: 14px;
  border-radius: 8px;
  font-size: 13px !important;
}
@media (max-width: 1100px) {
  .gvd-app .gvd-filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)) 150px; }
  .gvd-app .gvd-filter-bar .gvd-search { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .gvd-app .gvd-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; }
  .gvd-app .gvd-filter-bar select { padding-left: 12px; font-size: 12px; }
  .gvd-app .gvd-filter-bar input { font-size: 13px; }
}
@media (forced-colors: active) {
  .gvd-app .gvd-filter-bar select { appearance: auto; background-image: none; }
}

/* Enhanced filter menus; native controls remain available without JavaScript. */
.gvd-app .gvd-filter-bar select[hidden] { display: none; }
.gvd-app .gvd-dropdown { position: relative; min-width: 0; }
.gvd-app .gvd-dropdown.is-open { z-index: 30; }
.gvd-app .gvd-dropdown-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; height: 48px; padding: 0 15px;
  border: 1px solid #303a4c; border-radius: 10px;
  background: linear-gradient(145deg, #1b2433, #151c28);
  color: #e5eaf4; font-size: 13px; text-align: left; cursor: pointer;
  box-shadow: inset 0 1px 0 #ffffff05;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
.gvd-app .gvd-dropdown-trigger:hover { border-color: #57637b; background: #202a3b; }
.gvd-app .gvd-dropdown-trigger:focus-visible,
.gvd-app .gvd-dropdown.is-open .gvd-dropdown-trigger {
  outline: none; border-color: #ff6077; box-shadow: 0 0 0 3px #ff405916;
}
.gvd-app .gvd-dropdown-chevron {
  width: 7px; height: 7px; flex: 0 0 7px; margin: -4px 2px 0 0;
  border-right: 1.5px solid #aebbd0; border-bottom: 1.5px solid #aebbd0;
  transform: rotate(45deg); transition: transform .18s;
}
.gvd-app .gvd-dropdown.is-open .gvd-dropdown-chevron { transform: translateY(3px) rotate(225deg); border-color: #ff7184; }
.gvd-app .gvd-dropdown-menu {
  position: absolute; top: calc(100% + 9px); left: 0; width: 100%; min-width: 164px;
  max-height: 320px; overflow-y: auto; overscroll-behavior: contain;
  padding: 6px; border: 1px solid #3a4355; border-radius: 13px;
  background: linear-gradient(150deg, #202938, #111824);
  box-shadow: 0 18px 40px #0008, 0 4px 12px #0004, inset 0 1px 0 #ffffff09;
  scrollbar-width: thin; scrollbar-color: #465169 transparent;
  animation: gvd-menu-enter .16s ease-out;
}
.gvd-app .gvd-dropdown-menu[hidden] { display: none; }
.gvd-app .gvd-dropdown-option {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; min-height: 42px; margin: 2px 0; padding: 9px 11px;
  border: 1px solid transparent; border-radius: 8px; background: transparent;
  color: #c7d1e2; font-size: 13px; text-align: left; cursor: pointer;
}
.gvd-app .gvd-dropdown-option:hover,
.gvd-app .gvd-dropdown-option:focus { outline: none; background: #ffffff0b; color: #fff; border-color: #ffffff0d; }
.gvd-app .gvd-dropdown-option[aria-selected="true"] { background: #ff405918; border-color: #ff607730; color: #ff8a9b; font-weight: 650; }
.gvd-app .gvd-dropdown-option[aria-selected="true"]::after {
  content: ''; width: 5px; height: 9px; flex: 0 0 5px; margin: -3px 4px 0 0;
  border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.gvd-app .gvd-dropdown-option:disabled { opacity: .4; cursor: default; }
@keyframes gvd-menu-enter { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 640px) {
  .gvd-app .gvd-dropdown-trigger { padding: 0 12px; font-size: 12px; }
  .gvd-app .gvd-dropdown-menu { min-width: 0; }
  .gvd-app .gvd-dropdown-option { min-height: 44px; padding: 9px 8px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .gvd-app .gvd-dropdown-menu { animation: none; } }
@media (forced-colors: active) {
  .gvd-app .gvd-dropdown-trigger, .gvd-app .gvd-dropdown-menu { background: Canvas; color: CanvasText; border-color: ButtonText; }
  .gvd-app .gvd-dropdown-option:focus, .gvd-app .gvd-dropdown-option[aria-selected="true"] { outline: 2px solid Highlight; }
}

/* Keep the catalogue close to the header without a promotional hero. */
.gvd-app #gvd-main > .gvd-filter-bar { margin-top: 24px; }
.gvd-app .gvd-featured { margin-top: 26px; }
@media (max-width: 640px) {
  .gvd-app #gvd-main > .gvd-filter-bar { margin-top: 16px; }
  .gvd-app .gvd-featured { margin-top: 22px; }
}