.ko-fw{--bg:#07131a;--panel:#0d1b23;--line:#203844;--cyan:#61dced;--green:#67ef62;--white:#f7fbfd;--muted:#bdd0da;box-sizing:border-box;width:100%;max-width:560px;margin:0 auto;padding:14px;border:1px solid #183642;border-radius:15px;background:linear-gradient(145deg,#071118,#0b1820);color:var(--white);font-family:Arial,Helvetica,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.24)}
.ko-fw *{box-sizing:border-box}.ko-fw-main{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;padding:4px 4px 10px}.ko-fw-kicker{font-size:14px;font-weight:700;color:#c8d9e1;letter-spacing:.02em}.ko-fw-wind-icon{display:inline-block;color:var(--cyan);font-size:27px;line-height:10px;margin-right:7px;transform:rotate(-8deg)}
.ko-fw-wind{display:flex;align-items:baseline;gap:7px;margin-top:5px;line-height:1}.ko-fw-wind>span{font-size:55px;font-weight:800;color:var(--green);letter-spacing:-2px}.ko-fw-wind small{font-size:25px;font-weight:800}.ko-fw-dir{font-size:22px;font-weight:800;margin-top:5px}.ko-fw-dot{margin:0 7px;color:#9db4bf}
.ko-fw-compass{position:relative;width:132px;height:132px;margin:auto;border:2px solid #9bb3c0;border-radius:50%;box-shadow:inset 0 0 0 5px rgba(93,138,160,.12);background:radial-gradient(circle,#122734 0 18%,#0b1820 19% 100%)}.ko-fw-compass>span{position:absolute;font-weight:800;font-size:13px}.ko-fw-compass .n{top:7px;left:50%;transform:translateX(-50%)}.ko-fw-compass .s{bottom:6px;left:50%;transform:translateX(-50%)}.ko-fw-compass .e{right:8px;top:50%;transform:translateY(-50%)}.ko-fw-compass .w{left:7px;top:50%;transform:translateY(-50%)}
.ko-fw-compass:before,.ko-fw-compass:after{content:"";position:absolute;left:50%;top:19px;width:1px;height:92px;background:rgba(183,213,226,.22);transform-origin:center}.ko-fw-compass:after{transform:rotate(90deg)}.ko-fw-tick{position:absolute;left:50%;top:8px;width:1px;height:116px;background:linear-gradient(#8fa9b5 0 6px,transparent 6px 110px,#8fa9b5 110px);transform-origin:center}.ko-fw-tick.t1{transform:translateX(-50%) rotate(45deg)}.ko-fw-tick.t2{transform:translateX(-50%) rotate(90deg)}.ko-fw-tick.t3{transform:translateX(-50%) rotate(135deg)}.ko-fw-tick.t4{transform:translateX(-50%) rotate(0deg)}
.ko-fw-arrow{position:absolute;left:50%;top:50%;width:72px;height:22px;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 50%;transition:transform .5s ease}.ko-fw-arrow:before{content:"";position:absolute;left:3px;top:5px;width:55px;height:12px;background:linear-gradient(90deg,#61f05e,#2bd8e9);clip-path:polygon(0 50%,100% 0,78% 50%,100% 100%)}.ko-fw-center{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#24d7dd;transform:translate(-50%,-50%);box-shadow:0 0 12px #24d7dd}
.ko-fw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ko-fw-stat{position:relative;min-width:0;padding:10px 8px 9px 34px;border:1px solid #1b3440;border-radius:10px;background:linear-gradient(145deg,#10212a,#0b1820)}.ko-fw-stat>span{position:absolute;left:10px;top:9px;font-size:22px;font-weight:700}.ko-fw-stat small{display:block;color:#c4d6df;font-size:10px;font-weight:700;white-space:nowrap}.ko-fw-stat b{display:block;margin-top:5px;font-size:21px;line-height:1.05;white-space:nowrap}.ko-fw-stat b i,.ko-fw-stat b em{font-style:normal}.ko-fw-stat b em{font-size:12px}.ko-fw-blue{color:#17a8ff}.ko-fw-red{color:#ff514d}.ko-fw-cyan{color:var(--cyan)}
.ko-fw-bottom{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 4px 0;border-top:1px solid #20343e;color:#c4d1d7;font-size:12px}.ko-fw-live{font-weight:800;color:var(--green)}.ko-fw-live i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(103,239,98,.65)}.ko-fw-sep{width:1px;height:17px;background:#36505b}
@media(max-width:520px){.ko-fw{max-width:100%;padding:11px;border-radius:13px}.ko-fw-main{grid-template-columns:minmax(0,1fr) 118px}.ko-fw-compass{width:108px;height:108px}.ko-fw-wind>span{font-size:46px}.ko-fw-wind small{font-size:20px}.ko-fw-dir{font-size:18px}.ko-fw-grid{grid-template-columns:repeat(2,1fr)}.ko-fw-stat{padding-left:32px}.ko-fw-stat b{font-size:19px}}