.games-index{padding-block:var(--space-2xl) var(--space-4xl)}.games-index__head{display:grid;gap:var(--space-lg);padding-block-end:var(--space-2xl);border-block-end:var(--rule-medium) solid var(--color-ink)}.games-index__head>p{color:var(--color-accent);font-weight:700}.games-index__head h1{font-size:var(--text-display);line-height:1;letter-spacing:-.04em}.games-index__summary{display:grid;gap:var(--space-md);align-items:end}.games-index__summary p{max-width:58ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.8}.games-index__summary span{color:var(--color-muted);font-variant-numeric:tabular-nums}.game-search{display:grid;gap:var(--space-sm);padding-block:var(--space-xl);border-block-end:var(--rule-hair) solid var(--color-rule)}.game-search label{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.game-search__field{position:relative;max-width:34rem}.game-search__field svg{position:absolute;inset-inline-start:var(--space-md);inset-block-start:50%;width:1.1rem;height:1.1rem;color:var(--color-muted);transform:translateY(-50%);pointer-events:none}.game-search input{width:100%;min-height:3rem;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-xl);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font:inherit;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.game-search input::placeholder{color:var(--color-muted)}.game-search input:focus{border-color:var(--color-focus);background:var(--color-paper-2)}.games-directory{display:grid;gap:var(--space-2xl);padding-block-start:var(--space-xl)}.game-section{display:grid;gap:var(--space-lg)}.game-section[hidden]{display:none}.game-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-block-end:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule-strong)}.game-section__head h2{font-size:var(--text-lg)}.game-section__head span{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.active-games{display:grid}.game-entry{min-width:0}.game-entry[hidden]{display:none}.game-entry__cover{width:100%;aspect-ratio:3 / 4;min-width:0;overflow:hidden;background:var(--color-paper-2)}.game-entry__cover img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.game-entry__placeholder{display:grid;width:100%;aspect-ratio:3 / 4;place-items:center;align-content:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em}.game-entry__placeholder svg{width:var(--space-xl);height:var(--space-xl)}.active-game{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.active-game:first-child{padding-block-start:0}.active-game:last-child{padding-block-end:0;border-block-end:0}.active-game__content{display:grid;align-content:start;gap:var(--space-lg)}.active-game__content h3{font-size:var(--text-lg);line-height:1.35;overflow-wrap:anywhere}.active-player-list{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);list-style:none}.active-player-list li{min-width:0}.active-player-list a{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0}.active-player__text{display:grid;gap:var(--space-2xs)}.active-player__text strong{font-size:var(--text-sm)}.active-player__text small{color:var(--color-muted);font-size:var(--text-xs)}.player-list__avatar{display:grid;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;place-items:center;overflow:clip;border:var(--rule-hair) solid var(--color-rule);border-radius:50%;background:var(--color-paper-2);color:var(--color-muted)}.player-list__avatar img{width:100%;height:100%;object-fit:cover}.games-index .game-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-md);width:100%}.library-game{display:grid;align-content:start;gap:var(--space-sm)}.library-game h3{font-size:var(--text-base);line-height:1.45;overflow-wrap:break-word}.search-empty{color:var(--color-muted);font-size:var(--text-sm)}.search-empty{padding-block:var(--space-2xl)}.games-empty{display:grid;justify-items:start;gap:var(--space-md);padding-block:var(--space-3xl)}.games-empty svg{width:var(--space-xl);color:var(--color-muted)}@media(hover:hover)and (pointer:fine){.game-search input:hover{background:var(--color-paper-2)}.active-player-list a:hover strong{color:var(--color-accent)}}@media(min-width:40rem){.games-index__summary{grid-template-columns:minmax(0,1fr) auto}.games-index .game-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-lg)}.active-game{grid-template-columns:9rem minmax(0,1fr)}}@media(min-width:64rem){.active-games{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-2xl)}.games-index .game-catalogue{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--space-xl)}}@media(max-width:39.99rem){.games-index{padding-block-start:var(--space-xl)}.active-game{grid-template-columns:6rem minmax(0,1fr);gap:var(--space-md)}.active-game__content{gap:var(--space-md)}.active-game__content h3{font-size:var(--text-md)}.player-list__avatar{flex-basis:1.4rem;width:1.4rem;height:1.4rem}}@media(max-width:22rem){.games-index .game-catalogue{grid-template-columns:minmax(0,1fr)}}