*{box-sizing:border-box}body{color:#fff;background:#0b1220;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.background{z-index:-1;background:radial-gradient(circle at 0 0,#00b7ff26,#0000 40%),radial-gradient(circle at 100% 100%,#00ffaa1f,#0000 40%);position:fixed;inset:0}.container{max-width:1300px;margin:auto;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:0;font-size:2.5rem}.subtitle{opacity:.7;margin-top:8px}.live-pill{color:#0fa;background:#00ffaa26;border:1px solid #00ffaa4d;border-radius:999px;padding:10px 18px;font-weight:700}.top-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:center;min-height:420px;padding:40px;display:flex}.hero-label{opacity:.7;font-size:1.1rem}.hero-value{margin:20px 0;font-size:5rem;font-weight:700}.progress-wrap{margin-top:20px}.progress-bar{background:#ffffff14;border-radius:999px;height:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:999px;width:0%;height:100%;transition:width .5s}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card,.wide-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:24px}.card-title{opacity:.7;margin-bottom:16px}.card-value{font-size:2rem;font-weight:700}.mini-bar{background:#ffffff14;border-radius:999px;height:12px;margin-top:18px;overflow:hidden}.mini-fill{background:linear-gradient(90deg,#0fa,#00c6ff);border-radius:999px;width:0%;height:100%;transition:width .5s}.compass-card{flex-direction:column;justify-content:center;align-items:center;display:flex}.compass{border:3px solid #ffffff26;border-radius:50%;width:140px;height:140px;margin-top:10px;position:relative}.compass-center{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-arrow{transform-origin:bottom;background:#0fa;border-radius:999px;width:4px;height:52px;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)rotate(0)}.wind-dir-text{margin-top:18px;font-size:1.5rem;font-weight:700}.bottom-grid{margin-top:24px}.status-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.status-item{background:#ffffff0d;border-radius:16px;padding:18px}.status-item span{opacity:.6;margin-bottom:10px;display:block}.status-item strong{font-size:1.5rem}@media (width<=1000px){.top-grid{grid-template-columns:1fr}.hero-value{font-size:4rem}.status-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.stats-grid,.status-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:12px}.hero-value{font-size:3rem}}