.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}.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}.talent-card{grid-template-columns:minmax(364px,442px) 1fr}.talent-stat{flex-direction:column;align-items:stretch;gap:23.4px;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:62.4px 1fr;align-items:center;gap:13px;padding:10.4px;display:grid}.talent-base-stat .asset-art{background:0 0;border:0;border-radius:9.1px;width:62.4px;height:62.4px}.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:44.2px 62.4px 1fr;align-items:center}.talent-card .milestones .asset-art{background:#20241f;border:0;border-radius:9.1px;width:57.2px;height:57.2px}.talent-card .milestones .asset-art img{padding:5.2px}.talent-card .milestones p{align-items:center;min-height:62.4px;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:11.7px;padding:15.6px}.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:44.2px 1fr;gap:9.1px;padding:6.5px 9.1px}.build-detail-view .talent-build-card .talent-base-stat .asset-art.compact{width:44.2px;min-width:44.2px;max-width:44.2px;height:44.2px;min-height:44.2px;max-height:44.2px}.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:13px}.build-detail-view .talent-build-card .milestones>div{grid-template-columns:36.4px 44.2px 1fr;gap:9.1px;padding:7.8px 11.7px}.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:44.2px;min-width:44.2px;max-width:44.2px;height:44.2px;min-height:44.2px;max-height:44.2px}.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)}}