/* Rare hand-granted DPL badges, deliberately separate from MVP and predictions. */
.dpl-special-achievements { position: relative; }
.dpl-special-achievements-list {
    display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px; padding: 2px 0 8px;
}
.dpl-special-achievement {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px;
    width: 104px; min-width: 0; color: #e8d8ae; text-align: center; cursor: help;
    outline: none;
}
.dpl-special-achievement-image-wrap {
    position: relative; display: grid; place-items: center; width: 86px; height: 86px;
    padding: 8px; border: 1px solid rgba(212,167,67,.45); border-radius: 10px;
    background: radial-gradient(circle at 50% 15%,rgba(160,121,43,.2),transparent 70%),linear-gradient(145deg,#1c1b19,#11151a);
    box-shadow: inset 0 1px 0 rgba(239,197,100,.12),0 6px 18px rgba(0,0,0,.19);
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.dpl-special-achievement-image { width: 100%; height: 100%; object-fit: contain; }
.dpl-special-achievement > strong {
    display: block; width: 100%; font-weight: 700; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere;
}
.dpl-special-achievement-count {
    position:absolute; right:-6px; bottom:-5px; padding: 2px 6px; border-radius:5px;
    background: #261f13; color:#f2cd73; border:1px solid #b69040; font-size:11px; font-weight:900;
}
.dpl-special-achievement-tooltip {
    position: absolute; bottom: calc(100% + 10px); left: 50%; z-index: 12;
    width: min(260px, 80vw); padding: 11px 13px; border-radius: 8px; text-align:left;
    border: 1px solid rgba(213,166,66,.62); background: #15191f;
    box-shadow: 0 10px 30px rgba(0,0,0,.48); color: #dadcdd;
    opacity: 0; visibility: hidden; pointer-events:none; transform: translate(-50%, 5px);
    transition: opacity .15s, transform .15s, visibility .15s;
}
.dpl-special-achievement-tooltip b { display:block; color:#f4cf79; font-size:13px; margin-bottom:4px; }
.dpl-special-achievement-tooltip span { display:block; font-size:12px; line-height:1.45; white-space:pre-line; overflow-wrap:anywhere; }
.dpl-special-achievement-tooltip small { display:block; color:#9ca6b3; margin-top:8px; font-size:11px; }
.dpl-special-achievement:hover .dpl-special-achievement-image-wrap,
.dpl-special-achievement:focus-visible .dpl-special-achievement-image-wrap {
    border-color: #ecc575; transform: translateY(-2px); box-shadow: 0 0 18px rgba(211,156,47,.15);
}
.dpl-special-achievement:hover .dpl-special-achievement-tooltip,
.dpl-special-achievement:focus .dpl-special-achievement-tooltip {
    opacity:1; visibility:visible; transform:translate(-50%,0);
}
@media(max-width:600px) {
    .dpl-special-achievements-list { gap: 13px; }
    .dpl-special-achievement { width: 85px; }
    .dpl-special-achievement-image-wrap { width:74px; height:74px; }
}