#craft-dialog{box-sizing:border-box;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;border:1px solid #a99666;border-radius:16px;background:#172b29;color:#eee6d0;box-shadow:0 25px 100px #000a;font:13px/1.6 Tahoma,sans-serif}
#craft-dialog::backdrop{background:#081615b8;backdrop-filter:blur(5px)}#craft-dialog *{box-sizing:border-box}#craft-dialog button{font:inherit;cursor:pointer}#craft-dialog button:disabled{cursor:default;opacity:.5}#craft-dialog button:focus-visible{outline:2px solid #f2d795;outline-offset:3px}
.craft-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #ccb77a30;background:radial-gradient(ellipse at top left,#3b5143,transparent)}.craft-header p{margin:0;color:#b8c7b1;font-size:11px}.craft-header .craft-eyebrow{font:9px Georgia,serif;letter-spacing:3px;color:#dfca92;margin-bottom:7px}.craft-header h2{margin:0 0 4px;font-size:26px;font-weight:500}#craft-close{align-self:start;flex:none;width:36px;height:36px;border:1px solid #fff3;border-radius:50%;background:transparent;color:#e5dcc3;font-size:23px}
.craft-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:450px}.craft-sidebar{padding:20px 16px;border-right:1px solid #ccb77a25;background:#0a1b1b30}.craft-sidebar>p{margin:0 0 12px;padding-left:8px;font-size:11px;color:#a6b5a1}#craft-recipes{display:grid;gap:8px}.craft-recipe{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 10px;border:1px solid #b6af8720;border-radius:9px;background:#ffffff03;color:#e8e0c6}.craft-recipe img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 5px #0006)}.craft-recipe strong{display:block;font-weight:500;font-size:12px}.craft-recipe small{display:block;margin-top:3px;color:#97aa99;font-size:10px}.craft-recipe[data-ready=true] small{color:#c3deb2}.craft-recipe[aria-pressed=true]{border-color:#d1bb7c;background:#68744930;box-shadow:inset 3px 0 #c8b979}.craft-recipe:hover:not(:disabled){background:#54684a30}
.craft-detail{padding:24px 28px}.craft-result{display:flex;align-items:center;gap:20px;margin-bottom:24px}#craft-art{display:grid;place-items:center;width:105px;height:112px;flex:none;border:1px solid #c7b17935;border-radius:14px;background:radial-gradient(ellipse,#b8a56b30,#102522);box-shadow:inset 0 0 22px #0002}#craft-art img{width:88px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 8px #0008)}#craft-category{font-size:10px;color:#c3bb91;margin:0 0 6px}#craft-name{font-size:21px;line-height:1.5;font-weight:500;margin:0 0 7px}#craft-effect{font-size:12px;color:#c4d5b6;margin:0}.craft-material-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #c8b87830}.craft-material-heading h4{margin:0;font-weight:500}.craft-material-heading span{font-size:10px;color:#98aea0}#craft-ingredients{list-style:none;padding:0;margin:10px 0 16px;display:grid;gap:5px}#craft-ingredients li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c0b98712;padding:5px 2px}#craft-ingredients img{width:32px;height:32px;object-fit:contain}#craft-ingredients strong{margin-left:auto;font:13px Tahoma,sans-serif;color:#a7d1a3}#craft-ingredients [data-enough=false] strong{color:#efb18d}#craft-condition{font-size:11px;color:#b4bea6;margin:14px 0 0}
.craft-footer{padding:16px 28px;border-top:1px solid #ccb77a30;display:flex;align-items:center;gap:20px;background:#122523}.craft-footer>div{flex:1}.craft-footer small{font-size:10px;color:#98afa0}#craft-message{font-size:12px;min-height:20px;margin:0 0 3px;color:#efc392}#craft-message[data-success=true]{color:#bde4b2}#craft-confirm{flex:none;min-width:160px;min-height:45px;padding:10px 28px;border:1px solid #f0d598;border-radius:8px;background:linear-gradient(#e7d49c,#c2ab6d);color:#23372d;font-weight:700}
.adventure-hud #craft-open{display:none}
@media(max-width:600px){.craft-header{padding:18px}.craft-header h2{font-size:22px}.craft-layout{grid-template-columns:1fr;min-height:0}.craft-sidebar{padding:12px;border-right:0;border-bottom:1px solid #ccb77a25}.craft-sidebar>p{display:none}#craft-recipes{grid-template-columns:repeat(5,150px);overflow-x:auto;padding:3px 3px 7px}.craft-recipe{gap:8px;padding:8px}.craft-recipe img{width:32px;height:38px}.craft-recipe strong{font-size:11px}.craft-recipe small{font-size:9px}.craft-detail{padding:18px}.craft-result{gap:15px;margin-bottom:16px}#craft-art{width:82px;height:90px}#craft-art img{width:68px;height:78px}#craft-name{font-size:19px}.craft-footer{padding:15px 18px;gap:12px;flex-wrap:wrap}.craft-footer>div{flex-basis:100%}#craft-confirm{width:100%}}
@media(max-height:500px) and (min-width:601px){.craft-header{padding:12px 20px}.craft-header h2{font-size:20px}.craft-header .craft-eyebrow,.craft-header p:last-child{display:none}.craft-layout{min-height:0;grid-template-columns:230px minmax(0,1fr)}.craft-sidebar{padding:12px}.craft-sidebar>p{display:none}#craft-recipes{gap:4px}.craft-recipe{padding:6px}.craft-recipe img{width:32px;height:32px}.craft-detail{padding:14px 20px}.craft-result{margin-bottom:10px;gap:15px}#craft-art{width:65px;height:68px}#craft-art img{width:55px;height:62px}#craft-name{font-size:18px;margin-bottom:2px}#craft-ingredients{margin:5px 0}#craft-ingredients li{padding:2px}#craft-ingredients img{width:24px;height:24px}.craft-footer{padding:10px 20px}}
@media(prefers-reduced-motion:reduce){#craft-dialog::backdrop{backdrop-filter:none}}

/* Keep the result action on screen while each recipe pane can scroll. */
#craft-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.craft-header,.craft-footer{flex:none}.craft-layout{flex:1 1 auto;min-height:0;overflow:auto}
@media(max-height:500px) and (min-width:601px){#craft-dialog{height:calc(100dvh - 24px)}.craft-layout{overflow:hidden}.craft-sidebar,.craft-detail{overflow:auto}}