:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#101d19;color:#f6eedb}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:#f8d69a}.hub-main{max-width:1120px;margin:auto;padding:14px 12px 48px}.hub-intro{background:radial-gradient(ellipse at 80% 10%,#3c5d48,#17392c 65%);border:1px solid #65846c;border-radius:18px;padding:clamp(20px,5vw,44px);margin:12px 0 18px}.hub-eyebrow,.hub-meta{font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#e4c78c}.hub-intro h2{font:700 clamp(2rem,7vw,3.5rem)/1.1 Georgia,serif;margin:8px 0}.hub-intro p{font-size:1.05rem;max-width:680px}.hub-section{margin-top:22px}.hub-section h2{font:700 clamp(1.5rem,4vw,2rem) Georgia,serif;margin:0 0 10px}.hub-section>p{color:#d7e2d5}.hub-games{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.hub-game{background:linear-gradient(150deg,#294736,#192f27);border:1px solid #688269;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}.hub-game h3{font:700 1.55rem Georgia,serif;margin:0;color:#ffe0a5}.hub-game p{margin:0}.hub-game .hub-highlight{color:#e8c98e;font-weight:700}.hub-play{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;background:#efc77c;color:#19271e;text-decoration:none;font-weight:900;border-radius:10px;padding:12px 18px;margin-top:auto}.hub-count{align-self:flex-start;color:#e3d7ad;font-size:.85rem}.hub-notes{background:#213b2d;border-left:4px solid #eac27c;border-radius:12px;padding:20px}.hub-notes a{font-weight:800}:focus-visible{outline:3px solid #ffdf8c;outline-offset:3px}@media(min-width:640px){.hub-main{padding:22px 20px 60px}.hub-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(min-width:980px){.hub-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Optional arcade experiment sits after the five equally presented original games. */
.hub-arcade{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:linear-gradient(120deg,#443b27,#244839 72%);padding:18px 22px;border:1px solid #cba35e;border-radius:16px}
.hub-arcade h2{margin:5px 0;font-size:clamp(1.5rem,4vw,2rem)}
.hub-arcade p{margin:4px 0;color:#e9ead7;max-width:650px}
.hub-arcade .hub-play{flex:0 1 220px;margin:0;min-width:190px}
@media(max-width:640px){.hub-arcade .hub-play{flex:1 1 100%}}