.lost-update { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 0.7rem; align-items: stretch; margin: 2rem 0; }
.lost-update > div { padding: 1.2rem; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); text-align: center; }
.lost-update span, .lost-update small { display: block; color: var(--faint); font: 700 0.6rem/1.4 var(--mono); text-transform: uppercase; }
.lost-update strong { display: block; margin: 0.6rem 0; font: 500 1.45rem/1.2 var(--serif); }
.lost-update .lost-center { border-color: var(--ember); background: rgb(237 142 85 / 5%); }
.saga-line { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 0.65rem; align-items: center; margin: 2rem 0; }
.saga-line > div { padding: 1.25rem; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.saga-line span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--jade); border-radius: 50%; color: var(--jade); font: 800 0.62rem/1 var(--mono); }
.saga-line strong, .saga-line small { display: block; }
.saga-line strong { margin: 1rem 0 0.45rem; font: 500 1.35rem/1.15 var(--serif); }
.saga-line small { color: var(--faint); font: 700 0.6rem/1.4 var(--mono); text-transform: uppercase; }
.saga-line > b { color: var(--moss); }
.decision-matrix { width: min(1100px, calc(100vw - 40px)); margin-left: 50%; transform: translateX(-50%); }
.decision-matrix tbody tr:last-child td { border-bottom: 1px solid var(--moss); }
.final-rules { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; margin: 2.5rem 0; }
.final-rules article { padding: 1.35rem; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); }
.final-rules span { color: var(--jade); font: 800 0.65rem/1 var(--mono); }
.final-rules strong { display: block; margin-top: 1rem; font: 500 1.55rem/1.15 var(--serif); }
.final-rules p { margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.completion-gate { border-color: color-mix(in srgb, var(--moss) 45%, var(--line)); }
@media (max-width: 700px) { .lost-update, .final-rules { grid-template-columns: 1fr; } .saga-line { grid-template-columns: 1fr; } .saga-line > b { transform: rotate(90deg); justify-self: center; } }