.fashion-browser{padding-bottom:7rem}.fashion-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:.55rem;border:1px solid var(--line);border-radius:14px;background:#070f1df0;backdrop-filter:blur(14px)}.fashion-filters button,.fashion-current-button{border:1px solid transparent;color:var(--text-muted);font-weight:700;background:transparent;cursor:pointer}.fashion-current-button{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-color:var(--line);border-radius:8px}.fashion-current-button:hover{border-color:#f2c66d73;color:var(--gold)}.fashion-notice{display:grid;gap:.22rem;margin-top:-.8rem;margin-bottom:1.6rem;padding:.8rem 1rem;border-left:3px solid #60a5fa;color:var(--text-muted);font-size:.84rem;line-height:1.55;background:#1e3a5f47}.fashion-notice strong{color:var(--text)}.fashion-notice small{color:var(--text-dim)}.fashion-filters{display:flex;flex-wrap:wrap;gap:.38rem;margin-bottom:1.5rem}.fashion-filters button{padding:.42rem .72rem;border-color:var(--line);border-radius:999px;font-size:.8rem}.fashion-filters button:hover,.fashion-filters button.is-active{border-color:#f2c66d7a;color:var(--gold);background:#f2c66d14}.fashion-timeline{position:relative;display:grid;gap:1.75rem}.fashion-timeline:before{content:"";position:absolute;top:1.1rem;bottom:1.1rem;left:3.25rem;width:1px;background:linear-gradient(180deg,transparent,rgba(147,197,253,.36) 2%,rgba(147,197,253,.24) 98%,transparent)}.fashion-release{position:relative;display:grid;grid-template-columns:6.5rem minmax(0,1fr);scroll-margin:7rem}.fashion-release__timeline{position:relative;min-height:8rem}.fashion-node{position:absolute;z-index:1;top:1.05rem;left:2.88rem;width:.72rem;height:.72rem;border:2px solid #86a9d6;border-radius:50%;background:#091426;box-shadow:0 0 0 5px #091426}.fashion-release--current .fashion-node{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 5px #091426,0 0 15px #f2c66d66}.fashion-now{position:absolute;z-index:2;top:-.9rem;left:1.75rem;padding:.14rem .4rem;border-radius:999px;color:#111827;font-size:.65rem;font-weight:800;background:var(--gold)}.fashion-cadence{position:absolute;top:2.3rem;left:.15rem;width:5.85rem;color:var(--text-dim);font-size:.68rem;line-height:1.4;text-align:center}.fashion-cadence small{display:block;color:#7f95b2}.fashion-release__content{overflow:hidden;border:1px solid rgba(147,197,253,.19);border-radius:12px;background:#091425b8}.fashion-release--current .fashion-release__content{border-color:#f2c66d7a;background:#f2c66d14}.fashion-release__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-bottom:1px solid rgba(191,219,254,.12)}.fashion-release__header>div{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem}.fashion-release__header time{font-size:.84rem;font-weight:700}.fashion-release__header>div:first-child span{color:var(--text-dim)}.fashion-release__badges{justify-content:flex-end}.fashion-category,.fashion-status,.fashion-tag{display:inline-flex;align-items:center;width:max-content;padding:.14rem .42rem;border:1px solid rgba(147,197,253,.25);border-radius:999px;color:var(--text-muted);font-size:.66rem;font-weight:700;line-height:1.4}.fashion-category--total_package{color:#f7cb74;border-color:#f7cb7457}.fashion-category--adventurer_pass{color:#83d6be;border-color:#83d6be52}.fashion-category--premium_fashion_lucky_box{color:#d7afff;border-color:#d7afff52}.fashion-category--legendary_fashion_synthesis{color:#ff9c78;border-color:#ff9c7857}.fashion-status--current{color:#10231c;border-color:#67d6a9;background:#67d6a9}.fashion-items{display:grid;grid-template-columns:repeat(var(--fashion-columns, 1),minmax(0,1fr))}.fashion-items--2{--fashion-columns: 2}.fashion-items--3{--fashion-columns: 3}.fashion-item{display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:.9rem;min-width:0;padding:.85rem}.fashion-item+.fashion-item{border-left:1px solid rgba(191,219,254,.11)}.fashion-image{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:8px;background:#040a15bd}.fashion-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.fashion-image.is-loaded img{opacity:1}.fashion-image__placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.45rem;color:#63758f;font-size:.7rem;background:linear-gradient(145deg,#384e6d38,#03091440)}.fashion-item__identity{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0}.fashion-item__identity strong{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.fashion-item__identity>span:not(.fashion-tag){display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.18rem;color:var(--text-muted);font-size:.82rem}.fashion-item__box-name{margin-top:.55rem;color:var(--text-dim);font-size:.7rem;line-height:1.45}.fashion-item__pieces{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0 0;padding:0;list-style:none}.fashion-item__pieces li{display:contents}.fashion-piece{--piece-rgb: var(--rarity-elite-rgb);display:flex;flex-direction:column;align-items:center;gap:.35rem;width:4.6rem;padding:.3rem;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}.fashion-piece--normal,.fashion-piece--unavailable{--piece-rgb: var(--rarity-normal-rgb)}.fashion-piece--advanced{--piece-rgb: var(--rarity-advanced-rgb)}.fashion-piece--rare{--piece-rgb: var(--rarity-rare-rgb)}.fashion-piece--elite{--piece-rgb: var(--rarity-elite-rgb)}.fashion-piece--epic{--piece-rgb: var(--rarity-epic-rgb)}.fashion-piece--legendary{--piece-rgb: var(--rarity-legendary-rgb)}.fashion-piece--mythic{--piece-rgb: var(--rarity-mythic-rgb)}.fashion-piece:hover,.fashion-piece:focus-visible{background:rgba(var(--piece-rgb),.08)}.fashion-piece img,.fashion-item__piece-placeholder{width:4rem;height:4rem;border-radius:12px;object-fit:contain;border:2px solid rgba(var(--piece-rgb),.7);background:radial-gradient(circle,rgba(var(--piece-rgb),.18),#040a15d9);box-shadow:0 0 12px rgba(var(--piece-rgb),.45),inset 0 0 6px rgba(var(--piece-rgb),.25)}.fashion-piece span:last-child{font-size:.76rem;font-weight:700;line-height:1.4;text-align:center;color:rgb(var(--piece-rgb))}.fashion-tag--translation{display:inline-flex!important;margin:0!important;color:#f1c977!important}.fashion-tag--tw{margin-top:.65rem;color:#8fdfc3;border-color:#67d6a94d;cursor:help}.fashion-tag--on-sale{color:#11231d;background:#67d6a9}.fashion-tag--announced{color:#f1c977;border-color:#f1c97761}.fashion-empty{display:grid;min-height:220px;place-items:center;align-content:center;gap:.5rem;color:var(--text-dim)}.fashion-empty strong{color:var(--text)}@media(max-width:900px){.fashion-items--3{--fashion-columns: 2}.fashion-items--3 .fashion-item:nth-child(3){border-top:1px solid rgba(191,219,254,.11);border-left:0}.fashion-item{grid-template-columns:1fr}.fashion-item__identity{justify-content:flex-start}.fashion-image{aspect-ratio:16/11}}@media(max-width:650px){.fashion-browser{padding-bottom:4rem}.fashion-controls{margin-inline:-.15rem;padding:.45rem}.fashion-current-button{font-size:.75rem;white-space:nowrap}.fashion-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-1rem;padding-right:1rem;padding-bottom:.2rem;scrollbar-width:thin}.fashion-filters button{flex:none}.fashion-timeline{gap:1rem}.fashion-timeline:before{left:.8rem}.fashion-release{grid-template-columns:2rem minmax(0,1fr)}.fashion-node{top:1rem;left:.43rem;width:.58rem;height:.58rem;box-shadow:0 0 0 4px #091426}.fashion-release--current .fashion-node{box-shadow:0 0 0 4px #091426,0 0 12px #f2c66d61}.fashion-now{top:-.78rem;left:0;padding:.1rem .3rem;font-size:.58rem}.fashion-cadence{top:2rem;left:-.05rem;width:1.8rem;font-size:.58rem;line-height:1.25;writing-mode:vertical-rl;text-orientation:mixed}.fashion-cadence small{margin-top:.35rem}.fashion-release__header{align-items:flex-start;flex-direction:column;gap:.5rem}.fashion-release__badges{justify-content:flex-start}.fashion-items--2,.fashion-items--3{--fashion-columns: 2}.fashion-item{grid-template-columns:1fr;gap:.55rem;padding:.6rem}.fashion-image{aspect-ratio:4/5}.fashion-item+.fashion-item{border-left:1px solid rgba(191,219,254,.11)}.fashion-item__identity strong{font-size:.92rem}.fashion-item__identity>span:not(.fashion-tag){font-size:.76rem}}@media(max-width:390px){.fashion-current-button{padding:.5rem}.fashion-current-button svg{display:none}.fashion-item{padding:.48rem}.fashion-items--2,.fashion-items--3{gap:0}}.fashion-image{aspect-ratio:6/5}@media(max-width:900px){.fashion-image{aspect-ratio:6/5}}@media(max-width:650px){.fashion-image{aspect-ratio:6/5}}.fashion-release[hidden],.fashion-empty[hidden],[data-region-panel][hidden],.fashion-status[hidden]{display:none!important}.fashion-filters a{flex:none;padding:.42rem .72rem;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:.8rem;font-weight:700}.fashion-filters a:hover,.fashion-filters a.is-active{border-color:#f2c66d7a;color:var(--gold);background:#f2c66d14}.fashion-release__header time{font-size:.96rem}.fashion-category,.fashion-status,.fashion-tag{font-size:.75rem}.fashion-cadence{font-size:.76rem}.fashion-item__identity strong{font-size:1.12rem}.fashion-item__identity>span:not(.fashion-tag){font-size:.94rem}.fashion-item__box-name{font-size:.8rem}@media(max-width:650px){.fashion-release__header time{font-size:.9rem}.fashion-category,.fashion-status,.fashion-tag{font-size:.7rem}.fashion-cadence{font-size:.62rem}.fashion-item__identity strong{font-size:1rem}.fashion-item__identity>span:not(.fashion-tag){font-size:.86rem}.fashion-item__box-name{font-size:.75rem}}.fashion-image-button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;color:inherit;background:transparent;cursor:zoom-in}.fashion-image-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.fashion-image-button .fashion-image{display:block}.fashion-item__detail-badge{position:absolute;z-index:1;top:.5rem;right:.5rem;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;color:#1c1207;font-size:.95rem;line-height:1;background:var(--gold);box-shadow:0 0 10px #f2c66d8c}.fashion-legend{display:flex;align-items:center;gap:.4rem;margin:0 0 2rem;color:var(--text-dim);font-size:.8rem}.fashion-legend .fashion-item__detail-badge{position:static;flex:0 0 auto;width:1.3rem;height:1.3rem;font-size:.75rem}.fashion-viewer{width:min(1100px,calc(100vw - 2rem));max-width:none;height:min(90vh,900px);max-height:none;padding:0;border:1px solid rgba(191,219,254,.28);border-radius:14px;color:var(--text);background:#07101f;box-shadow:0 30px 90px #000000b8}.fashion-viewer::backdrop{background:#01050ddb;backdrop-filter:blur(5px)}.fashion-viewer__panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:1rem}.fashion-viewer img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}.fashion-viewer p{margin:0 3rem .75rem;color:var(--text-muted);font-size:.95rem;text-align:center}.fashion-viewer__pieces{display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-height:13.75rem;margin:.85rem 0 0;padding:.75rem 0 0;border-top:1px solid rgba(191,219,254,.14);list-style:none;overflow-y:auto}.fashion-viewer__close{position:absolute;z-index:2;top:.7rem;right:.7rem;display:grid;width:2.35rem;height:2.35rem;padding:0;place-items:center;border:1px solid rgba(191,219,254,.3);border-radius:50%;color:var(--text);font-size:1.45rem;line-height:1;background:#050a14d1;cursor:pointer}.fashion-viewer__close:hover{border-color:var(--gold);color:var(--gold)}body.has-fashion-viewer{overflow:hidden}.fashion-piece-viewer{--piece-rgb: var(--rarity-elite-rgb);width:min(360px,calc(100vw - 2rem));max-width:none;padding:0;border:2px solid rgba(var(--piece-rgb),.7);border-radius:14px;color:var(--text);background:#07101f;box-shadow:0 30px 90px #000000b8,0 0 24px rgba(var(--piece-rgb),.28)}.fashion-piece-viewer--normal,.fashion-piece-viewer--unavailable{--piece-rgb: var(--rarity-normal-rgb)}.fashion-piece-viewer--advanced{--piece-rgb: var(--rarity-advanced-rgb)}.fashion-piece-viewer--rare{--piece-rgb: var(--rarity-rare-rgb)}.fashion-piece-viewer--elite{--piece-rgb: var(--rarity-elite-rgb)}.fashion-piece-viewer--epic{--piece-rgb: var(--rarity-epic-rgb)}.fashion-piece-viewer--legendary{--piece-rgb: var(--rarity-legendary-rgb)}.fashion-piece-viewer--mythic{--piece-rgb: var(--rarity-mythic-rgb)}.fashion-piece-viewer::backdrop{background:#01050ddb;backdrop-filter:blur(5px)}.fashion-piece-viewer__panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1.2rem 1.2rem;text-align:center}.fashion-piece-viewer__image-wrap{position:relative}.fashion-piece-viewer__panel img{width:256px;height:256px;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 14px rgba(var(--piece-rgb),.65)) drop-shadow(0 0 32px rgba(var(--piece-rgb),.4))}.fashion-piece-viewer__panel strong{font-size:1.05rem}.fashion-piece-viewer__abilities{display:grid;width:min(100%,22rem);gap:.35rem;margin:.35rem 0 .15rem;text-align:left}.fashion-piece-viewer__abilities div{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.85rem}.fashion-piece-viewer__abilities div strong{color:var(--text-muted);font-size:inherit;font-weight:500}.fashion-piece-viewer__abilities div span{color:rgb(var(--piece-rgb));font-weight:700;white-space:nowrap}.fashion-piece-viewer__panel p{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.6;white-space:pre-line}@media(max-width:650px){.fashion-viewer{width:calc(100vw - 1rem);height:min(88vh,760px);border-radius:10px}.fashion-viewer__panel{padding:.55rem}.fashion-viewer p{margin:0 2.6rem .55rem;font-size:.85rem}.fashion-viewer__close{top:.45rem;right:.45rem}}@media(max-width:650px){.fashion-viewer{width:calc(100vw - 1rem);height:calc(100vh - 6rem);height:calc(100dvh - 6rem);max-height:760px;margin:1rem auto 5rem}.fashion-viewer__panel{padding:.55rem}.fashion-viewer p{margin:0 2.6rem .55rem;font-size:.85rem}.fashion-viewer__close{top:.45rem;right:.45rem}}.fashion-region-tabs{min-width:16rem}@media(max-width:650px){.fashion-region-tabs{width:100%;min-width:0}}