/* WPC analysis overlay: drawn independently above particles, below UI panels. */
#frontsCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.fronts-badge{position:absolute;z-index:4;left:20px;top:78px;max-width:min(480px,55vw);font-size:10px;font-weight:700;letter-spacing:.015em;color:#e2f6ff;border:1px solid #406682;border-radius:8px;background:#061928ea;padding:7px 10px;pointer-events:none;box-shadow:0 4px 15px #0005}
.fronts-badge[hidden]{display:none!important}
.fronts-mini-key{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px;color:#d1e4f3;font-size:11px}
.fronts-mini-key span{display:flex;align-items:center;gap:7px}
.fronts-mini-key i{width:21px;height:0;border-top:3px solid;flex:none}
.fronts-mini-key .fr-cold{border-color:#32a9ff}.fronts-mini-key .fr-warm{border-color:#ff5966}.fronts-mini-key .fr-occl{border-color:#c88aff}.fronts-mini-key .fr-stnry{border:0;height:3px;background:repeating-linear-gradient(to right,#32a9ff 0 7px,#ff5966 7px 14px)}
.fronts-source{display:inline-block;font-size:11px;color:#67dbf5;text-decoration:none;margin-top:8px}
#frontAnalysisGroup .toggle-row{margin-top:9px}
.obs-mode .fronts-badge{left:23px;top:108px;max-width:min(490px,70vw)}
@media(max-width:700px){.fronts-badge{top:55px;left:12px;max-width:65%;font-size:9px;padding:5px 7px}.obs-mode .fronts-badge{top:77px;left:10px;max-width:65%;font-size:9px}}