#panel.panel-craft{color:#3e5143;background:#eee1b7;border:5px double #b4a57b;width:min(980px,100vw - 24px);max-width:none;height:min(760px,100dvh - 30px);max-height:calc(100dvh - 30px);padding:0;overflow:hidden}.panel-craft #panel-content{background:#eee1b7;height:100%;font:22px/1.3 VT323,monospace}.crafting-sheet{flex-direction:column;height:100%;min-height:0;display:flex}.craft-header{background:#dfd0a3;border-bottom:3px double #a79971;flex:none;justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.craft-header h2{margin:2px 0;font:36px/1.1 VT323,monospace}.craft-header small{letter-spacing:2px;font-size:15px}.craft-header button{width:42px;height:42px}.panel-craft button,.panel-craft input{font:inherit;color:inherit}.panel-craft button{cursor:pointer;background:#e4d4a6;border:2px solid #aa9a6b;padding:8px 12px}.panel-craft button:disabled{opacity:.5;cursor:default}.panel-craft button:focus-visible,.panel-craft input:focus-visible{outline-offset:2px;outline:3px solid #5c8573}.craft-tools{border-bottom:1px solid #b5a779;flex-wrap:wrap;flex:none;align-items:center;gap:16px;padding:12px 20px;display:flex}.craft-tools input[type=search]{background:#f8ebc6;border:2px solid #b5a779;width:min(240px,40%);padding:7px 10px}.craft-tools label{font-size:19px}.craft-tools span{color:#777652;margin-left:auto;font-size:18px}.craft-layout{flex:1;grid-template-columns:minmax(180px,31%) 1fr;min-height:0;display:grid}.craft-list{overscroll-behavior:contain;border-right:2px solid #b5a779;padding:12px;overflow-y:auto}.craft-list button{text-align:left;flex-direction:column;gap:2px;width:100%;margin-bottom:7px;display:flex}.craft-list button[aria-pressed=true]{color:#f4e6b9;background:#55735c;border-color:#354f41}.craft-list small{opacity:.78;font-size:16px}.craft-detail{overscroll-behavior:contain;min-width:0;padding:18px 24px;overflow-y:auto}.craft-detail p{margin:12px 0}.craft-piece{align-items:center;gap:18px;min-height:88px;display:flex}.craft-piece>svg{width:92px;height:66px;image-rendering:pixelated}.craft-piece canvas{width:150px;height:105px;image-rendering:pixelated}.craft-piece h3{margin:2px 0;font-size:30px;line-height:1.08}.craft-piece small{font-size:17px}.craft-tradeoff{color:#75633f;border-left:3px solid #bda574;padding-left:10px;font-size:18px}.craft-costs{grid-template-columns:1fr 1fr;gap:7px;padding:10px 0;display:grid}.craft-costs>div{background:#e1d3a8;align-items:center;gap:7px;padding:6px;font-size:18px;display:flex}.craft-costs svg{flex:none;width:34px;height:26px}.craft-costs strong{white-space:nowrap;margin-left:auto;font-weight:400}.craft-costs .missing{color:#9b4f39;background:#e6caa0}.craft-detail fieldset{border:1px solid #b5a779;margin:15px 0;padding:10px}.craft-detail legend{padding:0 6px;font-size:19px}.craft-detail fieldset>small{color:#736b50;font-size:17px}.craft-target{align-items:center;gap:9px;padding:6px 0;display:flex}.craft-target svg{width:40px;height:44px}.craft-target small{font-size:17px;display:block}.craft-ingredients{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.craft-ingredients label{cursor:pointer;border:2px solid #bbaa7c;flex-direction:column;align-items:center;min-width:56px;padding:5px;font-size:16px;display:flex;position:relative}.craft-ingredients input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.craft-ingredients label:has(input:checked){background:#ced1a0;border-color:#395e4c}.craft-ingredients label:has(input:focus-visible){outline:2px solid #395e4c}.craft-ingredients svg{width:36px;height:27px}.craft-primary{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;color:#f7e7b4!important;background:#537258!important;margin-top:12px!important;font-size:24px!important}.craft-primary svg{width:26px;height:24px}.craft-result{color:#547c69;margin-top:8px;font-size:18px}.craft-notice{background:#dfd0a3;border-top:2px solid #b5a779;flex:none;min-height:24px;padding:10px 20px;font-size:19px}.craft-intro{margin:12px 20px 0;font-size:20px}.craft-empty{padding:6px;font-size:20px}@media (width<=600px){#panel.panel-craft{width:calc(100vw - 12px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.craft-layout{flex-direction:column;display:flex}.craft-list{border-bottom:2px solid #b5a779;border-right:0;flex:none;grid-template-columns:1fr 1fr;gap:6px;max-height:142px;padding:8px;display:grid}.craft-list button{margin:0;font-size:19px}.craft-detail{flex:1;padding:12px 14px}.craft-header{padding:10px 14px}.craft-header h2{font-size:30px}.craft-tools{flex-wrap:wrap;gap:7px;padding:8px}.craft-tools span{font-size:16px}.craft-tools label{font-size:17px}.craft-piece h3{font-size:27px}.craft-piece{gap:8px}.craft-costs{gap:4px}.craft-costs>div{padding:4px;font-size:17px}.craft-notice{padding:8px 12px;font-size:18px}}.craft-target canvas{image-rendering:pixelated;flex:none;width:44px!important;height:44px!important}.craft-target input{flex:none}.craft-target span{min-width:0}.craft-piece canvas{flex:none}