.fight-badge{display:inline-flex;flex:0 0 var(--badge-size,40px);width:var(--badge-size,40px);height:var(--badge-size,40px);vertical-align:middle;line-height:0}.fight-badge svg{width:100%;height:100%}.badge-editor{margin:20px 0;padding:20px;border:1px solid #34455d;border-radius:16px;background:#111a29;color:#eef3fc;text-align:left}.badge-editor h2{margin:0 0 8px;font-size:21px}.badge-editor p{color:#b6c5d8;line-height:1.5}.badge-editor fieldset{border:0;padding:0;margin:20px 0}.badge-editor legend{font-weight:700;margin-bottom:10px}.badge-preview{width:96px;height:96px;margin:16px auto}.badge-preview svg{width:100%;height:100%}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.badge-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;border:1px solid #34455d;border-radius:10px;padding:8px 4px;background:#182437;color:#e6edf8;cursor:pointer;font:inherit;font-size:11px}.badge-grid button svg{width:44px;height:44px}.badge-grid button[aria-pressed=true]{border-color:#9ddcff;box-shadow:0 0 0 2px #9ddcff}.badge-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.badge-colors label{display:grid;gap:7px;font-size:13px}.badge-colors select{width:100%;padding:11px;border:1px solid #425571;border-radius:8px;background:#152136;color:#e6edf8;font:inherit}.badge-editor button:focus-visible,.badge-editor select:focus-visible{outline:3px solid #c1a5ff;outline-offset:3px}.badge-editor [data-badge-save]{padding:12px 18px;border:1px solid #9ddcff;background:#244b68;color:white;border-radius:9px;font-weight:700;cursor:pointer}.badge-editor button:disabled{opacity:.6;cursor:wait}@media(max-width:380px){.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-editor{padding:14px}}