:root{color-scheme:light;--green:#173e31;--cream:#fbf5e7;--gold:#b58a35;--ink:#26372e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:14px max(20px,calc((100% - 1080px)/2));background:var(--green);color:var(--cream)}a{color:#286347}header a{color:inherit}.brand{font-size:1.35rem;font-weight:750;text-decoration:none}nav{display:flex;flex:1;gap:16px;flex-wrap:wrap}nav a,footer a{text-decoration:none}.play{border:1px solid var(--gold);border-radius:9px;padding:7px 18px;text-decoration:none}main{max-width:900px;margin:42px auto;padding:0 22px;min-height:65vh}h1,h2{color:var(--green);line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2{margin-top:2rem}li{margin:.55em 0}footer{border-top:1px solid #dfd3b8;padding:20px max(20px,calc((100% - 900px)/2))}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.card-grid figure{margin:0;padding:10px;background:#fffdf7;border:1px solid #e2d6bb;border-radius:12px;text-align:center}.card-grid img{display:block;width:100%;height:auto;aspect-ratio:24/37;object-fit:contain}.card-grid figcaption{font-size:.9rem}@media(max-width:720px){header{align-items:flex-start;flex-wrap:wrap;gap:10px}nav{order:3;flex-basis:100%}main{margin:25px auto}}a:focus-visible{outline:3px solid #94641e;outline-offset:4px}nav a,footer a{display:inline-flex;align-items:center;min-height:44px}header .play{color:#fff1d4}.card-grid img{max-height:216px;width:auto;max-width:100%;margin:auto;aspect-ratio:140/216}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border:1px solid #c7b995;padding:10px;text-align:left}section{margin-bottom:28px}