/* Original exhibition only: open artwork, warm selection and readable prose.
   This layer changes no content, routes, event handlers or gesture surfaces. */

#stage > header { right:48px;gap:24px; }
#stage > header #exploration-tabs { font-size:26px; }
#stage > header #exploration-tabs button { color:#e5f0fb; }
#stage > header #exploration-tabs button[aria-current=page] { color:#fff4d9; }
#stage > header #exploration-tabs button[aria-current=page]::after { background:#ffdea4; }
#stage > header #audio-toggle {
  font-size:26px;min-height:44px;padding:0;border:0;border-radius:0;background:none;
}
#stage > header #settings { width:40px;height:40px;font-size:26px;border:0;opacity:1; }

#stage[data-level=home] #shade {
  background:linear-gradient(90deg,#244c7459,transparent 62%)!important;
}
#stage .home-depth .game-backdrop::after {
  background:linear-gradient(90deg,#244c7459,transparent 62%);
}
#home #hero { text-shadow:0 2px 12px #22476655; }
#home #tags { color:#fff8ea; }
#home .role-cover { border-radius:12px;box-shadow:none; }
#home .role-card.selected .role-cover {
  box-shadow:0 0 0 3px #ffdfa5;
}
#home .role-card .label { font-size:26px;color:#f4f8fd; }
#home .role-card.selected .label { color:#ffdfa5; }
#home .role-card:focus-visible .role-cover,
#home .role-card[data-pad-focus=true] .role-cover {
  box-shadow:0 0 0 4px #ffdfa5;
}
#home #enter { font-size:27px;box-shadow:none; }

/* The illustration is the card. Its title sits directly on the campus. */
#stage[data-level=support] #shade {
  background:linear-gradient(90deg,#28547cdb 0%,#315c8196 50%,#325d7d26 100%)!important;
}
#stage[data-level=support] #scene img { filter:none; }
#support .support-heading h1 { font-size:57px; }
#support .activity,
#support .activity.selected {
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
#support .activity .art {
  border-radius:15px;background:none;
  box-shadow:none;outline:0;outline-offset:0;
}
#support .activity.selected .art { outline:3px solid #ffdfa5;outline-offset:5px; }
#support .activity::after { display:none; }
#support .activity .label {
  left:0;right:0;top:388px;font-size:27px;line-height:1.35;
  font-weight:600;color:#f8fbff;text-shadow:0 2px 10px #214b7170;
}
#support .activity.selected .label { color:#ffe2aa; }
#support .activity:focus-visible,
#support .activity[data-pad-focus=true] { outline:0; }
#support .activity:focus-visible .art,
#support .activity[data-pad-focus=true] .art { outline:4px solid #ffdfa5;outline-offset:5px; }
#support #journey-entry { font-size:27px;color:#ffe2aa; }

/* Full text is reading content, not a footnote or a translucent dialog. */
#stage[data-level=story] #shade,
#stage[data-level=network] #shade {
  background:linear-gradient(90deg,#244e77ed 0%,#2d587bd9 43%,#315b7f33 75%,transparent)!important;
}
#story,
#detail { background:transparent;border:0;box-shadow:none; }
#story .story-copy { padding-left:32px; }
#story #story-kicker { color:#ffe1a7;font-size:28px; }
#story #story-title { font-size:48px; }
#story #steps > .story-step { font-size:28px;line-height:1.4; }
#story #boundary {
  font-size:26px;line-height:1.55;color:#f0f6fd;margin-top:22px;
}
#story #story-reading #story-body,
#story.gateway-story #story-reading #story-body,
#story #story-reading #outcome,
#story #story-full-boundary {
  font-size:26px;line-height:1.55;color:#f1f6fc;
}
#story #story-reading #outcome { color:#ffe2aa; }
#story.gateway-story[data-details-open=true] #story-full-boundary { font-size:26px;line-height:1.5; }
#story #story-actions { gap:30px;padding-top:20px; }
#story #story-actions .story-action,
#story #story-actions #story-details-toggle { font-size:27px; }
#story .task-switch button {
  border:0;border-radius:0;border-bottom:3px solid transparent;
  padding:0 8px;background:none;font-size:26px;
}
#story .task-switch button.selected {
  color:#ffe1a7;background:none;border-color:#ffe1a7;
}
#story .gateway-path { font-size:27px;color:#f3f7fc; }
#story > .circle,
#detail > .circle {
  border:0;background:#fff9ee;color:#254a6c;box-shadow:none;
}

/* Spatial navigation keeps the model on an open blue stage. */
#places {
  background:linear-gradient(115deg,#29547d,#3e729b 74%,#5688ab);
}
#places .venue-current { margin-top:58px; }
#places #venue-description { font-size:28px;color:#f3f8fc; }
#places .venue-control { font-size:27px; }
#places .venue-control.pill { box-shadow:none;background:#fff9ee; }
#places .venue-control.outline { color:#f3f8fc; }
#places #venue-cards { border:0; }
#places .venue-card,
#places .venue-card.selected,
#places .venue-card:hover {
  background:none;border-radius:0;font-size:26px;color:#f3f8fc;
}
#places .venue-card.selected { color:#ffe1a7; }
#places .venue-card::after { background:#ffe1a7; }
#places .venue-loading-content::before { display:none; }
#places #venue-loading-title { font-size:32px; }
#places[data-venue-load=error] #venue-loading-title { font-size:27px; }

