.gotchi-v2-hero {
    background: radial-gradient(circle at 77% 26%, rgba(75, 202, 242, 0.12), transparent 34%), radial-gradient(circle at 25% 10%, rgba(255, 211, 77, 0.06), transparent 24%), linear-gradient(180deg, rgba(10, 15, 24, 0.68), transparent);
}
.post-body h2 { margin: 48px 0 18px; }
.read-time { margin: 14px 0 0; color: var(--text-muted); font: 700 9px var(--font-head); letter-spacing: 1.5px; text-transform: uppercase; }
.callout-warning { border-color: rgba(255, 159, 67, 0.35); background: rgba(255, 159, 67, 0.055); }
.callout-warning strong { color: #ff9f43; }
.gotchi-v2-wide { width: min(920px, calc(100vw - 48px)); margin: 40px 50% 52px; transform: translateX(-50%); }
.gotchi-v2-wide img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: 8px; background: #101010; }
.gotchi-v2-wide figcaption { margin-top: 10px; color: var(--text-muted); font-size: 12px; line-height: 1.6; }
.gotchi-v2-slime { max-width: 774px; }
.mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(920px, calc(100vw - 48px)); margin: 30px 50% 44px; transform: translateX(-50%); }
.mode-grid section { display: grid; grid-template-columns: 38px 1fr; gap: 14px; min-height: 138px; padding: 20px; border: 1px solid var(--border); border-radius: 7px; background: rgba(75, 202, 242, 0.035); }
.mode-grid section:last-child { grid-column: 1 / -1; min-height: 0; }
.mode-grid section > span { color: #4bcaf2; font: 700 8px var(--font-head); letter-spacing: 2px; }
.mode-grid h3 { margin: 0 0 7px; color: var(--cyan); }
.mode-grid p { margin: 0; font-size: 14px; }
.post-signoff { margin-top: 42px; color: var(--pink) !important; font: 700 12px var(--font-head) !important; letter-spacing: 2px; text-transform: uppercase; }
@media (max-width: 700px) {
    .mode-grid { grid-template-columns: 1fr; width: 100%; margin-inline: 0; transform: none; }
    .mode-grid section:last-child { grid-column: auto; }
    .gotchi-v2-wide { width: 100%; margin-inline: 0; transform: none; }
}
@media (max-width: 520px) {
    .mode-grid section { grid-template-columns: 28px 1fr; min-height: 0; padding: 17px; }
}