/* EVOLVE 035 — responsive predictive controller */
.predictive-lab{margin:24px 0;padding:clamp(13px,2.5vw,25px);border:1px solid #2d4c60;border-radius:12px;background:linear-gradient(135deg,#101f2d,#0b1825);color:#cce2ef}
.predictive-lab header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.predictive-lab h2{margin:0;color:#e3f5ff;font-size:clamp(1.2rem,2.2vw,1.65rem)}
.predictive-lab header p{margin:0;line-height:1.55;max-width:850px;color:#9eb8ca}
.predictive-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:15px}
.predictive-settings label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;letter-spacing:.025em;color:#b2c9d8}
.predictive-settings input:not([type=checkbox]),.predictive-settings select{min-width:0;width:100%;height:37px;background:#0b1723;color:#e4f3fc;border:1px solid #355269;border-radius:6px;padding:5px 8px;font:inherit}
.predictive-settings .pc-check{flex-direction:row;align-items:center;gap:8px}
.pc-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.pc-actions button{min-height:37px;border-radius:6px;border:1px solid #355469;background:#132c3e;color:#d8f0ff;padding:7px 10px;cursor:pointer;font:inherit;font-size:.77rem}
.pc-actions button.primary{background:#276785;color:#fff;border-color:#3b9cbe}
.pc-actions button:disabled{opacity:.4;cursor:default}
.pc-progress{display:flex;align-items:center;gap:12px;margin:10px 0;color:#9ddded}
.pc-progress progress{flex:1;height:9px;accent-color:#75d5e9}
.pc-map-wrap{position:relative;border:1px solid #335066;border-radius:8px;overflow:hidden;background:#091826}
#pc-map{display:block;width:100%;height:auto;aspect-ratio:900/480;touch-action:pan-y;outline-offset:-3px}
.pc-legend{padding:7px 10px;color:#a2c7d8;font-size:.69rem;letter-spacing:.06em;background:#0a1722}
.pc-replay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0;font-size:.76rem}
.pc-replay input{width:100%;accent-color:#80e3f1}
.pc-replay output{min-width:94px;text-align:right;font-variant-numeric:tabular-nums}
.pc-metrics{display:grid;gap:5px;font-size:.8rem;color:#c6e0eb}
.pc-metrics p{margin:0;padding:8px 10px;background:#112b3b;border-left:2px solid #62bdcf;border-radius:4px;overflow-wrap:anywhere}
.pc-status{margin:12px 0 0;color:#a9c6d6;font-size:.78rem;min-height:1.3em}
.predictive-lab :focus-visible{outline:2px solid #8deaff;outline-offset:2px}
@media(max-width:600px){.predictive-lab{padding:11px;margin:15px 0}.predictive-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pc-actions button{font-size:.69rem;padding:8px 4px}.pc-replay{grid-template-columns:1fr auto}.pc-replay input{grid-column:1/-1;grid-row:2}.pc-replay output{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){.predictive-lab *{scroll-behavior:auto!important;transition:none!important}}