@font-face{font-family:Prompt;src:url("/ar_inventory/web/assets/Prompt.ttf")}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:transparent;font-family:Prompt,Tahoma,sans-serif;color:#f7f7f8}body{display:none;align-items:center;justify-content:center;overflow:hidden}body.open{display:flex}.craft-app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(12,13,16,.32),rgba(0,0,0,.06) 60%,transparent 72%)}.craft-shell{position:relative;width:min(1180px,94vw);height:min(680px,92vh);overflow:hidden;border:1px solid #353940;border-radius:12px;background:linear-gradient(145deg,rgba(24,26,30,.98),rgba(10,11,13,.97));box-shadow:0 24px 90px #000b,0 0 0 1px #ffffff08 inset}.craft-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 55%,#e8413c0d 55% 56%,transparent 56%)}.decorate{position:absolute;width:95px;opacity:.42;pointer-events:none}.top-left{left:0;top:0}.bottom-right{right:0;bottom:0;transform:rotate(180deg)}.header{height:78px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #34373c;background:#17191c;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;clip-path:polygon(50% 0,100% 24%,90% 85%,50% 100%,10% 85%,0 24%);background:linear-gradient(145deg,#ff6760,#ae1617);font-size:22px;font-weight:800}.brand small,.list-head small{font-size:9px;letter-spacing:3px;color:#8b9098}.brand h1{margin:0;font-size:19px;letter-spacing:2px}.wallet{margin-left:auto;display:flex;gap:10px}.wallet span{min-width:140px;padding:9px 13px;border:1px solid #3b3e45;border-radius:6px;background:#22252a;color:#92979f;font-size:11px}.wallet b{display:block;color:#fff;font-size:14px;margin-top:2px}.wallet .red-money b{color:#ff6965}.close{margin-left:16px;width:38px;height:38px;border:1px solid #4b4f55;border-radius:6px;background:#26292e;color:#bbb;font-size:23px;cursor:pointer}.close:hover{color:white;border-color:#e84b47}.body{height:calc(100% - 112px);display:grid;grid-template-columns:185px minmax(0,1fr) 350px;position:relative;z-index:1}.section-label{font-size:9px;letter-spacing:2.5px;color:#777d86;margin:0 0 13px}.categories{padding:24px 14px;border-right:1px solid #32353a;background:#15171a}.category{width:100%;height:65px;margin-bottom:9px;padding:0 13px;display:flex;align-items:center;gap:11px;border:1px solid #33363c;border-radius:7px;background:#202328;color:#a7abb1;text-align:left;cursor:pointer;transition:.18s}.category>span{font-size:20px;width:25px;text-align:center}.category b,.category small{display:block}.category b{font:600 13px Prompt}.category small{font-size:8px;letter-spacing:1.4px;color:#70757d;margin-top:2px}.category:hover{transform:translateX(2px);border-color:#585d65}.category.active{color:white;border-color:#ef504b;background:linear-gradient(90deg,#a72928,#371e20);box-shadow:inset 3px 0 #ff5f59}.category.active small{color:#e5a7a4}.source-note{position:absolute;bottom:25px;left:17px;color:#686d74;font-size:9px;line-height:1.7}.source-note b{color:#a7abb1}.recipes{min-width:0;padding:23px;overflow:hidden}.list-head{height:50px;display:flex;align-items:flex-start;justify-content:space-between}.list-head h2{font-size:18px;margin:1px 0}.list-head>span{font-size:9px;color:#777d86;border:1px solid #34383e;padding:5px 9px;border-radius:4px}.recipe-grid{height:calc(100% - 50px);overflow-y:auto;padding-right:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px}.recipe-grid::-webkit-scrollbar,.materials::-webkit-scrollbar{width:4px}.recipe-grid::-webkit-scrollbar-thumb,.materials::-webkit-scrollbar-thumb{background:#a52e2d;border-radius:5px}.recipe-card{position:relative;height:150px;border:1px solid #33373d;border-radius:7px;background:linear-gradient(145deg,#24272c,#1a1c20);color:#fff;cursor:pointer;overflow:hidden}.recipe-card:before{content:"";position:absolute;inset:auto 0 0;height:45px;background:#11131788}.recipe-card img{width:88px;height:88px;object-fit:contain;display:block;margin:8px auto 0;filter:drop-shadow(0 9px 7px #0008)}.recipe-card span,.recipe-card small{position:relative;display:block;z-index:1;text-align:left;padding:0 10px}.recipe-card span{font:600 11px Prompt;margin-top:2px}.recipe-card small{font-size:8px;color:#777d85;margin-top:2px}.recipe-card:hover{border-color:#737981}.recipe-card.selected{border-color:#f0524d;box-shadow:0 0 0 1px #f0524d,0 0 20px #d52e2b35}.recipe-card.selected:after{content:"SELECTED";position:absolute;right:6px;top:6px;padding:3px 5px;background:#d33b37;border-radius:3px;font-size:7px}.detail{padding:24px;border-left:1px solid #34373c;background:linear-gradient(180deg,#191b1f,#111315)}.preview{text-align:center;position:relative;height:185px;border:1px solid #30343a;border-radius:8px;background:radial-gradient(circle,#3c2526,#1b1d21 58%);overflow:hidden}.preview .glow{position:absolute;width:150px;height:150px;left:50%;top:10px;transform:translateX(-50%);background:#e73e3850;filter:blur(45px)}.preview img{position:relative;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 10px 9px #000a)}.preview small,.preview h2{position:relative;display:block}.preview small{font-size:8px;color:#f0615d;letter-spacing:2px}.preview h2{font-size:15px;margin:3px 0}.cost-line{display:flex;justify-content:space-between;margin-top:10px;padding:0 3px;color:#8e939b;font-size:11px}.cost-line b{color:white}.cost-line.red b{color:#ff6965}.material-head{display:flex;justify-content:space-between;margin:16px 0 7px;font-size:11px}.material-head small{color:#777c84}.materials{height:124px;overflow-y:auto;padding-right:4px}.material{height:39px;margin-bottom:5px;padding:4px 8px;display:flex;align-items:center;gap:8px;border:1px solid #30343a;border-radius:5px;background:#202328;font-size:10px}.material img{width:29px;height:29px;object-fit:contain}.material span{flex:1}.material b{font-size:10px}.material b.enough{color:#6fd198}.material b.short{color:#ff6864}.craft-button{width:100%;height:48px;margin-top:12px;border:1px solid #ff625d;border-radius:6px;background:linear-gradient(90deg,#b72e2c,#e64843);color:white;cursor:pointer}.craft-button span,.craft-button small{display:block}.craft-button span{font:600 12px Prompt}.craft-button small{font-size:7px;letter-spacing:2px;opacity:.7}.craft-button:disabled{border-color:#3c3f45;background:#292c31;color:#676c73;cursor:default}.status{height:16px;margin:5px 0 0;text-align:center;color:#ff8581;font-size:9px}footer{height:34px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #303338;background:#121416;color:#676c73;font-size:8px;letter-spacing:.8px}@media(max-width:900px){.body{grid-template-columns:145px minmax(0,1fr) 300px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet span{min-width:100px}}@media(max-width:650px){.craft-shell{overflow:auto}.body{display:block;height:auto}.categories{display:flex;gap:7px}.category{width:150px}.source-note{display:none}.recipes{height:360px}.detail{min-height:500px}.wallet{display:none}}