*{box-sizing:border-box}html,body{height:100%;margin:0;font:14px Arial;background:#071a35;color:#eef}body{display:grid;grid-template-rows:62px minmax(0,1fr);overflow:hidden}header{display:flex;align-items:center;gap:25px;padding:10px 18px;background:#061a38;border-bottom:1px solid #315d86;z-index:1500}header b{font-size:20px}header small{display:block;font-size:9px;color:#aac3da}header>a:last-child{margin-left:auto}.aemet-header-link,header>a{color:#8fd1ff;text-decoration:none;font-weight:700}.aemet-header-link:hover,header>a:hover{color:#fff;text-decoration:underline}main{display:grid;grid-template-columns:315px minmax(0,1fr);min-height:0}aside{padding:14px;overflow:auto;background:#0b2545;border-right:1px solid #315d86;z-index:1100}h1{font-size:21px;margin:0}.card{background:#113154;border:1px solid #356b99;border-radius:10px;padding:12px;margin:11px 0}.card h2{font-size:12px;text-transform:uppercase;color:#a9d9ff}.card label{display:block;margin:8px}.card select,.card button{width:100%;padding:9px;background:#092440;color:#fff;border:1px solid #4f88b4;border-radius:7px}.periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.periods button.active{background:#1682c5}.periods button[hidden]{display:none}.line{display:flex;justify-content:space-between;margin-top:12px}.card input[type=range]{width:100%}#periodInfo,#status{font-size:11px;color:#c7dced;line-height:1.4;overflow-wrap:anywhere}.mapwrap{position:relative;min-width:0;min-height:0;overflow:hidden}#map{height:100%;background:#dce4e9}#menu{display:none}#badge,#times,#legend,#probe{position:absolute;z-index:700;border:1px solid #3f76a3;border-radius:8px;box-shadow:0 3px 13px #0005}#badge{top:12px;left:12px;background:#071a35ed;padding:9px;font-weight:bold}#times{top:12px;left:50%;transform:translateX(-50%);background:#071a35ed;padding:8px 14px;font-size:12px;text-align:center;white-space:nowrap;pointer-events:none;max-width:calc(100% - 220px);overflow:hidden;text-overflow:ellipsis}#legend{right:12px;bottom:78px;background:#fffffff2;color:#17304b;padding:8px;max-width:65%}.legendrow{display:flex;overflow:auto}.legenditem{font-size:10px;text-align:center;min-width:42px}.swatch{height:18px}#probe{pointer-events:none;background:#071a35f2;color:#fff;padding:7px;white-space:nowrap;will-change:transform;contain:layout paint style}.timeline{position:absolute;z-index:800;left:0;right:0;bottom:0;display:grid;grid-template-columns:38px 38px 38px minmax(80px,1fr) auto auto;gap:8px;align-items:center;padding:10px;background:#071a35f5}.timeline button{height:36px;background:#123556;color:#fff;border:1px solid #4b7fa7;border-radius:7px}.tile-dark{filter:invert(92%) hue-rotate(180deg) brightness(65%) contrast(110%)}.leaflet-image-layer{transition:none!important}.leaflet-zoom-animated{will-change:transform}@media(max-width:780px){body{grid-template-rows:54px minmax(0,1fr)}header{gap:10px;padding:7px 10px}header b{font-size:17px}header small{display:none}.aemet-header-link{font-size:12px;white-space:nowrap}header>a:last-child{font-size:12px}main{display:block;position:relative}aside{position:absolute;inset:0 auto 0 0;width:min(330px,88vw);transform:translateX(-105%);transition:transform .2s;box-shadow:8px 0 24px #0008}aside.open{transform:none}.mapwrap{height:100%}#menu{display:block;position:absolute;z-index:1300;top:10px;left:10px;width:42px;height:42px}#badge{display:none}#times{top:8px;left:62px;right:8px;transform:none;max-width:none;padding:7px 9px;font-size:10px;text-align:left;white-space:normal;line-height:1.35}#legend{left:8px;right:8px;bottom:86px;max-width:none;padding:6px}.timeline{height:78px;grid-template-columns:34px 34px 34px minmax(60px,1fr);grid-template-rows:34px 24px;gap:4px 6px;padding:6px 8px}.timeline #clock{grid-column:1/4;font-size:10px}.timeline #count{grid-column:4;font-size:10px;text-align:right}.timeline input{grid-column:4;grid-row:1}#probe{max-width:calc(100% - 16px);font-size:11px}.leaflet-control-zoom{margin-top:62px!important}}@media(max-width:440px){header b{font-size:15px}.aemet-header-link{font-size:11px}header>a:last-child{display:none}#times{font-size:9px}.legenditem{min-width:36px}}