.coverage-grid{position:relative;min-height:220px;width:100%;background-color:#171a1b;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;padding:12px;display:grid;gap:8px;overflow:hidden}.coverage-zone{position:relative;min-width:0;min-height:70px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:rgba(255,255,255,.02)}.heat-beam{position:absolute;inset:14%;background:radial-gradient(ellipse at center,rgba(255,177,91,.68),rgba(233,107,38,.28) 48%,rgba(233,107,38,0) 76%)}.heater-marker{position:relative;z-index:2;width:46%;height:14px;border-radius:8px;background:linear-gradient(#3f4243,#111);border:1px solid #777;box-shadow:0 3px 10px #000;display:grid;place-items:center}.heater-marker em{width:72%;height:4px;background:#ff9b42;box-shadow:0 0 7px #ff7a24}.coverage-zone.vertical .heater-marker{transform:rotate(90deg)}.coverage-zone.vertical .heat-beam{inset:8% 23%}.coverage-zone small{position:absolute;right:8px;bottom:6px;color:#aaa;font-size:.68rem}.coverage-legend{display:flex;align-items:center;gap:8px;margin:9px 0 0;color:#777;font-size:.72rem}.coverage-legend span{width:30px;height:8px;border-radius:4px;background:linear-gradient(#4b4e4f,#17191a);border:1px solid #888;box-shadow:inset 8px 0 #ff9b42}@media(max-width:850px){.coverage-grid{min-height:180px}.heater-marker{width:56%}}
