.screen-on-the-table { z-index: 30; background: rgb(12 17 15 / .92); padding: max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
.screen-on-the-table.is-active { display: grid; }
.discovery-sheet { width: min(900px, 100%); max-height: 100%; overflow: auto; color: var(--paper); background: #141c19; border: 1px solid rgb(var(--paper-rgb) / .22); border-left: 5px solid var(--yellow); box-shadow: 0 18px 70px rgb(0 0 0 / .4); }
.discovery-header { position: sticky; z-index: 1; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 18px 14px; background: #141c19; border-bottom: 1px solid rgb(var(--paper-rgb) / .2); }
.discovery-kicker { margin: 0 0 4px; color: var(--yellow); font: 700 var(--text-xs) var(--font-body); text-transform: uppercase; }
.discovery-header h2 { margin: 0; color: var(--paper); font: var(--text-3xl)/1 var(--font-display); text-transform: uppercase; }
.discovery-close { min-width: 72px; min-height: 44px; padding: 8px 14px; color: var(--ink); background: var(--yellow); border: 0; font: 700 var(--text-sm) var(--font-body); text-transform: uppercase; cursor: pointer; }
.discovery-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding: 0 18px; }
.discovery-section { min-width: 0; padding: 15px 0 12px; border-bottom: 1px solid rgb(var(--paper-rgb) / .18); }
.discovery-section-title, .discovery-related-heading { margin: 0 0 8px; color: var(--yellow); font: 700 var(--text-xs) var(--font-body); letter-spacing: 0; text-transform: uppercase; }
.discovery-list { display: grid; gap: 6px; }
.discovery-credit-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.discovery-item { position: relative; display: grid; gap: 3px; min-height: 62px; padding: 9px 12px; text-align: left; color: var(--paper); background: #202c28; border: 1px solid rgb(var(--paper-rgb) / .12); border-left: 3px solid rgb(var(--yellow-rgb) / .78); cursor: pointer; }
.discovery-credit-item { align-content: center; min-width: 0; min-height: 52px; padding: 7px 8px; }
.discovery-credit-item .discovery-item-type { font-size: 9px; }
.discovery-credit-item .discovery-item-title { font: var(--text-md)/1.1 var(--font-display); white-space: nowrap; }
.discovery-item:hover, .discovery-related-item:hover { background: #2a3933; }
.discovery-item-type { color: var(--paper-muted); font: 700 10px/1.2 var(--font-body); text-transform: uppercase; }
.discovery-item-title { font: var(--text-lg)/1.15 var(--font-display); text-transform: uppercase; overflow-wrap: anywhere; }
.discovery-item-line { color: var(--paper-muted); font: var(--text-sm)/1.3 var(--font-body); overflow-wrap: anywhere; }
.discovery-known { position: absolute; top: 10px; right: 10px; padding: 2px 5px; color: var(--yellow); border: 1px solid currentColor; font: 700 9px var(--font-body); }
.discovery-detail { margin: 14px 18px 0; padding: 14px; background: #202c28; border-top: 2px solid var(--yellow); }
.discovery-detail[hidden] { display: none; }
.discovery-detail-title { margin: 4px 0 8px; font: var(--text-2xl)/1.05 var(--font-display); text-transform: uppercase; overflow-wrap: anywhere; }
.discovery-detail-line { margin: 0 0 8px; color: var(--yellow); font: 700 var(--text-md)/1.35 var(--font-body); }
.discovery-detail-copy { max-width: 58ch; margin: 0; color: var(--paper); font: var(--text-md)/1.45 var(--font-body); }
.discovery-external-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.discovery-external-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--ink); background: var(--yellow); font: 700 var(--text-sm)/1.25 var(--font-body); text-decoration: none; overflow-wrap: anywhere; }
.discovery-external-link:hover { background: var(--paper); }
.discovery-swatches { display: flex; gap: 8px; margin-top: 12px; }
.discovery-swatch { width: 24px; height: 24px; border: 2px solid var(--paper); border-radius: 50%; }
.discovery-related-heading { margin-top: 14px; }
.discovery-related { display: flex; flex-wrap: wrap; gap: 8px; }
.discovery-related-item { min-height: 44px; padding: 8px 12px; color: var(--paper); background: #141c19; border: 1px solid rgb(var(--paper-rgb) / .25); font: 700 var(--text-sm) var(--font-body); text-align: left; cursor: pointer; }
.discovery-footnote { margin: 0; padding: 12px 18px 14px; color: var(--paper-muted); font: var(--text-sm)/1.4 var(--font-body); }
.discovery-item:focus-visible, .discovery-close:focus-visible, .discovery-related-item:focus-visible, .discovery-external-link:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
@media (max-width: 600px) {
  .discovery-header { padding: 12px; }
  .discovery-content { grid-template-columns: minmax(0, 1fr); gap: 0; padding-inline: 12px; }
  .discovery-section { padding-block: 11px; }
  .discovery-item { min-height: 58px; }
  .discovery-detail { margin-inline: 12px; }
  .discovery-footnote { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) { .screen-on-the-table.is-active { animation: none; } }