.missions-heading h2{margin-bottom:8px;font-size:22px}.missions-heading p,.permanent-missions>p{color:var(--muted);font-size:13px;line-height:1.7}.mission-period{gap:8px;margin:22px 0;display:flex}.mission-period button{border:1px solid var(--line);color:#c7c3d0;font:inherit;cursor:pointer;background:#15151b;border-radius:8px;padding:10px 16px;font-size:13px}.mission-period button[aria-pressed=true]{color:#ffbf8c;background:#302216;border-color:#93613b}.missions-summary{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.missions-summary small{color:var(--muted);font-size:11px}.missions-panel>progress{accent-color:#ff8736;width:100%;height:6px;margin:12px 0}.missions-list,.permanent-missions ol{margin:8px 0 20px;padding:0;list-style:none}.missions-list>li{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;display:grid}.mission-state{color:#8fe0b8;align-items:center;display:flex}.mission-state>span{border:1px solid #797381;border-radius:50%;width:18px;height:18px}.mission-copy h3,.permanent-missions h3{margin:0 0 6px;font-size:14px}.mission-copy p,.permanent-missions li p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.mission-progress{align-items:center;gap:12px;margin-top:10px;display:flex}.mission-progress progress{accent-color:#ff8736;width:min(180px,60%);height:4px}.mission-progress small{color:#b9b3c2;font-variant-numeric:tabular-nums;font-size:11px}.mission-reward{justify-items:end;gap:6px;display:grid}.mission-reward strong,.mission-reward>span{color:#ffce9d;align-items:center;gap:5px;font-size:12px;display:flex}.mission-reward .button{min-width:106px;margin-top:4px}.mission-bonus{background:#211a14;border:1px solid #69472c;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.mission-bonus strong{color:#ffd1a6;align-items:center;gap:7px;font-size:14px;display:flex}.mission-bonus p,.missions-footnote{color:#c2b7ad;margin:8px 0 0;font-size:12px;line-height:1.7}.missions-footnote{color:var(--muted);margin-top:14px}.permanent-missions{margin-top:36px}.permanent-missions h2{align-items:center;gap:10px;font-size:20px;display:flex}.permanent-missions li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:20px 0;display:flex}.permanent-missions li>div{flex:1}.permanent-missions li>svg{color:#928b9e;flex-shrink:0}.permanent-missions li.is-earned>svg{color:#ffd18a}.permanent-missions li>strong{white-space:nowrap;color:#ffd18a;font-size:12px}.permanent-missions small{color:#afa7bb;margin-top:8px;font-size:11px;display:block}.missions-panel button:focus-visible{outline-offset:3px;outline:2px solid #ffaf72}.missions-panel .button:disabled{opacity:.55;cursor:default}@media (max-width:600px){.missions-list>li{grid-template-columns:20px minmax(0,1fr);gap:10px}.mission-reward{flex-wrap:wrap;grid-column:2;justify-content:flex-start;align-items:center;gap:10px;display:flex}.mission-reward .button{margin:0 0 0 auto}.mission-bonus{flex-direction:column;align-items:stretch;padding:16px}.permanent-missions li{flex-wrap:wrap;gap:10px}.permanent-missions li>div{min-width:180px}}
.cosmetic-filter-fields{flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0 24px;display:flex}.cosmetic-filter-fields label{min-width:150px;color:var(--muted);flex:1;gap:7px;font-size:12px;display:grid}.cosmetic-filter-fields select{min-height:42px;font-size:13px}.cosmetic-filter-fields>button{min-height:42px;font-size:12px}.hub-item-art.is-svg-frame>img{object-fit:contain;width:100%;height:100%;padding:22px}.hub-item-art .cosmetic-comment-sample{text-align:left;border-radius:10px;margin:20px;padding:18px;font-size:12px}.cosmetic-comment-sample p{color:#d2d5e7;margin:10px 0 0;font-size:12px;line-height:1.7}.cosmetic-palette{gap:8px;display:flex}.cosmetic-palette i{background:#79c6ef;border-radius:8px;width:32px;height:90px}.cosmetic-palette i:nth-child(2){background:#305d99}.cosmetic-palette i:nth-child(3){background:#192849}.cosmetic-palette i:nth-child(4){background:#c7e7ff}.cosmetic-palette.palette-lunar i,.cosmetic-palette.season-spring-palette i{background:#baa5ee}.cosmetic-palette.palette-lunar i:nth-child(2),.cosmetic-palette.season-spring-palette i:nth-child(2){background:#765094}.cosmetic-palette.palette-lunar i:nth-child(3),.cosmetic-palette.season-spring-palette i:nth-child(3){background:#281a3d}
