/* Scoped game hub. Shared HowlStrom colours, typography and navigation remain. */
.game-hub [hidden]{display:none!important}
.game-heading{padding-top:46px}.game-heading h1{margin-top:22px;font-size:clamp(40px,7vw,72px);overflow-wrap:anywhere}
.game-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.game-jump a{padding:12px 16px;border:1px solid var(--line);border-radius:99px;font-size:13px;min-height:44px}
.game-overview{display:grid;gap:24px}.game-overview>*{min-width:0}.game-cover img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:18px;background:#050e18}
.game-image-note,.game-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:800px}.game-image-note{margin-top:12px}
.game-panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.game-panel .section-label{margin-bottom:12px}.game-panel>p{color:var(--muted);font-size:14px}
.game-facts{border-top:1px solid var(--line);margin:22px 0}.game-facts>div{display:grid;gap:6px;padding-top:15px;font-size:13px;line-height:1.7}.game-facts dt{color:var(--muted)}.game-facts dd{margin:0;overflow-wrap:anywhere}
.game-recordings{border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-top:24px}.game-recordings>summary{padding:22px;font-size:17px;color:var(--ice);cursor:pointer;min-height:56px}.game-player{padding:0 20px 24px}.game-player-placeholder{padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#122a40,#081726)}.game-player-placeholder p{font-size:13px;color:var(--muted)}.game-player-placeholder .section-label{color:var(--ice);margin-bottom:12px}.game-player .button{white-space:normal;min-height:44px}.game-player .button:disabled{opacity:.55;cursor:default}
.game-player-screen{aspect-ratio:16/9;margin:20px 0;background:#000;overflow:hidden;border-radius:12px}.game-player-screen iframe{display:block;border:0;width:100%;height:100%}.game-player-status{min-height:1.8em;color:var(--ice);font-size:13px}
.session-grid{display:grid;gap:16px}.session-card{padding:21px;border:1px solid var(--line);border-radius:14px;min-width:0;background:#071725}.session-card h3{font-size:22px}.session-card p{font-size:13px;color:var(--muted)}.session-card .session-meta{color:var(--ice)}.session-card .text-link{display:flex;min-height:44px}.session-select[aria-pressed=true]{border-color:var(--ice);background:#15344a}.session-select{width:100%}
.game-gallery{display:grid;gap:20px;margin-top:24px}.game-gallery figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.game-lightbox-link{display:block;background:#040d17}.game-lightbox-link img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.game-lightbox-link span{display:block;padding:10px 18px;font-size:12px;color:var(--ice)}.game-gallery figcaption{padding:0 18px 18px;font-size:14px;line-height:1.8}.game-gallery small{display:block;font-size:11px;color:var(--muted)}
.game-hub #written-review .post-grid{grid-template-columns:1fr}.game-hub .post-card{max-width:780px}
.game-hub #written-review>h2{margin-bottom:24px}
.game-lightbox{border:1px solid #8bd6ff70;border-radius:18px;background:#06111e;color:#f0f7fc;max-width:min(94vw,1400px);max-height:94vh;padding:18px}.game-lightbox::backdrop{background:#010812ed}.game-lightbox figure{margin:0}.game-lightbox img{display:block;max-height:72vh;max-width:100%;margin:auto;object-fit:contain}.game-lightbox figcaption{font:13px/1.7 system-ui,sans-serif;margin-top:12px;max-width:1100px}.game-lightbox button{display:block;margin:0 0 14px auto;min-height:44px}.game-lightbox button:focus-visible{outline:3px solid #a6e5ff;outline-offset:3px}
@media(min-width:700px){.game-overview{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.game-panel{padding:28px}.game-facts>div{grid-template-columns:130px minmax(0,1fr);gap:15px}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.game-hub #written-review .post-card{display:grid;grid-template-columns:1fr 1fr}.game-hub #written-review .cover{border-bottom:0;aspect-ratio:auto}}
@media(min-width:1050px){.session-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Searchable games directory. Ordinary GET forms work without JavaScript. */
.game-directory .game-heading{padding-bottom:10px}.game-directory .directory-total{color:var(--ice);font-size:15px;margin:22px 0 0}.game-directory .connected-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}
.game-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;padding:24px;margin-bottom:38px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.game-search>div{flex:1 1 240px;min-width:0}.game-search>div:first-child{flex-grow:2}.game-search label{display:block;font-size:13px;margin-bottom:9px;color:var(--ice)}.game-search input,.game-search select{display:block;width:100%;min-height:48px;padding:12px 14px;font:inherit;font-size:15px;background:#071725;color:var(--text);border:1px solid var(--line);border-radius:9px}.game-search .button{min-height:48px}.game-search .text-link{min-height:48px;display:flex;align-items:center}.game-search input:focus-visible,.game-search select:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.directory-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.directory-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.directory-card h3{font-size:25px;line-height:1.3;margin:0 0 18px;overflow-wrap:anywhere}.directory-card h3 a{color:inherit}.directory-card h3 a:hover{color:var(--ice)}.directory-counts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:0 0 24px;color:var(--muted);font-size:13px}.directory-card>.text-link{margin-top:auto;min-height:44px;display:flex;align-items:center}
@media(max-width:540px){.game-search{padding:18px;gap:16px}.game-search>div,.game-search .button{flex-basis:100%;width:100%}.directory-card{padding:22px}}

/* Game cover art keeps its original proportions. */
.game-directory .directory-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr))}.game-directory .directory-card{padding:0;overflow:hidden}.directory-cover{display:grid;place-items:center;height:246px;padding:18px;background:#06121e;border-bottom:1px solid var(--line)}.directory-cover img{display:block;width:100%;height:100%;object-fit:contain;max-height:210px}.directory-card-copy{display:flex;flex-direction:column;flex:1;padding:22px;min-width:0}.directory-card-copy h3{font-size:22px}.directory-card-copy>.text-link{margin-top:auto;min-height:44px}.cover-credit{display:block;font-size:10px;line-height:1.6;color:var(--muted);padding:9px 0;overflow-wrap:anywhere}.cover-credit:hover{color:var(--ice)}.cover-missing{display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--muted);font-size:12px}.cover-missing svg{width:48px;height:48px;color:var(--ice)}.directory-art-note{margin-top:28px}.collection-card>.cover-credit{margin-top:-10px;margin-bottom:14px}
.collection-cover-auto{height:190px;margin-bottom:18px;display:grid;place-items:center;background:#06121e;border-radius:10px}.collection-cover-auto img{display:block;width:100%;height:190px;object-fit:contain}
