.medal-details{--md-bg:#fff;--md-text:#172033;--md-muted:#52617a;--md-line:#dce3ee;--md-card:#f5f7fb;color:var(--md-text);background:var(--md-bg);border:1px solid var(--md-line);border-radius:18px;padding:0;width:min(640px,calc(100% - 24px));max-height:85vh;max-height:85dvh;box-shadow:0 24px 80px #0006;overflow:hidden}
.medal-details[open]{display:flex;flex-direction:column}
.medal-details::backdrop{background:#071326aa}
.medal-details-dark{--md-bg:#111c30;--md-text:#f1f5f9;--md-muted:#c1cce0;--md-line:#35445f;--md-card:#1a2942}
.medal-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--md-line);flex-shrink:0}
.medal-details-header p,.medal-details-note{font-size:12px;color:var(--md-muted);line-height:1.5}
.medal-details-header h2{font-size:20px;font-weight:800;overflow-wrap:anywhere;margin-top:4px}
.medal-details-header button{background:var(--md-card);border:1px solid var(--md-line);border-radius:10px;min-width:44px;min-height:44px;cursor:pointer;color:inherit}
.medal-details-body{padding:20px;overflow:auto;overscroll-behavior:contain}
.medal-details-total{font-weight:700;font-size:14px}
.medal-details-counts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.medal-details-counts span{padding:8px 12px;border-radius:10px;font-size:13px}
.medal-details-gold{background:#fef3c7;color:#854d0e}.medal-details-silver{background:#e2e8f0;color:#334155}.medal-details-bronze{background:#ffedd5;color:#9a3412}
.medal-details-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.medal-details-list li{background:var(--md-card);border:1px solid var(--md-line);padding:14px;border-radius:12px;overflow-wrap:anywhere}
.medal-details-badge{display:inline-block;border-radius:6px;padding:3px 8px;font-weight:700;font-size:12px}
.medal-details-path{color:var(--md-muted);font-size:12px;margin-left:6px}
.medal-details-list h3{font-size:14px;line-height:1.45;font-weight:700;margin:8px 0 4px}
.medal-details-list p{font-size:14px}.medal-details-list small{display:block;color:var(--md-muted);margin-top:6px;font-size:12px}
.medal-details :focus-visible{outline:3px solid #818cf8;outline-offset:2px}
@media(max-width:480px){.medal-details-header,.medal-details-body{padding:14px}.medal-details-header h2{font-size:18px}}