/* Existing controller actions stay in the same place without a footer plate. */
#stage > footer {
  bottom:22px;font-size:26px;background:none;border:0;box-shadow:none;
}
#stage > footer > div { gap:18px;background:none;box-shadow:none; }
#stage > footer button { height:44px;font-size:26px; }
#stage > footer #prev,
#stage > footer #next,
#stage > footer #select-label,
#stage[data-level=places] #prev,
#stage[data-level=places] #next { font-size:26px; }
#stage > footer #prev,
#stage > footer #next { padding:0 10px;background:none;border:0;border-radius:0; }
#stage > footer button:focus-visible,
#stage > footer [data-pad-focus=true] { outline:3px solid #ffe1a7;outline-offset:5px; }

/* Help is a proper reading page; all necessary boundaries remain visible. */
#help {
  inset:0;padding:66px 80px 50px;background:#2b557b;
  border:0;border-radius:0;box-shadow:none;backdrop-filter:none;
}
#help h1 { font-size:48px;line-height:1.25; }
#help > p { font-size:27px;line-height:1.5;color:#f3f8fc;margin:18px 0; }
#help .help-grid { gap:70px;margin:28px 0 20px; }
#help .help-grid > div { background:none;border:0;box-shadow:none; }
#help .help-grid b { font-size:30px;color:#ffe1a7; }
#help .help-grid p { font-size:26px;line-height:1.55;color:#f5f9fd; }
#help #pad-status { font-size:26px;line-height:1.5;margin:16px 0; }
#help .help-buttons { gap:24px;align-items:center;flex-wrap:wrap;margin:22px 0; }
#help .help-buttons button { min-height:56px;font-size:26px;box-shadow:none; }
#help .help-buttons .outline { border:0;border-radius:0;padding:0 12px;background:none; }
#help #help-close { background:#fff8e8;color:#244a6c; }
#help #audio-note,
#help #exhibit-boundary,
#help small { font-size:26px;line-height:1.55;color:#eef5fc; }
#help #audio-note { margin:18px 0; }
#help #exhibit-boundary { margin:18px 0 0; }
#help #audio-volume { font-size:26px; }
#help .audio-volume-controls { display:inline-flex;gap:15px;align-items:center;font-size:26px; }

/* Retain the approved poster and passive ribbon, remove dark label strips. */
#standby .standby-card {
  border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;
}
#standby .standby-art { bottom:40px;border-radius:12px; }
#standby .standby-card::after,
#standby .standby-card[data-resource=learning]::after,
#standby .standby-card[data-resource=ai]::after { display:none; }
#standby .standby-label,
#standby .standby-card[data-resource=ai] .standby-label {
  left:0;bottom:0;font-size:27px;line-height:1.25;color:#fff7e9;
  text-shadow:0 2px 9px #254d7466;
}
#standby-enter {
  background:#fff8e9;color:#244b70;border:0;text-shadow:none;
  box-shadow:0 5px 0 #d8bb82;
}
#standby-enter:hover,
#standby-enter:focus-visible {
  background:#fffdf7;box-shadow:0 5px 0 #d8bb82,0 0 0 4px #ffe3ac;
}
#standby-enter:active { box-shadow:0 2px 0 #d8bb82; }

/* Future scenes keep their original illustrations and narrative boundaries. */
#journey[data-phase=future] .game-backdrop::after,
#journey[data-phase=future] [data-setting] .game-backdrop::after {
  background:linear-gradient(90deg,#28547de6 0%,#305e849e 41%,transparent 70%);
}
#journey[data-phase=future] .future-copy { top:238px; }
#journey[data-phase=future] .future-copy .journey-kicker {
  font-size:28px;letter-spacing:0;color:#ffe1a7;
}
#journey[data-phase=future] .future-copy h1 { font-size:66px;text-shadow:0 2px 12px #264d6e55; }
#journey[data-phase=future] .future-promise { font-size:28px;color:#f3f8fc; }
#journey[data-phase=future] .future-tags > span { font-size:27px;color:#fff7e8; }
#journey[data-phase=future] .future-actions { gap:28px; }
#journey[data-phase=future] .future-actions .journey-primary { font-size:27px;min-width:230px;background:#fff8e9; }
#journey[data-phase=future] .future-actions .journey-text-action { font-size:26px;color:#f5f9fd; }
#journey[data-phase=future] .future-boundary { font-size:26px;line-height:1.5;color:#f0f6fc;margin-top:26px; }
#journey[data-phase=future] .future-english { display:none; }
#journey .character-error,
#journey .hero-scene:not([data-ready]):not([data-error])::before { font-size:27px;background:none; }
#travel .travel-controls { font-size:26px; }
#travel .travel-controls button {
  border:0;background:#fff8e9;color:#244a6e;border-radius:30px;
  font-size:26px;padding:14px 28px;box-shadow:none;
}
#travel .travel-controls b { color:#244a6e;font-size:26px; }
#toast { font-size:27px;background:#fff8e9;color:#244a6e;border:0;box-shadow:none; }
