.craftwork{--craft-line:var(--ui-line,#aab5b425);--craft-muted:var(--ui-muted,#aab5b4);color:var(--ui-text,#eee3ca);min-width:0}.craft-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.craft-location{display:flex;align-items:center;gap:6px;color:var(--craft-muted);font-size:.73rem;white-space:nowrap}.craft-location .icon{height:15px;width:15px}
.craft-professions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:15px;border-block:1px solid var(--craft-line)}.craft-professions>button{display:flex;align-items:center;gap:8px;text-align:left;padding:11px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--craft-muted);min-width:0}.craft-professions>button .icon{width:21px;height:21px;flex:none}.craft-professions span{font-size:.77rem;font-weight:500}.craft-professions small{display:block;font-size:.65rem;margin-top:3px;color:var(--craft-muted);font-weight:400}.craft-professions>button.selected{border-bottom-color:var(--ui-gold,#d8b477);color:var(--ui-text,#eee3ca);background:#d8b47709}.craft-professions>button.selected .icon{color:var(--ui-gold,#d8b477)}
.craft-mastery{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--craft-line)}.craft-mastery h3{font-size:1rem;margin:0 0 5px}.craft-mastery h3>span{font:400 .75rem Inter,sans-serif;margin-left:6px;color:var(--ui-gold,#d8b477)}.craft-mastery p{font-size:.76rem;color:var(--craft-muted);line-height:1.5;margin:0}.craft-xp{width:135px;flex:0 0 135px;text-align:right;font-size:.68rem;color:var(--craft-muted)}.craft-xp progress{display:block;margin:7px 0 0;width:100%;height:4px;accent-color:var(--ui-gold,#d8b477)}
.craft-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px;align-items:start}.craft-recipes{min-width:0}.craft-list-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 5px;gap:8px}.craft-list-title h3{font:500 .83rem Inter,sans-serif;margin:0}.craft-list-title>span{font-size:.68rem;color:var(--craft-muted)}.craft-recipe{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px 0;border-bottom:1px solid var(--craft-line)}.craft-recipe-icon{display:grid;place-items:center;align-self:start;width:42px;height:45px}.craft-recipe-icon>.equipment-art{width:42px;height:45px;display:block}.craft-recipe-icon img{height:100%;width:100%;object-fit:contain}.craft-recipe-copy{min-width:0}.craft-recipe-copy header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}.craft-recipe-copy h3{margin:0;font:500 .82rem/1.4 Inter,sans-serif;overflow-wrap:anywhere}.craft-recipe-copy h3 em{font-style:normal;color:var(--craft-muted);font-size:.68rem;margin-left:4px}.craft-recipe-copy header>span{font-size:.64rem;color:var(--craft-muted);white-space:nowrap}.craft-cost{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.68rem;color:#afc7b1;margin-top:8px;line-height:1.5}.craft-cost b{font-weight:500;margin-left:3px;white-space:nowrap}.craft-cost .missing{color:#c8a48d}.craft-recipe-copy>.craft-reason{display:block;color:var(--craft-muted);font-size:.67rem;line-height:1.5;margin-top:6px}.craft-recipe>.primary,.craft-recipe>.secondary{min-width:51px;min-height:33px;padding:6px 8px;font-size:.72rem;border-radius:3px;align-self:center}.craft-recipe>button .icon{width:15px;height:15px}.craft-recipe.locked .craft-recipe-icon{opacity:.6}.craft-recipe-details{font-size:.67rem;margin-top:5px}.craft-recipe-details summary{cursor:pointer;color:var(--craft-muted)}.craft-recipe-details p{margin:7px 0 0;font-size:.73rem;line-height:1.65;color:var(--craft-muted)}.craft-later{border:0;margin-top:15px;padding-top:0}.craft-later>summary{font-size:.74rem;color:var(--craft-muted);cursor:pointer;padding:9px 0}.craft-later>summary>span{margin-left:7px;font-size:.65rem}.craft-next{font-size:.7rem;line-height:1.5;color:var(--craft-muted);margin:13px 0 0}.craft-next strong{font-weight:500;color:var(--ui-gold,#d8b477)}
.craft-pouch{padding:0 0 0 18px;border:0;border-left:1px solid var(--craft-line);background:none;min-width:0;position:sticky;top:0}.craft-pouch h3{font:500 .81rem Inter,sans-serif;margin:0 0 10px;display:flex;justify-content:space-between;gap:8px}.craft-pouch h3>span{font-size:.72rem;color:var(--ui-gold,#d8b477)}.craft-pouch dl{margin:0}.craft-pouch dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--craft-line);font-size:.72rem}.craft-pouch dt{color:var(--craft-muted)}.craft-pouch dd{margin:0;font-variant-numeric:tabular-nums}.craft-pouch .ui-note{font-size:.73rem;line-height:1.65;color:var(--craft-muted)}.craft-runes{margin-top:21px}.craft-runes>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:10px 0}.craft-runes>div>span{display:flex;align-items:center;gap:5px;font-size:.69rem}.craft-runes b{font-size:.68rem;font-weight:500;color:var(--ui-gold,#d8b477)}.craft-runes .icon{width:16px;height:16px;color:var(--ui-gold,#d8b477)}.craft-runes button{padding:5px 8px;font-size:.69rem;min-height:29px}.craft-runes>small{display:block;font-size:.66rem;line-height:1.5;color:var(--craft-muted)}
.craft-gather-guide h3{font-size:1rem;margin:0 0 9px}.craft-gather-guide>p{font-size:.78rem;color:var(--craft-muted);line-height:1.7;margin:0 0 12px}.craft-gather-guide dl{margin:0}.craft-gather-guide dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--craft-line);font-size:.74rem;line-height:1.6}.craft-gather-guide dt{color:var(--ui-text,#eee3ca)}.craft-gather-guide dd{margin:0;color:var(--craft-muted)}.craft-gather-guide>.ui-detail{margin-top:13px}.craftwork .ui-detail summary{cursor:pointer}.craftwork .ui-detail p{font-size:.74rem;line-height:1.7;color:var(--craft-muted)}.craft-footnote{margin:21px 0 0;padding-top:13px;border-top:1px solid var(--craft-line);font-size:.73rem;color:var(--craft-muted)}
@media(max-width:1000px){.craft-layout{grid-template-columns:minmax(0,1fr) 180px;gap:17px}.craft-pouch{padding-left:14px}.craft-professions>button{padding:10px 7px;gap:6px}.craft-professions span{font-size:.73rem}}
@media(max-width:700px){.craft-layout{grid-template-columns:1fr;gap:23px}.craft-pouch{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:16px 0 0;border:0;border-top:1px solid var(--craft-line);position:static}.craft-pouch>h3{grid-column:1}.craft-pouch>dl,.craft-pouch>.ui-note{grid-column:1;grid-row:2}.craft-runes{grid-column:2;grid-row:1/3;margin:0}.craft-professions{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-professions>button{padding:10px}.craft-professions span{font-size:.78rem}.craft-mastery{gap:12px;align-items:flex-start}.craft-xp{width:110px;flex-basis:110px}.craft-heading{gap:10px}.craft-location{font-size:.68rem}.craft-recipe{grid-template-columns:39px minmax(0,1fr) auto;gap:9px}.craft-recipe-icon,.craft-recipe-icon>.equipment-art{width:39px;height:43px}.craft-recipe>button{min-height:37px!important}.craft-recipe-copy h3{font-size:.8rem}.craft-cost{font-size:.7rem}.craft-gather-guide dl>div{grid-template-columns:96px 1fr;gap:12px}}
@media(max-width:390px){.craft-mastery{flex-direction:column}.craft-xp{width:100%;flex-basis:auto;text-align:left}.craft-location .icon{display:none}.craft-pouch{gap:0 14px}.craft-runes>div{align-items:flex-start}.craft-runes>div>span{flex-wrap:wrap}.craft-runes .icon{display:none}}

.craft-quality{font-size:.69rem;color:var(--craft-muted);margin-top:6px}.craft-quality b{color:var(--ui-gold,#d8b477);font-weight:500;font-variant-numeric:tabular-nums}
.craft-active{padding:11px 13px;margin:0 0 16px;border:1px solid var(--craft-line);border-radius:4px;background:#d8b47708}.craft-active[hidden]{display:none}.craft-active header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.76rem}.craft-active strong{font-weight:500}.craft-active [data-craft-time]{font-variant-numeric:tabular-nums;color:var(--ui-gold,#d8b477)}.craft-active progress{display:block;width:100%;height:4px;margin:9px 0 7px;accent-color:var(--ui-gold,#d8b477)}.craft-active small{font-size:.68rem;color:var(--craft-muted)}
@media(max-width:520px){.craft-recipe-details summary{display:inline-block;padding:4px 0;min-height:26px;line-height:1.5;font-size:.72rem}.craft-recipe-copy .ui-detail p{overflow-wrap:anywhere}.craft-recipe-copy>.craft-reason{font-size:.7rem}.craft-quality{font-size:.71rem}}

.audio-slider{display:flex;align-items:center;gap:10px;max-width:220px}.audio-slider input{min-width:60px;width:100%}.audio-slider output{min-width:3.3em;text-align:right;font-variant-numeric:tabular-nums}

.craft-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:16px 0;padding:14px 0;border-block:1px solid var(--craft-line)}.craft-controls label{display:grid;gap:6px;font-size:14px;flex:1;min-width:140px}.craft-controls select{width:100%;padding:9px;color:inherit;background:#18272b;border:1px solid var(--craft-line);border-radius:5px}.craft-controls p{flex-basis:100%;font-size:13px;margin:0;color:var(--craft-muted)}.craft-project{padding:18px;margin:16px 0;background:#26332d;border:1px solid #b5c89255;border-radius:8px}.craft-project header,.gather-resource header{display:flex;align-items:start;justify-content:space-between;gap:12px}.craft-project h3,.gather-resource h3{margin:5px 0;font-size:17px}.craft-project p{font-size:14px;color:#c1ccc3}.craft-project-materials{display:flex;flex-wrap:wrap;gap:10px}.craft-project-materials>span{display:grid;gap:4px;flex:1;min-width:120px;padding:10px;background:#111d20;border:1px solid var(--craft-line);border-radius:5px;font-size:14px}.craft-project-materials small{font-size:13px}.craft-project .missing small{color:#e5b4a5}.craft-project .ready small{color:#bbd3a1}.craft-processing{margin:12px 0}.craft-processing h4{margin:10px 0}.craft-processing button{margin:0 8px 8px 0}.gather-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gather-resource{border:1px solid var(--craft-line);border-radius:6px;padding:14px;background:#172328}.gather-resource header>span{font-size:13px;color:var(--craft-muted);white-space:nowrap}.gather-resource p{font-size:14px;margin:8px 0}.gather-resource small{font-size:13px;color:var(--craft-muted)}.gather-record{font-size:13px;color:#b7caa9;margin:12px 0}.gather-resource .text-button{display:block;text-align:left}.craft-highlight{outline:2px solid #b7c995;outline-offset:2px}.craft-recipe{scroll-margin:30px}
@media(max-width:600px){.gather-resource-grid{grid-template-columns:1fr}.craft-project{padding:12px}.craft-controls{gap:12px}.craft-controls label{min-width:110px}}
