*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input{font:inherit}img{max-width:100%;display:block}html{background-color:#080a0c}body{color:#222;isolation:isolate;background-color:#0000;min-width:20rem;min-height:100vh;font-family:Arial,Helvetica,sans-serif}body:before{z-index:-1;content:"";background:linear-gradient(#05070880,#050708b3),url(/images/backgrounds/battle-isles.webp) 50%/cover no-repeat;position:fixed;inset:0}main{gap:2rem;width:min(100% - 1rem,75rem);margin:0 auto;padding-block:1rem 2rem;display:grid}main:focus{outline:none}h1,h2,h3,h4,h5{line-height:1.2}section{background-color:#fff;border:1px solid #d6d6d6;border-radius:.75rem;gap:1.5rem;padding:1.5rem;display:grid;box-shadow:0 .125rem .5rem #00000014}section>h2,section>h3{margin-bottom:1rem}section h3,section h4{margin-bottom:.5rem}section ul{gap:.5rem;display:grid}img{border-radius:.375rem}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:#fff;background-color:#111417;border:2px solid #d1a64a;border-radius:.375rem;padding:.75rem 1rem;font-weight:700;text-decoration:none;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea):focus-visible{outline-offset:.1875rem;outline:.1875rem solid #fff;box-shadow:0 0 0 .375rem #111417}@media (width>=48rem){main{width:min(100% - 2rem,75rem)}section{padding:2rem}}button{color:#222;cursor:pointer;background-color:#fff;border:1px solid #d6d6d6;border-radius:.375rem;padding:.75rem 1rem;transition:background-color .2s,border-color .2s}button:hover{border-color:#3f4f3a}.button-primary,.button-secondary{cursor:pointer;justify-content:center;align-items:center;min-height:2.25rem;font-weight:700;line-height:1;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.button-primary{color:#111417;background-color:#d1a64a;border:1px solid #d1a64a;padding:.625rem .875rem;transition:color .2s,background-color .2s,border-color .2s,transform .2s}.button-primary:hover{color:#050606;background-color:#e0b85b;border-color:#e0b85b;transform:translateY(-.0625rem)}.button-primary:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #fff}.button-primary:active{transform:translateY(0)}.button-secondary{color:#ffffffd9;background-color:#0000;border:1px solid #d1a64a8c;min-height:1.875rem;padding:.375rem .5rem;font-size:.75rem}.button-secondary:hover{color:#fff;background-color:#d1a64a29;border-color:#d1a64a}.button-secondary:focus-visible{outline-offset:.125rem;outline:.125rem solid #d1a64a}@media (prefers-reduced-motion:reduce){.button-primary,.button-secondary{transition:none}.button-primary:hover{transform:none}}.app-header{color:#fff;text-align:center;justify-items:center;gap:.5rem;width:min(100% - 1rem,75rem);margin:0 auto;padding-block:1.5rem 1rem;display:grid}@media (width>=48rem){.app-header{width:min(100% - 2rem,75rem);padding-block:2rem 1.5rem}}.app-header__logo{filter:drop-shadow(0 .25rem .5rem #000000bf);border-radius:0;width:clamp(15rem,45vw,30rem);max-width:100%}.app-header__tagline{color:#ffffffbf;text-shadow:0 .0625rem .25rem #000000e6;font-size:clamp(.875rem,2vw,1rem);line-height:1.4}.app-footer{color:#ffffffb8;background-color:#050606fa;border-top:1px solid #d1a64a73;margin-top:auto}.app-footer__content{gap:1.5rem;width:min(100%,75rem);margin:0 auto;padding:1.5rem 1rem;display:grid}.app-footer p{line-height:1.5}.app-footer__project{gap:.25rem;display:grid}.app-footer__project strong{color:#fff}.app-footer__project p:last-child{font-size:.875rem}.app-footer__legal{gap:.25rem;font-size:.75rem;display:grid}.app-footer__links{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.app-footer__links a{color:#d1a64a;width:fit-content;padding-block:.375rem;font-size:.875rem;font-weight:700;text-decoration:none}.app-footer__links a:hover{color:#fff;text-decoration:underline}@media (width>=48rem){.app-footer__content{grid-template-columns:minmax(12rem,auto) minmax(18rem,1fr);align-items:start;padding:2rem}.app-footer__legal{text-align:right;justify-self:end;max-width:38rem}.app-footer__links{border-top:1px solid #4b4438a6;grid-column:1/-1;justify-content:center;padding-top:1rem}}.breadcrumb{z-index:10;color:#fff;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:#050708f0;border-block:1px solid #4b4438;width:100%;padding:.5rem;position:sticky;top:0;overflow:hidden;box-shadow:0 .125rem .5rem #00000014}.breadcrumb__list{flex-wrap:wrap;align-items:center;gap:0;display:flex}.breadcrumb__item{align-items:center;min-width:0;display:flex}.breadcrumb__item+.breadcrumb__item:before{color:#fff6;content:"›";margin-inline:.25rem}.breadcrumb__control{--breadcrumb-accent:#d1a64a;color:#ffffffc7;min-width:0;font:inherit;background-color:#0000;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.8125rem;line-height:1.2;text-decoration:none;display:inline-flex}.breadcrumb__control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb__control[aria-current=page]{color:#fff;border-color:var(--breadcrumb-accent);background-color:#ffffff0f}button.breadcrumb__control:hover{color:#fff;border-color:var(--breadcrumb-accent);background-color:#ffffff14}.breadcrumb__home{justify-content:center;padding:.5rem}.breadcrumb__profession-icon{object-fit:contain;border-radius:0;flex:none;width:1.25rem;height:1.25rem}.breadcrumb__item--warrior{--profession-color:#ea3}.breadcrumb__item--warrior .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--ranger{--profession-color:#5a0}.breadcrumb__item--ranger .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--monk{--profession-color:#44b}.breadcrumb__item--monk .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--necromancer{--profession-color:#0a5}.breadcrumb__item--necromancer .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--mesmer{--profession-color:#80a}.breadcrumb__item--mesmer .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--elementalist{--profession-color:#b33}.breadcrumb__item--elementalist .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--assassin{--profession-color:#a08}.breadcrumb__item--assassin .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--ritualist{--profession-color:#0aa}.breadcrumb__item--ritualist .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--paragon{--profession-color:#960}.breadcrumb__item--paragon .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}.breadcrumb__item--dervish{--profession-color:#77c}.breadcrumb__item--dervish .breadcrumb__control{--breadcrumb-accent:var(--profession-color)}@media (width>=48rem){.breadcrumb{padding:.625rem}.breadcrumb__item+.breadcrumb__item:before{margin-inline:.5rem}.breadcrumb__control{padding-inline:.75rem;font-size:.875rem}}.workflow{gap:0;display:grid}.workflow>*{box-shadow:none;border-radius:0;position:relative}.workflow>*+*{margin-top:-1px}.workflow>:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.workflow>:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.workflow-panel{color:#fff;background-color:#111417f5;border-color:#4b4438;grid-template-rows:auto;gap:0;padding:0;scroll-margin-top:5rem;transition:border-color .2s;display:grid;overflow:hidden}.workflow-panel--expanded{z-index:1;border-color:#d1a64ab3}.workflow-panel__heading{margin:0}.workflow-panel__trigger{color:#fff;text-align:left;background-color:#0000;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chevron""summary chevron";align-items:center;gap:.25rem 1rem;width:100%;padding:1rem;display:grid}.workflow-panel__trigger:hover{color:#d1a64a;border-color:#0000}.workflow-panel__trigger:focus-visible{outline-offset:-.1875rem;outline:.1875rem solid #d1a64a}.workflow-panel__trigger:disabled{color:#ffffff73;cursor:not-allowed}.workflow-panel__title{grid-area:title;font-size:1.125rem;font-weight:700}.workflow-panel__summary{color:#ffffffa6;grid-area:summary;font-size:.875rem;font-weight:400}.workflow-panel__chevron{color:#d1a64a;grid-area:chevron;font-size:.75rem;transition:transform .25s}.workflow-panel--expanded .workflow-panel__chevron{transform:rotate(180deg)}.workflow-panel__content{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .2s,visibility 0s linear .3s;display:grid}.workflow-panel--expanded .workflow-panel__content{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .25s,visibility}.workflow-panel__content-inner{min-height:0;overflow:hidden}.workflow-panel__content-inner>*{padding:1rem 1.5rem 1.5rem}@media (width>=48rem){.workflow-panel__trigger{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title summary chevron";padding:1.5rem}.workflow-panel__summary{justify-self:end}}@media (prefers-reduced-motion:reduce){.workflow-panel,.workflow-panel__content,.workflow-panel__chevron{transition:none}}.selector-grid{display:grid}.selector-grid--professions{grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}.selector-grid--professions .profession-card{grid-column:span 4}.selector-grid--professions .profession-card:nth-child(7),.selector-grid--professions .profession-card:nth-child(9){grid-column:3/span 4}.selector-grid--professions .profession-card:nth-child(8),.selector-grid--professions .profession-card:nth-child(10){grid-column:7/span 4}@media (width>=48rem){.selector-grid--professions{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.selector-grid--professions .profession-card,.selector-grid--professions .profession-card:nth-child(n+7){grid-column:auto}}.selector-grid--campaigns{grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}.selector-grid--campaigns .campaign-card{grid-column:span 4}.selector-grid--campaigns .campaign-card:nth-child(4){grid-column:3/span 4}.selector-grid--campaigns .campaign-card:nth-child(5){grid-column:7/span 4}@media (width>=48rem){.selector-grid--campaigns{gap:1rem}}.selector-grid--has-selection :is(.profession-card,.campaign-card):not(.profession-card--selected,.campaign-card--selected){opacity:.45;filter:grayscale(.7)}.profession-card--selected,.campaign-card--selected{border-color:#d1a64a;box-shadow:0 0 0 .0625rem #d1a64ab3,0 0 1rem #d1a64a73}.selector-grid--has-selection :is(.profession-card,.campaign-card):hover{opacity:1;filter:none}.profession-card,.campaign-card{isolation:isolate;color:#fff;min-width:0;box-shadow:none;background-color:#111417;border-color:#4b4438;justify-content:center;align-items:flex-end;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.profession-card:hover,.campaign-card:hover{z-index:1;border-color:#d1a64a;transform:translateY(-.25rem);box-shadow:0 0 0 .0625rem #d1a64ab3,0 0 1rem #d1a64a73}.profession-card:focus-visible,.campaign-card:focus-visible{z-index:1;outline-offset:.1875rem;outline:.1875rem solid #d1a64a}.profession-card:after,.campaign-card:after{z-index:-1;content:"";position:absolute;inset:0}.profession-card{aspect-ratio:2/3}.profession-card:after{background:linear-gradient(#05070814 35%,#050708bf 76%,#050708fa 100%)}.profession-card__character,.campaign-card__image{z-index:-2;object-fit:cover;border-radius:0;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.profession-card:hover .profession-card__character,.campaign-card:hover .campaign-card__image{transform:scale(1.04)}.profession-card__character{object-position:center top}.profession-card__content{justify-items:center;gap:.25rem;width:100%;padding:.5rem .25rem;display:grid}.profession-card__icon{aspect-ratio:1;object-fit:contain;border-radius:0;width:clamp(1.75rem,3vw,2.5rem)}.profession-card__name{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(.75rem,1vw,.8rem);font-weight:700;line-height:1.2;overflow:hidden}.campaign-card{aspect-ratio:3/2}.campaign-card:after{background:linear-gradient(#0507080d 30%,#0507088c 70%,#050708f2 100%)}.campaign-card__content{justify-content:center;width:100%;padding:1.5rem .5rem 1rem;display:flex}.campaign-card__image{object-position:center}.campaign-card__name{text-align:center;text-transform:uppercase;font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;line-height:1.2}@media (prefers-reduced-motion:reduce){.profession-card,.campaign-card,.profession-card__character,.campaign-card__image{transition:none}.profession-card:hover,.campaign-card:hover,.profession-card:hover .profession-card__character,.campaign-card:hover .campaign-card__image{transform:none}}.currency-amount,.currency-amount__unit{align-items:center;display:inline-flex}.currency-amount{gap:.375rem}.currency-amount__unit{white-space:nowrap;gap:.2rem}.currency-amount__unit img{object-fit:contain;border-radius:0;width:1rem;height:1rem;display:block}.armor-list{color:#fff}.armor-list>p{color:#ffffffb8;text-align:center}.armor-list__groups{gap:1rem;display:grid}.armor-list__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width>=48rem){.armor-list__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.armor-list__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.armor-card{aspect-ratio:4/5;color:#fff;min-width:0;box-shadow:none;background-color:#111417;border-color:#4b4438;grid-template-rows:minmax(0,1fr) auto;padding:0;transition:opacity .2s,filter .2s,transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.armor-card:hover{z-index:1;border-color:#d1a64a;transform:translateY(-.25rem);box-shadow:0 0 0 .0625rem #d1a64ab3,0 0 1rem #d1a64a73}.armor-card:focus-visible{z-index:1;outline-offset:.1875rem;outline:.1875rem solid #d1a64a}.armor-card--selected{border-color:#d1a64a;box-shadow:0 0 0 .0625rem #d1a64ab3,0 0 1rem #d1a64a73}.armor-list--has-selection .armor-card:not(.armor-card--selected){opacity:.45;filter:grayscale(.7)}.armor-list--has-selection .armor-card:hover{opacity:1;filter:none}.armor-card__previews{background-color:#111417;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid;overflow:hidden}.armor-card__previews img{object-fit:contain;object-position:center bottom;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;display:block}.armor-card__previews img+img{border-left:1px solid #4b4438}.armor-card__content{background-color:#050606;border-top:1px solid #d1a64a73;align-content:center;justify-items:center;gap:.25rem;height:3.75rem;padding:.5rem;display:grid}.armor-card__name{text-align:center;text-overflow:ellipsis;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.25;overflow:hidden}.armor-card__prestige{color:#d1a64a;letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1}@media (prefers-reduced-motion:reduce){.armor-card{transition:none}.armor-card:hover{transform:none}}.armor-details{color:#fff;background-color:#111417;border-color:#4b4438;gap:2rem;padding:1rem}@media (width>=48rem){.armor-details{padding:2rem}}.armor-details__header{flex-direction:column;gap:1rem;display:flex}.armor-details__header h2{margin:0}@media (width>=48rem){.armor-details__header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.armor-details__prestige{color:#d1a64a;letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.6875rem;font-weight:700;display:inline-block}.armor-details__location{gap:.125rem;display:grid}.armor-details__location>span{color:#ffffffa6;text-transform:uppercase;font-size:.75rem;font-weight:600}.armor-details__location>strong{color:#fff;max-width:26rem;font-weight:600;line-height:1.4}@media (width>=48rem){.armor-details__location{text-align:right;justify-items:end}}.armor-details__overview{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:.5rem;display:grid}@media (width>=48rem){.armor-details__overview{grid-template-columns:minmax(18rem,2fr) minmax(18rem,3fr);gap:1rem}.armor-details__overview .armor-preview-gallery{width:100%;max-width:100%;margin:0}.armor-details__overview .armor-preview__image{aspect-ratio:auto;height:18rem;min-height:0}}@media (width>=64rem){.armor-details__overview{grid-template-columns:minmax(0,24rem) minmax(20rem,1fr);gap:2rem}.armor-details__overview .armor-preview-gallery{max-width:24rem}.armor-details__overview .armor-preview__image{height:24rem}}.armor-preview-gallery{gap:0;width:100%;min-width:0;margin:0;display:grid}.armor-preview-gallery__controls{background-color:#050606;border:1px solid #4b4438;border-bottom:0;border-radius:.375rem .375rem 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;padding:.125rem;display:grid}.armor-preview-gallery__control{color:#ffffffb3;text-transform:uppercase;background-color:#0000;border-color:#0000;border-radius:0;min-width:0;padding:.5rem .125rem;font-size:.625rem;font-weight:700}.armor-preview-gallery__control:hover{color:#d1a64a;border-color:#0000}.armor-preview-gallery__control:focus-visible{outline-offset:-.125rem;outline:.125rem solid #d1a64a}.armor-preview-gallery__control--selected{color:#fff;background-color:#d1a64a29}.armor-previews{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.armor-preview{background-color:#111417;border:1px solid #4b4438;border-radius:0 0 .375rem .375rem;grid-template-rows:minmax(0,1fr);min-width:0;margin:0;display:none;overflow:hidden}.armor-preview--selected{display:grid}.armor-preview__image{aspect-ratio:1/2;background-color:#fff;place-items:center;min-height:0;display:grid;overflow:hidden}.armor-preview__image img{object-fit:contain;object-position:center bottom;border-radius:0;width:auto;max-width:100%;height:100%;min-height:0;display:block}.armor-preview figcaption{color:#fff;text-align:center;text-transform:uppercase;background-color:#111417;border-top:1px solid #4b4438;padding:.5rem;font-size:.75rem;font-weight:700;line-height:1;display:none}@media (width>=48rem){.armor-preview-gallery{gap:.5rem;max-width:24rem}.armor-preview-gallery__controls{display:none}.armor-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.armor-preview{border:1px solid #4b4438;border-radius:.375rem;grid-template-rows:minmax(0,1fr) auto;display:grid}.armor-preview__image{aspect-ratio:auto;height:24rem}.armor-preview figcaption{display:block}}.armor-requirements{color:#fff;min-width:0;height:fit-content;box-shadow:none;background-color:#050606;border-color:#4b4438;align-content:start;gap:1rem;padding:.5rem}.armor-requirements h3{margin:0;font-size:1rem}.armor-requirements h4{font-size:.875rem}.armor-requirements__gold strong{color:#d1a64a}.armor-requirements__group{gap:.5rem;display:grid}.material-checklist-button{justify-self:start;width:100%;margin-top:.5rem;padding-inline:.5rem}@media (width>=48rem){.armor-requirements{gap:1rem;padding:2rem}.armor-requirements h3,.armor-requirements h4{font-size:inherit}.material-checklist-button{width:fit-content}}.material-checklist{color:#fff;width:100%;min-width:0;box-shadow:none;background-color:#050606;border-color:#4b4438;gap:1.5rem;padding:1rem;font-size:.75rem}.material-checklist>h3{margin:0}.material-checklist input[type=number]{color:#222;background-color:#fff;border:1px solid #d6d6d6;border-radius:.375rem;width:100%;min-width:0;padding:.375rem .25rem;font-size:.75rem}.material-checklist input[type=checkbox]{accent-color:#d1a64a}.material-checklist__table-wrapper{overscroll-behavior-x:contain;border:1px solid #4b4438;border-radius:.375rem;min-width:0;max-width:100%;overflow-x:auto}.material-checklist table{color:#fff;border-collapse:collapse;table-layout:fixed;background-color:#0000;width:100%;min-width:0}.material-checklist table,.material-checklist thead,.material-checklist tbody,.material-checklist tr,.material-checklist th,.material-checklist td{border:0}.material-checklist th,.material-checklist td{color:#fff;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #4b4438;border-right:1px solid #4b4438;padding:.375rem .25rem;font-size:.75rem;line-height:1.3}.material-checklist th:last-child,.material-checklist td:last-child{border-right:0}.material-checklist thead th{color:#d1a64a;letter-spacing:.04em;text-transform:uppercase;background-color:#111417;font-size:.6875rem}.material-checklist tbody:last-child tr:last-child>*{border-bottom:0}.material-checklist th:first-child,.material-checklist td:first-child{width:40%}.material-checklist th:nth-child(2),.material-checklist td:nth-child(2){width:16%}.material-checklist th:nth-child(3),.material-checklist td:nth-child(3){width:20%}.material-checklist th:nth-child(4),.material-checklist td:nth-child(4){width:24%}.material-checklist__group-title th{color:#ffffffb3;text-align:left;text-transform:uppercase;background-color:#ffffff0d;width:auto;padding-block:.5rem;font-size:.6875rem;font-weight:600}.material-checklist__group+.material-checklist__group{border-top:2px solid #4b4438}.material-checklist__material{padding-left:calc(var(--material-depth,0) * 1.5rem);gap:.5rem;display:grid}.material-checklist__material[style*="--material-depth: 1"]{border-left:2px solid #d1a64a;padding-left:1rem}.material-checklist__craft-option{color:#ffffffbf;align-items:center;gap:.25rem;width:fit-content;min-height:1.5rem;font-size:.6875rem;line-height:1.2;display:flex}.material-checklist__craft-option input{flex:none}.material-checklist__need-break{display:initial}.material-checklist__crafted-status{color:#d1a64a;white-space:normal;max-width:100%;font-size:.6875rem;font-style:italic;font-weight:600;display:inline-block}.material-checklist__crafting-cost{color:#fffc;margin-top:.5rem;font-size:.875rem;line-height:1.4}.material-checklist__crafting-cost strong{color:#d1a64a}@media (width>=48rem){.material-checklist{padding:2rem}.material-checklist table{min-width:38rem}.material-checklist th,.material-checklist td{overflow-wrap:normal;padding:.75rem;font-size:1rem}.material-checklist thead th{font-size:.75rem}.material-checklist th:first-child,.material-checklist td:first-child{width:32%}.material-checklist th:nth-child(2),.material-checklist td:nth-child(2){width:28%}.material-checklist th:nth-child(3),.material-checklist td:nth-child(3),.material-checklist th:nth-child(4),.material-checklist td:nth-child(4){width:20%}.material-checklist input[type=number]{width:6rem;padding:.5rem;font-size:1rem}.material-checklist__craft-option{gap:.5rem;font-size:.875rem}.material-checklist__need-break{display:none}}.material-details-modal{color:#fff;background-color:#0000;border:0;width:min(100% - 2rem,28rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:visible}.material-details-modal::backdrop{-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);background-color:#000000c7}.material-details{color:#fff;background-color:#050606;border:1px solid #d1a64aa6;border-radius:.75rem;gap:1.5rem;max-height:calc(100dvh - 2rem);padding:1.5rem;display:grid;overflow-y:auto;box-shadow:0 1rem 3rem #000000a6,0 0 0 .0625rem #d1a64ab3,0 0 1rem #d1a64a73}.material-details__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.material-details__identity{align-items:center;gap:.5rem;min-width:0;display:flex}.material-details__identity>img{object-fit:contain;border-radius:.125rem;flex-shrink:0;width:2rem;height:2rem}.material-details__identity h3{margin:0}.material-details__type{color:#ffffffa6;margin-top:.25rem;font-size:.875rem}.material-details__close{color:#fffc;background-color:#0000;border:1px solid #4b4438;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1;display:grid}.material-details__close:hover{color:#d1a64a;background-color:#d1a64a1f;border-color:#d1a64a}.material-details__close:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #d1a64a}.material-details__acquisition{gap:.5rem;display:grid}.material-details__acquisition h4{margin:0}.material-details__acquisition>ul{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.material-details__acquisition>ul>li{gap:.25rem;line-height:1.4;display:grid}.material-details__warning{color:#f0ad4e;font-size:.8125rem;display:block}.material-details__warning:before{content:"⚠ "}.material-details__recipe{background-color:#ffffff0d;border-left:.125rem solid #d1a64a;gap:.25rem;margin-top:.25rem;padding:.5rem;display:grid}.material-details__recipe-label{color:#ffffffa6;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.2}.material-details__ingredients{flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.material-details__ingredient,.material-details__recipe-gold{align-items:center;gap:.3125rem;display:inline-flex}.material-details__ingredient img,.material-details__recipe-gold img{object-fit:contain;border-radius:0;width:1.5rem;height:1.5rem}.material-details__ingredient strong,.material-details__recipe-gold strong{color:#d1a64a;font-size:.875rem}.material-details__ingredient-content{align-items:center;gap:.3125rem;display:inline-flex}.material-details__recipe-gold{border-left:1px solid #4b4438b3;padding-left:.75rem}.material-details__wiki-link{color:#d1a64a;width:fit-content;font-weight:700;text-decoration:none}.material-details__wiki-link:hover{text-decoration:underline}.material-details__wiki-link:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #d1a64a}.material-list{background-color:#fff;border:1px solid #4b4438b3;border-radius:.375rem;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.material-item{color:#222;background-color:#fff;border:0;border-bottom:1px solid #4b44384d;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.375rem;min-width:0;padding:.375rem;display:grid}.material-item:last-child{border-bottom:0}.material-item__icon{object-fit:contain;border-radius:0;width:1.25rem;height:1.25rem}.material-item__name{overflow-wrap:anywhere;min-width:0;font-size:.75rem;line-height:1.2}.material-item__quantity{white-space:nowrap;font-size:.75rem}.material-item__details{color:#111417;background-color:#0000;border-color:#4b4438d9;min-height:1.75rem;padding:.3125rem .375rem;font-size:.6875rem}.material-item__details:hover{color:#050606;background-color:#d1a64a59;border-color:#d1a64a}@media (width>=48rem){.material-item{gap:.5rem;padding:.5rem}.material-item__icon{width:1.5rem;height:1.5rem}.material-item__name,.material-item__quantity{font-size:.875rem}.material-item__details{min-height:2rem;padding:.375rem .625rem;font-size:.75rem}}