.crafting-button::before {
  content: '';
  background: linear-gradient(145deg,#4a3517aa,#100c08dd),url('assets/modern/bestiary-items/3208.png') center/34px 34px no-repeat!important;
  image-rendering: pixelated;
  border-color: #9b7b36!important;
}
.crafting-button { border-color:#8e712c!important;background:linear-gradient(180deg,#4a3918,#242016 48%,#15130e 49%,#0d0c09)!important; }
.crafting-dialog { width:min(1280px,98vw);height:min(820px,94vh);padding:0;border:2px solid #706b59;background:#101310;color:#ddd;box-shadow:0 22px 90px #000d; }
.crafting-dialog::backdrop { background:#000c;backdrop-filter:blur(2px); }
.crafting-dialog form { height:100%;display:grid;grid-template-rows:52px 34px 54px auto minmax(0,1fr) 40px;overflow:hidden;background:linear-gradient(135deg,#171b18,#0a0d0b 70%); }
.crafting-dialog header { display:flex;align-items:center;gap:10px;padding:6px 10px;background:linear-gradient(#46483f,#282b26);border-bottom:2px groove #888; }
.crafting-dialog header>span:nth-child(2) { display:grid;gap:2px; }
.crafting-dialog header b { color:#f2d99a;font:700 16px Georgia,serif;letter-spacing:.02em;text-shadow:1px 1px #000; }
.crafting-dialog header small { color:#a9aca4;font-size:9px; }
.crafting-dialog header>button { margin-left:auto;width:30px;height:28px;padding:0;border:1px solid #716d5c;background:#1b1d19;color:#ddd;font-size:18px; }
.crafting-title-icon { display:grid;place-items:center;width:38px;height:38px;background:#090b09;border:2px ridge #7d704c;box-shadow:inset 0 0 8px #000; }
.crafting-title-icon img { width:32px;height:32px;object-fit:contain;image-rendering:pixelated; }
.crafting-summary { display:flex;align-items:center;justify-content:space-between;padding:5px 12px;background:#20231e;border-bottom:1px solid #4d5048;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.06em; }
.crafting-summary b { color:#f3d67c;font-size:12px; }
.crafting-main-tabs { display:grid;grid-template-columns:repeat(4,1fr);padding:6px 9px;background:#0c0f0d;border-bottom:1px solid #343a35; }
.crafting-main-tabs button { position:relative;padding:10px;border:1px solid #2e3631;background:#151a17;color:#858b85;font:bold 13px Georgia,serif;text-transform:uppercase;letter-spacing:.06em; }
.crafting-main-tabs button+button { border-left:0; }
.crafting-main-tabs button.active { color:#ffe19a;background:linear-gradient(#2b302b,#1b211e);box-shadow:inset 0 -2px #b88830; }
.crafting-toolbar { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;align-items:end;padding:7px 10px;background:#151a17;border-bottom:1px solid #343a35; }
.crafting-toolbar>nav { display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin; }
.crafting-toolbar>nav button { flex:none;padding:7px 12px;border:1px solid #465048;background:#0d110f;color:#b2b8b2;text-transform:uppercase;font-weight:700;font-size:9px; }
.crafting-toolbar>nav button.active { border-color:#ae8736;color:#f3d78c;background:#332b19; }
.crafting-toolbar label { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;color:#888;font-size:9px;text-transform:uppercase; }
.crafting-toolbar input { min-width:0;padding:8px;border:1px solid #4b554e;background:#090c0a;color:#eee;outline:none; }
.crafting-toolbar input:focus { border-color:#a9893c;box-shadow:0 0 0 2px #c69d3820; }
#crafting-content { overflow:auto;padding:10px;display:grid;align-content:start;gap:7px;scrollbar-width:thin; }
.crafting-card { display:grid;grid-template-columns:minmax(420px,1.7fr) minmax(260px,1fr) minmax(170px,.65fr);gap:14px;align-items:center;padding:12px;background:linear-gradient(90deg,#111613,#0b0f0d);border:1px solid #323b35;box-shadow:inset 0 0 0 1px #050605; }
.crafting-card:hover { border-color:#665c3d; }
.crafting-card.is-ready { border-left:3px solid #8d7336; }
.crafting-product { display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:center;min-width:0; }
.crafting-product[data-crafting-inspect],.crafting-transform figure[data-crafting-inspect]{cursor:help;outline:none;border-radius:2px}.crafting-product[data-crafting-inspect]:hover,.crafting-product[data-crafting-inspect]:focus-visible,.crafting-transform figure[data-crafting-inspect]:hover,.crafting-transform figure[data-crafting-inspect]:focus-visible{box-shadow:0 0 0 1px #a88b45;background:#1c251f}
.crafting-product img,.crafting-transform figure img,.crafting-material img { object-fit:contain;image-rendering:pixelated;background:#080a08;border:1px solid #4b514b; }
.crafting-product img { width:52px;height:52px;padding:4px; }
.crafting-product b { display:block;overflow-wrap:anywhere;color:#ead6a2;font:700 13px Georgia,serif;line-height:1.2; }
.crafting-product small { display:block;margin-top:3px;color:#7f8982;font-size:9px;text-transform:uppercase; }
.crafting-transform { display:grid;grid-template-columns:58px 22px 58px minmax(90px,1fr);gap:5px;align-items:center; }
.crafting-transform>.crafting-product { display:block;min-width:0;padding-left:8px; }
.crafting-transform>.crafting-product b { font-size:15px;line-height:1.15;white-space:normal;overflow-wrap:normal;word-break:normal; }
.crafting-transform>.crafting-product small { font-size:10px;line-height:1.25; }
.crafting-transform figure { margin:0;display:grid;gap:2px;text-align:center; }
.crafting-transform figure img { width:54px;height:54px;padding:4px; }
.crafting-transform figure figcaption { color:#bfc6bf;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.crafting-arrow { color:#d7ae52;font:bold 20px Georgia; }
.crafting-materials { display:flex;flex-wrap:wrap;gap:5px;min-width:0; }
.crafting-material { display:grid;grid-template-columns:32px auto;gap:5px;align-items:center;min-width:88px;padding:4px 6px 4px 4px;background:#151a17;border:1px solid #303a34;cursor:help;outline:none; }
.crafting-material:hover,.crafting-material:focus-visible { border-color:#a88b45;background:#1c251f;box-shadow:0 0 0 1px #060806,inset 0 0 12px #9a7d2525; }
.crafting-requirement-inspect { display:flex;justify-content:space-between;gap:12px;padding:8px 13px;border-top:1px solid #574b2c;background:#17160f; }
.crafting-requirement-inspect span { color:#c5aa61;text-transform:uppercase;font:bold 9px Tahoma;letter-spacing:.5px; }
.crafting-requirement-inspect b { color:#f0ead7;text-align:right;font-size:10px; }
.crafting-material img { width:30px;height:30px;padding:2px; }
.crafting-material b { display:block;color:#daddd8;font-size:11px;font-weight:600;line-height:1.2; }
.crafting-material span { color:#75c58d;font:bold 11px Tahoma; }
.crafting-material.missing span { color:#ff6771; }
.crafting-action { display:grid;gap:6px;justify-items:stretch; }
.crafting-cost { color:#f2cf70;font:bold 11px Georgia;text-align:center; }
.crafting-action button { min-height:34px;border:1px solid #92702d;background:linear-gradient(#4a3a1c,#241d10);color:#ffe49d;font-weight:800;text-transform:uppercase; }
.crafting-action button:disabled { border-color:#37403a;background:#151a17;color:#69716b;cursor:not-allowed; }
.crafting-action small { min-height:20px;color:#aab2ac;font-size:10px;line-height:1.3;text-align:center; }
.crafting-empty { margin:40px auto;padding:22px 34px;border:1px dashed #414941;color:#929a93;text-align:center; }
.crafting-dialog footer { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 11px;background:#1c211d;border-top:1px solid #4a5049; }
.crafting-dialog footer p { margin:0;color:#abb3ac;font-size:10px; }
.crafting-dialog footer p.success { color:#82d49b; }
.crafting-dialog footer p.error { color:#ff8787; }
.crafting-dialog footer span { color:#d4bb75;font-size:10px;white-space:nowrap; }
@media(max-width:1200px){.crafting-card{grid-template-columns:minmax(390px,1.35fr) minmax(220px,1fr)}.crafting-action{grid-column:1/-1;grid-template-columns:140px minmax(190px,260px) 1fr;align-items:center}.crafting-action small{text-align:left;min-height:0}.crafting-transform{grid-template-columns:58px 22px 58px minmax(190px,1fr)}}
@media(max-width:760px){
  .crafting-dialog{width:98vw;height:94vh}.crafting-dialog form{grid-template-rows:52px 34px 54px auto minmax(0,1fr) auto}.crafting-toolbar{grid-template-columns:1fr}.crafting-card{grid-template-columns:1fr}.crafting-action{grid-template-columns:120px 1fr;align-items:center}.crafting-transform{grid-template-columns:54px 20px 54px 1fr}.crafting-dialog footer{align-items:flex-start;flex-direction:column}.crafting-toolbar label{grid-template-columns:1fr}
}