.achievement-room{--achievement-red:#ff3b5c;max-width:1200px;width:100%;margin:0 auto;padding:16px;color:#f4f6f8;background:#0b0e11;font-family:inherit;letter-spacing:0;box-sizing:border-box}
.achievement-room *,.achievement-details *{box-sizing:border-box}
.achievement-room button,.achievement-details button{font:inherit;font-size:13px;min-height:44px;min-width:44px;border:1px solid #38414a;border-radius:6px;background:#181e24;color:#f4f6f8;padding:8px 10px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.achievement-room button:hover,.achievement-details button:hover{border-color:#ff3b5c;background:#25202a}
.achievement-room button:disabled,.achievement-details button:disabled{cursor:default;color:#8e969f;border-color:#30363e;background:#15191e}
.achievement-room :focus-visible,.achievement-details :focus-visible{outline:2px solid #ff3b5c;outline-offset:3px}
.achievement-room svg,.achievement-details svg{display:block;flex-shrink:0}
.achievement-room button>svg,.achievement-search>svg,.achievement-details button>svg,.achievement-level-marker>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.achievement-room h1,.achievement-room h2,.achievement-room h3,.achievement-room p{margin:0;letter-spacing:0}
.achievement-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.achievement-header h1{font-size:22px;line-height:1.15;flex:1;overflow-wrap:anywhere}
.achievement-header>span{font-size:12px;color:#acb5be;white-space:nowrap}
.achievement-my-title{display:flex;gap:10px;align-items:center;padding:14px 0;border-block:1px solid #29313a}
.achievement-my-title>div:nth-child(2){min-width:0;flex:1}
.achievement-my-title h2,.featured-badges h2{font-size:13px;color:#abb5bf;font-weight:500;margin:0 0 4px}
.achievement-my-title strong{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.achievement-my-title small{display:block;color:#abb5bf;margin-top:3px}
.achievement-my-title>button{border-color:#ff3b5c;background:#a71e36;max-width:105px}
.featured-badges{padding:14px 0 18px}
.achievement-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}
.featured-badges-slots{display:grid;grid-template-columns:repeat(5,minmax(0,64px));gap:8px}
.featured-badges-slots>button{height:64px;padding:0;border-style:dashed}
.featured-badges-slots>button:has(svg[role=img]){border-style:solid}
.achievement-toolbar{display:grid;gap:10px;margin-bottom:6px}
.achievement-search{display:flex;align-items:center;gap:10px;border:1px solid #39424d;background:#12171c;border-radius:6px;padding:0 12px;color:#aeb7bf}
.achievement-search input{min-width:0;width:100%;min-height:46px;background:transparent;border:0;color:#f4f6f8;font:inherit;font-size:14px;outline-offset:0}
.achievement-search input::placeholder{color:#9da6b2}
.achievement-filter-row{display:flex;gap:10px;flex-wrap:wrap}
.achievement-filters{display:flex;gap:6px;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.achievement-filters button{flex-shrink:0;font-size:12px}
.achievement-filters button[aria-pressed=true]{background:#782034;border-color:#ff3b5c}
.achievement-filter-row select{min-height:44px;min-width:0;max-width:100%;border:1px solid #39424d;border-radius:6px;padding:8px 10px;background:#12171c;color:#f4f6f8;font:inherit;font-size:13px}
.achievement-notice{font-size:13px;line-height:1.5;color:#c0c8d0;margin:8px 0}
.achievement-result-count{font-size:12px;color:#aeb7bf;padding:8px 0 12px}
.achievement-room .achievement-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.achievement-room .achievement-grid div{border:0;border-radius:0;background:none;padding:0;opacity:1}
.achievement-room .achievement-card{display:flex;flex-direction:column;min-width:0;background:#12171c;border:1px solid #29323b;border-radius:8px;padding:14px 12px;gap:8px}
.achievement-room .achievement-badge{height:88px;display:grid;place-items:center}
.achievement-badge.is-locked{filter:saturate(.35)}
.achievement-room .achievement-card h3{font-size:15px;font-weight:700;line-height:1.35;min-height:2.7em;overflow-wrap:anywhere;text-align:center}
.achievement-room .achievement-material{font-size:11px;line-height:1.5;color:var(--achievement-material);min-height:3em;text-align:center}
.achievement-room .achievement-card-title{font-size:13px;line-height:1.4;color:#c5cdd5;min-height:2.8em;overflow-wrap:anywhere;text-align:center}
.achievement-progress{display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:#2c333a;appearance:none}
.achievement-progress::-webkit-progress-bar{background:#2c333a}.achievement-progress::-webkit-progress-value{background:var(--achievement-material,#ff3b5c)}.achievement-progress::-moz-progress-bar{background:var(--achievement-material,#ff3b5c)}
.achievement-room .achievement-value{font-size:12px;color:#aeb7bf;line-height:1.5;min-height:1.5em;text-align:center;overflow-wrap:anywhere}
.achievement-room .achievement-actions{margin-top:auto;display:flex;gap:4px;justify-content:space-between;flex-wrap:wrap}
.achievement-actions button{font-size:12px;padding-inline:6px;flex:1}
.achievement-actions button[aria-pressed=true]{color:#ff8da1;border-color:#9d3045}
.achievement-more{margin:20px auto;display:flex!important}
.achievement-legacy{margin-top:20px;border-top:1px solid #303943;padding-top:16px}.achievement-legacy summary{min-height:44px;cursor:pointer}.achievement-empty{padding:24px 0;color:#bbc5cf}
.achievement-skeleton{height:42px;border-radius:4px;background:linear-gradient(90deg,#20262c,#303841,#20262c);background-size:200% 100%;animation:achievement-shimmer 1.4s infinite}
@keyframes achievement-shimmer{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.achievement-skeleton{animation:none}}
.achievement-details{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;background:#101418;color:#f4f6f8;border:1px solid #3c4651;border-radius:8px;box-shadow:0 18px 50px #0008;font-family:inherit;overflow:auto}
.achievement-details::backdrop{background:#000b}
.achievement-details>header{position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #303943;background:#101418;z-index:1}
.achievement-details h2{font-size:20px;line-height:1.2;margin:0;flex:1;overflow-wrap:anywhere}
.achievement-detail-body{padding:16px}.achievement-detail-body>p{font-size:13px;line-height:1.5;color:#b4bfc9}
.achievement-detail-hero{display:flex;align-items:center;gap:16px}.achievement-detail-hero>div{flex:1;min-width:0}.achievement-detail-hero strong,.achievement-detail-hero small{display:block;margin-bottom:8px}.achievement-detail-hero .achievement-value{font-size:13px}
.achievement-level-list{list-style:none;padding:0;margin:0}.achievement-level-list li{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #2c343e;flex-wrap:wrap}.achievement-level-list li>div{flex:1;min-width:120px}.achievement-level-list strong,.achievement-level-list span,.achievement-level-list small{display:block}.achievement-level-list strong{font-size:14px}.achievement-level-list div>span{font-size:14px;margin:4px 0;overflow-wrap:anywhere}.achievement-level-list small{color:#aab5c0;font-size:12px}.achievement-level-list button{max-width:145px}
.achievement-level-art{width:48px;height:48px;flex:none}.achievement-level-art>svg{display:block;width:48px;height:48px}.achievement-level-marker{width:20px;flex-shrink:0}.achievement-level-marker>span{width:12px;height:12px;border:1px solid #8995a2;border-radius:50%}.achievement-level-marker.is-earned{color:#6edea1}
.achievement-room .featured-badges-slots>button>svg[role=img]{width:48px;height:48px;fill:currentColor;stroke:none}
.achievement-room:has(.achievement-details[open]){overscroll-behavior:contain}
@media(min-width:640px){.achievement-details{max-width:640px}}
@media(min-width:360px){.achievement-room .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.achievement-room{padding:24px}.achievement-room .achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement-header h1{font-size:26px}.achievement-my-title{padding-block:14px}.achievement-filter-row{justify-content:space-between}}
@media(min-width:1024px){.achievement-room .achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.achievement-room .achievement-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:639px){.achievement-details{width:100%;max-height:calc(100dvh - 16px);margin:auto 0 0;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom)}.achievement-level-list button{margin-left:30px}}
.achievement-room{padding-bottom:calc(var(--bottom-nav-total,72px) + 30px)}
.achievement-summary{padding:20px 0;border-block:1px solid var(--border,#303944);color:var(--text,#f5f7fa)}
.achievement-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.achievement-summary h2{font-size:18px;margin:0}.achievement-summary h3{font-size:14px;margin:22px 0 12px}
.achievement-summary-head>span{font-size:13px;color:var(--muted,#afb8c4)}
.achievement-summary-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.achievement-summary-slots>button{min-width:0;min-height:144px;padding:8px 4px;border-radius:6px;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.achievement-summary-slots>.achievement-summary-badge{border:1px solid transparent;justify-content:flex-start}.achievement-summary-badge:hover{background:var(--surface,#171c23);border-color:var(--border,#303944)}
.achievement-summary-badge>svg{max-width:100%;flex:none}.achievement-summary-badge strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere;max-width:100%}.achievement-summary-badge small{font-size:11px;line-height:1.4;color:var(--muted,#afb8c4);overflow-wrap:anywhere;max-width:100%;margin-top:auto}
.achievement-summary-slots>.achievement-summary-empty{border:1px dashed var(--muted,#afb8c4);font-size:13px;color:var(--muted,#afb8c4)}
.achievement-summary :focus-visible{outline:2px solid #7ee8ff;outline-offset:2px}.achievement-summary>.rpg-see-all{margin-top:20px}
@media(max-width:600px){.achievement-summary-slots{gap:5px}.achievement-summary-slots>button{min-height:128px;padding:6px 2px}.achievement-summary-badge>svg,.achievement-summary-badge>img{width:48px!important;height:48px!important;flex:none}.achievement-summary-badge strong{font-size:11px}.achievement-summary-badge small{font-size:10px}}
.achievement-title-picker [data-title-results]{display:grid;margin-block:14px}
.achievement-title-picker .achievement-title-option{width:100%;justify-content:flex-start;text-align:left;padding:12px 4px;border:0;border-bottom:1px solid #38414a;border-radius:0;background:transparent}
.achievement-title-picker .achievement-title-option>svg{width:48px;height:48px;flex:0 0 48px;stroke:none;fill:currentColor}
.achievement-title-option>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}
.achievement-title-option small{font-size:12px;color:#acb5be}.achievement-title-option-state{flex:none;font-size:12px}