/* Loaded only when the graphite appearance is selected or previewed. */
:root{
  --bg:#151719;
  --surface:#202527;
  --raised:#2b3032;
  --field:#181b1d;
  --ink:#f3f5ef;
  --text:#cdd3ce;
  --muted:#a5afa9;
  --line:#343d3b;
  --primary:#c8ef67;
  --primary-hover:#b8de56;
  --on-primary:#1b250c;
  --link:#c8ef89;
  --link-hover:#e0ffa8;
  --focus:#dcff91;
  --soft:#303a26;
  --header:#181b1d;
  --stage:#0d1011;
}
.searchbox{background:transparent;border-radius:10px}
.site-header{border-bottom-color:#2b3130}
.spotlight-shade{background:linear-gradient(0deg,#080b0de8 0%,#080b0d24 46%,transparent 72%)}
.stage-vignette{background:linear-gradient(0deg,#0d1011ed,#0d101160)}
.card-save{background:#181b1def}
.toast{background:#2b3032f5}
.carousel-controls button:hover,.btn.outline:hover,.icon-btn:hover,.icon-btn.saved,.icon-btn[aria-pressed=true]{border-color:var(--link)}
.featured-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(350px,33vw,610px);min-width:0}
.featured-wall>.spotlight{height:auto;min-height:0;border-radius:10px}
.featured-wall>.spotlight:first-child{grid-column:span 2;grid-row:span 2}
.featured-wall .spotlight-media{border-radius:10px}
.featured-wall .spotlight-caption{inset:auto 14px 14px;display:block}
.featured-wall .spotlight-caption h2{font-size:16px;line-height:1.4;font-weight:650}
.featured-wall>.spotlight:first-child h2{font-size:clamp(23px,1.8vw,32px)}
.featured-wall.is-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-template-rows:auto;height:auto}
.featured-wall.is-compact>.spotlight{aspect-ratio:4/3;grid-column:auto;grid-row:auto}
.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 14px}
.game-grid .game-card{border-radius:10px;overflow:hidden}
.game-grid .game-card>a{position:relative;border-radius:10px}
.game-grid .game-card>a:focus-visible{outline-offset:-3px}
.game-grid .card-img{aspect-ratio:1;border-radius:10px}
.game-grid .card-body{position:absolute;inset:auto 0 0;padding:40px 13px 13px;background:linear-gradient(transparent,#090c0eea);pointer-events:none;z-index:2}
.game-grid .card-body h3{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 3px #0009}
.game-grid .game-card:hover h3{color:var(--link-hover)}
@media(min-width:1800px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:2400px){.game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:3200px){.game-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:1250px){
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.featured-wall .spotlight-caption h2{font-size:14px}
.featured-wall>.spotlight:first-child h2{font-size:24px}
}
@media(max-width:1000px){
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.featured-wall{gap:10px;height:clamp(300px,38vw,390px)}
.featured-wall .spotlight-caption{inset:auto 10px 10px}
.featured-wall .spotlight-caption h2{font-size:13px}
}
@media(max-width:680px){
.featured-wall{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}
.featured-wall>.spotlight{aspect-ratio:4/3;grid-column:auto;grid-row:auto;border-radius:9px}
.featured-wall>.spotlight:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
.featured-wall .spotlight-media{border-radius:9px}
.featured-wall .spotlight-caption{inset:auto 11px 11px}
.featured-wall>.spotlight:first-child h2{font-size:21px}
.featured-wall.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.featured-wall.is-compact>.spotlight:first-child{aspect-ratio:16/10}
.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.game-grid .card-body{padding:30px 10px 10px}
.game-grid .card-body h3{font-size:13px}
}