/* Push/fold chart */
.pfc-grid { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 2px; margin: 10px 0; }
.ccc .pfc-c { aspect-ratio: 1; min-width: 0; padding: 0; border: 0; border-radius: 4px; background: var(--surface-2, #1c212a); color: var(--c-muted); font: 600 11px/1.05 var(--mono, monospace); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; }
.ccc .pfc-c i { font-style: normal; font-size: 9px; opacity: .75; }
.ccc .pfc-c.is-in { background: var(--c-accent); color: #0b0f14; }
.ccc .pfc-c.is-sel { outline: 2px solid #fff; outline-offset: -2px; }
.pfc-bb { font: 800 18px var(--mono, monospace); color: var(--c-accent); min-width: 64px; text-align: right; }
.pfc input[type="range"] { width: 100%; accent-color: var(--c-accent); }
@media (max-width: 520px) { .ccc .pfc-c { font-size: 8.5px; } .ccc .pfc-c i { display: none; } }
.ccc .pfc-range { flex-direction: column; align-items: stretch; gap: 8px; }
.pfc-slide { display: flex; align-items: center; gap: 12px; }
.pfc-slide input { flex: 1; }