@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#171917;--panel:#f3f0e8;--ink:#20251f;--muted:#7a8077;--orange:#e6a46d;--line:#d9d9d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eae9e2;color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.sitehead{height:84px;background:var(--bg);color:#f5f1e9;display:flex;align-items:center;padding:0 max(4vw,24px);gap:40px;border-bottom:1px solid #363a34}.brand{display:flex;align-items:center;width:184px;flex:none}.brand img{width:100%;height:auto;display:block}.sitehead nav{display:flex;gap:32px;margin:auto}.sitehead nav a{font-size:13px;color:#a7ada3;transition:color .2s}.sitehead nav a:hover,.sitehead nav .active{color:#f5f1e9}.headlink{font-size:13px;border-bottom:1px solid #8e938b;padding-bottom:4px}.hero{background:var(--bg);color:#f1eee5;overflow:hidden}.hero-inner{max-width:1500px;margin:auto;min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;padding:0 max(4vw,24px)}.hero-copy{z-index:2;align-self:center;padding:40px 0 90px}.overline,.section-index,.tool-index,.panel-head span,.hero-bottom,.art-label,.art-coordinate,footer,.spotlight>span{font-size:11px;font-weight:700;letter-spacing:.15em}.overline{display:flex;align-items:center;gap:13px;color:#aaa99f}.overline .line{display:inline-block;width:38px;height:1px;background:#73776e}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1,.section-intro h2,.page-heading h1{font-family:Manrope,Arial,sans-serif;letter-spacing:-.068em;line-height:1.07;font-weight:700}.hero h1{font-size:clamp(56px,6.9vw,112px);margin:32px 0 26px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:510px;color:#aeb4a9;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 20px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.light{background:#f0eee6;color:#1d211c}.button.light:hover{background:var(--orange)}.textlink{font-size:13px;border-bottom:1px solid #9d9f95;padding-bottom:5px;display:flex;gap:20px}.hero-art{position:relative;min-height:650px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.art-ring{position:absolute;width:min(38vw,550px);height:min(38vw,550px);border:1px solid #42463d;border-radius:50%;top:17%;left:50%;transform:translateX(-50%)}.art-ring:after{content:'';position:absolute;inset:50px;border:1px solid #363b34;border-radius:50%}.hero-art img{position:relative;z-index:1;height:620px;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 28px 24px #0c0e0c90);transition:transform .6s}.hero-art:hover img{transform:translateY(-8px)}.art-label{position:absolute;left:0;top:95px;color:var(--orange);line-height:1.7}.art-coordinate{position:absolute;right:0;bottom:60px;color:#a4aa9d;line-height:1.6;text-align:right;z-index:2}.hero-bottom{max-width:1500px;margin:auto;padding:19px max(4vw,24px);border-top:1px solid #3a3d36;color:#999f96;display:flex;justify-content:space-between}.tools{padding:110px max(4vw,24px) 120px;max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.section-index{color:#947259}.section-intro h2{font-size:clamp(38px,4vw,64px);margin:28px 0}.section-intro p{color:#6e746b;max-width:340px}.tool-list{border-top:1px solid #b8beb4}.tool{display:grid;grid-template-columns:115px 1fr 30px;gap:25px;padding:34px 0;border-bottom:1px solid #b8beb4;transition:padding-left .2s}.tool:hover{padding-left:14px}.tool-index{color:#8c9188;padding-top:10px}.tool h3{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.04em;margin:0 0 6px}.tool p{font-size:14px;color:#747a70;max-width:410px;margin:0}.tool-arrow{font-size:25px;color:#a9673b}footer{background:var(--bg);color:#9aa097;display:flex;justify-content:space-between;gap:20px;padding:34px max(4vw,24px);font-size:10px}footer a{color:#f0eee8}.app-page{max-width:1440px;padding:70px max(4vw,24px) 100px;margin:auto}.page-heading{max-width:800px;margin-bottom:40px}.page-heading h1{font-size:clamp(48px,5vw,76px);margin:14px 0}.page-heading p{font-size:17px;color:#6d736a;max-width:660px}.app-grid,.craft-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.craft-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr)}.panel{background:var(--panel);padding:32px;min-width:0;border:1px solid #ddded6}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:30px}.panel-head h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.04em;margin:0}.panel-head span{white-space:nowrap;color:#8e948b}.mode-tabs{display:flex;gap:4px;background:#e5e5dc;padding:4px;margin-bottom:32px}.mode-tabs button{border:0;background:transparent;color:#727970;font-size:13px;padding:11px 15px;flex:1}.mode-tabs button.selected{background:#263028;color:#fff}.input-label,.recipe-pick label,.craft-config label,.field-row label{display:block;font-size:12px;font-weight:700;color:#5d655b;margin-bottom:10px}.big-input{display:flex;align-items:center;border-bottom:2px solid #343e34}.big-input input{width:100%;border:0;background:none;outline:0;font:700 64px Manrope,sans-serif;letter-spacing:-.07em;color:var(--ink);padding:4px 0}.big-input span{font-size:29px;color:#9b6d4e}.hint,.fineprint{color:#858b82;font-size:12px;line-height:1.6;margin:12px 0 0}.divider{height:1px;background:var(--line);margin:32px 0}.standard-input,.field-row input,.craft-config input,.recipe-pick select,.material-row input{width:100%;border:1px solid #cbd0c5;border-radius:0;background:#faf9f4;color:var(--ink);padding:12px;outline-color:#ae774e}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-row input,.craft-config input{display:block;margin-top:8px}.error{color:#ac4b36;font-size:12px;min-height:18px;margin:12px 0 0}.spotlight{background:#263028;color:#f3f0e8;padding:26px 28px;display:flex;flex-direction:column;gap:10px}.spotlight>span{color:#b5c0b0}.spotlight strong{font:700 54px Manrope,sans-serif;letter-spacing:-.06em;color:#ebaf7b}.probability{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.probability span{font-size:13px;color:#626a60;max-width:260px}.probability strong{font:700 29px Manrope,sans-serif;letter-spacing:-.05em}.meter{height:5px;background:#dedfd6;grid-column:1/-1;margin-top:10px}.meter i{display:block;height:100%;background:#d18f5d;transition:width .3s}.table-title{font:700 15px Manrope,sans-serif;margin:28px 0 8px}.threshold,.summary-row,.shop-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.threshold strong,.summary-row strong,.shop-row strong{font-size:16px;white-space:nowrap}.next-link{display:flex;justify-content:space-between;padding:25px 0;font-size:13px;color:#7b8176}.next-link a{color:#263028;font-weight:700}.recipe-pick{margin-bottom:10px}.recipe-pick select{margin-top:8px;appearance:none;background:#faf9f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23313b32' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}.recipe-source{font-size:12px;color:#858b82;display:flex;gap:14px;flex-wrap:wrap}.recipe-source a{color:#9d613d;text-decoration:underline}.craft-config{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 34px}.material-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.material-heading h3{font:700 18px Manrope,sans-serif}.material-heading span{font-size:11px;color:#858b82}.materials-scroll{overflow-x:auto}.materials-header,.material-row{display:grid;grid-template-columns:minmax(125px,1.5fr) 65px 65px 65px 65px 80px 80px 25px;align-items:center;gap:8px;min-width:640px}.materials-header{padding:10px 0;border-bottom:1px solid #aab1a5;color:#858b82;font-size:10px}.material-row{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.material-row input{font-size:12px;padding:8px 6px;min-width:0}.material-row .need,.material-row .to-buy,.row-sum{text-align:center}.row-remove{border:0;background:transparent;color:#99867c;font-size:22px;padding:0}.add-button{background:none;border:0;color:#a4653e;font-size:13px;font-weight:700;padding:18px 0}.aside-feature{display:flex;flex-direction:column;background:#263028;color:#fff;padding:24px;margin-bottom:12px}.aside-feature>span{font-size:10px;letter-spacing:.15em;color:#b6c0b3;font-weight:700}.aside-feature strong{font:700 45px Manrope,sans-serif;letter-spacing:-.06em;color:#ebaf7b;line-height:1.4}.aside-feature small{color:#b6c0b3}.summary-row span{color:#697168}.summary-row.negative strong{color:#ae5541}.shopping{font-size:13px}.shopping:empty{color:#8b9189}@media(max-width:1000px){.hero-inner{grid-template-columns:1fr .75fr}.hero h1{font-size:clamp(55px,6.8vw,78px)}.hero-art img{height:580px}.tools{grid-template-columns:1fr;gap:50px}.craft-layout{grid-template-columns:1fr}.craft-aside{position:static}}@media(max-width:700px){.sitehead{height:auto;min-height:70px;flex-wrap:wrap;padding:16px 20px;gap:15px}.brand{width:135px}.sitehead nav{order:3;width:100%;justify-content:space-between;gap:10px;margin:0}.sitehead nav a{font-size:12px}.headlink{margin-left:auto;font-size:11px}.hero-inner{display:flex;flex-direction:column;min-height:0;padding:0 20px}.hero-copy{padding:58px 0 0}.hero h1{font-size:clamp(48px,12vw,70px);white-space:normal;margin:24px 0}.hero-copy>p{font-size:15px}.hero-actions{margin-top:28px;gap:20px}.hero-art{min-height:390px;height:390px}.hero-art img{height:450px}.art-ring{width:340px;height:340px;top:40px}.art-label{top:28px}.art-coordinate{bottom:25px}.hero-bottom{padding:17px 20px}.tools{padding:75px 20px}.tool{grid-template-columns:1fr 25px;gap:8px}.tool-index{grid-column:1/-1}.tool h3{font-size:24px}.tool-arrow{grid-column:2;grid-row:2}footer{flex-wrap:wrap;padding:30px 20px}.app-page{padding:45px 16px 80px}.app-grid{grid-template-columns:1fr}.panel{padding:22px}.page-heading h1{font-size:46px}.page-heading p{font-size:15px}.craft-config{grid-template-columns:1fr 1fr}.craft-config label:last-child{grid-column:1/-1}.panel-head h2{font-size:19px}.big-input input{font-size:52px}}

