/* /press — the press kit. Plain and fast, with Pivot saluting on the side. (content agent) */

body.page-press { --ink-accent: var(--molten); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) body.page-press { --ink-accent: #A8480A; }
  :root:not([data-theme="dark"]) body.page-press .kicker { color: var(--ink-accent); }
  :root:not([data-theme="dark"]) body.page-press .draft-tag { color: #7A4E00; background: rgba(255, 194, 61, .28); border-color: rgba(160, 105, 0, .55); }
}
body.page-press .panel { border-color: var(--outline); border-width: var(--stroke); box-shadow: 0 6px 0 rgba(0, 0, 0, .25); }

.press-head .lede { max-width: 50ch; }
.kit-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 1.6rem; }
.kit-dl { gap: .7em; text-align: left; }
.kit-dl-t { display: flex; flex-direction: column; gap: .3em; }
.kit-dl small { font: 700 .62em/1 var(--font-body); opacity: .75; letter-spacing: .02em; }
.kit-dl svg { width: 1.3em; height: 1.3em; }
.kit-dl.is-saluted { animation: kit-pop .6s var(--spring); }
@keyframes kit-pop { 0% { transform: scale(1); } 30% { transform: scale(1.1, .9); } 60% { transform: scale(.96, 1.05); } 100% { transform: scale(1); } }
.kit-has { margin: 0; color: var(--fg-muted); max-width: 36ch; }
.kit-missing { margin: 0; }

.press-top {
  display: grid; gap: clamp(18px, 3vw, 32px); align-items: start;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  padding-block: clamp(20px, 3vw, 36px) clamp(36px, 6vw, 72px);
}
@media (max-width: 860px) { .press-top { grid-template-columns: minmax(0, 1fr); } }
.press-top h2, .press-sec h2 { font-size: var(--step-2); }

/* fact sheet */
.facts-list { margin: 0; display: grid; }
.facts-list > div { display: grid; grid-template-columns: 8.5em 1fr; gap: 4px 16px; padding: .7em 0; border-top: 2px dashed var(--line); }
.facts-list > div:first-child { border-top: 0; padding-top: 0; }
.facts-list dt { font: 600 var(--step-0)/1.4 var(--font-display); color: var(--ink-accent); }
.facts-list dd { margin: 0; }
.facts-list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35em; }
.facts-list a { font-weight: 700; }
@media (max-width: 460px) { .facts-list > div { grid-template-columns: 1fr; } }

/* about */
.about h2 { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; }
.about-text { font-size: var(--step-1); line-height: 1.55; }
.about-crew-h { font-size: var(--step-1); margin: 1.4em 0 .4em; }
.about-crew { margin: 0 0 1em; padding-left: 1.2em; }
.about-crew li::marker { color: var(--accent); }
.about-more { margin: 0; }

/* logos */
.press-sec { padding-bottom: clamp(36px, 6vw, 72px); }
.logos { list-style: none; margin: 1em 0 0; padding: 0; display: grid; gap: clamp(16px, 2.4vw, 26px); grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.logo-card { display: flex; flex-direction: column; background: var(--panel); border: var(--stroke) solid var(--outline); border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 6px 0 rgba(0, 0, 0, .25); transition: transform .35s var(--spring); }
.logo-card:hover { transform: translateY(-4px) rotate(-.6deg); }
.logo-prev { height: 190px; display: flex; align-items: center; justify-content: center; padding: 22px; overflow: hidden; border-bottom: var(--stroke) solid var(--outline); }
.logo-prev img { max-width: 100%; max-height: 146px; width: auto; height: 146px; object-fit: contain; }
.logo-prev-dark { background: #151B2E radial-gradient(circle at 50% 40%, rgba(200, 161, 90, .18), transparent 65%); }
.logo-prev-light { background: #FFF6E8; }
.logo-prev-photo { padding: 0; background: #0D1120; }
.logo-prev-photo img { width: 100%; height: 190px; max-height: none; object-fit: cover; object-position: 50% 28%; }
.logo-prev-light img, .logo-prev-dark img[src*="wordmark"] { width: 100%; height: auto; }
.logo-info { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: .4em; flex: 1; }
.logo-info h3 { font-size: var(--step-1); margin: 0; }
.logo-info p { margin: 0 0 .6em; font-size: var(--step--1); }
.logo-dl { margin-top: auto; align-self: flex-start; min-height: 44px; }
.logo-dl small { opacity: .75; font-weight: 700; }

/* screenshots */
.shots { display: grid; gap: clamp(18px, 3vw, 28px); margin-top: 1em; }
.shot-game h3 { font-size: var(--step-1); margin: 0 0 .5em; }
.shot-game h3 a { color: var(--fg); text-decoration-color: var(--g); }
.shot-row { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
.shot-row li { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r); overflow: hidden; border: var(--stroke) solid var(--outline); background: var(--panel-2); }
.shot-row img { width: 100%; height: 100%; object-fit: cover; }
.shot-ph svg { width: 100%; height: 100%; }
.shot-ph { border-style: dashed !important; }
.shot-note { position: absolute; inset: auto 8px 8px 8px; display: flex; flex-wrap: wrap; align-items: center; gap: .4em; font: 600 var(--step--1)/1.2 var(--font-display); color: var(--fg); background: color-mix(in srgb, var(--panel) 88%, transparent); padding: .45em .6em; border-radius: 10px; }
@media (max-width: 560px) { .shot-row li:nth-child(n+2).shot-ph { display: none; } }

/* the end */
.press-end { display: grid; gap: clamp(18px, 3vw, 32px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); align-items: start; padding-bottom: clamp(56px, 9vw, 120px); }
.rules ul { margin: 0; padding-left: 1.2em; display: grid; gap: .5em; }
.rules li::marker { color: var(--accent); }
.press-ask p { color: var(--fg-muted); }