/* Collectible medals follow the arena's navy, ice blue and gold palette. */
#history-toggle.has-new-achievement::after{content:'';display:inline-block;background:#f4d382;width:6px;height:6px;border-radius:50%;margin-left:5px;vertical-align:middle}
#achievement-reward[hidden],#achievement-album[hidden],#record-panels[hidden],#achievement-detail[hidden]{display:none!important}
#achievement-reward{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:12px;background:#29494c;border-radius:9px;margin:12px 0;color:#f6f9fc}
#achievement-reward img{width:100px;height:100px;object-fit:contain}
#achievement-reward h3{font-size:18px;margin:3px 0;color:#f7d88f}
#achievement-reward small{font-size:11px;color:#f4d382}
#challenge-result #achievement-reward p{font-size:11px;line-height:1.6;color:#dcebf3;margin:4px 0 8px}
#challenge-result .achievement-claim,#records .achievement-claim{float:none;background:#f4d382;color:#153b53;border:0;border-radius:6px;font-size:12px;font-weight:700;padding:10px 13px;min-height:42px;margin:0}
#achievement-next{margin:12px 0 16px;padding:10px 12px;text-align:left;background:#12364e;border-radius:7px}
#challenge-result .achievement-next-target{display:flex;align-items:center;gap:9px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:#eff8ff}
#achievement-next img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;filter:grayscale(1);opacity:.6}
#achievement-next .achievement-next-target>span{min-width:0;flex:1}
#achievement-next small{display:block;color:#bdd9e8;font-size:10px}
#achievement-next strong{display:block;color:#f4d382;font-size:13px;margin-top:2px}
#achievement-next .achievement-next-target>b{font-size:12px;color:#e1f4ff;white-space:nowrap}
#challenge-result #achievement-next p{font-size:11px;line-height:1.7;color:#c7dfea;margin:7px 0 0;overflow-wrap:anywhere}
#achievement-next .achievement-next-complete{font-size:12px;color:#f4d382;text-align:center}
@media(max-width:380px){#achievement-next .achievement-next-target{flex-wrap:wrap}#achievement-next .achievement-next-target>b{flex-basis:100%;padding-left:57px}}
#records{width:min(880px,94vw);max-height:88dvh;overflow-y:auto}
#records #records-title{font-size:23px;padding-bottom:12px}
#records .record-tabs{clear:both;display:flex;gap:24px;border-bottom:1px solid #537b94;padding:0;margin:0 0 22px}
#records .record-tabs button{float:none;color:#d0e6f4;padding:10px 0;border-bottom:2px solid transparent;margin:0;min-height:44px;font-size:14px}
#records .record-tabs button[aria-selected=true]{color:#f4d382;border-color:#f4d382;font-weight:700}
#records .achievement-book-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
#records #achievement-count{color:#d1e6f3;font-size:14px}
#records #achievement-worn{display:flex;align-items:center;gap:10px;color:#c4deee;font-size:12px}
#records #achievement-worn img{width:55px;height:55px;object-fit:contain}
#records .achievement-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 10px}
#records #achievement-personal{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
#records .achievement-group-title{font-size:13px;color:#bdd9e8;margin:22px 0 12px;font-weight:500}
#records .achievement-tile{float:none;display:block;padding:10px 2px;min-width:0;text-align:center;border:0;border-radius:8px;margin:0;color:#f2f8fc;background:transparent}
#records .achievement-tile img{width:86px;height:86px;object-fit:contain;display:block;margin:0 auto 8px}
#records .locked img{filter:grayscale(1);opacity:.38}
#records .achievement-tile strong{font-size:12px;display:block;overflow-wrap:anywhere}
#records .achievement-tile small{font-size:11px;color:#b4cddd;display:block;margin-top:5px}
#records .achievement-tile.new{background:#2c494b}
#records .achievement-tile.new small{color:#f4d382}
#records #achievement-storage{border-top:1px solid #537b94;padding-top:16px;font-size:11px;line-height:1.7;color:#c3dce9;margin:0}
#records .achievement-back{float:none;color:#c3dce9;margin:0;padding:8px 0;min-height:44px;text-decoration:underline}
#records .achievement-detail-hero{text-align:center;margin:12px 0 26px}
#records .achievement-detail-hero img{width:210px;height:210px;object-fit:contain;max-width:100%}
#records .achievement-detail-hero h2{font-size:26px;color:#f4d382;margin:12px 0 4px}
#records .achievement-detail-hero p{font-size:12px;color:#bdd9e8;margin:0}
#records .achievement-condition{border-top:1px solid #537b94;padding:18px 0 25px}
#records .achievement-condition h3{font-size:14px;margin:0 0 10px}
#records .achievement-condition p{font-size:12px;line-height:1.8;color:#d1e5ef;margin:10px 0}
#records .achievement-progress-label{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:12px}
#records .achievement-condition progress{width:100%;height:8px;display:block;margin-top:7px;appearance:none;border:0;background:#35576a;border-radius:4px;overflow:hidden}
#records progress::-webkit-progress-bar{background:#35576a}#records progress::-webkit-progress-value{background:#71d6f6}#records progress::-moz-progress-bar{background:#71d6f6}
#records .achievement-characters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#records .achievement-characters span{background:#2c494b;color:#f4d382;padding:5px 13px;border-radius:4px;font-size:18px}
#ranking .ranking-player{display:flex;align-items:center;gap:8px;min-width:0;white-space:normal}
#ranking img.ranking-achievement{width:34px;height:34px;flex:0 0 34px;object-fit:contain;margin:0}
#ranking .ranking-player-id{display:block;min-width:0;overflow-wrap:anywhere}


@media(max-width:700px){#records{padding:22px 17px;width:94vw}#records .achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}#records #achievement-personal{grid-template-columns:repeat(2,minmax(0,1fr))}#records .achievement-tile img{width:78px;height:78px}#records .achievement-book-head{gap:12px}#records #achievement-worn{font-size:11px;max-width:130px}#records #achievement-worn img{width:45px;height:45px}#achievement-reward{grid-template-columns:76px minmax(0,1fr);gap:10px}#achievement-reward img{width:76px;height:76px}#achievement-reward h3{font-size:16px}}
@media(prefers-reduced-motion:no-preference){#achievement-reward img{animation:achievement-arrival .35s ease-out}@keyframes achievement-arrival{from{transform:scale(.88)}to{transform:scale(1)}}}