/* Relic observations share the light/dark theme tokens already used by actions. */
.relic-research488 { margin: 0 0 1rem; min-width: 0; }
.relic-research488 h3 { margin: 0 0 .4rem; font-size: 1rem; }
.relic-card488 { border: 1px solid var(--line, currentColor); border-radius: .65rem; margin: .65rem 0; padding: .65rem .8rem; overflow-wrap: anywhere; }
.relic-card488 summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .2rem 0; }
.relic-card488 summary small, .relic-card488 > small { font-size: .72rem; opacity: .75; }
.relic-card488 p { font-size: .82rem; line-height: 1.65; margin: .65rem 0; white-space: pre-line; }
.relic-question488 { font-weight: 600; }
.relic-tests488 { display: grid; grid-template-columns: 1fr; gap: .5rem; margin-top: .8rem; }
.relic-tests488 article { border-top: 1px solid var(--line, currentColor); padding: .65rem 0; min-width: 0; }
.relic-tests488 article > div { display: flex; justify-content: space-between; align-items: start; gap: .5rem; }
.relic-tests488 strong { font-size: .8rem; }
.relic-tests488 small { font-size: .7rem; white-space: nowrap; opacity: .75; }
.relic-tests488 button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 36px; margin: .45rem 0 0; padding: .4rem .65rem; color: inherit; background: transparent; border: 1px solid var(--line, currentColor); border-radius: .4rem; font: inherit; font-size: .76rem; }
.relic-tests488 button svg { width: 17px; height: 17px; flex-shrink: 0; }
.relic-tests488 button:disabled { opacity: .45; cursor: default; }
.relic-benefit488 { font-weight: 600; border-left: 2px solid currentColor; padding-left: .6rem; }
.research-prose488 { white-space: pre-line; }
.ability-buff488 { font-size: .76rem; padding: .5rem 0; margin: 0; }
@media(max-width: 480px) { .relic-card488 {padding:.55rem .6rem;} .relic-card488 summary {align-items:flex-start;} .ability-options {grid-template-columns:1fr;} }
/* Old environment experiments now use the same palette as the research cards. */
#game-shell #field-lab>summary { display: none!important; }
#game-shell #field-lab :is(.field-sign,.field-hypothesis,.field-verified,.ecosystem-v40) { background: var(--action-row4871)!important; color: var(--ui-text)!important; border-color: var(--ui-border)!important; box-shadow: none!important; }
#game-shell #field-lab :is(.field-hypothesis p,.field-hypothesis strong,.field-hypothesis-top span,.field-test-result,.field-verified) { color: var(--ui-text)!important; }
#game-shell #field-lab .field-hypothesis { padding: 10px; border-radius: 5px; }
#game-shell #field-lab .field-hypothesis-top { gap: 5px; }
#game-shell #field-lab .field-hypothesis-top strong { font-size: 12px; }
#game-shell #field-lab .field-hypothesis-top span { font-size: 10px; opacity: .8; }
#game-shell #field-lab .field-test-buttons button { background: var(--shell-input)!important; color: var(--ui-text)!important; border-color: var(--ui-border)!important; }

.exploration-progress4881 { margin: .4rem 0 .15rem; font-size: .74rem; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; }