body{height:auto;min-height:100%}.hub-top{border-bottom:1.5px solid var(--ink);background:var(--paper);align-items:center;padding:12px 24px;display:flex}.hub-logo{font:700 28px/1 var(--font-display);align-items:center;gap:10px;display:flex}.hub-logo svg{width:28px;height:28px}.hub{max-width:1120px;margin:0 auto;padding:48px 24px 64px}.hub-intro h1{font:700 clamp(48px, 7vw, 84px)/.9 var(--font-display);letter-spacing:-.01em;margin:0 0 8px}.hub-intro p{max-width:44ch;color:var(--ink-2);margin:0 0 36px;font-size:18px}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1.5px solid var(--ink);background:var(--sheet);height:100%;color:inherit;box-shadow:0 1px 0 var(--ink), 0 6px 0 -2px var(--rule-strong);border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.game-card:hover{box-shadow:0 1px 0 var(--ink), 0 10px 0 -2px var(--accent);transform:translateY(-3px)}.game-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-art{border-bottom:1.5px solid var(--ink)}.game-art svg{width:100%;height:auto;display:block}.game-body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 20px;display:flex}.game-body h2{font:700 34px/1 var(--font-display);color:var(--accent);margin:0}.game-body p{color:var(--ink-2);margin:0}.game-body .chips{margin:0;padding:0;list-style:none}.game-play{align-self:flex-start;margin-top:auto}.game-card:hover .game-play{background:var(--accent);border-color:var(--accent)}.game-soon{border:1.5px dashed var(--rule-strong);text-align:center;min-height:220px;color:var(--ink-3);border-radius:12px;place-content:center;display:grid}.game-soon strong{font:700 28px/1 var(--font-display);color:var(--ink-2)}@media (width<=600px){.hub-top{padding:10px 16px}.hub{padding:28px 16px 48px}}