.hero-board{width:min(100%,360px);padding:10px 12px;border-radius:14px;background:#14101eb8;border:1px solid rgba(255,211,77,.5);text-align:left;font-size:13px}.hero-board .hb-head{font-weight:900;color:#ffd34d;margin-bottom:6px;letter-spacing:1px}.hero-board .hb-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hero-board .hb-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:3px 6px;border-radius:8px;background:#ffffff0f}.hero-board .hb-row.me{background:#ffd34d2e;box-shadow:inset 0 0 0 1px #ffd34d99}.hero-board .hb-row.empty{opacity:.45}.hero-board .hb-medal{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900;color:#3a2a10;box-shadow:inset 0 -2px #0000002e}.hero-board .hb-medal.m1{background:linear-gradient(#ffe68a,#f2b83a)}.hero-board .hb-medal.m2{background:linear-gradient(#f4f6f8,#b8c0c8)}.hero-board .hb-medal.m3{background:linear-gradient(#f0c8a0,#c8865a)}.hero-board .hb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.hero-board .hb-name i{font-weight:500;opacity:.7}.hero-board .hb-name em{font-style:normal;font-size:10px;padding:0 5px;border-radius:999px;background:#ffd34d;color:#2a1e00}.hero-board .hb-score{font-family:var(--font-mono, monospace);color:#ffd34d}.hero-board .hb-note{margin:6px 0 0;font-size:12px;opacity:.85}.hero-board .hb-form{margin-top:8px;display:grid;gap:4px}.hero-board .hb-form label{font-weight:700;color:#ffd34d}.hero-board .hb-form div{display:flex;gap:6px}.hero-board .hb-form input{flex:1;min-width:0;padding:6px 10px;border-radius:8px;border:1px solid var(--line, #444);background:#00000059;color:inherit;font:inherit;font-size:16px}.hero-board .hb-err{margin:0;color:#ff8a8a;font-size:12px}.hero-board .hb-ok{margin:6px 0 4px;color:#7ee07e;font-weight:700}