@layer components{.hero-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.1;text-shadow:0 2px 18px rgb(9 7 16/.9)}@media (min-width:1024px){.hero-status{justify-content:flex-start}}.hero-status__version{font-size:clamp(.82rem,1.5vw,1rem);letter-spacing:.22em;color:var(--color-lilac)}.hero-status__dot{width:.4rem;height:.4rem;flex:none;background:var(--color-gold);box-shadow:0 0 12px var(--color-gold);animation:iris-pulse 2.4s steps(3) infinite}.hero-status__now{font-size:clamp(1.25rem,3vw,1.9rem);letter-spacing:.16em;color:var(--color-sclera)}:lang(ja) .hero-status__now,:lang(ja) .hero-status__version,:lang(ko) .hero-status__now,:lang(ko) .hero-status__version,:lang(zh) .hero-status__now,:lang(zh) .hero-status__version{letter-spacing:.08em}.builds-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.5rem;padding:.6rem 1.5rem;font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;color:var(--color-sclera);background:color-mix(in srgb,var(--color-void) 62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-lilac) 45%,transparent),0 0 0 1px var(--color-void);backdrop-filter:blur(6px);transition:background-color .18s var(--ease-pixel),transform .18s var(--ease-pixel),box-shadow .25s ease-out;-webkit-tap-highlight-color:transparent}.builds-button:hover{background:color-mix(in srgb,var(--color-select) 26%,var(--color-void));transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--color-lilac),0 0 0 1px var(--color-void),0 14px 40px -18px var(--color-select)}.builds-button:active{transform:translateY(1px)}.builds-button--sm{min-height:2.5rem;padding:.35rem .95rem;font-size:.76rem;letter-spacing:.08em;gap:.5rem}:lang(ja) .builds-button,:lang(ko) .builds-button,:lang(zh) .builds-button{letter-spacing:.02em}.discord-button{--discord:#5865f2;display:inline-flex;align-items:stretch;min-height:3.5rem;color:var(--color-sclera);text-decoration:none;background:color-mix(in srgb,var(--color-void) 62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-lilac) 45%,transparent),0 0 0 1px var(--color-void);backdrop-filter:blur(6px);transition:background-color .18s var(--ease-pixel),transform .18s var(--ease-pixel),box-shadow .25s ease-out;-webkit-tap-highlight-color:transparent}.discord-button:hover{background:color-mix(in srgb,var(--discord) 24%,var(--color-void));transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--discord) 70%,var(--color-lilac)),0 0 0 1px var(--color-void),0 14px 40px -18px var(--discord)}.discord-button:active{transform:translateY(1px)}.discord-button__mark{display:grid;flex:none;place-items:center;padding-inline:.85rem;color:#fff;background:var(--discord)}.discord-button__label{display:flex;flex:1;align-items:center;justify-content:center;padding:.6rem 1.35rem .6rem 1.15rem;font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.15}.discord-button--sm{min-height:2.5rem}.discord-button--sm .discord-button__mark{padding-inline:.6rem}.discord-button--sm .discord-button__label{padding:.35rem .95rem .35rem .8rem;font-size:.76rem;letter-spacing:.08em}:lang(ja) .discord-button__label,:lang(ko) .discord-button__label,:lang(zh) .discord-button__label{letter-spacing:.02em}.community-callout{--frame-tick:#5865f2;display:grid;justify-items:start;gap:1rem;max-width:28rem;padding:1.1rem 1.2rem 1.2rem;background:color-mix(in srgb,var(--color-panel) 82%,transparent);backdrop-filter:blur(6px)}.community-callout__eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;color:color-mix(in srgb,#5865f2 55%,var(--color-lilac))}.community-callout__title{font-family:var(--font-display);font-weight:700;font-size:1.12rem;line-height:1.3;color:var(--color-sclera);text-wrap:balance}.community-callout__body{margin-top:.4rem;max-width:48ch;font-size:.9rem;line-height:1.55;color:var(--color-cream-dim)}.community-callout--strip{max-width:42rem;margin-top:2.25rem}@media (min-width:640px){.community-callout--strip{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem}}.share-button__labels{display:grid}.share-button__labels>span{grid-area:1/1}.share-button:not([data-state=copied]) .share-button__done,.share-button[data-state=copied] .share-button__idle{visibility:hidden}.share-manual{display:flex;flex-basis:100%;flex-direction:column;gap:.4rem;max-width:34rem;font-size:.82rem;color:var(--color-cream-dim)}.share-manual input{width:100%;min-height:2.5rem;padding:.4rem .7rem;font-size:.85rem;color:var(--color-sclera);background:color-mix(in srgb,var(--color-void) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-lilac) 35%,transparent)}.chip{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;border:1px solid rgb(255 255 255/.14);background:rgb(255 255 255/.05);font-size:.76rem;font-weight:600;line-height:1.35;color:var(--color-cream-dim)}.chip--main{border-color:color-mix(in srgb,var(--form,var(--accent)) 80%,#fff);background:color-mix(in srgb,var(--form,var(--accent)) 42%,#000);color:#fff}.stage-badge{display:inline-flex;align-items:center;padding:.28rem .6rem;border:2px solid var(--stage);background:color-mix(in srgb,var(--stage) 18%,#000);box-shadow:0 0 16px color-mix(in srgb,var(--stage) 35%,transparent);font-size:.72rem;letter-spacing:.12em;color:var(--stage)}.stage-badge,.tier-badge{font-family:var(--font-pixel);line-height:1}.tier-badge{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border:2px solid var(--tier);background:color-mix(in srgb,var(--tier) 20%,#07060c);box-shadow:0 0 0 1px var(--color-void),0 0 18px color-mix(in srgb,var(--tier) 45%,transparent);font-weight:700;font-size:1.15rem;color:var(--tier)}.tier-badge--sm{width:1.5rem;height:1.5rem;border-width:1px;font-size:.8rem;box-shadow:none}.tier-badge--lg{width:3.75rem;height:3.75rem;font-size:2.1rem}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pips i{width:1.05rem;height:.4rem;background:#2a2438}.pips i.on{background:var(--pip);box-shadow:0 0 8px color-mix(in srgb,var(--pip) 55%,transparent)}.build-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr))}@media (min-width:640px){.build-grid{gap:1.25rem}}.build-grid--featured{grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr))}.build-card{--frame-edge:color-mix(in srgb,var(--form) 45%,#2c2640);background:radial-gradient(120% 60% at 50% 0,color-mix(in srgb,var(--form) 16%,transparent),transparent 70%),#0f0c18;transition:border-color .2s linear,transform .2s var(--ease-pixel);content-visibility:auto;contain-intrinsic-size:auto 26rem}.build-card:focus-within,.build-card:hover{--frame-edge:color-mix(in srgb,var(--form) 80%,#fff);transform:translateY(-3px)}.build-card__art{position:relative;aspect-ratio:16/6.4;overflow:hidden;background:var(--color-void)}.build-card__art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:14% 100%;transition:transform .6s ease-out}.build-card:hover .build-card__art img{transform:scale(1.04)}.build-card__art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(12 10 20/0),rgb(12 10 20/.25) 45%,rgb(12 10 20/.7)),linear-gradient(0deg,#0f0c18,transparent 45%);pointer-events:none}.build-card__art .stage-badge,.build-card__art .tier-badge{z-index:1}.build-card__title{font-family:var(--font-pixel);font-size:1.12rem;font-weight:400;letter-spacing:.01em;line-height:1.25;color:#fff;text-wrap:balance;hyphens:manual}.build-card__title a{outline:none}.build-card:has(a:focus-visible){outline:2px solid var(--accent-bright);outline-offset:3px}.builds-search{display:flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:0 .85rem;border:1px solid color-mix(in srgb,var(--color-lilac) 22%,transparent);background:color-mix(in srgb,var(--color-panel) 80%,transparent);color:var(--color-cream-faint);transition:border-color .15s linear}.builds-search:focus-within{border-color:var(--color-lilac);color:var(--color-lilac)}.builds-search input{flex:1;min-width:0;height:2.9rem;background:transparent;font-size:1rem;color:var(--color-cream);outline:none}.builds-search input::placeholder{color:var(--color-cream-faint)}.builds-search input::-webkit-search-cancel-button{filter:invert(.7)}.filter-chip{--chip:var(--color-lilac);display:inline-flex;flex:none;align-items:center;gap:.5rem;min-height:2.5rem;padding:.3rem .85rem;border:1px solid color-mix(in srgb,var(--chip) 24%,transparent);background:color-mix(in srgb,var(--color-panel) 70%,transparent);font-size:.86rem;font-weight:600;line-height:1.2;color:var(--color-cream-dim);white-space:nowrap;transition:border-color .15s linear,background-color .15s linear,color .15s linear}.filter-chip:hover{border-color:color-mix(in srgb,var(--chip) 60%,transparent);color:var(--color-cream)}.filter-chip--on,.filter-chip[aria-pressed=true]{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 20%,var(--color-void));color:#fff;box-shadow:0 0 16px -4px var(--chip)}.filter-chip__count{font-family:var(--font-pixel);font-size:.66rem;color:var(--color-cream-faint)}.filter-chip[aria-pressed=true] .filter-chip__count{color:var(--chip)}.form-pick{display:inline-grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border:1px solid color-mix(in srgb,var(--color-lilac) 16%,transparent);background:var(--color-void);transition:border-color .15s linear,transform .15s var(--ease-pixel)}.form-pick:hover{border-color:color-mix(in srgb,var(--form,var(--color-lilac)) 80%,#fff);transform:translateY(-2px)}.form-pick[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 1px var(--color-void),0 0 18px -2px var(--form,var(--color-lilac))}.form-pick--all{width:auto;padding:0 .8rem;font-size:.82rem;font-weight:600;color:var(--color-cream-dim);white-space:nowrap}.form-pick--all[aria-pressed=true]{color:#fff}.tier-row{display:grid;grid-template-columns:3.25rem minmax(0,1fr);border:1px solid color-mix(in srgb,var(--tier) 30%,#2c2640);background:color-mix(in srgb,var(--color-panel) 88%,transparent)}@media (min-width:640px){.tier-row{grid-template-columns:5rem minmax(0,1fr)}}.tier-row__letter{display:grid;place-items:center;background:color-mix(in srgb,var(--tier) 22%,#07060c);box-shadow:inset -1px 0 0 color-mix(in srgb,var(--tier) 45%,transparent);font-family:var(--font-pixel);font-weight:700;font-size:clamp(1.6rem,5vw,2.5rem);line-height:1;color:var(--tier);text-shadow:0 0 18px color-mix(in srgb,var(--tier) 55%,transparent)}.tier-row__builds{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem}.tier-row__empty{align-self:center;padding:1rem;font-size:.85rem;color:var(--color-cream-faint)}.tier-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.25rem .7rem .25rem .3rem;border:1px solid color-mix(in srgb,var(--form) 40%,#2c2640);background:color-mix(in srgb,var(--form) 12%,#0b0911);transition:border-color .15s linear,transform .15s var(--ease-pixel),background-color .15s linear}.tier-chip:hover{border-color:color-mix(in srgb,var(--form) 85%,#fff);background:color-mix(in srgb,var(--form) 26%,#0b0911);transform:translateY(-2px)}.tier-chip__text{display:flex;min-width:0;flex-direction:column;line-height:1.15}.tier-chip__name{overflow:hidden;font-size:.84rem;font-weight:600;color:var(--color-cream);text-overflow:ellipsis;white-space:nowrap}.tier-chip__form{font-size:.7rem;color:var(--color-cream-faint)}.related-builds{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.related-builds .tier-chip{padding-block:.4rem}.form-tile{--frame-edge:color-mix(in srgb,var(--form) 35%,#2c2640);display:flex;align-items:center;gap:.75rem;height:100%;padding:.65rem .75rem;background:radial-gradient(90% 120% at 0 50%,color-mix(in srgb,var(--form) 20%,transparent),transparent 70%),#0f0c18;transition:border-color .2s linear,transform .2s var(--ease-pixel)}.form-tile--current,.form-tile:hover{--frame-edge:color-mix(in srgb,var(--form) 85%,#fff);transform:translateY(-2px)}.form-tile__portrait{display:grid;flex:none;place-items:center;width:3.75rem;height:3.75rem;background:var(--color-void);border:1px solid color-mix(in srgb,var(--form) 40%,transparent)}.form-tile__name{display:block;font-size:.88rem;font-weight:600;line-height:1.2;color:var(--color-cream)}.form-tile__count{display:block;margin-top:.25rem;font-size:.74rem;color:var(--color-cream-faint)}.form-stage{position:relative;display:grid;place-items:end center;min-height:17rem;padding-bottom:1.5rem;background:radial-gradient(55% 55% at 50% 70%,color-mix(in srgb,var(--form) 45%,transparent),transparent 72%)}.form-stage:after{content:"";position:absolute;inset:auto 22% 1.25rem;height:3px;background:color-mix(in srgb,var(--form) 60%,transparent)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;font-size:.82rem;color:var(--color-cream-faint)}.breadcrumbs li{display:inline-flex;align-items:center;gap:.6rem}.breadcrumbs li+li:before{content:"";width:.3rem;height:.3rem;background:color-mix(in srgb,var(--color-lilac) 55%,transparent);clip-path:polygon(0 0,100% 50%,0 100%)}.breadcrumbs a{color:var(--color-cream-dim);text-underline-offset:4px}.breadcrumbs a:hover{color:var(--color-cream);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--color-lilac)}.builds-title{font-family:var(--font-display);font-size:clamp(2.2rem,6.5vw,4.6rem);line-height:.98;letter-spacing:-.03em;text-transform:uppercase;max-width:16ch}:lang(ja) .builds-title,:lang(ko) .builds-title,:lang(zh) .builds-title{line-height:1.12}.builds-subtitle{margin-top:1rem;font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.7rem);font-weight:600;letter-spacing:-.01em;color:var(--color-lilac)}.build-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--header-h) + 2rem) 0 2.5rem;background:#0c0a14;border-bottom:1px solid color-mix(in srgb,var(--form) 45%,#2c2640)}.build-hero__art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:0 100%}.build-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(12 10 20/.15) 0,rgb(12 10 20/.72) 38%,rgb(12 10 20/.94) 70%),linear-gradient(0deg,#0c0a14 0,rgb(12 10 20/0) 55%,rgb(8 9 10/.75) 100%),radial-gradient(40% 60% at 14% 100%,color-mix(in srgb,var(--form) 40%,transparent),transparent 70%)}@media (max-width:767px){.build-hero__scrim{background:linear-gradient(0deg,#0c0a14 0,rgb(12 10 20/.82) 45%,rgb(12 10 20/.7) 100%),radial-gradient(60% 40% at 30% 100%,color-mix(in srgb,var(--form) 35%,transparent),transparent 70%)}}.build-hero__body{display:flex;flex-direction:column;gap:1.1rem;margin-top:2rem}@media (min-width:768px){.build-hero__body{margin-left:clamp(13rem,30vw,24rem);min-height:15rem;justify-content:flex-end}}.build-hero__form{display:inline-flex;align-items:center;gap:.6rem;line-height:1.15}.build-hero__form>span{display:flex;flex-direction:column}.build-hero__form strong{font-size:1.05rem;font-weight:600;color:var(--color-cream)}.build-hero__form span span{font-size:.85rem;color:color-mix(in srgb,var(--form) 55%,#fff)}.build-hero__form:hover strong{text-decoration:underline;text-underline-offset:4px}.build-hero__title{font-family:var(--font-pixel);font-weight:400;font-size:clamp(1.9rem,6.4vw,4rem);line-height:1.05;letter-spacing:0;color:#fff;text-shadow:0 3px 0 rgb(0 0 0/.6),0 0 22px color-mix(in srgb,var(--form) 55%,transparent);hyphens:manual}.build-hero__tier{display:flex;align-items:center;gap:.9rem}.build-hero__tier p{display:flex;flex-direction:column;gap:.15rem;line-height:1.2}.build-hero__tier strong{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase}.build-hero__tier p>span{font-size:.9rem;color:var(--color-cream-dim)}.build-section{padding:3rem 0}@media (min-width:640px){.build-section{padding:4rem 0}}.build-section--raised{border-block:1px solid color-mix(in srgb,var(--color-lilac) 8%,transparent);background:color-mix(in srgb,var(--color-panel) 45%,transparent)}.build-section__title{font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.1;letter-spacing:-.02em}.build-section__lead{margin-top:.75rem;max-width:62ch;color:var(--color-cream-dim)}.build-pitch{padding:.9rem 1.1rem .9rem 1.2rem;border-left:4px solid color-mix(in srgb,var(--form) 70%,#fff);background:linear-gradient(90deg,color-mix(in srgb,var(--form) 16%,transparent),transparent 85%);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5;color:#e2dcf0}.build-goodfor{margin-top:1rem;color:var(--color-cream-dim)}.build-goodfor strong{color:var(--stage);font-weight:600}.proscons h3{margin-bottom:.75rem;font-family:var(--font-pixel);font-size:.74rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.proscons--good h3{color:#4bd98a}.proscons--bad h3{color:#e05a5a}.proscons ul{display:flex;flex-direction:column;gap:.55rem}.proscons li{position:relative;padding-left:1.25rem;font-size:.95rem;line-height:1.45;color:var(--color-cream)}.proscons li:before{content:"";position:absolute;left:0;top:.5em;width:.45rem;height:.45rem}.proscons--good li:before{background:#4bd98a}.proscons--bad li:before{background:#e05a5a}:lang(ja) .proscons h3,:lang(ko) .proscons h3,:lang(zh) .proscons h3{font-size:.85rem;letter-spacing:.06em}.build-sheet{--frame-tick:var(--stage);align-self:start;padding:1.1rem 1.15rem 1.2rem}.build-sheet__title{margin:1.2rem 0 .6rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-lilac) 12%,transparent);font-family:var(--font-pixel);font-size:.7rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-faint)}:lang(ja) .build-sheet__title,:lang(ko) .build-sheet__title,:lang(zh) .build-sheet__title{font-size:.8rem;letter-spacing:.06em}.build-sheet dl>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.32rem 0}.build-sheet dt{font-size:.86rem;color:var(--color-cream-dim)}.build-sheet dd{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;color:var(--color-cream);text-align:right}.build-sheet__facts dd span:last-child{min-width:5.5em;text-align:right}.build-sheet__score{display:inline-block;width:1.5rem;text-align:center;font-size:.75rem;color:var(--color-cream-faint)}.build-sheet__numbers dd{font-variant-numeric:tabular-nums}.build-sheet__note{margin-top:.9rem;font-size:.72rem;line-height:1.5;color:var(--color-cream-faint)}.loadout{display:grid;gap:1rem;margin-top:2rem}@media (min-width:1024px){.loadout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}.loadout>:nth-child(3){grid-column:1/-1}}.loadout-block,.loadout-systems{padding:1rem 1.1rem;background:#0f0c18}.loadout-row{display:grid;gap:.5rem;padding:.8rem 0}.loadout-row+.loadout-row{border-top:1px solid color-mix(in srgb,var(--color-lilac) 10%,transparent)}.loadout-row:first-child{padding-top:.2rem}.loadout-row:last-child{padding-bottom:.2rem}.loadout-row dt{color:var(--color-cream-faint)}.loadout-list{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem}.loadout-list--chain .loadout-item+.loadout-item{position:relative}.loadout-list--chain .loadout-item+.loadout-item:before{content:"";position:absolute;left:-1rem;top:50%;width:.45rem;height:.45rem;margin-top:-.22rem;background:var(--color-lilac);clip-path:polygon(0 0,100% 50%,0 100%)}.loadout-grid{display:grid;gap:.55rem 1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr))}.loadout-item{display:flex;align-items:center;gap:.65rem;min-width:0}.loadout-item__name{display:block;font-size:.92rem;font-weight:600;line-height:1.2;color:var(--color-cream)}.loadout-item__note{display:block;margin-top:.1rem;font-size:.74rem;line-height:1.25;color:var(--color-cream-faint)}.loadout-note{margin-top:.6rem;font-size:.84rem;line-height:1.5;color:var(--color-cream-dim)}.loadout-note strong{color:var(--color-lilac);font-weight:600}.loadout-plain{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.95rem}.loadout-plain strong{font-weight:600;color:var(--color-cream)}.loadout-plain>span:last-child{color:var(--color-cream-dim);font-size:.86rem}.loadout-block__title{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.9rem;font-family:var(--font-pixel);font-size:.74rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-dim)}.loadout-block__title span{color:var(--stage)}:lang(ja) .loadout-block__title,:lang(ko) .loadout-block__title,:lang(zh) .loadout-block__title{font-size:.85rem;letter-spacing:.06em}.relic-group+.relic-group{margin-top:1rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb,var(--color-lilac) 10%,transparent)}.relic-group__label{margin-bottom:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-cream-faint)}.relic-group--core .relic-group__label{color:var(--stage)}.relic-group--legend .relic-group__label{color:var(--color-gold)}.tip-trigger{cursor:help}.slot{--slot:#332c47;display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border:1px solid color-mix(in srgb,var(--slot) 70%,#332c47);background:#0b0911;transition:border-color .15s linear,transform .15s var(--ease-pixel),box-shadow .2s ease-out}.slot:focus-visible,.slot:hover{border-color:var(--slot);transform:translateY(-2px);box-shadow:0 0 16px -2px var(--slot)}.slot--blessed{border-color:var(--color-gold);box-shadow:0 0 12px -2px color-mix(in srgb,var(--color-gold) 70%,transparent)}.set-blocks{display:grid;gap:1rem}@media (min-width:640px){.set-blocks{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}}.set-block{padding-left:.9rem;border-left:3px solid var(--set)}.set-block__name{font-weight:600;color:var(--set)}.set-block__theme{margin:.15rem 0 .7rem;font-size:.82rem;color:var(--color-cream-faint)}.set-block__bonus{margin-top:.7rem;font-size:.86rem;line-height:1.5;color:var(--color-cream-dim)}.set-block__bonus span{font-weight:700;color:var(--set)}.tabs{display:flex;gap:.4rem;margin:2rem calc(var(--spacing-gutter) * -1) 0;padding:0 var(--spacing-gutter);overflow-x:auto;border-bottom:1px solid color-mix(in srgb,var(--color-lilac) 16%,transparent);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;display:inline-flex;flex:none;align-items:baseline;gap:.5rem;min-height:2.9rem;padding:.55rem .95rem;font-size:.92rem;font-weight:600;color:var(--color-cream-dim);white-space:nowrap;transition:color .15s linear}.tab:hover{color:var(--color-cream)}.tab:after{content:"";position:absolute;inset:auto 0 -1px;height:3px;background:var(--stage,var(--accent));transform:scaleX(0);transition:transform .2s var(--ease-pixel)}.tab--on{color:#fff}.tab--on:after{transform:scaleX(1)}.tab__meta{font-family:var(--font-pixel);font-size:.68rem;color:var(--stage,var(--accent))}.tab-panel{padding-top:1.25rem;outline:none}.tab-panel:focus-visible{outline:2px solid var(--accent-bright);outline-offset:6px}.tree-cost{margin-bottom:1rem;font-size:.9rem;color:var(--color-cream-dim)}.tree-cost strong{font-family:var(--font-pixel);font-weight:400;color:var(--stage)}.tree-panel{display:grid;gap:1.5rem}@media (min-width:1024px){.tree-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.tree-panel--mastery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tree-map{min-width:0}.tree-map__scroll{overflow-x:auto;border:1px solid color-mix(in srgb,var(--color-lilac) 14%,transparent);background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--color-select) 10%,transparent),transparent 75%),#0b0911}.tree-map__canvas{position:relative;width:100%;min-width:30rem;max-height:34rem;margin-inline:auto}.tree-map__canvas img,.tree-map__canvas svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}.tree-map__hint{margin-top:.6rem;font-size:.78rem;color:var(--color-cream-faint)}.tree-root{fill:#0c0a14;stroke:var(--stage,var(--color-gold));stroke-width:2}.tree-root__pupil{fill:var(--stage,var(--color-gold))}.tree-node{cursor:help;outline:none}.tree-node__halo{fill:var(--node);fill-opacity:.26;transition:fill-opacity .15s linear}.tree-node__dot{fill:var(--node);stroke:#fff;stroke-width:.7}.tree-node__max{fill:none;stroke:#fff;stroke-width:1.6}.tree-node__rank{fill:#0c0a14;font-family:var(--font-body);font-size:9.5px;font-weight:800;text-anchor:middle;pointer-events:none}.tree-node:focus-visible .tree-node__halo,.tree-node:hover .tree-node__halo{fill-opacity:.6}.tree-node:focus-visible .tree-node__dot{stroke-width:2}.tree-list{display:grid;gap:1.1rem;align-content:start}.tree-list h4{margin-bottom:.45rem;font-family:var(--font-pixel);font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-lilac)}:lang(ja) .tree-list h4,:lang(ko) .tree-list h4,:lang(zh) .tree-list h4{font-size:.82rem;letter-spacing:.05em}.tree-list ul{display:flex;flex-direction:column;gap:.4rem}.tree-list li{font-size:.88rem;line-height:1.45;color:var(--color-cream-dim)}.tree-list strong{font-weight:600;color:var(--color-cream)}.tree-list__rank{margin-left:.45rem;font-family:var(--font-pixel);font-size:.66rem;color:var(--color-cream-faint)}.tree-list__effect{display:block}.tree-list__small{font-size:.82rem;color:var(--color-cream-faint)}.tree-list__note{font-size:.82rem;color:var(--color-cream-dim)}.mastery-sub{display:flex;align-items:center;gap:.9rem;grid-column:1/-1}.mastery-sub__name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-cream)}.mastery-sub__role{margin-top:.15rem;font-size:.9rem;color:var(--color-cream-dim)}.mastery-bars{display:grid;gap:.75rem;align-content:start}.mastery-bars dt{font-size:.86rem;font-weight:600;color:var(--color-cream)}.mastery-bars dd{display:grid;gap:.25rem}.mastery-bars__value{font-size:.78rem;color:var(--color-cream-dim)}.mastery-bars__bar{display:block;height:.5rem;background:#262035}.mastery-bars__bar i{display:block;height:100%;background:var(--stat);box-shadow:0 0 10px color-mix(in srgb,var(--stat) 50%,transparent)}.mastery-bars .is-empty .mastery-bars__value,.mastery-bars .is-empty dt{color:var(--color-cream-faint)}.howto{display:grid;gap:.75rem 1.5rem;margin-top:2rem}@media (min-width:768px){.howto{grid-template-columns:1fr 1fr}}.howto li{display:flex;align-items:flex-start;gap:.8rem;font-size:1rem;line-height:1.5;color:#ddd6ec}.howto li>span{display:grid;flex:none;place-items:center;width:1.9rem;height:1.9rem;border:1px solid color-mix(in srgb,var(--form) 75%,#fff);background:color-mix(in srgb,var(--form) 45%,#000);font-family:var(--font-pixel);font-size:.85rem;color:#fff}.build-card-figure{display:block;border:1px solid color-mix(in srgb,var(--form) 45%,#2c2640);box-shadow:0 24px 70px -30px color-mix(in srgb,var(--form) 70%,transparent);transition:transform .25s var(--ease-pixel),border-color .2s linear}.build-card-figure:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--form) 85%,#fff)}.build-card-figure img{display:block;width:100%;height:auto}.tip-panel{position:fixed;z-index:60;width:max-content;max-width:min(22rem,calc(100vw - 1rem));padding:.7rem .85rem .75rem;border:1px solid color-mix(in srgb,var(--color-lilac) 40%,transparent);background:color-mix(in srgb,var(--color-panel) 97%,transparent);box-shadow:0 0 0 1px var(--color-void),0 18px 50px -12px rgb(0 0 0/.85);pointer-events:none;animation:fade-in .12s linear both}.tip-panel:before{--tick:var(--color-select);content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(var(--tick),var(--tick)) 0 0 /9px 3px no-repeat,linear-gradient(var(--tick),var(--tick)) 0 0 /3px 9px no-repeat,linear-gradient(var(--tick),var(--tick)) 100% 100% /9px 3px no-repeat,linear-gradient(var(--tick),var(--tick)) 100% 100% /3px 9px no-repeat}.tip-panel--pinned{pointer-events:auto;padding-right:2.5rem}.tip-panel--sheet{inset:auto .5rem calc(.5rem + env(safe-area-inset-bottom)) .5rem;width:auto;max-width:none;max-height:60vh;overflow-y:auto}.tip-panel__body{display:flex;flex-direction:column;gap:.35rem}.tip-panel__close{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;color:var(--color-cream-dim)}.tip-title{font-family:var(--font-display);font-size:1rem;line-height:1.2;color:var(--color-cream)}.tip-meta,.tip-title{display:block;font-weight:700}.tip-meta{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-cream-faint)}.tip-text{display:block;font-size:.86rem;line-height:1.45;color:var(--color-cream);white-space:pre-line}.tip-text--dim{color:var(--color-cream-dim)}.tip-text--good{color:#9be8b9}.tip-text--bad{color:#f09a9a}.tip-text--gold{color:var(--color-gold)}}@media (prefers-reduced-motion:reduce){.build-card,.build-card-figure,.build-card__art img,.form-tile,.slot,.tier-chip{transform:none!important}}