@media(max-width:1100px){.sitehead{height:auto;min-height:82px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.sitehead nav{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}.sitehead nav a{white-space:nowrap}}
@media(max-width:700px){.sitehead nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.sitehead nav a{font-size:13px}}
.material-name{display:flex;flex-direction:column;gap:2px}.material-name a{font-size:12px;color:#9a5836;text-decoration:underline}.craft-database{margin:50px auto 0;max-width:1280px;padding:30px;background:#f5f3ec}.craft-database a{color:#9a5836;text-decoration:underline}
.material-field{display:block;min-width:0}.material-field>span{display:none}.material-field input{width:100%}
@media(max-width:600px){.materials-scroll{overflow-x:visible}.materials-header{display:none}.material-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);padding:14px;margin:12px 0}.material-name{grid-column:1/-1}.material-field>span{display:block;color:#777;font-size:11px;margin-bottom:5px}.material-row .need,.material-row .to-buy,.material-row .row-sum{text-align:left;align-self:end;padding:7px 0}.material-row .need::before{content:'Нужно: ';color:#777}.material-row .to-buy::before{content:'Докупить: ';color:#777}.material-row .row-sum::before{content:'Сумма: ';color:#777}.material-row .row-remove{grid-column:2;justify-self:end;min-width:44px;min-height:44px}}

.material-name-main,.shop-name{display:flex;align-items:center;gap:8px;min-width:0}.material-icon,.shop-name img{flex:none;object-fit:contain;image-rendering:pixelated}.material-name-main input{flex:1;min-width:0;width:100%}.shop-name{overflow-wrap:anywhere}@media(max-width:600px){.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .button{max-width:100%}.material-name-main input{max-width:100%}}

.craft-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 28px}.craft-action{appearance:none;min-height:44px;padding:11px 18px;border:1px solid #c8c5b9;background:#f6f3eb;color:#34372f;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.craft-action:hover{background:#fff;border-color:#a4653e;color:#925431;transform:translateY(-2px)}.craft-action-primary{background:#252d26;border-color:#252d26;color:#f6f3eb}.craft-action-primary:hover{background:#a4653e;border-color:#a4653e;color:#fff}.craft-action:focus-visible{outline:2px solid #a4653e;outline-offset:3px}@media(max-width:600px){.craft-action{flex:1 1 180px}}
/* Home hero: keep both actions clear of the character on narrow screens. */
@media(max-width:700px){.hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}.hero-actions .textlink{padding:6px 0}.hero-art{height:auto;min-height:0;padding-top:30px;overflow:hidden}.hero-art img{display:block;width:min(75vw,320px);max-width:100%;height:auto;max-height:none}.hero-art:hover img{transform:none}.art-ring{width:min(80vw,340px);height:min(80vw,340px);top:40px}}
.recipe-pick{position:relative}.recipe-pick input[type=search]{width:100%;border:1px solid #cbd0c5;background:#faf9f4;color:var(--ink);padding:12px;outline-color:#ae774e}.recipe-pick small{display:block;font-size:11px;color:#777e74;margin:7px 0}.recipe-pick #manual{margin-top:6px}.recipe-suggestions{position:absolute;z-index:10;top:72px;left:0;right:0;max-height:330px;overflow:auto;background:#faf9f4;border:1px solid #cbd0c5;box-shadow:0 12px 30px #1b201d35}.recipe-result{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:9px 12px;border:0;border-bottom:1px solid #deded5;background:transparent;color:#263028}.recipe-result:hover,.recipe-result:focus{background:#ebe7da}.recipe-result small{margin:0;color:#777e74}.recipe-source strong{color:#3e5742}
.recipe-result{flex-direction:row;align-items:center;gap:10px}.recipe-result img,.recipe-source img{flex:none;object-fit:contain}.recipe-result-copy{display:flex;flex-direction:column;min-width:0}.recipe-source#production-info{align-items:center;gap:8px;margin-top:6px}
