:root{--fondo-panel: rgba(18, 22, 28, .84);--texto: #e8ecf1;--tenue: #9aa5b1;--acento: #6cb4ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#9fb8cf}#visor,#visor canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#panel{position:fixed;top:12px;left:12px;width:290px;max-width:calc(100vw - 48px);max-height:calc(100vh - 24px);overflow-y:auto;padding:12px 16px;border-radius:10px;background:var(--fondo-panel);color:var(--texto);font-size:13px;backdrop-filter:blur(6px);box-shadow:0 4px 18px #00000040}#panel h1{font-size:14px;margin:0 0 6px;font-weight:600}.ui-minima #ficha{display:none}.tenue{color:var(--tenue);margin:0}.pie{margin:8px 0 0;font-size:11px;color:var(--tenue)}.pie summary{cursor:pointer}fieldset{border:1px solid rgba(255,255,255,.12);border-radius:8px;margin:8px 0;padding:6px 10px 8px}legend{color:var(--tenue);font-size:12px;padding:0 4px}.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0}select,button{background:#222933;color:var(--texto);border:1px solid #3a4452;border-radius:4px;padding:3px 8px;font-size:12px}button{cursor:pointer}button:hover{border-color:var(--acento)}button.activo{background:var(--acento);color:#0d1620;border-color:var(--acento);font-weight:600}#lista{list-style:none;margin:0;padding:0;max-height:40vh;overflow-y:auto}#lista li{display:flex;gap:8px;align-items:flex-start;padding:5px 2px;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}#lista li:hover{background:#6cb4ff14}#lista small{color:var(--tenue)}.prio{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;background:#3a4452}.prio.p1{background:#eb5757}.prio.p2{background:#f2994a}.prio.p3{background:#f2c94c;color:#222}#stats{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:8px 0 0;font-size:12px}#stats dt{color:var(--tenue)}#stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#ficha{position:fixed;right:12px;top:12px;width:300px;max-width:calc(100vw - 24px);padding:10px 14px;border-radius:10px;background:var(--fondo-panel);color:var(--texto);font-size:13px;backdrop-filter:blur(6px);box-shadow:0 4px 18px #0000004d}#ficha header{display:flex;justify-content:space-between;align-items:center;gap:8px}#ficha header button{background:none;border:none;color:var(--tenue)}#ficha dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0 0}#ficha dt{color:var(--tenue)}#ficha dd{margin:0}#cargando{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:8px;background:var(--fondo-panel);color:var(--texto);font-size:14px}#error{position:fixed;inset:auto 12px 12px;padding:12px 14px;border-radius:8px;background:#5c1d1d;color:#fff;font-size:14px;white-space:pre-wrap}#panel{width:330px}#reloj{font-variant-numeric:tabular-nums;font-size:13px;margin:4px 0 2px}#escenario{width:100%}#datos{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0;font-size:12px}#datos dt{color:var(--tenue)}#datos dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#datos .n{display:inline-block;min-width:22px;margin-left:4px;padding:0 4px;border-radius:3px;text-align:center;color:#1a1a1a;font-weight:600}.n.amarillo{background:#f2c94c}.n.naranja{background:#f2994a}.n.rojo{background:#eb5757;color:#fff}#grafica{width:100%;height:200px;display:block;border-radius:6px;cursor:crosshair;touch-action:none}#leyenda{font-size:11px;color:var(--tenue);gap:10px}#leyenda i.partida{background:linear-gradient(90deg,#8cc7fa 50%,#2fb36d 50%)}#ctl-edificios.grupo{display:flex;gap:8px;align-items:center}#ctl-viario{display:flex;gap:4px;align-items:center;font-size:12px;cursor:pointer}#leyenda i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}#opacidad,#transparencia{width:90px}#panel-alertas{position:fixed;top:12px;right:12px;width:310px;max-width:calc(100vw - 24px);max-height:55vh;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--fondo-panel);color:var(--texto);font-size:13px;backdrop-filter:blur(6px);box-shadow:0 4px 18px #0000004d}#panel-alertas header{display:flex;align-items:center;gap:8px}#panel-alertas .derecha{margin-left:auto;display:flex;gap:4px}a.boton{background:#222933;color:var(--texto);border:1px solid #3a4452;border-radius:4px;padding:2px 7px;font-size:11px;text-decoration:none}a.boton:hover{border-color:var(--acento)}#alertas{overflow-y:auto;min-height:40px}#alertas .vacio{color:var(--tenue);padding:8px 2px}.alerta{display:grid;gap:1px;padding:6px 8px 6px 10px;margin:4px 0;border-radius:6px;background:#ffffff0a;border-left:4px solid #9aa4b5;cursor:pointer}.alerta:hover,.alerta.activa{background:#6cb4ff1f}.alerta small{color:var(--tenue)}.alerta span{font-size:12px}.alerta.amarillo{border-left-color:#f2c94c}.alerta.naranja{border-left-color:#f2994a}.alerta.rojo{border-left-color:#eb5757}.alerta.prevista{border-left-style:dashed}.alerta.finalizada{opacity:.5}.sin-alertas #panel-alertas{display:none}#ficha{top:auto;bottom:12px}.ui-minima #panel{display:block;width:260px}.ui-minima .solo-completa,.ui-minima #panel h1,.ui-minima #panel-alertas{display:none}@media (max-width: 760px){#panel-alertas{top:auto;bottom:12px;max-height:30vh}#panel{max-height:60vh}}