html:has(ttg-game-picker),html:has(ttg-game-picker) body{block-size:auto;min-block-size:100dvh;overflow:auto}ttg-game-picker{display:block;min-block-size:100dvh;color:var(--ttg-text-primary);font-family:var(--ttg-font-sans)}.ttg-game-picker{display:grid;grid-template-rows:auto auto 1fr;gap:var(--ttg-space-6);min-block-size:100dvh;max-inline-size:1200px;margin-inline:auto;padding:clamp(var(--ttg-space-5),6vw,72px) clamp(var(--ttg-space-4),5vw,72px) var(--ttg-space-5)}.ttg-game-picker-header{display:grid;gap:var(--ttg-space-2)}.ttg-game-picker-eyebrow{display:flex;align-items:center;gap:var(--ttg-space-2);margin:0;color:var(--ttg-text-muted);font-family:var(--ttg-font-mono);font-size:var(--ttg-text-xs);letter-spacing:.16em;text-transform:uppercase}.ttg-game-picker-eyebrow:before{content:"";inline-size:6px;block-size:6px;border-radius:var(--ttg-radius-round);background:var(--ttg-accent-primary)}.ttg-game-picker-header h1{margin:0;font-family:var(--ttg-font-display);font-size:clamp(var(--ttg-text-xl),4vw,var(--ttg-text-2xl));font-weight:700;letter-spacing:.02em}.ttg-game-picker-lede{margin:0;color:var(--ttg-text-secondary);font-size:var(--ttg-text-base)}.ttg-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));grid-auto-rows:auto;gap:var(--ttg-space-5);align-content:start;margin:0;padding:0;list-style:none}.ttg-game-card-item{display:grid;grid-row:span 4;grid-template-rows:subgrid}.ttg-game-card{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:0;overflow:clip;border:1px solid var(--ttg-border-strong);border-radius:var(--ttg-radius-md);background:var(--ttg-bg-panel);box-shadow:var(--ttg-shadow-panel);container-type:inline-size;transition:border-color .16s ease,transform .16s ease}.ttg-game-card>img,.ttg-game-card>.media{grid-row:1;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;object-fit:cover;border-block-end:1px solid var(--ttg-border-strong)}.ttg-game-card-monogram{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,var(--ttg-bg-elevated),var(--ttg-bg-panel) 70%)}.ttg-game-card-monogram>span{display:grid;place-items:center;inline-size:96px;block-size:96px;border:2px solid var(--ttg-border-strong);border-radius:var(--ttg-radius-lg);outline:1px solid var(--ttg-border-accent);outline-offset:4px;background:var(--ttg-bg-canvas);color:var(--ttg-text-secondary);font-family:var(--ttg-font-display);font-size:var(--ttg-text-xl);font-weight:700;letter-spacing:.06em}.ttg-game-card>header{grid-row:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ttg-space-3);padding:var(--ttg-space-5) var(--ttg-space-5) 0}.ttg-game-card h2{margin:0;font-family:var(--ttg-font-display);font-size:var(--ttg-text-xl);font-weight:700;letter-spacing:.04em}.ttg-game-card a.card-link{color:inherit;text-decoration:none}.ttg-game-card a.card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ttg-game-card a.card-link:focus-visible{outline:none}.ttg-game-status{flex:none;display:inline-flex;align-items:center;gap:var(--ttg-space-1);padding:2px var(--ttg-space-2);border:1px solid currentColor;border-radius:var(--ttg-radius-sm);color:var(--ttg-text-secondary);font-family:var(--ttg-font-mono);font-size:var(--ttg-text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.ttg-game-status:before{content:"";inline-size:6px;block-size:6px;border-radius:var(--ttg-radius-round);background:currentColor}.ttg-game-status[data-status=playable]{color:var(--ttg-status-legal)}.ttg-game-card>p{grid-row:3;margin:0;padding:var(--ttg-space-3) var(--ttg-space-5) var(--ttg-space-4);color:var(--ttg-text-secondary);font-size:var(--ttg-text-base);line-height:1.45}.ttg-game-card>footer{grid-row:4;display:flex;justify-content:flex-end;margin-inline:var(--ttg-space-5);padding-block:var(--ttg-space-4) var(--ttg-space-5);border-block-start:1px solid var(--ttg-border-strong)}.ttg-game-card-cta{display:inline-flex;align-items:center;padding:var(--ttg-space-2) var(--ttg-space-5);border-radius:var(--ttg-radius-sm);background:var(--ttg-accent-primary);color:var(--ttg-text-on-accent);font-family:var(--ttg-font-display);font-size:var(--ttg-text-base);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ttg-game-card[data-status=in-development] .ttg-game-card-cta{border:1px solid var(--ttg-border-strong);background:transparent;color:var(--ttg-text-secondary)}.ttg-game-card:has(a.card-link:hover){border-color:var(--ttg-border-accent)}.ttg-game-card:has(a.card-link:focus-visible){outline:2px solid var(--ttg-accent-primary);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.ttg-game-card:has(a.card-link:hover){transform:translateY(-2px)}}@container (inline-size < 420px){.ttg-game-card>header{flex-direction:column;gap:var(--ttg-space-2)}}.ttg-game-picker-footer{align-self:end;justify-self:center;padding-block-start:var(--ttg-space-4);border-block-start:1px solid var(--ttg-border-strong);color:var(--ttg-text-muted);font-size:var(--ttg-text-sm)}.ttg-game-picker-footer p{margin:0}