:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#534a3d;background:#faf6ee;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 30%,#e7edde 0,transparent 60%),radial-gradient(ellipse at 100% 60%,#f6e2d9,transparent 50%)}main{max-width:1120px;margin:auto;padding:32px 24px 24px}header{text-align:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#8e9e85}h1{font-size:clamp(27px,4vw,38px);font-weight:750;letter-spacing:3px;margin:12px 0;color:#3e6656}h1 span{font-size:24px;color:#b9cbbc;margin-left:8px}header p{font-size:14px;color:#877968;margin:8px}h2{font-size:21px;margin:6px 0}.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.badges span{font-size:11px;border-radius:30px;padding:6px 11px;background:#e9eddf;color:#617464}.badges span+span{background:#f0e7dd;color:#857563}.shop-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px;align-items:start}.counter{position:relative;border:1px solid #e0d4be;background:#fffdf6;border-radius:26px;overflow:hidden;box-shadow:0 13px 0 #e6decd,0 20px 36px #745f3812;padding:48px 22px 22px}.awning{height:26px;position:absolute;inset:0 0 auto;background:repeating-linear-gradient(90deg,#afc6aa 0,#afc6aa 34px,#f7f1e1 34px,#f7f1e1 68px);border-bottom:5px solid #e1dfc9;border-radius:0 0 12px 12px}.counter-heading{display:flex;justify-content:space-between;align-items:center}.counter-heading small{color:#b39e7d;font-size:11px;letter-spacing:2px}.count{display:flex;gap:8px;align-items:center;background:#f2eddf;border-radius:15px;padding:7px 12px}.count b{font-size:26px;color:#668064}.count span{font-size:11px;color:#8c806a}.help{font-size:12px;line-height:1.8;color:#9a8d78;margin:12px 0}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #e0d6c5;border-radius:12px;background:#f8f4ea;padding:11px 15px;touch-action:manipulation}button:disabled{cursor:default;color:#a59d8f}button:focus-visible{outline:3px solid #50836f;outline-offset:2px}button[hidden]{display:none!important}#board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px;background:#e6dcc7;border:1px solid #ddd0b9;border-radius:18px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tile{padding:3px;min-width:0;aspect-ratio:1;border:1px solid #e8dfcd;border-radius:12px;background:#fffaf0;box-shadow:0 3px 0 #c7baa2;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .13s,background .13s;touch-action:none}.tile svg{width:100%;height:100%;pointer-events:none}.tile.empty{background:#ddd2ba;border:1px dashed #cbbb9c;box-shadow:inset 0 2px 3px #b4a18418}.empty span{color:#b3a286;font-size:18px}.tile.machine{background:#dfe9da;border:2px solid #9bb594;box-shadow:0 3px 0 #98ae91}.tile.selected{outline:3px solid #5d8e72;outline-offset:-3px;background:#eaf2df;transform:translateY(-2px)}.tile.ready{box-shadow:0 0 0 2px #c0a05b,0 3px 0 #bba069}.tile.drop-target{outline:3px solid #8aab72;background:#edf6db}.tile:active{transform:scale(.95)}.level{position:absolute;right:4px;bottom:2px;font-size:9px;color:#9c8b70;pointer-events:none}#notice{min-height:48px;margin:14px 0 8px;font-size:13px;color:#7f765f;text-align:center;line-height:1.7}.supply{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#66896f;color:white;border:1px solid #55765f;box-shadow:0 3px 0 #42654e;font-weight:650;font-size:16px;padding:13px}.supply span{font-size:22px}.supply small{font-size:10px;font-weight:400;color:#e2eddf}.tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;justify-content:center}.tools button{font-size:12px;padding:10px 12px}.supply:disabled{background:#c8cdbd;color:#727869;box-shadow:none}aside{display:grid;gap:18px}.item-card,.recipe{border:1px solid #e8dfd0;border-radius:24px;padding:22px;background:#ffffffb3}.item-card{text-align:center;background:linear-gradient(150deg,#fffdf7,#f6e9de)}#preview{height:130px;margin:8px auto 0;width:160px}#preview svg{height:100%;width:100%}.item-card h2{font-size:19px}.item-card p{font-size:12px;line-height:1.8;min-height:40px;color:#8e7d66;margin:8px 0}.item-card button{background:#688b72;color:white;border:0;width:100%;font-size:13px}.recipe h2{font-size:18px;margin:8px 0 14px}#recipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recipe-item{background:#faf6ed;border-radius:12px;text-align:center;padding:6px 2px;border:1px solid #ebe3d4}.recipe-item svg{width:58px;max-width:100%;height:58px}.recipe-item span{display:block;font-size:10px;color:#8a7c65}.recipe-item small{font-size:9px;color:#9b917d}.recipe-item.unlocked{background:#eef3e6;border-color:#d6e1c8}.fine,footer{font-size:11px;line-height:1.8;color:#a4977d}footer{text-align:center;margin-top:32px}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;width:76px;height:76px;filter:drop-shadow(0 6px 5px #5b533c44)}.drag-ghost svg{width:100%;height:100%}@keyframes bloom{0%{transform:scale(.8)}60%{transform:scale(1.12);background:#fff0ba}100%{transform:scale(1)}}.tile.bloom{animation:bloom .4s ease}dialog{max-width:min(420px,90vw);border:1px solid #d9d2bf;border-radius:22px;padding:25px;color:#574f41;background:#fffaf1}dialog p{font-size:14px;line-height:1.8}dialog::backdrop{background:#3e4a3d66}#accept{background:#66896f;color:white}main.busy #board{pointer-events:none}@media(max-width:730px){main{padding:22px 12px}.shop-layout{grid-template-columns:1fr;gap:26px}header{margin-bottom:20px}.counter{padding:43px 12px 16px}aside{grid-template-columns:1fr}.item-card{padding:16px}#preview{height:95px}.item-card p{min-height:0}.recipe{padding:18px}#recipe{grid-template-columns:repeat(3,1fr)}.recipe-item svg{height:65px;width:65px}.supply{font-size:14px}.tools button{padding:10px;font-size:11px}#board{gap:6px;padding:9px}.help{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}