.sf-chain{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.sf-chip{display:inline-flex;gap:6px;align-items:center;border:2px solid;border-radius:99px;padding:4px 12px;font-size:13px;color:#16344c}
.sf-chip.ok{background:#e6f6ec;border-color:#2c9b6c}.sf-chip.miss,.sf-chip.bad{background:#fde9e7;border-color:#d94d4d}.sf-chip.na{background:#eef1f3;border-color:#8a97a3;color:#56636d}
.sf-hud{position:absolute;right:12px;top:10px;z-index:3;background:#16344c;color:#fff;border-radius:99px;padding:5px 14px;font:700 12px "JetBrains Mono",monospace;display:flex;gap:10px;align-items:center}
.sf-hud i{display:block;width:90px;height:7px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}.sf-hud b{display:block;height:100%;background:#f3c84b}
.sf-3d{padding-top:0}
.sf-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:end;margin-top:10px}.sf-bar .lk-f{margin:0;flex:1 1 200px}.sf-btns{margin:0;align-items:center}
.sf-out{margin:10px 2px 0;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#16344c;background:#fff;border:1px solid var(--line)}
.sf-out.good{background:#eef9f1;border-color:#9fd2ae}.sf-out.bad{background:#fdf1ef;border-color:#e6b0a8}.sf-out.mid{background:#fff8e6;border-color:#e6c75a}