/* v0.6.2: local badge/XP presentation only. Existing HUD anchors remain intact. */
body.playing #hud-xp-reward{position:absolute;right:0;top:52px;padding:3px 8px;border:1px solid #94deea9c;border-radius:10px;background:#19394cee;color:#c1f3ff;font-size:12px;font-weight:850;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .18s,transform .3s}
body.playing #hud-xp-reward.show{opacity:1;transform:translateY(0);animation:xp-arrive .4s ease-out}
.xp-reward{color:#a3e5ff!important;border-color:#5aa2bd!important}
body.playing .result-rewards{flex-wrap:wrap;gap:7px}
body.playing .result-rewards>span{flex:0 0 auto;white-space:nowrap;padding:7px 10px}
body.playing .type-grid{gap:7px;max-height:285px;overflow-y:auto;scrollbar-width:thin;padding:2px}
body.playing .type-grid:empty,body.playing .inactive-types:empty{display:none}
body.playing #hud-left .type-grid .synergy-entry{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;min-height:78px;padding:6px 3px 11px;gap:3px;text-align:center;border:2px solid var(--badge-color);border-radius:14px 14px 21px 21px;background:linear-gradient(150deg,#effff027 0%,transparent 38%),linear-gradient(165deg,color-mix(in srgb,var(--badge-color) 45%,#203249),#142234 80%);box-shadow:0 2px 3px #0009,inset 0 1px #fff8,inset 0 -4px #050e1c70,0 0 0 1px #0d1829;transition:filter .2s,border-color .2s}
body.playing .type-grid .synergy-entry::before{content:'';position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--badge-color) 62%,#f8efc9);border-radius:9px 9px 16px 16px;opacity:.55;pointer-events:none}
body.playing .type-grid .synergy-entry .type-symbol{width:29px;height:29px;box-shadow:inset 0 2px #fff5,inset 0 -3px #0003,0 1px 3px #0008;border:1px solid #fff8}
body.playing .type-grid .synergy-entry .type-symbol svg{width:20px;height:20px}
body.playing .type-grid .syn-top{flex-direction:row;align-items:baseline;gap:4px;font-size:10px;font-weight:800;line-height:14px}
body.playing .type-grid .syn-top b{font-size:13px;color:#fff1c2}
body.playing .type-grid .syn-top small{font-size:9px;color:#c0cfdd}
body.playing .badge-rank{position:absolute;top:7px;right:5px;color:#ffeeae;font-size:10px;text-shadow:0 1px #000}
body.playing .badge-progress{position:absolute;bottom:7px;display:flex;gap:2px;height:3px}
body.playing .badge-progress i{width:5px;background:#0a1422;box-shadow:0 1px #fff2;border-radius:1px}
body.playing .badge-progress i.lit{background:var(--badge-color);filter:brightness(1.6)}
body.playing .type-grid .tier-2{box-shadow:0 2px 4px #0009,inset 0 1px #fff8,inset 0 -4px #050e1c70,0 0 5px color-mix(in srgb,var(--badge-color) 65%,transparent)!important}
body.playing .type-grid .tier-3{border-color:#eed198!important;box-shadow:0 2px 4px #0009,inset 0 1px #fff8,inset 0 -4px #050e1c70,0 0 7px color-mix(in srgb,var(--badge-color) 70%,transparent)!important}
body.playing .inactive-types{display:flex;flex-wrap:wrap;gap:4px;padding:2px}
body.playing #hud-left .inactive-types .synergy-entry{display:flex;align-items:center;min-height:25px;height:25px;min-width:0;width:40px;padding:2px;gap:3px;border-radius:12px;background:#172338bf;border:1px solid #7b8d9b45;opacity:.67;box-shadow:none}
body.playing .inactive-types .type-symbol{width:18px;height:18px;filter:saturate(.55);box-shadow:inset 0 1px #fff4}
body.playing .inactive-types .type-symbol svg{width:13px;height:13px}
body.playing .inactive-types .syn-top>span,body.playing .inactive-types .syn-top small{display:none}
body.playing .inactive-types .syn-top b{font-size:11px;font-weight:650;color:#c4d1dc}
body.playing .synergy-entry:hover,body.playing .synergy-entry:focus-visible{filter:brightness(1.13);outline:1px solid #fff9;outline-offset:2px;opacity:1}
body.playing .synergy-details .active{border-color:var(--badge-color);box-shadow:inset 3px 0 var(--badge-color)}
body.playing .synergy-details .inactive{opacity:.7}
body.playing .synergy-entry.changed{animation:badge-change .38s ease-out}
@keyframes badge-change{0%{filter:brightness(1.5);transform:translateY(3px)}100%{filter:brightness(1);transform:translateY(0)}}
@keyframes xp-arrive{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:1500px){body.playing #hud-xp-reward{top:47px;font-size:11px}body.playing .type-grid{max-height:255px;gap:6px}body.playing #hud-left .type-grid .synergy-entry{min-height:73px;padding-top:5px}body.playing .type-grid .synergy-entry .type-symbol{width:27px;height:27px}body.playing #hud-left .inactive-types .synergy-entry{width:38px}}
@media(prefers-reduced-motion:reduce){body.playing .synergy-entry.changed,body.playing #hud-xp-reward.show{animation:none}}