:root{
  --game-bg: var(--cream);
  --game-card: var(--white);
  --game-ink: var(--black);
  --game-accent: var(--yellow);
}
.game-nav{position:sticky;top:0;z-index:20;background:var(--game-bg);border-bottom:var(--bw) solid var(--game-ink);padding:14px 0}
.game-nav-inner{width:min(1180px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.game-brand{font:700 1.1rem var(--font-display);display:flex;align-items:center;gap:9px}
.game-logo{width:34px;height:34px;display:grid;place-items:center;background:var(--game-accent);border:var(--bw) solid var(--game-ink);box-shadow:3px 3px 0 var(--game-ink);border-radius:9px;color:var(--accent-ink)}
.game-back{font:600 .85rem var(--font-display);padding:9px 15px;border:var(--bw) solid var(--game-ink);border-radius:100px;background:var(--game-card);box-shadow:3px 3px 0 var(--game-ink)}
.game-back:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--game-ink)}
.game-nav-actions{display:flex;gap:10px}
.game-page,.chess-page{width:min(1180px,92%);margin:0 auto;padding:70px 0 100px}
.game-heading{text-align:center;max-width:720px;margin:0 auto 42px}
.game-pill{display:inline-block;font:700 .68rem var(--font-mono);letter-spacing:.06em;padding:7px 13px;background:var(--game-accent);color:var(--accent-ink);border:var(--bw) solid var(--game-ink);border-radius:100px;margin-bottom:15px}
.game-heading h1,.chess-top h1{font:700 clamp(2.4rem,6vw,4.6rem)/1 var(--font-display);letter-spacing:-.06em;margin-bottom:16px}
.game-heading h1 span,.chess-top h1 span{background:var(--game-accent);padding:0 7px;border-radius:5px;color:var(--accent-ink)}
.game-heading p,.chess-top p{color:var(--text-dim);font-size:1rem}
.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.game-card{position:relative;z-index:1;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:20px;padding:28px;background:var(--game-card);border:var(--bw) solid var(--game-ink);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:.18s var(--ease)}
.game-card:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--game-ink)}
.game-card-icon{pointer-events:none;width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;font-size:3rem;background:var(--game-accent);color:var(--accent-ink);border:var(--bw) solid var(--game-ink);border-radius:14px}
.game-card h2,.game-card p,.game-card .game-tag,.game-card .game-arrow{pointer-events:none}.game-card h2{font:700 1.5rem var(--font-display);margin:3px 0 4px}
.game-card p{font-size:.88rem;color:var(--text-dim);line-height:1.5}
.game-tag,.side-label{font:700 .62rem var(--font-mono);letter-spacing:.07em}
.game-arrow{margin-left:auto;font-size:1.6rem;font-weight:700}
@media(max-width:600px){.game-page,.chess-page{padding-top:45px}.game-card{padding:20px}.game-card-icon{pointer-events:none;width:62px;height:62px;flex-basis:62px;font-size:2.4rem}}
.game-tools{display:flex;gap:12px;max-width:760px;margin:0 auto 18px}.game-tools input,.game-tools select{flex:1;padding:13px 15px;background:var(--game-card);color:var(--game-ink);border:var(--bw) solid var(--game-ink);border-radius:9px;box-shadow:var(--shadow-sm);font:600 .78rem var(--font-display)}.game-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto 28px}.game-stats-summary>div{background:var(--game-card);border:var(--bw) solid var(--game-ink);box-shadow:var(--shadow-sm);padding:14px;border-radius:9px}.game-stats-summary strong{display:block;font:700 1.35rem var(--font-display)}.game-stats-summary span{font-size:.62rem;color:var(--text-dim)}.game-card{overflow:visible}.game-favorite{position:absolute;right:12px;top:12px;width:32px;height:32px;border:var(--bw) solid var(--game-ink);border-radius:8px;background:var(--white);display:grid;place-items:center;z-index:5;cursor:pointer}.game-favorite.active{background:var(--yellow)}.game-card[hidden]{display:none}@media(max-width:600px){.game-tools{flex-direction:column}.game-stats-summary{grid-template-columns:1fr}}