.unlock-condition{border-left:1.3px solid var(--line);padding-left:31.2px}.unlock-condition strong{color:var(--muted);margin-bottom:10.4px;font-size:14.3px;display:block}.unlock-condition p{color:var(--text);margin:0;font-size:18.2px;line-height:1.6}.costume-catalog{gap:23.4px}.costume-card{border:1.3px solid var(--line);background:linear-gradient(125deg, color-mix(in srgb, var(--guide-accent) 7%, var(--surface)), var(--surface) 45%);border-radius:23.4px;grid-template-columns:546px minmax(325px,1fr) minmax(260px,.55fr);align-items:stretch;gap:33.8px;padding:26px;display:grid}.costume-appearances{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.costume-appearances.count-1{grid-template-columns:minmax(156px,1fr) repeat(2,minmax(0,1fr))}.costume-appearance{min-width:0}.costume-appearance>span{color:var(--muted);letter-spacing:.1em;text-align:center;margin-bottom:10.4px;font-size:11.7px;font-weight:700;display:block}.costume-appearance>small{min-height:36.4px;color:var(--muted);text-align:center;margin-top:9.1px;font-size:11.7px;line-height:1.4;display:block}.costume-appearance .asset-art,.costume-no-alt{border-color:color-mix(in srgb, var(--guide-accent) 32%, var(--line));background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--guide-accent) 13%, transparent), transparent 52%), #151815;width:100%;height:195px}.costume-appearance .asset-art img{padding:23.4px}.costume-no-alt{border:1.3px dashed var(--line);color:var(--muted);text-align:center;border-radius:23.4px;place-items:center;font-size:13px;display:grid}.costume-main{align-self:center}.costume-english{color:var(--guide-accent);font:600 13px var(--font-space);letter-spacing:.1em;text-transform:uppercase}.costume-main h2{font-size:32.5px}.costume-effects{flex-wrap:wrap;gap:9.1px;margin-top:26px;display:flex}.costume-effects strong{color:var(--muted);letter-spacing:.08em;flex-basis:100%;margin-bottom:2.6px;font-size:13px}.costume-effects span{border:1.3px solid var(--line);border-radius:10.4px;padding:9.1px 13px;font-size:14.3px}.costume-effects .positive{color:var(--mint);background:#9ce7c514;border-color:#9ce7c540}.costume-effects .negative{color:#ff9a9a;background:#ff6b6b12;border-color:#ff6b6b3d}.costume-effects .neutral{color:var(--muted);border-style:dashed}.costume-card.pending{background:var(--surface)}.costume-card .unlock-condition{flex-direction:column;justify-content:center;padding:26px 0 26px 33.8px;display:flex}.unlock-status{border:1.3px solid var(--line);color:var(--muted);border-radius:1298.7px;align-self:flex-start;margin-bottom:23.4px;padding:6.5px 10.4px;font-size:11.7px}.unlock-status.default{border-color:color-mix(in srgb, var(--guide-accent) 38%, var(--line));color:var(--guide-accent)}.stone-tier-filter{border:1.3px solid var(--line);background:var(--surface);border-radius:15.6px;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:26px 0 31.2px;padding:5.2px;display:grid}.stone-tier-filter button{border:0;border-right:1.3px solid var(--line);min-height:57.2px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10.4px;justify-content:center;align-items:center;gap:10.4px;padding:13px 15.6px;display:inline-flex;position:relative}.stone-tier-filter button:last-child{border-right:0}.stone-tier-filter button i{display:none}.stone-tier-filter button.active{background:color-mix(in srgb, var(--tier-color,var(--guide-accent)) 10%, var(--surface));color:var(--tier-color,var(--text));box-shadow:inset 0 -3.9px var(--tier-color,var(--guide-accent))}[data-rarity=普通]{--tier-color:#aeb3bd}[data-rarity=高級]{--tier-color:#58a9ff}[data-rarity=稀有]{--tier-color:#f3c85b}[data-rarity=傳說]{--tier-color:#e34dcb}[data-rarity=永恆]{--tier-color:#ff7fbd}[data-rarity=一般]{--tier-color:#aeb3bd}[data-rarity=希少]{--tier-color:#f3c85b}[data-rarity=伝説]{--tier-color:#e34dcb}[data-rarity=永遠]{--tier-color:#ff7fbd}.library-tile[data-rarity]{border-color:color-mix(in srgb, var(--tier-color) 35%, var(--line))}.library-tile[data-rarity]:hover,.library-tile[data-rarity].active{border-color:var(--tier-color);background:color-mix(in srgb, var(--tier-color) 9%, var(--surface));box-shadow:inset 0 3.9px var(--tier-color)}.library-tile[data-rarity] .guide-icon,.library-detail[data-rarity]>.guide-icon{color:var(--tier-color);border-color:color-mix(in srgb, var(--tier-color) 38%, var(--line));background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--tier-color) 24%, transparent), transparent 48%), #20241f}.library-detail[data-rarity] .rarity,.library-tile[data-rarity]>span,.library-detail[data-rarity] h2{color:var(--tier-color)}.stone-tier-label{color:var(--tier-color);margin-top:3.9px;font-size:10.4px;display:block}.tablet-pattern{background:linear-gradient(135deg,#6a6fa224,#0000 45%),#292a43;border:1.3px solid #4e5275;border-radius:15.6px;margin:0 0 23.4px;padding:18.2px;box-shadow:inset 0 0 0 5.2px #202136,inset 0 0 0 6.5px #3b3d60}.tablet-pattern-grid{aspect-ratio:1;background-color:#353753;background-image:linear-gradient(#787cb014 1.3px,#0000 1.3px),linear-gradient(90deg,#787cb014 1.3px,#0000 1.3px);background-size:14.2857% 14.2857%;border:1.3px solid #45486d;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:5.2px;padding:13px;display:grid}.tablet-pattern-cell{aspect-ratio:1;width:100%;min-width:0;font:800 clamp(13px, 1.56vw, 19.5px) var(--font-space);border:1.3px solid #0000;border-radius:2.6px;place-items:center;display:grid;position:relative}.tablet-pattern-cell.positive,.tablet-pattern-cell.negative,.tablet-pattern-cell.neutral{background:#202138;border-color:#171829;box-shadow:inset 0 0 0 2.6px #5b5e8b59,2.6px 2.6px #191a2b}.tablet-pattern-cell.positive{color:#39f45b}.tablet-pattern-cell.negative{color:#ff4d58}.tablet-pattern-cell.neutral{color:#c7c9dc}.tablet-pattern-cell.continues:before{content:"";z-index:0;border-style:solid;border-color:#747a9f;width:72%;height:72%;position:absolute}.tablet-pattern-cell.continues[data-direction=north-west]:before{border-width:3.9px 0 0 3.9px;top:-6.5px;left:-6.5px}.tablet-pattern-cell.continues[data-direction=north-east]:before{border-width:3.9px 3.9px 0 0;top:-6.5px;right:-6.5px}.tablet-pattern-cell.continues[data-direction=south-west]:before{border-width:0 0 3.9px 3.9px;bottom:-6.5px;left:-6.5px}.tablet-pattern-cell.continues[data-direction=south-east]:before{border-width:0 3.9px 3.9px 0;bottom:-6.5px;right:-6.5px}.tablet-pattern-cell.continues[data-direction=up]:before{border-width:3.9px 3.9px 0;width:auto;height:calc(100% + 6.5px);top:-6.5px;left:-5.2px;right:-5.2px}.tablet-pattern-cell.continues[data-direction=down]:before{border-width:0 3.9px 3.9px;width:auto;height:auto;inset:0 -5.2px -6.5px}.tablet-pattern-cell.continues[data-direction=left]:before{border-width:3.9px 0 3.9px 3.9px;width:calc(100% + 6.5px);height:auto;top:-5.2px;bottom:-5.2px;left:-6.5px}.tablet-pattern-cell.continues[data-direction=right]:before{border-width:3.9px 3.9px 3.9px 0;width:calc(100% + 6.5px);height:auto;top:-5.2px;bottom:-5.2px;right:-6.5px}.tablet-pattern-cell strong{z-index:1;position:relative}.tablet-pattern-cell.ignores-placement{border-color:#16def2;box-shadow:inset 0 0 0 3.9px #16def2c7,2.6px 2.6px #191a2b}.tablet-pattern-cell.origin{z-index:1;aspect-ratio:1;background:#202138;border-color:#777ca9;box-shadow:0 0 0 2.6px #171829,0 0 18.2px #9d7cff40}.tablet-pattern-cell.origin .asset-art{aspect-ratio:1;background:0 0;border:0;border-radius:0;width:100%;height:100%}.tablet-pattern-cell.origin .asset-art img{padding:2.6px}.tablet-pattern figcaption{color:#c7c9dc;flex-wrap:wrap;gap:10.4px 18.2px;margin-top:15.6px;font-size:11.7px;display:flex}.tablet-pattern figcaption span{align-items:center;gap:7.8px;display:inline-flex}.tablet-pattern figcaption i{border-radius:2.6px;width:10.4px;height:10.4px}.tablet-pattern figcaption i.positive{background:#39f45b}.tablet-pattern figcaption i.negative{background:#ff4d58}.tablet-pattern figcaption i.ignores-placement{background:#202138;border:2.6px solid #16def2}.tablet-exceptions{gap:9.1px;margin:18.2px 0;display:grid}.tablet-exceptions span{color:#ff737b;text-align:center;background:#ff4d5814;border:1.3px solid #ff4d5873;border-radius:7.8px;padding:10.4px 13px;font-size:14.3px}.artifact-image-filter{min-width:0;position:relative}.artifact-image-filter-trigger{border:1.3px solid var(--line);background:var(--surface);width:100%;height:52px;color:var(--text);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:36.4px minmax(0,1fr) 18.2px;align-items:center;gap:9.1px;padding:6.5px 11.7px;display:grid}.artifact-image-filter-trigger>span:nth-child(2),.artifact-image-filter-menu button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-image-filter-trigger>svg:last-child{justify-self:end;transition:transform .18s}.artifact-image-filter-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.artifact-image-filter-trigger:focus-visible{outline:3px solid var(--guide-accent);outline-offset:2.6px}.artifact-image-filter-menu{z-index:30;border:1.3px solid var(--line);background:var(--surface);border-radius:13px;width:max(100%,247px);max-height:364px;padding:6.5px;position:absolute;top:calc(100% + 6.5px);left:0;overflow-y:auto;box-shadow:0 18.2px 52px #00000061}.artifact-image-filter-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1.3px solid #0000;border-radius:9.1px;grid-template-columns:36.4px minmax(0,1fr);align-items:center;gap:10.4px;padding:6.5px 9.1px;display:grid}.artifact-image-filter-menu button:hover,.artifact-image-filter-menu button:focus-visible,.artifact-image-filter-menu button.selected{border-color:color-mix(in srgb, var(--guide-accent) 48%, var(--line));background:color-mix(in srgb, var(--guide-accent) 10%, transparent);outline:none}.artifact-image-filter .asset-art.compact,.artifact-filter-symbol,.artifact-filter-rarity-icon{border-radius:6.5px;width:36.4px;min-width:36.4px;max-width:36.4px;height:36.4px;min-height:36.4px;max-height:36.4px}.artifact-image-filter .asset-art.compact{background:0 0;border:0}.artifact-filter-symbol{border:1.3px solid var(--line);color:var(--muted);font:700 9.1px var(--font-space);place-items:center;display:grid}.artifact-filter-symbol svg{width:20.8px;height:20.8px}.artifact-filter-rarity-icon{border:1.3px solid color-mix(in srgb, var(--tier-color,var(--guide-accent)) 65%, var(--line));background:radial-gradient(circle, color-mix(in srgb, var(--tier-color,var(--guide-accent)) 72%, white) 0 18%, var(--tier-color,var(--guide-accent)) 20% 34%, transparent 36%), color-mix(in srgb, var(--tier-color,var(--guide-accent)) 12%, var(--surface));display:block}html[data-theme=light] .artifact-image-filter-trigger:focus-visible{outline-color:#064b70}html[data-theme=light] .artifact-image-filter-menu{box-shadow:0 18.2px 52px #18302333}@media (max-width:780px){.artifact-image-filter-menu{width:100%}}.talent-card{grid-template-columns:minmax(364px,442px) 1fr}.talent-stat{flex-direction:column;align-items:stretch;gap:15.6px;display:flex}.talent-title p{color:var(--muted);margin:0;font-size:14.3px;line-height:1.6}.talent-base-stats{gap:10.4px;display:grid}.talent-base-stat{border:1.3px solid color-mix(in srgb, var(--guide-accent) 28%, var(--line));background:#0000001f;border-radius:11.7px;grid-template-columns:41.6px 1fr;align-items:center;gap:10.4px;padding:7.8px 10.4px;display:grid}.talent-base-stat .asset-art{background:0 0;border:0;border-radius:9.1px;width:41.6px;min-width:41.6px;max-width:41.6px;height:41.6px;min-height:41.6px;max-height:41.6px}.talent-base-stat span{color:var(--muted);grid-template-columns:auto 1fr;align-items:baseline;gap:5.2px 10.4px;font-size:13px;display:grid}.talent-base-stat strong{color:var(--guide-accent);font:700 28.6px var(--font-space)}.talent-base-stat small{color:#8e958d;grid-column:1/-1;font-size:11.7px}.talent-card .milestones>div{grid-template-columns:39px 46.8px 1fr;align-items:center;gap:9.1px;padding-block:7.8px}.talent-card .milestones .asset-art{background:#20241f;border:0;border-radius:9.1px;width:44.2px;min-width:44.2px;max-width:44.2px;height:44.2px;min-height:44.2px;max-height:44.2px}.talent-card .milestones .asset-art img{padding:5.2px}.talent-card .milestones p{align-items:center;min-height:44.2px;display:flex}.talent-color-card{border-color:color-mix(in srgb, var(--talent-color) 42%, var(--line));box-shadow:inset 0 1.3px 0 color-mix(in srgb, var(--talent-color) 18%, transparent)}.talent-color-card .talent-stat{background:linear-gradient(125deg, color-mix(in srgb, var(--talent-color) 15%, var(--surface)), var(--surface) 72%);box-shadow:inset 5.2px 0 0 color-mix(in srgb, var(--talent-color) 78%, transparent)}.talent-title-row{justify-content:space-between;align-items:flex-start;gap:20.8px;display:flex}.talent-title-row h2{color:var(--talent-color)}.talent-point-badge{color:var(--talent-color);font:700 39px var(--font-space);flex:none;line-height:1}.talent-point-badge small{color:color-mix(in srgb, var(--talent-color) 65%, var(--muted));font-size:13px}.talent-color-card .talent-base-stat{border-color:color-mix(in srgb, var(--talent-color) 36%, var(--line));background:color-mix(in srgb, var(--talent-color) 6%, #0000002e)}.talent-color-card .talent-base-stat strong{color:var(--talent-color)}.talent-color-card .milestones>div{border-color:color-mix(in srgb, var(--talent-color) 24%, var(--line))}.talent-color-card .milestones>div>span{background:var(--talent-color)}.talent-color-card .milestones .asset-art{border:1.3px solid color-mix(in srgb, var(--talent-color) 32%, var(--line));background:color-mix(in srgb, var(--talent-color) 8%, #20241f)}.talent-build-card .milestones p{align-content:center;gap:6.5px;display:grid}.talent-build-card .milestones p small{color:var(--talent-color);font-size:10.4px}.talent-build-card .milestones>div.locked{opacity:.38}.talent-build-card .milestones>div.locked>span{border:1.3px solid var(--line);color:var(--muted);background:0 0}.talent-build-card .milestones>div.locked .asset-art{filter:grayscale()}.build-talent-list{gap:15.6px;display:grid}.build-detail-view .talent-build-card{grid-template-columns:minmax(286px,338px) 1fr}.build-detail-view .talent-build-card .talent-stat{gap:9.1px;padding:13px}.build-detail-view .talent-build-card .talent-title-row{align-items:center;gap:13px}.build-detail-view .talent-build-card .talent-title-row h2{margin:0 0 5.2px;font-size:19.5px}.build-detail-view .talent-build-card .talent-title p{font-size:13px;line-height:1.45}.build-detail-view .talent-build-card .talent-point-badge{font-size:31.2px}.build-detail-view .talent-build-card .talent-point-badge small{font-size:10.4px}.build-detail-view .talent-build-card .talent-base-stats{gap:6.5px}.build-detail-view .talent-build-card .talent-base-stat{grid-template-columns:32.5px 1fr;gap:7.8px;padding:5.2px 7.8px}.build-detail-view .talent-build-card .talent-base-stat .asset-art.compact{width:32.5px;min-width:32.5px;max-width:32.5px;height:32.5px;min-height:32.5px;max-height:32.5px}.build-detail-view .talent-build-card .talent-base-stat span{gap:2.6px 7.8px;font-size:11.7px}.build-detail-view .talent-build-card .talent-base-stat strong{font-size:22.1px}.build-detail-view .talent-build-card .talent-base-stat small{font-size:10.4px}.build-detail-view .talent-build-card .milestones{padding:9.1px}.build-detail-view .talent-build-card .milestones>div{grid-template-columns:32.5px 39px 1fr;gap:7.8px;padding:5.2px 9.1px}.build-detail-view .talent-build-card .milestones>div>span{width:32.5px;height:32.5px;font-size:13px}.build-detail-view .talent-build-card .milestones .asset-art.compact{width:36.4px;min-width:36.4px;max-width:36.4px;height:36.4px;min-height:36.4px;max-height:36.4px}.build-detail-view .talent-build-card .milestones p{gap:3.9px;min-height:0;font-size:13px;line-height:1.45}.build-detail-view .talent-build-card .milestones p small{margin-top:0;font-size:9.1px}@media (max-width:1170px){.build-detail-view .talent-build-card{grid-template-columns:1fr}.build-detail-view .talent-build-card .milestones{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:780px){.build-detail-view .talent-build-card .milestones{grid-template-columns:1fr}}@media (max-width:1170px){.costume-card{grid-template-columns:468px 1fr}.costume-card .unlock-condition{grid-column:1/-1}.unlock-condition{border-top:1.3px solid var(--line);border-left:0;grid-column:1/-1;padding:20.8px 0 0}}@media (max-width:832px){.costume-card{grid-template-columns:1fr;gap:26px;padding:18.2px}.costume-appearance .asset-art,.costume-no-alt{height:201.5px}.costume-card .unlock-condition{grid-column:auto}}@media (max-width:728px){.stone-tier-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.stone-tier-filter button:nth-child(2n){border-right:0}.stone-tier-filter button:nth-child(-n+4){border-bottom:1.3px solid var(--line)}}@media (max-width:600px){.site-header .header-inner{gap:8px}.site-header .brand{flex:1;min-width:0}.site-header .brand-logo{width:110px;max-width:100%;height:40px}.site-header .brand>span:last-child{display:none}.site-header .header-actions{flex:none;gap:4px}.site-header .header-actions .icon-button,.site-header .auth-control>button{justify-content:center;min-width:40px;height:40px;min-height:40px;width:40px!important;padding:0!important}.site-header .language-switcher{min-width:40px}.site-header .auth-control.signed-in{gap:2px;padding:2px}.site-header .auth-avatar{width:28px;height:28px}.site-header .auth-control form button{padding:0 4px}}