/* New play surfaces extend the existing night study without changing its games. */
.explore-main { max-width:1100px; }
.explore-stage { padding:24px; min-width:0; }
.explore-stage button,.explore-stage select { min-height:44px; }
.explore-stage .game-button { box-shadow:none; }
.explore-stage button[aria-pressed=true] { border-color:var(--amber); color:var(--amber); background:#393044; }
.explore-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr); gap:24px; align-items:start; }
.explore-main-board,.explore-controls { min-width:0; }
.explore-controls h2 { font-size:1rem; margin-bottom:10px; }
.explore-controls p { font-size:.875rem; margin-bottom:12px; }
.explore-actions { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 0; }
.explore-status { min-height:1.7em; font-size:.9375rem; margin:14px 0 0; color:var(--cyan); }
.explore-portrait { display:block; width:var(--portrait-size,76px); background-repeat:no-repeat; image-rendering:pixelated; flex-shrink:0; }
.explore-stage select { max-width:100%; border:1px solid #777493; background:#1d2137; color:var(--text); padding:8px; font:inherit; }
.explore-stage select:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.explore-choice-row { display:flex; gap:8px; flex-wrap:wrap; }
.explore-caption { color:var(--muted); font-size:.8125rem; margin:8px 0; }
.explore-saved { margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.explore-saved summary { min-height:44px; cursor:pointer; display:flex; align-items:center; color:var(--muted); }
.explore-saved-list { display:flex; flex-wrap:wrap; gap:8px; }
.explore-saved-list .game-button { font-size:.8125rem; }
.explore-shelf { margin-top:48px; }
.explore-shelf > p { max-width:65ch; }
.explore-hub-list { border-top:1px solid var(--line); }
.explore-hub-link { display:grid; grid-template-columns:120px 1fr auto; gap:24px; padding:22px 0; align-items:center; border-bottom:1px solid var(--line); }
.explore-hub-link h3 { margin:0 0 5px; color:var(--text); }
.explore-hub-link p { margin:0; font-size:.9375rem; }
.explore-hub-link > strong { color:var(--amber); font-size:.9375rem; font-weight:400; }
.explore-hub-art { display:flex; justify-content:center; align-items:center; gap:8px; min-height:92px; }
.explore-hub-art .learning-picture { width:60px; }
.explore-hub-art .explore-portrait { --portrait-size:50px; }
.explore-hub-art svg { width:96px; height:72px; }
.story-hub-art img { display:block; width:100%; height:92px; object-fit:cover; image-rendering:pixelated; }
.explore-parent { margin-top:24px; }
.explore-stage.is-immersive { display:block; max-width:none; }
.explore-stage.is-immersive .learning-heading h1 { display:none; }
.explore-stage.is-immersive .learning-heading { margin:8px 0 12px; }
@media(max-width:700px) {
  .explore-stage { padding:16px 12px; }
  .explore-layout { grid-template-columns:1fr; gap:20px; }
  .explore-actions .game-button { flex:1 1 110px; padding-inline:10px; }
  .explore-hub-link { grid-template-columns:84px 1fr; gap:16px; }
  .explore-hub-link > strong { grid-column:2; margin-top:-8px; }
  .explore-hub-art .learning-picture { width:44px; }
  .explore-hub-art svg { width:80px; }
}
@media(min-width:650px) and (max-height:600px) {
  [data-game-stage].explore-stage.is-immersive { padding:8px 12px; }
  [data-game-stage].explore-stage.is-immersive > .game-view-toolbar { min-height:50px; padding-block:0 6px; }
  .explore-stage.is-immersive .learning-heading { display:none; }
  .explore-stage.is-immersive .explore-layout { grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr); gap:12px 18px; }
  .explore-stage.is-immersive .explore-actions { margin-top:8px; }
  .explore-stage.is-immersive .explore-status { margin-top:8px; font-size:.8125rem; }
  .explore-stage.is-immersive .game-view-toolbar { margin-bottom:8px; }
}