.crafting-page{padding-top:2rem;padding-bottom:3rem}.crafting-title{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.crafting-title h1{margin:0}.crafting-filters{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.crafting-filters :is(.game-select-field,.item-filter-search){min-width:0}.crafting-filters .game-select-trigger,.crafting-context-selectors .game-select-trigger{width:100%}.crafting-filter-status{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;font-size:.875rem;display:flex}.crafting-filter-status button{margin-left:auto}.crafting-table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5}.crafting-table :is(th,td){text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.8rem 1rem}.crafting-table thead th{color:var(--label-bright);background:var(--bg-3);font-weight:500}.crafting-table tbody tr{background:var(--slate-row)}.crafting-table tbody tr:nth-child(2n){background:var(--slate-row-alt)}.crafting-table tbody tr[data-selected]{background:var(--band-row);color:var(--text-emph)}.crafting-table tbody th{color:var(--text-emph);font-weight:500}.crafting-directory-table th:first-child{width:42%}.crafting-table td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.crafting-narrow-label{display:none}.crafting-context-selectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.crafting-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.crafting-detail-columns>section{min-width:0}.crafting-detail-columns h2{font-size:1.5rem}.crafting-chance-table td{text-align:right}.crafting-note{color:var(--text-desc);margin-top:1rem;font-size:.875rem}.crafting-status{border:1px solid var(--border-strong);margin:1rem 0;padding:1rem}.crafting-status p{margin-bottom:.8rem}.crafting-page .related-guides{margin-top:2rem}@media (max-width:760px){.crafting-filters,.crafting-context-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.crafting-filters .item-filter-search{grid-column:1/-1}.crafting-detail-columns{grid-template-columns:minmax(0,1fr)}.crafting-table :is(th,td){padding:.7rem .5rem}.crafting-directory-table thead{display:none}.crafting-directory-table tbody{gap:.5rem;display:grid}.crafting-directory-table tr{grid-template-columns:minmax(0,1fr);padding:.4rem;display:grid}.crafting-directory-table th:first-child{width:auto}.crafting-directory-table :is(th,td){border:none}.crafting-narrow-label{color:var(--text-desc);display:inline}}.craft-title{color:var(--item-grade)}.craft-calculator{gap:1.5rem;display:grid}.craft-hero{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2rem;padding:1.5rem 1.75rem;display:grid}.craft-hero-orb{background:url(/assets/ui/sprites/fwindow-craft/ut-fwindow-craft-mainitem-bg-grade-sprite.webp) 50%/contain no-repeat;place-items:center;width:168px;height:168px;display:grid;position:relative}.craft-hero-orb img{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--item-grade) 45%, transparent));position:relative}.craft-gauge{background:conic-gradient(var(--gold-bright) 0, var(--gold) calc(var(--chance) * 1turn), #ffffff1a 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.craft-gauge[data-unknown]{background:#dbac2a73}.craft-hero-facts{gap:.9rem;min-width:0;display:grid}.craft-hero-craft{color:var(--label-bright);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.craft-tag{border:1px solid var(--border-strong);color:var(--text-main);border-radius:3px;align-items:center;gap:.35rem;margin-left:.5rem;padding:.15rem .55rem;font-size:.8125rem;display:inline-flex}.craft-hero-stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem 1.5rem;margin:0;display:grid}.craft-hero-stats dt{color:var(--text-desc);font-size:.8125rem}.craft-hero-stats dd{color:var(--text-emph);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:.15rem 0 0;font-size:1.25rem;display:flex}.craft-hero-stats .craft-combo{grid-column:1/-1}.craft-hero-stats dd small{color:var(--text-desc);font-size:.8125rem}.craft-warning{color:var(--danger);margin:0;font-size:.875rem}.craft-controls{flex-wrap:wrap;align-items:end;gap:1rem 1.25rem;display:flex}.craft-field{gap:.35rem;min-width:9rem;display:grid}.craft-field>span{color:var(--label);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.craft-field input,.craft-have{appearance:textfield;border:1px solid var(--border-strong);background:var(--bg-3);width:100%;min-height:44px;color:var(--text-emph);font:.9375rem/1.4 var(--font-ui);font-variant-numeric:tabular-nums;border-radius:3px;padding:.5rem .65rem}.craft-field input::-webkit-inner-spin-button{appearance:none;margin:0}.craft-field input::-webkit-outer-spin-button{appearance:none;margin:0}.craft-have::-webkit-inner-spin-button{appearance:none;margin:0}.craft-have::-webkit-outer-spin-button{appearance:none;margin:0}.craft-field input:focus-visible,.craft-have:focus-visible{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 12px #dbac2a40;outline:none}.craft-toggle{border:1px solid var(--border-strong);border-radius:3px;min-height:44px;display:inline-flex;overflow:hidden}.craft-toggle button{background:var(--bg-3);color:var(--text-main);font:.875rem var(--font-ui);cursor:pointer;border:0;padding:0 1rem;transition:background-color .12s ease-out,color .12s ease-out}.craft-toggle button+button{border-left:1px solid var(--border-strong)}.craft-toggle button[aria-pressed=true]{background:var(--band-row);color:var(--gold-bright)}.craft-columns{gap:2rem;display:grid}.craft-columns h2{margin-bottom:.75rem;font-size:1.375rem}.craft-slot{min-width:0;color:var(--item-grade);align-items:center;gap:.6rem;display:inline-flex}.craft-slot-well{background:url(/assets/ui/sprites/fwindow-craft/ut-fwindow-craft-slot-bg-sprite.webp) 50%/118% no-repeat;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #dbc4968c}.craft-slot-well img{object-fit:contain;width:82%;height:82%}.craft-slot-name{overflow-wrap:anywhere}.craft-slot-qualifier{color:var(--text-desc);margin-left:.45rem;font-size:.8125rem}.craft-slot-count{color:var(--text-emph);font-variant-numeric:tabular-nums;white-space:nowrap}.craft-slot:is(:hover,:focus-visible) .craft-slot-well{box-shadow:0 0 0 1px var(--gold-bright), 0 0 12px #f8e78059}.craft-tree ul{margin:0;padding:0;list-style:none}.craft-tree ul ul{margin-left:1.1rem;padding-left:1.1rem}.craft-node{position:relative}.craft-tree ul ul>.craft-node:before{content:"";border-bottom:1px solid #dbc49647;border-left:1px solid #dbc49647;width:.9rem;height:1.6rem;position:absolute;top:0;left:-1.1rem}.craft-node-row{border-radius:3px;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding:.45rem .5rem;display:flex}.craft-node[data-crafted]>.craft-node-row{background:#3c5c7738}.craft-node[data-blocked]>.craft-node-row{box-shadow:inset 0 0 0 1px var(--danger)}.craft-node-facts{color:var(--text-desc);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.3rem .75rem;font-size:.8125rem;display:inline-flex}.craft-node-note{color:var(--label);font-size:.8125rem}.craft-gear-choice{min-height:32px}.craft-gear-choice button{padding:0 .7rem;font-size:.8125rem}.craft-node-toggle{border:1px solid var(--border-strong);background:var(--bg-3);min-height:32px;color:var(--text-main);font:.8125rem var(--font-ui);cursor:pointer;border-radius:3px;margin-left:auto;padding:0 .7rem;transition:border-color .12s ease-out,color .12s ease-out}.craft-node-toggle:is(:hover,:focus-visible){border-color:var(--gold);color:var(--gold-bright);outline:none}.craft-material-table th[scope=row]{min-width:16rem}.craft-material-table :is(th,td){vertical-align:middle}.craft-material-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.craft-material-table td:last-child{white-space:normal}.craft-material-table td[data-done]{color:var(--success)}.craft-have{width:6.5rem;min-height:36px;padding:.3rem .5rem}.craft-origin{color:var(--text-desc);gap:.25rem;font-size:.8125rem;display:grid}.craft-kinds{flex-wrap:wrap;gap:.3rem;display:flex}.craft-kinds span{border:1px solid var(--border-strong);color:var(--text-main);border-radius:3px;padding:.05rem .45rem}.craft-drop{font-variant-numeric:tabular-nums}.craft-picker{gap:2rem;display:grid}.craft-picker-search{max-width:28rem}.craft-picker-craft h2{align-items:center;gap:.6rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.craft-picker-group{margin-bottom:1.25rem}.craft-picker-group h3{color:var(--label);margin-bottom:.6rem;font-size:1rem;font-weight:500}.craft-picker-group ul{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.craft-pick{border:1px solid var(--border-strong);background:var(--bg-3);min-height:60px;color:var(--item-grade);border-radius:3px;align-items:center;gap:.75rem;padding:.45rem .65rem;transition:border-color .12s ease-out,background-color .12s ease-out;display:flex}.craft-pick .craft-slot-well{width:44px;height:44px}.craft-pick-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.875rem}.craft-pick-level{color:var(--text-desc);white-space:nowrap;font-size:.8125rem}.craft-pick:is(:hover,:focus-visible){border-color:var(--item-grade);background:linear-gradient(180deg, color-mix(in srgb, #232c3d 88%, var(--item-grade)), var(--bg-3));outline:none}@media (max-width:600px){.craft-hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.craft-hero-craft,.craft-hero-stats dd{justify-content:center}.craft-material-table thead{display:none}.craft-material-table tr{grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem;display:grid}.craft-material-table :is(th,td){border:0}.craft-material-table th,.craft-material-table td:last-child{grid-column:1/-1}}