.msa{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#04172A;box-shadow:0 30px 70px rgba(0,0,0,.38),0 0 0 1px rgba(244,231,197,.18)}
.msa-svg{display:block;width:100%;height:100%;font-family:"Avenir Next","Segoe UI","Helvetica Neue",ui-sans-serif,system-ui,sans-serif}
.msa-bg{fill:#06223A}
.msa-k{fill:#E9C97A;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.msa-s{fill:#9FB6BD;font-size:13px}
.msa-b{fill:#E6EEF0;font-size:15px;font-weight:600}
.msa-p{fill:#F4E7C5;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}
.msa-rail{stroke:rgba(244,231,197,.28);stroke-width:1.5}
.msa-card{fill:#FDFDF8;stroke:rgba(244,231,197,.5)}
.msa-cl{stroke:#B9C4C8;stroke-width:2.4;stroke-linecap:round}
.msa-on{fill:#3E8586;stroke:#8CC3BF;stroke-width:1.5}
.msa-late{fill:#E9C97A}
.msa-kept{fill:none;stroke:#E9C97A;stroke-width:2.5}
.msa-kdot{fill:#E9C97A}
.msa-broke{fill:none;stroke:#B98A5A;stroke-width:2.5}
.msa-tick{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.msa-tick.dk{stroke:#06223A}
.msa-broke+.msa-tick{stroke:#DDBE98}
.msa-track{fill:rgba(255,255,255,.08)}
.msa-fill.f1,.msa-fdot.f1{fill:#8CC3BF}.msa-fill.f2,.msa-fdot.f2{fill:#E9C97A}.msa-fill.f3,.msa-fdot.f3{fill:#5FA8A4}.msa-fill.f4,.msa-fdot.f4{fill:#BCCDD3}
.msa-gtrack{fill:none;stroke:rgba(255,255,255,.09);stroke-width:14;stroke-linecap:round}
.msa-garc{fill:none;stroke:url(#msaArc);stroke-width:14;stroke-linecap:round}
.msa-sun{fill:#E9C97A}
.msa-num{fill:#fff;font-size:54px;font-weight:700;letter-spacing:.01em}
.msa-grade{fill:#A9D6D0;font-size:30px;font-weight:700;letter-spacing:.06em}
.msa-row{fill:rgba(255,255,255,.05);stroke:rgba(244,231,197,.22)}
.msa-name{fill:#fff;font-size:18px;font-weight:600}
.msa-pill{fill:rgba(95,168,164,.14);stroke:rgba(169,214,208,.55)}
.msa-pdot{fill:#A9D6D0}
.msa-pg{fill:#A9D6D0;font-size:14px;font-weight:700}
.msa-pn{fill:#A9D6D0;font-size:13px;opacity:.8}