.badge-showcase{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 20px}.showcase-slot{flex:1;min-width:125px;padding:12px;border:1px solid #173f3240;background:#fff7e5;border-radius:12px}.showcase-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.badge-chip{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem}.badge-icon{--badge:#628c74;display:inline-grid;place-items:center;flex-shrink:0;width:48px;height:52px;border:2px solid var(--badge);border-radius:14px 14px 20px 20px;background:#f9f2db;color:var(--badge);box-shadow:inset 0 0 0 3px #fff8}.badge-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rarity-uncommon{--badge:#227b83}.rarity-rare{--badge:#7055b3}.rarity-epic{--badge:#b45f2e}.rarity-legacy{--badge:#997015;background:linear-gradient(130deg,#fff0ad,#f1c555,#fff4c4);transform:rotate(-4deg);box-shadow:0 0 0 3px #e6be5730}.badge-category{border-top:1px solid #173f3233;padding:12px 0}.badge-category summary{font-weight:800;cursor:pointer;padding:8px 0}.badge-item{display:flex;gap:16px;padding:14px 0}.badge-item h4{margin:0 0 5px;font-size:1rem}.badge-item p{margin:6px 0;line-height:1.4;font-size:.85rem}.badge-item small{font-size:.65rem;letter-spacing:.08em}.badge-item.locked .badge-icon{filter:grayscale(1);opacity:.5}.badge-item progress{width:min(220px,100%);height:7px;accent-color:#24664c;display:block;margin:10px 0}.badge-progress{font-weight:700}.badge-notice{font-size:.8rem!important;padding:10px;border:1px solid #b99c46;border-radius:8px;background:#fff0ba;color:#173f32!important}.opponent-badges{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.opponent-badges .badge-chip>span:last-child{display:none}.opponent-badges .badge-icon{width:27px;height:30px;border-radius:8px}.opponent-badges svg{width:20px;height:20px}.profile-link{text-decoration:underline;cursor:pointer;font:inherit;color:inherit;background:none;border:0;padding:0}.opponent-showcases{display:flex;justify-content:space-around;gap:12px;margin:8px 0}.public-profile-form{display:flex;gap:8px;flex-wrap:wrap}.public-profile-form input{min-width:0;flex:1}#public-profile-dialog p{line-height:1.5}
.showcase-actions{flex-wrap:wrap}.showcase-actions button{min-width:44px;min-height:44px}.badge-item button{min-height:44px}
@media(max-width:600px){.showcase-slot{min-width:95px;padding:8px}.showcase-slot .badge-chip{flex-direction:column;align-items:flex-start}.showcase-actions{gap:4px}.showcase-actions button{font-size:.7rem}.badge-item{gap:12px}}