/* EVOLVE 014 responsive replay */
.chronicle-panel{border-color:#41796d;background:linear-gradient(145deg,#12332e,#0a1b29 88%)}
.chronicle-panel h2 small{color:#b5f0dc}
.chron-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}
.chron-grid label{display:flex;flex-direction:column;gap:6px;color:#bedbd5;font:11px ui-monospace,monospace}
.chron-grid select{min-width:0;width:100%;padding:9px;background:#102c30;color:#ecfff7;border:1px solid #45756c;border-radius:6px}
.chron-grid .chron-check{flex-direction:row;align-items:center;gap:9px}
.chron-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;align-items:center}
.chron-actions button{background:#1a4545;color:#effff8;border:1px solid #52857c;border-radius:7px;padding:10px;font:11px ui-monospace,monospace}
.chron-actions button:disabled{opacity:.42}.chron-actions .chron-primary{background:#a7f1d5;color:#102c30;font-weight:800}
.chronicle-panel progress{width:100%;height:11px;accent-color:#8ee9c9}
.chron-summary{margin:14px 0;font:11px ui-monospace,monospace;color:#ffdda5}
#chron-scrub{width:100%;accent-color:#a7f1d5;touch-action:pan-y}
.chron-chart{background:#071923;border:1px solid #355d5c;border-radius:8px;padding:8px;margin:12px 0}
.chron-chart svg{width:100%;height:auto;display:block}
@media(max-width:520px){.chron-grid{grid-template-columns:1fr}.chron-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chron-actions .chron-primary{grid-column:1/-1}}