.cosmetics-page .cg-filter-controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}@media (max-width:720px){.cosmetics-page .fc-filter-bar{gap:8px}.cosmetics-page .cg-filter-controls{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:100%;margin:-4px;padding:4px 28px 4px 4px;overflow-x:auto}.cosmetics-page .fc-filter-bar:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#101a2700,#101a27 85%);width:30px;height:46px;position:absolute;bottom:9px;right:9px}.cosmetics-page .cg-filter-controls::-webkit-scrollbar{display:none}.cosmetics-page .cg-filter-controls>*,.cosmetics-page .cg-filter-controls .fc-filter-trigger{flex:none}}.cg-hub-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin:6px 0 44px;padding:0;list-style:none;display:flex}.cg-hub-grid>li{flex:0 0 calc(20% - 12.8px);min-width:0}.cg-hub-tile{isolation:isolate;aspect-ratio:5/4;border:1px solid color-mix(in srgb, var(--rarity-accent,#4a6a93) 45%, #2a3b50);background:radial-gradient(circle at 50% 36%, #fff3, transparent 58%), var(--rarity-image,none) center / cover no-repeat, linear-gradient(160deg, var(--rarity-from,#22406a), var(--rarity-to,#10213a));color:#fff;animation:.52s cubic-bezier(.2,.7,.2,1) both cg-hub-in;animation-delay:calc(var(--i,0) * 28ms);border-radius:10px;text-decoration:none;transition:transform .26s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .26s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 12px 26px #0004}.cg-hub-tile:after{content:"";z-index:3;background:var(--rarity-accent,#4398ff);height:3px;position:absolute;inset:auto 0 0}.cg-hub-art{place-items:center;display:grid;position:absolute;inset:7% 14% 27%}.cg-hub-art img{object-fit:contain;filter:drop-shadow(0 14px 14px #0007);width:100%;height:100%;transition:transform .36s cubic-bezier(.2,.7,.2,1)}.cg-hub-art svg{fill:#ffffffd9;width:64px;height:64px}.cg-hub-copy{z-index:2;text-align:center;background:linear-gradient(#04081000,#040810c2 52%,#040810eb);flex-direction:column;align-items:center;gap:5px;padding:34px 10px 13px;display:flex;position:absolute;inset:auto 0 0}.cg-hub-copy strong{max-width:100%;font:italic 900 22px/1 var(--display-font);letter-spacing:.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.cg-hub-copy small{color:#d5e5ff;font:800 12px/1 var(--body-font);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.cg-hub-tile:hover{border-color:var(--control-blue-border,#4398ff);box-shadow:inset 0 1px 0 #ffffff26, 0 0 0 1px var(--control-blue-border,#4398ff), 0 20px 34px #0006;transform:translateY(-4px)}.cg-hub-tile:hover .cg-hub-art img{transform:scale(1.06)}}.cg-hub-tile:focus-visible{outline:2px solid var(--control-focus,#78b6ff);outline-offset:3px}@keyframes cg-hub-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:1100px){.cg-hub-grid>li{flex-basis:calc(25% - 12px)}}@media (max-width:820px){.cg-hub-grid>li{flex-basis:calc(33.3333% - 9.33333px)}.cg-hub-grid{gap:14px}}@media (max-width:560px){.cg-hub-grid{gap:10px}.cg-hub-grid>li{flex-basis:calc(50% - 5px)}.cg-hub-copy{gap:4px;padding:26px 8px 10px}.cg-hub-copy strong{font-size:19px}.cg-hub-copy small{font-size:11px}}.cg-detail-page .fc-detail-body h1{text-wrap:balance;margin:4px 0 14px;font-size:clamp(40px,4.6vw,66px);line-height:1.02}.cg-detail-page .fc-detail-body h1 .fc-num{margin-inline-start:-.05em}.cg-detail-wide{min-width:0}.cg-detail-wide .cg-set{border-top:1px solid #ffffff14;margin-top:30px;padding-top:28px}.cg-detail-wide .cg-set-grid>li{flex-basis:172px}@media (min-width:1181px){.cg-detail-page{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:30px 44px}.cg-detail-page>.fc-detail-art.fc-detail-art-large{align-self:start;height:clamp(470px,100vh - 150px,620px);position:sticky;top:24px}}@media (max-width:480px){.cg-detail-wide .cg-set-grid>li{flex-basis:calc(33.3333% - 6.66667px)}}@media (prefers-reduced-motion:reduce){.cg-hub-tile{transition:none;animation:none}.cg-hub-art img{transition:none}}@supports not (color:color-mix(in srgb, red 50%, blue)){.cg-hub-tile{border:1px solid #2a3b50}}