:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:#324b40;background:#c7d4bd;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game{position:relative;isolation:isolate}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid #68845c;outline-offset:3px}button:disabled{opacity:.35;cursor:default}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#edf1d960,transparent 20%,transparent 75%,#dde4cb38)}header{position:absolute;top:max(26px,env(safe-area-inset-top));left:34px;right:calc(20px + var(--play-screen-slot,0px));display:flex;justify-content:space-between;align-items:start;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.8px;margin:0 0 7px;opacity:.6}h1{font-size:29px;font-weight:500;letter-spacing:5px;margin:0}.top-tools{display:flex;gap:9px;pointer-events:auto}.top-tools button{width:40px;height:40px;font-size:22px;background:#f6f5e4d9;border:1px solid #ffffff80;border-radius:50%}#hint{position:absolute;top:103px;left:34px;font-size:12px;max-width:calc(100% - 68px);pointer-events:none;color:#445d4c}#tools{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:8px 12px;background:#faf7e6ed;box-shadow:0 7px 30px #2b432f18;border:1px solid #fff9;border-radius:20px;backdrop-filter:blur(12px)}#tools button{border-radius:12px;min-width:59px;padding:6px 10px;background:transparent;font-size:11px;display:grid;gap:4px;place-items:center}#tools button span{font-size:27px;line-height:30px}#tools button[aria-pressed=true]{background:#d9e3c6;color:#354f2d}footer{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:34px;right:34px;display:flex;justify-content:space-between;font-size:10px;color:#405342bd;pointer-events:none}#inspector{position:absolute;right:25px;top:101px;width:213px;padding:18px;background:#faf7e7f0;box-shadow:0 5px 22px #20392712;border:1px solid #fff9;border-radius:16px;backdrop-filter:blur(12px)}[hidden]{display:none!important}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.panel-head button{padding:0;width:24px;height:24px;background:transparent;font-size:21px;opacity:.6}label{display:flex;align-items:center;gap:10px;font-size:11px;margin:13px 0;white-space:nowrap}input{width:100%;min-width:0;accent-color:#6f8757;cursor:pointer}.swatches{display:flex;gap:10px;padding:3px 0 12px}.swatches button{width:25px;aspect-ratio:1;border-radius:50%;border:3px solid #f4f0dd;outline:1px solid #0001}.swatches button[aria-pressed=true]{outline:2px solid #78845e}.terracotta{background:#ad6048}.sage{background:#697b50}.slate{background:#657b89}.panel-actions{display:flex;gap:7px}.panel-actions button{background:#e4e7d3;border-radius:8px;padding:8px 10px;font-size:11px}#delete{color:#985a49}#error{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;background:#eef0d9;text-align:center}#error button{border-radius:10px;padding:12px;background:#d2ddbd}@media(orientation:portrait){header{top:25px;left:23px}h1{font-size:25px}.eyebrow{font-size:8px;letter-spacing:2px}#hint{left:23px;top:95px}#tools{width:calc(100% - 28px);padding:8px 5px;bottom:51px;justify-content:space-between}#tools button{min-width:0;flex:1;padding:5px 2px;font-size:10px}#tools button span{font-size:25px}footer{left:23px;right:23px;font-size:9px}#inspector{top:138px;right:15px;width:175px;padding:14px}label{margin:10px 0}}@media(orientation:landscape) and (max-height:550px){header{top:15px;left:23px}h1{font-size:22px}.eyebrow{font-size:8px;margin-bottom:5px}#hint{top:78px;left:23px}#tools{bottom:29px;padding:5px 8px}#tools button{min-width:49px;padding:3px 6px}#tools button span{font-size:23px;line-height:24px}footer{bottom:9px;left:23px;right:23px;font-size:9px}#inspector{top:76px;right:19px;width:187px;padding:12px}label{margin:8px 0}.panel-head{margin-bottom:4px}.swatches{padding-bottom:8px}}
/* Menus follow the selected object; controls remain above the canvas. */
#inspector{right:auto;top:0;left:0;width:196px;padding:12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;will-change:transform;z-index:3}
.panel-head{margin-bottom:5px}.panel-head button{width:28px;height:28px}#contextHint{margin:0 0 7px;font-size:10px;line-height:1.5;color:#718068}#inspector label{margin:8px 0;gap:8px;min-height:22px}#heightLabel{min-width:24px}#details{display:flex;justify-content:space-between;width:100%;padding:7px 0;background:none;font-size:11px;color:#657452}#details[aria-expanded=true] span{transform:rotate(180deg)}.panel-actions{margin-top:7px;justify-content:space-between}.panel-actions button{min-height:34px;padding:7px 9px}#rotate{font-size:19px}.handle{position:absolute;z-index:2;left:0;top:0;width:38px;height:38px;border-radius:50%;border:2px solid #fff9;background:#f3e4bbed;color:#6d7452;font-size:23px;box-shadow:0 3px 12px #36452924;touch-action:none;cursor:grab;will-change:transform}.handle:active{cursor:grabbing;background:#fff2ce}.handle:focus-visible{outline:2px solid #708358}#tools{z-index:4}#tools button{min-width:49px;padding:6px 7px}#inspector[hidden]{pointer-events:none}
@media(max-width:600px){#tools{display:grid;grid-template-columns:repeat(5,1fr);width:calc(100% - 28px);padding:6px;gap:2px;bottom:37px}#tools button{min-width:0;font-size:9px;gap:1px;padding:4px 1px;min-height:41px}#tools button span{font-size:21px;line-height:22px}footer{bottom:12px}#inspector{width:175px;padding:10px}.handle{width:36px;height:36px}}
@media(orientation:landscape) and (max-height:550px){#inspector{width:175px;padding:9px}.panel-head{font-size:12px}#inspector label{margin:5px 0}.panel-actions{margin-top:4px}.panel-actions button{min-height:30px;padding:5px 8px}#tools button{min-width:44px;padding:3px 5px}.handle{width:34px;height:34px}#contextHint{margin-bottom:4px}}