@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Lato:wght@400;700&display=swap');
:root{--bg:#13110f;--ink:#e7d8b9;--muted:#ad9b7b;--line:#51402b;--green:#713020;--orange:#efb75e;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:'Lato',Arial,sans-serif;font-size:14px;background:radial-gradient(ellipse at 50% 0,#39291b55,transparent 65%),repeating-linear-gradient(90deg,#ffffff01 0 1px,transparent 1px 4px),#13110f;color:var(--ink)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #0007;z-index:-1}header{height:76px;padding:0 max(28px,calc((100vw - 1320px)/2 + 40px));background:linear-gradient(#29241d,#151310);border-bottom:1px solid #806136;box-shadow:0 3px 0 #090807,0 7px 16px #0008;gap:28px}.brand{font-family:'Cinzel',Georgia,serif;font-size:18px;font-weight:700;letter-spacing:1.7px;color:#eecb85;text-shadow:0 2px 2px #000;white-space:nowrap}.brand-icon{background:linear-gradient(140deg,#594125,#201810);border:1px solid #98723e;box-shadow:inset 0 0 0 3px #211a14,0 2px 4px #0007;width:43px;height:43px;display:grid;place-items:center;border-radius:3px;transform:rotate(-5deg);font-size:27px}.header-note{font-size:9px;color:#b8a783;letter-spacing:1.3px}.header-note span{color:#79633e}.saved{color:#b6b68c;font-size:10px;white-space:nowrap}.forge-nav{display:flex;gap:24px;margin-left:auto}.forge-nav a{font-family:'Cinzel',Georgia,serif;text-decoration:none;color:#c6af7d;font-size:11px}.forge-nav a:hover{color:#ffe0a4}.saved{margin-left:0}
main{padding:0 40px;max-width:1320px}.intro{position:relative;isolation:isolate;min-height:310px;padding:47px 38px 42px;margin:24px 0 35px;border:1px solid #6e4e29;border-radius:3px;background:linear-gradient(90deg,#13100df5 0%,#17110bda 35%,#1b13084d 73%,#100d0a55),url('assets/forge-banner.png') center 53%/cover;box-shadow:inset 0 0 0 4px #1e171080,inset 0 0 60px #0006,0 8px 25px #0006;overflow:hidden}.intro::after{content:'';position:absolute;inset:6px;z-index:-1;border:1px solid #b88a4533;pointer-events:none}.intro .eyebrow{letter-spacing:3px;font-size:9px;color:#d2a354;display:flex;align-items:center;gap:10px}.intro .eyebrow::before{content:'◆';font-size:7px}h1{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:43px;line-height:1.25;letter-spacing:-.9px;margin:14px 0 12px;color:#f2e3bf;text-shadow:0 3px 4px #000b}h1 em{color:#e4ae55;font-weight:600}.intro p{font-size:12px;color:#ccbaa0;line-height:1.8;margin:0;text-shadow:0 1px 3px #000}.stamp{display:none}.hero-badge{position:absolute;right:27px;bottom:24px;border:1px solid #8a623b;background:#17110bd9;box-shadow:inset 0 0 0 3px #0004;padding:10px 15px;display:flex;align-items:center;gap:10px;font-family:'Cinzel',Georgia,serif;color:#cfad70;font-size:10px;letter-spacing:1px}.hero-badge b{font-size:19px;color:#e2b464}
.workspace{gap:32px;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}.section-heading{margin-bottom:15px;min-height:28px}.section-heading h2,h2{font-family:'Cinzel',Georgia,serif;font-size:17px;font-weight:600;letter-spacing:.4px;color:#e4c58a;text-shadow:0 2px 2px #0008}.step{font-family:'Cinzel',Georgia,serif;background:#241c13;color:#b58a47;border:1px solid #6b4e29;width:25px;height:25px;display:grid;place-items:center;font-size:9px;box-shadow:inset 0 0 0 2px #14100b}.tag,.tag.green{color:#b6a27c;background:#221b13;border:1px solid #59452b;letter-spacing:1px;font-size:8px;padding:6px 8px}.tag.green{color:#b8bf8f;background:#22251b;border-color:#4b5236}.panel{background:linear-gradient(120deg,#29231c,#211c17 60%,#252019);border:1px solid #745632;border-radius:3px;box-shadow:inset 0 0 0 3px #13100c99,0 5px 15px #0004}.queue-form{padding:22px;gap:12px}label{color:#c5b38e;font-size:11px;letter-spacing:.15px}input,select{background:#14120f;color:#eddbb8;border:1px solid #655031;border-radius:2px;box-shadow:inset 0 2px 4px #0008;height:42px}input::placeholder{color:#9b8b70}input:focus,select:focus{outline:1px solid #d49a49;box-shadow:0 0 8px #c97e2526,inset 0 2px 3px #0005}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #efb557;outline-offset:4px}.primary{border:1px solid #ad7c3e;border-radius:2px;background:linear-gradient(#90492d,#652a1d);color:#f7d9a0;font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:11px;box-shadow:inset 0 1px 0 #c87b4e88,inset 0 0 0 2px #32130f66,0 2px 4px #0005;text-shadow:0 1px 1px #0009;transition:filter .15s,box-shadow .15s}.primary:hover{background:linear-gradient(#a85833,#773420);box-shadow:inset 0 1px 0 #ffc08166,0 0 12px #ad5b2333}.primary:active{filter:brightness(.85)}.queue-row{border-top:1px solid #53412b;background:linear-gradient(90deg,#40301c33,transparent);padding:18px 22px}.queue-row strong,.recipe-top strong{color:#e7c37b;font-size:13px}.queue-row input{height:34px}.item-sub{font-size:10px;color:#ad9b7d}.item-icon{width:40px;height:40px;flex-shrink:0;position:relative;color:#f4d27c;font-size:27px;text-shadow:1px 2px 2px #000;background:radial-gradient(ellipse at 40% 30%,#a49a61,#4a4531 50%,#191c17);border:2px solid #a99967;border-radius:3px;box-shadow:inset 0 0 0 2px #1a150faa,0 0 0 1px #080705,0 2px 6px #0008}.item-icon.copper{color:#ffbc71;background:radial-gradient(ellipse at 40% 30%,#bd7849,#694227 55%,#20160e);border-color:#bd884c}.icon-button{color:#b4a07b}.icon-button:hover{color:#ffe1a7}.panel-foot{background:#181510;border-color:#53412b;color:#b09e7b;font-size:10px}.text-button{color:#d2aa61;font-weight:400;font-size:11px}.text-button:hover{color:#ffe0a5}.section-description{color:#b3a183;font-size:11px}.library-heading{margin-top:30px}.library-heading>div:last-child{gap:16px}.recipe-card{background:linear-gradient(110deg,#30271c,#211d17);border:1px solid #58442c;border-left:3px solid #aa7c3f;box-shadow:inset 0 0 0 2px #16110c55,0 3px 8px #0003;border-radius:2px;padding:18px;margin-bottom:12px}.recipe-top .item-icon{width:36px;height:36px;font-size:23px}.ingredients-preview{border-color:#57452d;padding-top:12px;margin-top:13px}.chip{border:1px solid #4f412c;background:#181611;color:#c7b68f;font-size:10px;border-radius:2px;padding:6px 8px}.chip b{color:#d7af65}.tip{color:#b28a50}.tip p{color:#b3a080}.tip strong{color:#ccb387}.tip>span{color:#b18a48}
.shopping.panel{background:radial-gradient(ellipse at 20% 0,#f1dfb6,#d5bd90 70%,#c5a773);color:#382919;border:2px solid #a27c43;box-shadow:inset 0 0 0 3px #6c4b273d,inset 0 0 35px #71451338,0 6px 18px #0006}.shopping-head{background:#6e4f2620;border-bottom:1px solid #95734766;padding:18px 22px;color:#6b4b26;font-weight:700;font-family:'Cinzel',Georgia,serif;font-size:10px;letter-spacing:1px}.material-row{border-color:#9d7d4c55;padding:18px 0}.material-info strong{color:#42301b;font-size:14px}.material-have{color:#6a5435;font-size:10px}.material-have label{color:#6a5435}.material-have input{background:#f3e4c5;color:#3b2c19;border:1px solid #a38657;box-shadow:inset 0 1px 3px #80633133;border-radius:2px}.shopping .material-edit{color:#7e461d;font-size:10px;text-decoration:underline;text-decoration-color:#a27e4b88;text-underline-offset:3px}.shopping .item-icon{border-color:#79613a}.buy-number{font-family:'Cinzel',Georgia,serif;color:#50321a;font-size:28px;font-weight:600}.buy-number small{font-family:'Lato',Arial,sans-serif;color:#6e5839;font-size:8px;letter-spacing:1px}.shopping-summary{margin:23px 22px;border-top:0}.shopping-summary small{color:#6b502d;font-family:'Cinzel',Georgia,serif;font-size:10px}.shopping-summary strong{font-family:'Cinzel',Georgia,serif;font-size:34px;color:#4a3019;font-weight:600}.shopping-summary strong span{color:#715b3b;font-family:'Lato',Arial,sans-serif}.bag{color:#926e37;font-size:32px}.shopping-note{color:#705635;font-size:10px;line-height:1.6}.shopping .primary{background:linear-gradient(#714b26,#483119);border-color:#9e7136;color:#ffe4b1;box-shadow:inset 0 1px 0 #d9b06e55,0 2px 4px #58371944}.shopping .primary:hover{background:linear-gradient(#86572a,#583a1b)}.shopping .empty{color:#705735}.shopping #error{color:#7d221d}details{border-color:#544129}summary{font-family:'Cinzel',Georgia,serif;font-size:12px;color:#dcc28b}summary>span{color:#a78e62;font-family:'Lato',Arial,sans-serif;font-size:8px}.craft-step{font-size:11px;color:#b7a17d}.craft-step b{color:#dfbc77;font-weight:400}.craft-step>span{border-color:#77603c;color:#dfbc77;background:#282015}.local-note{color:#aa9876;line-height:1.8}.local-note::first-letter{color:#a7b879}
.catalog-section{border-top:1px solid #68502d;position:relative;margin-top:36px;padding-top:29px}.catalog-section::before{content:'◆';position:absolute;top:-8px;left:50%;background:#15120f;padding:0 12px;color:#b78941;font-size:10px}.catalog-toolbar{padding:15px;background:linear-gradient(#2c241b,#211b14);border:1px solid #665030;box-shadow:inset 0 0 0 3px #15110c66;border-radius:2px;gap:10px}.catalog-tabs{border-color:#95703b;border-radius:2px}.catalog-tabs button{font-family:'Cinzel',Georgia,serif;font-size:11px;background:#1b1611;color:#bda277}.catalog-tabs button.active{color:#f8d593;background:linear-gradient(#78502a,#4f331c);box-shadow:inset 0 1px 0 #a77b44}.catalog-guidance,.catalog-about p{color:#b9a582}.catalog-row{background:linear-gradient(100deg,#292319,#211c16);border-color:#5a452b;padding:18px 20px}.catalog-row:nth-child(even){background:linear-gradient(100deg,#242018,#1d1914)}.catalog-row:first-child,.catalog-row:last-child{border-radius:2px}.catalog-row:last-child{border-color:#5a452b}.catalog-row strong{color:#e2c080;font-size:14px}.catalog-row p,.catalog-row small{color:#b3a082;font-size:11px;line-height:1.7}.catalog-actions a{color:#c7a367}.catalog-pagination{color:#b6a17b;font-size:11px}.catalog-about a{color:#e2bd77}footer{border-color:#5d462b;color:#ad9367;font-size:8px;margin-top:30px}footer>span{font-family:'Cinzel',Georgia,serif}footer .text-button{font-family:'Lato',Arial,sans-serif}
dialog{background:linear-gradient(140deg,#30271d,#1d1913);border:2px solid #96703b;color:#ead3a5;border-radius:3px;padding:28px;box-shadow:inset 0 0 0 3px #14100bb3,0 25px 90px #000c}dialog::backdrop{background:#080604b8;backdrop-filter:blur(4px)}dialog .eyebrow{color:#b68e50}dialog .section-description{color:#baa789}.ingredient-heading strong{font-family:'Cinzel',Georgia,serif;font-size:12px;color:#d7b779}#recipe-error,#error{color:#f3a18b}#toast{background:linear-gradient(#47321c,#21190f);color:#f4d39a;border:1px solid #a67c3d;box-shadow:inset 0 0 0 2px #15100a99,0 6px 25px #000a;max-width:calc(100vw - 32px);width:max-content;z-index:20}.empty{color:#b8a17c}.primary:disabled{opacity:.5}
@media(min-width:1100px){aside{align-self:start;position:sticky;top:22px}.intro{background-position:center 52%}}@media(max-width:1100px){.header-note{display:none}.forge-nav{margin-left:auto}.intro{background-position:60% center}.workspace{gap:24px}.section-heading h2{font-size:15px}.library-heading>div:last-child{gap:10px}.recipe-actions{gap:10px}}@media(max-width:850px){main{padding:0 24px}.forge-nav{display:none}.saved{margin-left:auto}.intro{padding:35px 27px;min-height:290px}h1{font-size:36px}.hero-badge{display:none}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:22px}.queue-form{flex-wrap:wrap}.queue-form>label:first-child{flex-basis:60%}.section-heading{flex-wrap:wrap;gap:8px}.recipe-top{flex-wrap:wrap}.recipe-actions{margin-left:auto}.panel-foot{flex-wrap:wrap}.catalog-toolbar select{max-width:100%}}@media(max-width:740px){header{height:68px;padding:0 18px}.brand{font-size:15px;letter-spacing:1px;gap:9px}.brand-icon{width:35px;height:35px;font-size:23px}.saved{font-size:9px}main{padding:0 16px}.intro{margin-top:17px;margin-bottom:27px;min-height:250px;padding:28px 22px;background-position:60% center}h1{font-size:30px;line-height:1.3;letter-spacing:-.5px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.intro p{font-size:11px}.workspace{grid-template-columns:1fr;gap:26px}.section-heading h2{font-size:16px}.queue-form{padding:17px;flex-wrap:nowrap}.queue-form>label:first-child{flex-basis:auto}.queue-form .primary{padding:13px}.qty-field{max-width:66px}.queue-row{padding:16px}.panel-foot{padding:13px 16px}.library-heading{gap:10px}.library-heading>div:last-child{margin-left:auto}.tag{font-size:7px}.catalog-section .section-heading h2{font-size:15px}.catalog-toolbar{padding:12px}.catalog-toolbar input{min-width:0}.catalog-row{gap:12px;padding:16px}.catalog-row p{font-size:10px}.catalog-row strong{font-size:13px}.catalog-tabs button{padding:11px 16px}footer{gap:15px}.catalog-pagination{font-size:10px}.intro::after{inset:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}