*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e2e9eb;background:#101b24}button{font:inherit;color:inherit;border:1px solid #6879805e;background:#23313c;cursor:pointer;border-radius:8px;min-height:42px;padding:8px 14px}button:hover{background:#344854}button:focus-visible{outline:2px solid #daa96a}#app{position:relative;height:100dvh}#scene{display:block;width:100%;height:100%;touch-action:none}.top{position:absolute;left:20px;right:20px;top:max(16px,env(safe-area-inset-top));display:flex;gap:16px;align-items:center;pointer-events:none}.top>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center}.brand b{letter-spacing:3px;font-size:18px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:#9daeb6;margin-top:3px}.brand-mark{color:#d5a36d;font-size:32px}#status{margin-left:auto;font-size:12px;padding:10px 14px;background:#15242ed9;border:1px solid #7d91952b;border-radius:8px;font-variant-numeric:tabular-nums}.notice{position:absolute;top:90px;left:22px;width:min(350px,calc(100% - 44px));padding:15px 17px;background:#172630e6;border-left:3px solid #d2a06c;border-radius:2px 9px 9px 2px;pointer-events:none}.notice b{display:block;font-size:13px;color:#e6c6a1;margin-bottom:8px}.notice span{font-size:12px;color:#a3b1b9;line-height:1.7}.bottom{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(640px,calc(100% - 32px));text-align:center;pointer-events:none}.bottom button{pointer-events:auto}.help{font-size:11px;color:#9babb3;margin-top:10px;text-shadow:0 1px 4px #000}#selection{font-size:13px;min-height:24px;color:#e6c6a1;text-shadow:0 1px 4px #000}#tools{display:flex;gap:7px;justify-content:center}#tools button{min-width:66px;background:#172731ed}#tools button.active{border-color:#d4a66b;background:#463d31}.touch{display:none;position:absolute;bottom:120px;left:16px;gap:6px}.touch button{width:45px;height:45px;background:#25343fe6}@media(pointer:coarse){.touch{display:flex}.help{display:none}.notice{top:76px;width:min(290px,calc(100% - 32px))}.top{left:14px;right:14px;gap:8px}.brand b{font-size:14px}.brand small{font-size:7px}.brand-mark{font-size:24px}#status{font-size:10px;padding:8px}#tools button{min-width:0;font-size:12px;padding:8px 10px}}@media(max-width:420px){.brand small{display:none}.notice span{font-size:11px}}[hidden]{display:none!important}.bag{position:absolute;right:20px;top:84px;max-width:min(360px,calc(100% - 36px));background:#15242ede;border:1px solid #8a9a9d22;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.8;white-space:pre-line;color:#aebbc0;pointer-events:none}.toast{position:absolute;bottom:135px;left:50%;transform:translate(-50%);background:#26363aeb;padding:10px 17px;border:1px solid #8f9c8750;border-radius:7px;font-size:12px;width:max-content;max-width:calc(100% - 32px);text-align:center;pointer-events:none}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 30px));max-height:calc(100dvh - 120px);overflow:auto;padding:22px;background:#192a34f5;border:1px solid #86928c6b;border-radius:12px;box-shadow:0 18px 70px #0009;z-index:4}.panel h2{font-size:20px;margin:0}.panel p{font-size:13px;line-height:1.9;white-space:pre-line}.panel button{margin:5px 6px 5px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between}.muted{color:#a4b3ba}.pending{color:#dcb479}.touch-actions{display:none}.save-button{min-width:54px}#tools{flex-wrap:wrap}#tools button{min-width:58px;font-size:12px}.help{white-space:nowrap}@media(pointer:coarse){.bag{top:156px;right:12px;padding:8px 10px;font-size:10px;width:220px}.notice{top:74px;left:14px}.touch-actions{position:absolute;bottom:125px;right:16px;display:flex;gap:6px}.touch-actions button{min-height:45px}.toast{bottom:185px;max-width:calc(100% - 24px)}.help{display:none}.touch{bottom:125px}.save-button{display:none}.panel{max-height:calc(100dvh - 80px)}#tools button{min-width:0;padding:7px 9px;font-size:11px}}@media(max-width:700px){.notice{max-width:240px}.bag{max-width:230px}}@media(max-width:500px){.notice span{display:none}.notice{padding:9px 12px;top:70px;width:220px}.notice b{margin:0}.bag{top:115px;right:14px;font-size:10px;max-width:220px}.help{font-size:9px}.top{gap:6px}.brand b{font-size:14px}#status{font-size:10px;padding:8px}.toast{bottom:190px}}.tool-icon{display:block;width:27px;height:27px;margin:0 auto 3px}#tools button{padding-top:7px;padding-bottom:7px}.tool-cost{display:block;font-size:10px;color:#dcb575;line-height:1.2}.stock-row{display:flex;gap:6px;align-items:center}.stock-row span{flex:1;font-size:13px}.stock-row button{min-width:60px}#selection{overflow-wrap:anywhere}.storage-error{z-index:8;border-color:#c98e6b}.storage-error p{overflow-wrap:anywhere}@media(pointer:coarse){.tool-icon{width:24px;height:24px}}@media(max-height:500px){.notice,.bag{display:none}.tool-icon{width:20px;height:20px}.bottom{bottom:6px}.touch,.touch-actions{bottom:105px}.toast{bottom:155px}.panel{max-height:calc(100dvh - 30px)}}@media(pointer:coarse)and (max-width:600px){#tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.touch,.touch-actions{bottom:215px}.toast{bottom:275px}.bottom{width:calc(100% - 24px)}}@media(pointer:coarse)and (max-height:500px){#tools{display:flex;flex-wrap:nowrap}.touch,.touch-actions{bottom:105px}.toast{bottom:155px}.notice,.bag{display:none}.bottom{width:calc(100% - 24px)}#tools button{padding:4px 9px}.tool-icon{width:20px;height:20px}}