@import url('/bagh-chal/style.css');
.arcade-head{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:-1px}.domain{font-size:12px;letter-spacing:.12em;color:var(--muted)}.hero{padding:76px 0 56px;max-width:830px}.hero h1{font-size:clamp(52px,8vw,92px);line-height:1.02;letter-spacing:-4px;margin:20px 0 24px}.hero h1 em{font-weight:400;color:var(--rust)}.hero p{font-size:18px;max-width:520px;line-height:1.7;color:var(--muted)}.collection-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.collection-title h2{font:26px Georgia;margin:0}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{display:block;color:inherit;text-decoration:none;border:1px solid var(--line);background:var(--paper);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card[href]:hover{transform:translateY(-5px);box-shadow:0 18px 32px #25392d16}.card-art{height:246px;background:var(--forest);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art svg{width:80%;height:90%}.card-art.chess{background:#6e493c}.card-art.future{background:#e8e2d4}.card-body{padding:25px}.card-number{font-size:11px;letter-spacing:.15em;color:var(--muted)}.card-body h3{font:32px Georgia;margin:12px 0}.card-body p{font-size:14px;line-height:1.6;color:var(--muted);min-height:45px}.card-meta{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.arcade-footer{display:flex;justify-content:space-between;margin:52px 0 30px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:800px){.games{grid-template-columns:1fr}.card-art{height:220px}.hero{padding-top:48px}.hero h1{letter-spacing:-2px}.domain{display:none}}
/* Put the collection in the first desktop viewport: the arcade is for choosing. */
.hero{padding:38px 0 22px;max-width:950px}.hero h1{font-size:clamp(44px,5vw,60px);line-height:1.03;letter-spacing:-2px;margin:14px 0}.hero h1 br{display:none}.hero p{font-size:15px;max-width:650px;line-height:1.6;margin:12px 0}.collection-title{margin:16px 0}.card-art{height:174px}.card-body{padding:20px}.card-body h3{font-size:28px;margin:10px 0}.card-body p{font-size:13px;margin:10px 0;min-height:42px}.card-meta{margin-top:16px;padding-top:15px;font-size:10px}.arcade-footer{margin-top:30px}@media(max-width:800px){.hero{padding:35px 0 23px}.hero h1{font-size:50px}.hero h1 br{display:block}.card-art{height:200px}.card-body{padding:23px}}

/* Four playable tables, with room to breathe. */
.games{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art.mancala{background:#344b3b}@media(max-width:800px){.games{grid-template-columns:1fr}}

/* Five distinct games: balanced responsive collection. */
.games{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art.kisolo{background:#3b4946}.game-card{display:flex;flex-direction:column}.card-body{flex:1;display:flex;flex-direction:column}.card-meta{margin-top:auto}.card-body p{margin-bottom:20px}@media(max-width:1050px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.games{grid-template-columns:1fr}.collection-title{gap:15px}.collection-title .eyebrow{font-size:9px}}
