.exploration-page { background: var(--color-space-canvas); overflow: clip; }
.exploration-page .container { min-width: 0; }
.exploration-page .meta span { color: var(--color-frame-line); margin-inline: var(--space-2); }
.exploration-page a:focus-visible, .exploration-page button:focus-visible, .exploration-page input:focus-visible { outline: 2px solid var(--color-alien-violet); outline-offset: 3px; }
.exploration-hero { position: relative; isolation: isolate; min-height: 35rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; padding-block: var(--space-9); }
.exploration-hero__media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.exploration-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,13,27,.98) 0%, rgba(15,13,27,.86) 42%, rgba(15,13,27,.42) 72%, rgba(15,13,27,.72) 100%); }
.exploration-hero__media::before { content: ""; position: absolute; inset: 0; z-index: 1; opacity: .18; background: repeating-linear-gradient(0deg, transparent 0 5px, rgba(195,199,219,.12) 6px 7px); animation: exploration-scan 14s linear infinite; }
.exploration-hero__media img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center center; }
.exploration-hero__container { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.exploration-hero__container > * { grid-column: 1; min-width: 0; width: min(100%, 40.625rem); }
.exploration-hero__copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-4); }
.exploration-hero__copy > * { min-width: 0; margin: 0; }
.exploration-hero__copy h1 { font-size: clamp(2.5rem, 5.6vw, 4rem); }
.exploration-hero__copy .lead { max-width: 62ch; }
.exploration-hero__copy > p:not(.lead) { max-width: 61ch; }
.exploration-hero__action { display: flex; flex-wrap: wrap; align-items: center; min-width: 0; gap: var(--space-3); padding-top: var(--space-2); }
.exploration-hero__action > * { min-width: 0; margin: 0; }
.exploration-hero__external { flex: 1 1 12rem; color: var(--color-muted-silver); font-size: var(--text-caption); line-height: 1.45; }
.exploration-reading__grid, .exploration-machine__grid, .exploration-clues__grid, .exploration-discipline__grid { display: grid; min-width: 0; align-items: start; gap: var(--space-7); }
.exploration-reading__grid { grid-template-columns: minmax(0, 8fr) minmax(20rem, 4fr); }
.exploration-reading__grid > *, .exploration-machine__grid > *, .exploration-clues__grid > *, .exploration-discipline__grid > * { min-width: 0; width: 100%; }
.exploration-reading__narrative { width: min(100%, 42.5rem); }
.exploration-reading__narrative > p:not(.meta) { max-width: 72ch; }
.exploration-editorial-note { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); border-left: 2px solid var(--color-alien-violet); padding-left: var(--space-5); margin-top: var(--space-6); }
.exploration-editorial-note > * { margin: 0; min-width: 0; }
.exploration-editorial-note p { max-width: 64ch; }
.exploration-terminal { display: flex; flex-direction: column; min-width: 0; gap: var(--space-5); }
.exploration-terminal > * { margin: 0; min-width: 0; }
.exploration-reading__list { display: flex; flex-direction: column; min-width: 0; gap: var(--space-4); margin: 0; padding: 0; }
.exploration-reading__list li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); border-top: 1px solid var(--color-frame-line); padding-top: var(--space-3); }
.exploration-reading__list li > * { min-width: 0; }
.exploration-reading__list li > span, .exploration-clue-list > div > span { color: var(--color-alien-violet); font-family: var(--font-mono); font-size: var(--text-meta); letter-spacing: .08em; }
.exploration-reading__list h3, .exploration-reading__list p { margin: 0; }
.exploration-reading__list div { display: flex; flex-direction: column; min-width: 0; gap: var(--space-2); }
.exploration-reading__list p { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.5; }
.exploration-index__intro, .exploration-decisions__intro, .exploration-related__intro, .exploration-faq__intro, .exploration-routine__intro { width: min(100%, 43.75rem); }
.exploration-index__intro > p:not(.meta), .exploration-decisions__intro > p:not(.meta), .exploration-related__intro > p:not(.meta), .exploration-faq__intro > p:not(.meta) { max-width: 68ch; }
.exploration-location-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; gap: var(--space-5); margin-top: var(--space-6); }
.exploration-location-grid > * { min-width: 0; width: 100%; }
.exploration-location { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 17rem; gap: var(--space-3); border: 1px solid var(--color-frame-line); background: var(--color-inventory-panel); color: var(--color-steel-silver); padding: var(--space-5); text-align: left; box-shadow: var(--shadow-offset), var(--shadow-inset); transition: border-color var(--transition-fast), transform var(--transition-fast); }
.exploration-location:hover, .exploration-location[aria-expanded="true"] { border-color: var(--color-alien-violet); }
.exploration-location:hover > *, .exploration-location:focus-visible > * { transform: translate(1px, 1px); }
.exploration-location__icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 1px solid var(--color-frame-line); color: var(--color-alien-violet); font-family: var(--font-mono); font-size: 1.4rem; }
.exploration-location strong { font-family: var(--font-heading); font-size: 1.2rem; line-height: 1.15; }
.exploration-location > span:last-child { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.5; }
.exploration-location-details { margin-top: var(--space-5); }
.exploration-location-details > div { border-left: 2px solid var(--color-alien-violet); padding: var(--space-4) var(--space-5); background: rgba(31,27,44,.45); }
.exploration-location-details p { width: min(100%, 70ch); margin: 0; }
.exploration-machine__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.exploration-figure { min-width: 0; margin: 0; }
.exploration-figure img { width: 100%; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: left center; border: 1px solid var(--color-frame-line); box-shadow: var(--shadow-offset); }
.exploration-figure figcaption { display: flex; flex-direction: column; min-width: 0; gap: var(--space-2); }
.exploration-figure figcaption span { color: var(--color-muted-silver); font-family: var(--font-mono); font-size: var(--text-meta); letter-spacing: .08em; }
.exploration-machine__copy { width: min(100%, 36.25rem); }
.exploration-machine__copy > p:not(.meta) { max-width: 58ch; }
.exploration-warning { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); border-top: 2px solid var(--color-warning-amber); background: rgba(31,27,44,.55); padding: var(--space-4); margin-top: var(--space-5); }
.exploration-warning > * { min-width: 0; margin: 0; }
.exploration-warning p:last-child { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.55; }
.exploration-routine__intro > p:not(.meta) { max-width: 70ch; }
.exploration-routine__items { display: flex; flex-direction: column; min-width: 0; gap: var(--space-5); margin-top: var(--space-6); }
.exploration-routine__item { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) 13.75rem; min-width: 0; gap: var(--space-5); border-top: 1px solid var(--color-frame-line); padding-top: var(--space-5); }
.exploration-routine__item > * { min-width: 0; }
.exploration-routine__check { display: flex; flex-direction: column; align-items: center; min-width: 0; gap: var(--space-3); color: var(--color-alien-violet); font-family: var(--font-mono); font-size: var(--text-small); }
.exploration-routine__check label { display: grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; margin: 0; }
.exploration-routine__check input { width: 1.25rem; min-height: 1.25rem; }
.exploration-routine__copy { width: min(100%, 47.5rem); }
.exploration-routine__copy p { max-width: 70ch; }
.exploration-routine__meta { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.5; }
.exploration-routine__meta > * { margin: 0; }
.exploration-routine__meta .meta { margin-bottom: var(--space-2); }
.exploration-amber { color: var(--color-warning-amber); }
.exploration-routine__notice { color: var(--color-muted-silver); font-size: var(--text-caption); margin-top: var(--space-5); }
.exploration-clues__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.exploration-clues__copy { width: min(100%, 41.25rem); }
.exploration-clues__copy > p:not(.meta) { max-width: 68ch; }
.exploration-clue-list { display: flex; flex-direction: column; min-width: 0; gap: var(--space-4); margin-block: var(--space-5); }
.exploration-clue-list > div { display: grid; grid-template-columns: 2rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); }
.exploration-clue-list > div > * { min-width: 0; }
.exploration-clue-list h3, .exploration-clue-list p { margin: 0; }
.exploration-clue-list > div > div { display: flex; flex-direction: column; min-width: 0; gap: var(--space-2); }
.exploration-clue-list p { max-width: 54ch; color: var(--color-muted-silver); font-size: var(--text-small); }
.exploration-clues__figure { padding-top: var(--space-6); }
.exploration-clues__figure img { aspect-ratio: 3 / 2; object-position: center center; }
.exploration-decision-grid, .exploration-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; gap: var(--space-5); margin-top: var(--space-6); }
.exploration-decision-grid > *, .exploration-related__grid > * { min-width: 0; width: 100%; }
.exploration-decision { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); }
.exploration-decision > * { min-width: 0; margin: 0; }
.exploration-decision p:last-child { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.55; }
.exploration-decision--offset { transform: translateY(var(--space-3)); }
.exploration-discipline__grid { grid-template-columns: minmax(0, 8fr) minmax(20rem, 4fr); }
.exploration-discipline__copy { width: min(100%, 42.5rem); }
.exploration-discipline__copy > p:not(.meta) { max-width: 72ch; }
.exploration-discipline__action { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-4); margin-top: var(--space-6); }
.exploration-discipline__action > * { min-width: 0; margin: 0; }
.exploration-discipline__action p { max-width: 58ch; color: var(--color-muted-silver); }
.exploration-note-panel { display: flex; flex-direction: column; min-width: 0; gap: var(--space-5); }
.exploration-note-panel > * { min-width: 0; margin: 0; }
.exploration-note-panel dl { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); }
.exploration-note-panel dl > div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); border-top: 1px solid var(--color-frame-line); padding-top: var(--space-3); }
.exploration-note-panel dt { color: var(--color-alien-violet); font-family: var(--font-mono); font-size: var(--text-meta); letter-spacing: .08em; }
.exploration-note-panel dd { min-width: 0; margin: 0; color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.5; }
.exploration-related__card { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); border: 1px solid var(--color-frame-line); background: var(--color-inventory-panel); padding: var(--space-5); box-shadow: var(--shadow-offset), var(--shadow-inset); transition: border-color var(--transition-fast); }
.exploration-related__card:hover, .exploration-related__card:focus-within { border-color: var(--color-alien-violet); }
.exploration-related__card > * { min-width: 0; margin: 0; }
.exploration-related__card h3 a { text-decoration: none; }
.exploration-related__card p { color: var(--color-muted-silver); font-size: var(--text-small); line-height: 1.55; }
.exploration-related__card .meta { color: var(--color-muted-silver); }
.exploration-related__card--line { border-left: 2px solid var(--color-alien-violet); }
.exploration-text-link { display: inline-flex; align-items: center; min-height: 2.75rem; width: max-content; max-width: 100%; font-family: var(--font-heading); font-weight: 650; }
.exploration-faq__list { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); margin-top: var(--space-6); }
.exploration-faq__item { min-width: 0; border: 1px solid var(--color-frame-line); background: var(--color-inventory-panel); box-shadow: var(--shadow-inset); }
.exploration-faq__item button { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 2rem; align-items: center; min-width: 0; width: 100%; min-height: 3.5rem; gap: var(--space-3); border: 0; background: transparent; color: var(--color-steel-silver); padding: var(--space-4); text-align: left; }
.exploration-faq__item button > * { min-width: 0; }
.exploration-faq__item button > span:first-child { color: var(--color-alien-violet); font-family: var(--font-mono); font-size: var(--text-meta); letter-spacing: .08em; }
.exploration-faq__item button strong { font-family: var(--font-heading); font-size: 1.05rem; line-height: 1.25; }
.exploration-faq__symbol { justify-self: end; color: var(--color-alien-violet); font-size: 1.5rem; transition: transform var(--transition-fast); }
.exploration-faq__item button[aria-expanded="true"] .exploration-faq__symbol { transform: rotate(45deg); }
.exploration-faq__answer { width: min(100%, 47.5rem); margin-left: calc(3rem + var(--space-3)); padding: 0 var(--space-4) var(--space-4) 0; }
.exploration-faq__answer p { margin: 0; color: var(--color-muted-silver); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes exploration-scan { from { transform: translateY(-8px); } to { transform: translateY(8px); } }
@media (max-width: 61.25rem) { .exploration-reading__grid, .exploration-machine__grid, .exploration-clues__grid, .exploration-discipline__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .exploration-reading__narrative, .exploration-machine__copy, .exploration-clues__copy, .exploration-discipline__copy { width: min(100%, 42.5rem); } .exploration-machine__grid .exploration-figure { order: -1; } .exploration-clues__figure { padding-top: 0; } .exploration-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .exploration-decision-grid, .exploration-related__grid { grid-template-columns: minmax(0, 1fr); } .exploration-decision--offset { transform: none; } .exploration-routine__item { grid-template-columns: 4.5rem minmax(0, 1fr); } .exploration-routine__meta { grid-column: 2; width: 100%; } }
@media (max-width: 56.25rem) { .exploration-hero { min-height: 31rem; padding-block: var(--space-8); } .exploration-hero__media::after { background: linear-gradient(90deg, rgba(15,13,27,.96) 0%, rgba(15,13,27,.82) 70%, rgba(15,13,27,.76) 100%); } .exploration-hero__container { grid-template-columns: minmax(0, 1fr); } .exploration-hero__container > * { width: min(100%, 42.5rem); } .exploration-terminal, .exploration-note-panel { width: 100%; } }
@media (max-width: 40rem) { .exploration-hero { min-height: 28.75rem; padding-block: var(--space-7); } .exploration-hero__media img { object-position: 58% center; } .exploration-hero__media::after { background: linear-gradient(90deg, rgba(15,13,27,.96), rgba(15,13,27,.78)); } .exploration-hero__copy { gap: var(--space-3); } .exploration-hero__copy h1 { font-size: clamp(2.25rem, 11vw, 2.5rem); } .exploration-hero__action { align-items: flex-start; } .exploration-hero__action .button { width: auto; } .exploration-reading__grid, .exploration-machine__grid, .exploration-clues__grid, .exploration-discipline__grid { gap: var(--space-5); } .exploration-location-grid { gap: var(--space-3); } .exploration-location { min-height: 10rem; padding: var(--space-4); gap: var(--space-2); } .exploration-location__icon { width: 2.25rem; height: 2.25rem; } .exploration-location strong { font-size: 1.05rem; } .exploration-location > span:last-child { font-size: .78rem; } .exploration-figure img { object-position: center center; } .exploration-routine__items { gap: var(--space-4); } .exploration-routine__item { grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-4); } .exploration-routine__check label { min-width: 2.75rem; min-height: 2.75rem; } .exploration-routine__meta { grid-column: 2; } .exploration-note-panel dl > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); } .exploration-faq__item button { grid-template-columns: 2rem minmax(0, 1fr) 1.5rem; padding: var(--space-3); } .exploration-faq__answer { width: auto; margin-left: calc(2rem + var(--space-3)); padding-right: var(--space-3); padding-bottom: var(--space-3); } }
@media (max-width: 23.75rem) { .exploration-location-grid { grid-template-columns: minmax(0, 1fr); } .exploration-location { min-height: 9.5rem; } .exploration-hero__action .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .exploration-hero__media::before { animation: none; } .exploration-decision--offset { transform: none; } }