.collection-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 14px}
.collection-head h3{font-size:22px}
.collection-head small{color:var(--muted);font:12px var(--fm)}
.inventory-filters{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}
.inventory-filters button{padding:10px 14px;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}
.inventory-filters button.active{color:var(--txt);border-color:var(--red)}
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:12px}
.cosmetic-item{border:1px solid var(--line2);border-radius:8px;padding:18px 16px 14px;background:var(--s1);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.cosmetic-preview{height:108px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate}
.cosmetic-preview .avatar-ring{width:64px;height:64px;flex:none;font:700 19px var(--fm);overflow:visible}
.cosmetic-preview .fallback{width:100%;height:100%;display:grid;place-items:center;background:var(--s3);border-radius:inherit}
.cosmetic-preview .nickname{font:600 14px var(--fd);text-align:center;max-width:100%}
.cosmetic-item h4{font:700 15px var(--fd);margin:0;min-height:36px;overflow-wrap:anywhere}
.cosmetic-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.cosmetic-meta [data-rarity=rare]{color:var(--blue)}
.cosmetic-meta [data-rarity=epic]{color:var(--violet)}
.cosmetic-meta [data-rarity=legendary]{color:var(--gold)}
.cosmetic-item .buy{margin-top:auto;min-height:36px;width:100%}
.cosmetic-item select{max-width:100%;width:100%;background:var(--s2);color:var(--txt);border:1px solid var(--line);padding:7px;font-size:12px;border-radius:5px}
.cosmetic-empty{grid-column:1/-1;color:var(--muted);padding:30px 0;font-size:14px}
.live-state{min-height:190px;display:flex;align-items:center;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--s1)}
.live-state b{font:700 22px var(--fd)}
.live-state p{max-width:52ch;margin-top:10px;color:var(--muted);font-size:13px}
.case .contents-button{font-size:12px;color:var(--muted);padding:8px 0;margin-top:4px}
.case .contents-button:hover{color:var(--txt)}
#caseContents{width:min(820px,calc(100vw - 24px));max-height:85vh;overflow:auto}
#caseReward{width:min(420px,calc(100vw - 24px));text-align:center}
#caseReward .cosmetic-preview{height:170px}
#caseReward h3{font-size:26px;margin:10px 0}
#caseReward .reward-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
#caseReward .reward-rarity{color:var(--muted);font-size:13px}
[data-frame],[data-effect],[data-group-frame]{position:relative;isolation:isolate}
[data-frame^="sakura-"]{overflow:visible!important;border:2px solid var(--frame,#efa7bd)!important;box-shadow:0 0 0 3px var(--s1),0 0 0 4px var(--frame,#efa7bd)!important}
[data-frame="sakura-pink"]{--frame:#efa7bd}
[data-frame="sakura-ribbon"]{--frame:#f3f0e9;border-radius:8px!important;outline:1px dashed #f3f0e988;outline-offset:7px}
[data-frame="sakura-petals"]{--frame:#ffb7d3;border-radius:38% 62% 42% 58%!important;outline:2px dotted #ffb7d3;outline-offset:6px}
[data-frame="sakura-neon"]{--frame:#ff649d;filter:drop-shadow(0 0 5px #ff649d88)}
[data-frame="sakura-night"]{--frame:#bd98ff;outline:2px dashed #7ddbd5;outline-offset:6px;filter:drop-shadow(0 0 5px #bd98ff66)}
[data-frame="sakura-moon"]{--frame:#fae4ac;outline:2px double #ff9ac3;outline-offset:7px;filter:drop-shadow(0 0 8px #fae4ac88)}
.nickname{--nick-color:#63e6ff;position:relative;display:inline-flex;align-items:center;gap:5px;isolation:isolate;min-width:0;max-width:100%;padding:4px 8px;border:1px solid color-mix(in srgb,var(--nick-color) 28%,transparent);border-radius:5px;background:color-mix(in srgb,var(--nick-color) 7%,#161619);color:var(--nick-color)!important;font:inherit;line-height:1.25;white-space:nowrap;vertical-align:middle;text-shadow:0 0 12px color-mix(in srgb,var(--nick-color) 22%,transparent);box-shadow:none}
.nickname-edge{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;contain:paint}
.nickname-label{position:relative;z-index:2;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nickname .verified-mark{position:relative;z-index:3;flex:none}
.nickname-beam{position:absolute;display:block;pointer-events:none;box-shadow:0 0 5px color-mix(in srgb,var(--nick-color) 50%,transparent)}
.nickname .beam-top{top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--nick-color));animation:nickname-beam-top var(--nick-speed,2.3s) linear infinite}
.nickname .beam-right{top:-100%;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--nick-color));animation:nickname-beam-right var(--nick-speed,2.3s) linear infinite;animation-delay:calc(var(--nick-speed,2.3s) * -.25)}
.nickname .beam-bottom{right:-100%;bottom:0;width:100%;height:1px;background:linear-gradient(270deg,transparent,var(--nick-color));animation:nickname-beam-bottom var(--nick-speed,2.3s) linear infinite;animation-delay:calc(var(--nick-speed,2.3s) * -.5)}
.nickname .beam-left{bottom:-100%;left:0;width:1px;height:100%;background:linear-gradient(0deg,transparent,var(--nick-color));animation:nickname-beam-left var(--nick-speed,2.3s) linear infinite;animation-delay:calc(var(--nick-speed,2.3s) * -.75)}
.nickname-sample{width:100%;min-width:0;display:flex;justify-content:center;padding:6px 0}
[data-nickname="chroma-coral"]{--nick-color:#ff727b;--nick-speed:2.1s}
[data-nickname="chroma-lime"]{--nick-color:#b7ef68;--nick-speed:2.7s}
[data-nickname="chroma-cyan"]{--nick-color:#63e6ff;--nick-speed:2.2s}
[data-nickname="chroma-wave"]{--nick-color:#ff8bcf;--nick-speed:2.45s}
[data-nickname="chroma-aurora"]{--nick-color:#8fffd8;--nick-speed:2.8s}
[data-nickname="chroma-prism"]{--nick-color:#d6a7ff;--nick-speed:1.9s;background:linear-gradient(100deg,rgba(214,167,255,.14),rgba(99,230,255,.1),rgba(255,139,207,.14));background-size:220% 100%;animation:nickname-prism 5s linear infinite}
[data-nickname="chroma-rose"]{--nick-color:#ff4f81;--nick-speed:2.05s}
[data-nickname="chroma-amber"]{--nick-color:#ffc857;--nick-speed:2.55s}
[data-nickname="chroma-violet"]{--nick-color:#b996ff;--nick-speed:2.25s}
[data-nickname="chroma-ocean"]{--nick-color:#4e9dff;--nick-speed:2.65s}
[data-nickname="chroma-mint"]{--nick-color:#57f1bc;--nick-speed:2.85s}
[data-nickname="chroma-solar"]{--nick-color:#ff9257;--nick-speed:1.85s}
[data-nickname="daily-neon-name"]{--nick-color:#e0a7ff;--nick-speed:2s}
[data-effect^="impulse-"]{--aura:#ffda8b}
[data-effect^="impulse-"]:after{content:"";position:absolute;inset:-10px;border:1px solid var(--aura);border-radius:inherit;pointer-events:none;box-shadow:0 0 15px color-mix(in srgb,var(--aura) 35%,transparent);opacity:.75}
[data-effect="impulse-light"]{--aura:#d8efff}
[data-effect="impulse-shards"]{--aura:#7ad9fa}
[data-effect="impulse-shards"]:after{border-style:dashed;transform:rotate(12deg)}
[data-effect="impulse-red"]{--aura:#ff727f}
[data-effect="impulse-red"]:after{animation:aura-pulse 2.4s ease-in-out infinite}
[data-effect="impulse-star"]{--aura:#d5b5ff}
[data-effect="impulse-star"]:after{inset:-13px;border-style:double;border-width:3px;transform:rotate(-18deg)}
[data-effect="impulse-heart"]{--aura:#ffb3dd}
[data-effect="impulse-heart"]:after{border-width:3px;outline:1px solid #a8efe4;outline-offset:5px;animation:aura-pulse 3s ease-in-out infinite}
.group-cosmetic-preview{width:126px;height:64px;display:grid;place-items:center;border-radius:8px;background:var(--s2);font:700 13px var(--fd)}
[data-group-frame^="union-"]{--group-line:#c1c2d3;border:2px solid var(--group-line)!important}
[data-group-frame="union-white"]{--group-line:#eeeeef;outline:1px solid #eeeeef66;outline-offset:3px}
[data-group-frame="union-neon"]{--group-line:#84ece0;box-shadow:0 0 12px #84ece055}
[data-group-frame="union-orbits"]{--group-line:#e5a5e8;outline:2px dashed #76cfed;outline-offset:5px}
[data-group-frame="union-royal"]{--group-line:#f2ce82;border-style:double!important;border-width:4px!important;box-shadow:inset 0 0 16px #f2ce8222}
[data-group-frame="union-sky"]{--group-line:#92e6fa;outline:2px solid #eab4ff;outline-offset:5px;box-shadow:0 0 16px #92e6fa55}
@keyframes nickname-beam-top{to{transform:translateX(200%)}}
@keyframes nickname-beam-right{to{transform:translateY(200%)}}
@keyframes nickname-beam-bottom{to{transform:translateX(-200%)}}
@keyframes nickname-beam-left{to{transform:translateY(-200%)}}
@keyframes nickname-prism{to{background-position:250% 0}}
@keyframes aura-pulse{50%{opacity:.35;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){[data-nickname],[data-effect]:after{animation:none!important}.nickname-edge{display:none}}
@media(max-width:520px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-item{padding:12px 10px}.cosmetic-preview .nickname{font-size:12px}.inventory-filters button{padding:9px 10px;font-size:12px}}