*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#263c33;background:#f6f5f0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #dce1d8;background:#fffefa;color:#3b5146;border-radius:10px;padding:10px 14px;transition:background .2s}button:hover{background:#e8eee5}button:focus-visible,a:focus-visible{outline:3px solid #c68b50;outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{height:80px;padding:0 36px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e3e5dc;background:#fcfcf8}.brand{text-decoration:none;color:#284b3d;font-size:26px;font-weight:700;display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;width:36px;height:36px;background:#315a47;color:white;border-radius:11px}.brand-sub{font-size:11px;letter-spacing:2px;font-weight:500}.prototype{font-size:11px;border:1px solid #dadfd2;border-radius:20px;padding:6px 10px;color:#70806e}.header-actions{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:12px;color:#7b887a}main{display:grid;grid-template-columns:minmax(0,1fr) 338px;min-height:calc(100vh - 80px)}.stage{position:relative;min-height:790px;height:calc(100vh - 80px);overflow:hidden;background:radial-gradient(ellipse at 45% 55%,#e8ecdf 0,#f3f4ec 58%,#f8f7f1 100%)}.intro{position:absolute;top:32px;left:36px;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7e8a70}.intro h1{font-size:30px;letter-spacing:-1px;font-weight:600;margin:12px 0}.intro p,.panel-heading p{font-size:13px;color:#788475;margin:8px 0}.viewbar{position:absolute;top:153px;left:36px;z-index:3;display:flex;align-items:center;background:#ffffffba;padding:5px;border:1px solid #fff;border-radius:14px;gap:3px;box-shadow:0 3px 12px #3b513408}.viewbar button{padding:8px 13px;border:0;background:transparent;font-size:12px}.viewbar button.active{background:#355b48;color:white}.viewbar span{height:20px;width:1px;background:#dce1d8;margin:0 5px}#scene{position:absolute;inset:140px 0 100px}#scene canvas{display:block;touch-action:none;width:100%;height:100%}#labels{pointer-events:none;position:absolute;inset:0}#loading{position:absolute;inset:50% 0 auto;text-align:center;color:#71806a}.scene-hint{position:absolute;bottom:104px;width:100%;text-align:center;color:#7d8975;font-size:11px;pointer-events:none}.bottom-bar{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;background:#fffef9df;border:1px solid white;border-radius:16px;box-shadow:0 5px 25px #2d4a2710}.bottom-bar strong{font-size:13px;font-weight:500}.bottom-bar small{display:block;font-size:10px;color:#899180;margin:7px 0 0 17px}.dot{display:inline-block;width:7px;height:7px;background:#76936c;border-radius:50%;margin-right:10px}.primary{background:#355b48;color:white;border-color:#355b48;font-size:12px}.primary:hover{background:#244a37}.primary span{margin-left:12px}aside{background:#fcfcf8;border-left:1px solid #e3e5dc;padding:30px 23px;overflow:auto;height:calc(100vh - 80px)}h2{font-size:21px;font-weight:600;margin:10px 0 12px}.panel-heading{margin-bottom:24px}.drawer-card{display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin-bottom:9px;padding:13px 11px;background:#f7f8f2;border:1px solid #e4e9dd}.drawer-card.open{border-color:#9bad8d;background:#edf2e7}.drawer-num{font-family:Georgia,serif;font-size:27px;color:#7e9470;width:28px}.drawer-card b{font-size:13px;font-weight:600;display:block}.drawer-card small{font-size:10px;color:#89917e;display:block;margin-top:5px}.drawer-card .arrow{margin-left:auto;font-size:17px;color:#819176}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.section-title span{font-weight:400;font-size:10px;color:#88927e}.selection{margin-top:26px;border-top:1px solid #e4e8dd;padding-top:22px}#emptySelection{font-size:12px;color:#97a08c;line-height:1.9;padding:24px 0}#itemName{font-size:22px;margin:15px 0 8px}#itemNote,.home p{font-size:11px;line-height:1.8;color:#7e8974}#itemPanel label{display:block;font-size:10px;margin:15px 0 7px;color:#849078}#destinations{display:flex;flex-wrap:wrap;gap:6px}#destinations button{font-size:11px;padding:7px 9px;border-radius:7px}#destinations button.active{background:#355b48;color:white}.nudges{display:flex;align-items:center;gap:4px;margin-top:15px}.nudges span{font-size:10px;color:#849078;margin-right:auto}.nudges button{padding:5px 9px}#rotateItem{font-size:10px;margin-top:10px;padding:7px 10px}.home{border-top:1px solid #e4e8dd;padding-top:19px;margin-top:22px}.home-chip{display:inline-block;margin:3px 4px 3px 0;padding:7px 10px;font-size:11px}.home-chip.active{background:#e4eddc}footer{margin-top:24px}footer button{font-size:10px;padding:8px 10px;margin-right:5px}footer p{font-size:10px;line-height:1.8;color:#a1a692;margin-top:18px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#294b3eea;color:white;border-radius:12px;padding:13px 20px;font-size:12px;transition:.25s;z-index:20;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){header{padding:0 16px;height:65px;gap:10px}.brand-sub,.header-actions>span{display:none}.brand{font-size:22px}.prototype{font-size:9px}.header-actions button{font-size:10px;padding:8px}main{display:block}.stage{height:680px;min-height:0}.intro{left:20px;top:24px}.intro h1{font-size:25px}.viewbar{left:16px;top:139px}.viewbar button{padding:8px 9px;font-size:11px}#scene{inset:150px 0 110px}.bottom-bar{left:12px;right:12px;bottom:22px;padding:13px}.bottom-bar small{max-width:160px;line-height:1.5}.bottom-bar strong{font-size:11px}aside{height:auto;border-left:0;border-top:1px solid #dde2d4;padding:24px}.scene-hint{font-size:9px;bottom:110px}}

.drawer-inventory{display:flex;gap:5px;flex-wrap:wrap;padding:0 3px 12px}.drawer-inventory button{font-size:10px;padding:6px 8px;background:#f3f5ec}