.achievementView{max-width:1160px;margin:auto}
header nav .achievementButton{position:relative;overflow:visible}
header nav .achievementButton .achievementNotification{position:absolute;top:-7px;right:-7px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--bg,#fff8fc);border-radius:99px;background:#c72b66;color:#fff;font:800 10px/1 system-ui,sans-serif;pointer-events:none;box-shadow:0 2px 5px #0002}
header nav .achievementButton .achievementNotification[hidden]{display:none}
@media(max-width:650px){header nav a[href$="#hakkinda"]{display:none}}
.testShell:has(.achievementView){width:min(1200px,100%)}
.content:has(.achievementView){max-width:1200px}
.achievementSummary{border:1px solid var(--line,#efdce8);background:linear-gradient(125deg,var(--soft,#fceaf4),#fff);border-radius:22px;padding:22px 24px;margin-bottom:20px}
.achievementEyebrow{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--accent,#bd3f87)}
.achievementSummary h2{font-size:clamp(26px,4vw,36px);line-height:1.1;margin:8px 0;color:var(--ink,#302337)}
.achievementSummary p{color:var(--muted,#7d7081);margin:0 0 12px}
.achievementSummary strong{display:inline-block;background:var(--accent,#bd3f87);color:#fff;border-radius:99px;padding:7px 12px;font-size:12px}
.achievementTabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 13px;margin-bottom:9px}
.achievementTab{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line,#efdce8);background:#fff;color:#33253b;border-radius:13px;padding:10px 13px;font:inherit;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}
.achievementTab small{font-size:10px;opacity:.75}
.achievementTab.active{background:var(--badge-accent,#bd3f87);color:#fff;border-color:transparent;box-shadow:0 5px 15px #59324a20}
.achievementTab:focus-visible{outline:3px solid var(--badge-accent,#bd3f87);outline-offset:2px}
.achievementGroupHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 14px}
.achievementGroupHeading h3{font-size:20px;margin:0;color:var(--ink,#302337)}
.achievementGroupHeading span{font-weight:900;color:var(--accent,#bd3f87);white-space:nowrap}
.achievementCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.achievementGlobalGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.achievementCard{min-height:145px;border:1px solid var(--line,#efdce8);background:#fff;border-radius:19px;padding:15px;display:flex;flex-direction:column;box-shadow:0 6px 18px #53314a0b}
.achievementCard.earned{border-color:var(--accent,#bd3f87);background:linear-gradient(145deg,#fff,var(--soft,#fceaf4))}
.achievementCard.locked{opacity:.58;filter:saturate(.55)}
.achievementIcon{width:45px;height:45px;display:grid;place-items:center;background:var(--soft,#fceaf4);border-radius:14px;font-size:24px;margin-bottom:12px}
.achievementCard b{font-size:13px;line-height:1.3;color:var(--ink,#302337)}
.achievementCard small{margin-top:auto;padding-top:9px;color:var(--muted,#7d7081);font-size:11px}
.achievementCard.earned small{color:var(--accent,#bd3f87);font-weight:850}
body[data-theme="blackpink"] .achievementSummary,body[data-theme="blackpink"] .achievementTab,body[data-theme="blackpink"] .achievementCard{background:#2b2229;color:#fff;border-color:var(--line)}
body[data-theme="blackpink"] .achievementCard.earned{background:#3b2934}
body[data-theme="blackpink"] .achievementIcon{background:#49303d}
@media(max-width:950px){.achievementCards{grid-template-columns:repeat(3,minmax(0,1fr))}.achievementGlobalGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.achievementCards,.achievementGlobalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.achievementCards{grid-template-columns:1fr}.achievementCard{min-height:115px}}