/* Engraved achievement collection. Metal tiers remain recognizable while locked. */
.nt-badge{display:block;max-width:100%;height:auto;overflow:visible;flex-shrink:0;filter:drop-shadow(0 4px 5px #0008)}
.nt-badge-milestone{font:700 6px Arial,sans-serif;letter-spacing:1.2px}
.nt-badge-roman{font:800 8px Georgia,serif;letter-spacing:1px}
.nt-badge-platinum{filter:drop-shadow(0 0 5px #579adf33) drop-shadow(0 5px 5px #0008)}
.nt-badge-diamond{filter:drop-shadow(0 0 7px #7bceef55) drop-shadow(0 5px 5px #0008)}
.nt-badge.is-locked{filter:saturate(.65) brightness(.65) drop-shadow(0 3px 4px #0008);opacity:.88}
.nt-badge.is-locked .nt-badge-emblem{opacity:.35}
.nt-badge-sweep{animation:badge-light-sweep 8s ease-in-out infinite;transform:translateX(-160px)}
.nt-badge-spark{transform-box:fill-box;transform-origin:center;animation:badge-sparkle 5s ease-in-out infinite}
.nt-badge-spark-1{animation-delay:1.4s}.nt-badge-spark-2{animation-delay:2.8s}.nt-badge-spark-3{animation-delay:3.7s}
.nt-badge.is-locked .nt-badge-sweep,.nt-badge.is-locked .nt-badge-spark{animation:none;opacity:0}
.hb-med,.ha-list .hb-med{background:none;box-shadow:none;border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;width:88px;height:99px;font-size:inherit;flex-shrink:0}
.hb-pin .hb-med{width:76px;height:86px}.ha-list .hb-med{width:60px;height:68px}
.hb-b.locked .hb-med,.ha-list li:not(.got) .hb-med{filter:none;opacity:1}
.hb-b{padding-top:18px;gap:5px;min-height:238px;background:linear-gradient(160deg,#152c47,#0a1a30);border-color:#34445c}
.hb-b.got{background:radial-gradient(ellipse at 50% 0,#b8994319,transparent 65%),linear-gradient(160deg,#172d48,#0a192e)}
.hb-b.pinned{box-shadow:inset 0 1px #ffdf7b66,0 0 0 2px #e7be4433}
.hb-b:focus-visible{outline:3px solid #ffe29b;outline-offset:4px}
.hb-n{font-size:.83rem;color:#e5edf9}.hb-d{max-width:24ch;line-height:1.45}.hb-b .rw-bar{margin-top:auto}.hb-c{margin-top:auto}
.hb-pin{padding:10px 5px;min-height:144px;border:1px dashed #5e728c66;border-radius:14px;background:#0b1a2e}
.hb-pin.on{border:1px solid #b49854;background:radial-gradient(ellipse at 50% 25%,#d2b26d16,#0a192e 80%)}
.hb-pin .hb-pn{color:#e1eaf7;font-size:.7rem;max-width:100%;overflow-wrap:anywhere}.hb-pin .badge-tier{font-size:.44rem;letter-spacing:.04em}
.badge-tier{display:block;font-size:.55rem;font-weight:750;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#d7aa7a}
.badge-tier-silver{color:#c5d4e5}.badge-tier-gold{color:#f2cc69}.badge-tier-platinum{color:#bad3f8}.badge-tier-diamond{color:#a7ecfa}
.badge-tier-guide{padding:18px 12px 16px;margin:18px 0 22px;border:1px solid #354864;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#233952,#0a192e 75%)}
.badge-guide-heading{margin:0 0 14px;text-align:center;color:#cfb773;font-size:.57rem;font-weight:750;letter-spacing:.2em}
.badge-tier-scale{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.badge-tier-scale li{list-style:none!important;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;position:relative;min-width:0}
.badge-tier-scale li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 40px);right:calc(-50% + 40px);height:1px;background:linear-gradient(90deg,#9c825133,#a9dbff55);top:38px}
.badge-tier-scale strong{color:#dbe7f5;font-size:.69rem;letter-spacing:.03em}.badge-tier-scale span{color:#9daec5;font-size:.56rem;line-height:1.3}
.badge-scale-diamond strong{color:#a7ecfa}.badge-scale-gold strong{color:#f2cc69}.badge-scale-bronze strong{color:#d7aa7a}
.ha-list li{background:#10223a;border:1px solid #2b405d;grid-template-columns:60px minmax(0,1fr) minmax(100px,180px);padding:12px 14px}
.ha-list li.got{background:linear-gradient(120deg,#1c324b,#10223a)}
.ha-list .badge-row-platinum{border-color:#607a9b77}.ha-list .badge-row-diamond{border-color:#80c5e780}
.ha-t .badge-tier{font-size:.5rem;margin:3px 0;color:#d7aa7a}.ha-t .badge-tier-silver{color:#c5d4e5}.ha-t .badge-tier-gold{color:#f2cc69}.ha-t .badge-tier-platinum{color:#bad3f8}.ha-t .badge-tier-diamond{color:#a7ecfa}
.ha-t strong{font-size:.9rem;color:#e7eef9}.ha-t span:not(.badge-tier){font-size:.76rem;line-height:1.4}
.rw-ic.rw-badge-icon{width:60px;height:68px;flex:0 0 60px;background:none;border-radius:0;overflow:visible}
.rw-toast.badge-toast-bronze{border-color:#b98a5e}.rw-toast.badge-toast-silver{border-color:#b3c6da}.rw-toast.badge-toast-gold{border-color:#e8bf51}.rw-toast.badge-toast-platinum{border-color:#91b7e6}.rw-toast.badge-toast-diamond{border-color:#9be5f5;box-shadow:0 12px 38px #0008,0 0 20px #5cc9ed22}
.rw-tx .badge-toast-tier{font-size:.57rem;text-transform:uppercase;letter-spacing:.12em;color:#c9dff4;margin-top:4px}
@keyframes badge-light-sweep{0%,60%{transform:translateX(-160px)}87%,100%{transform:translateX(240px)}}
@keyframes badge-sparkle{0%,25%,70%,100%{opacity:.2;transform:scale(.7)}40%,50%{opacity:1;transform:scale(1.15)}}
@media(max-width:560px){
 .hub-badges{padding:16px 12px}.hb-grid{gap:8px}.hb-b{padding:12px 7px;min-height:234px}.hb-n{font-size:.76rem}.hb-d{font-size:.65rem}
 .hb-pinned{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hb-pin{min-height:139px}
 .badge-tier-guide{padding:14px 7px}.badge-guide-heading{font-size:.47rem;letter-spacing:.1em}
 .badge-tier-scale{gap:3px}.badge-tier-scale .nt-badge{width:48px}.badge-tier-scale strong{font-size:.51rem}.badge-tier-scale span{display:none}.badge-tier-scale li:after{display:none}
 .ha-list li{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:10px}.ha-list .hb-med{width:50px;height:57px}.ha-r{grid-column:2;display:grid;grid-template-columns:1fr auto;text-align:left;gap:5px}.ha-r .rw-bar{grid-column:1/-1}.ha-t strong{font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){.nt-badge *{animation:none!important;transition:none!important}.nt-badge-sweep{opacity:0}.nt-badge-spark{opacity:.65}.hb-b{transition:none}.hb-b:hover{transform:none}}
