:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0e1720;color:#ebf5ee}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#root{height:100%}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #a8e4a2;outline-offset:3px}.app{display:flex;flex-direction:column;height:100%;height:100dvh}.top{z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#14232b;border-bottom:1px solid #33443e}.brand{font-size:16px;font-weight:750;letter-spacing:-.025em}.brand small{font-size:11px;color:#9db6ae;font-weight:450;display:block;margin-top:2px}.badge{font-size:11px;padding:6px 9px;border:1px solid #456e61;border-radius:30px;color:#bedfd0}.main{display:flex;flex:1;min-height:0}.side{width:286px;flex-shrink:0;padding:18px;background:#16252c;border-right:1px solid #31463f;overflow-y:auto}.side h2{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:#9fc2af;margin:4px 0 14px}.asset{color:inherit;text-align:left;min-width:0;width:100%;border:1px solid #426556;border-radius:14px;background:#21362f;padding:12px;margin-bottom:16px}.asset img{width:100%;height:130px;object-fit:contain;filter:drop-shadow(0 6px 8px #0004)}.asset h3{font-size:15px;margin:5px 0}.assetPicker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assetPicker .asset{margin-bottom:5px}.assetPicker .asset img{height:104px}.selectedAsset{border-color:#b0e29f;background:#294739;box-shadow:inset 0 0 0 1px #b0e29f}.muted{font-size:12px;line-height:1.5;color:#a8c0b7}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.btn{border:1px solid #446456;border-radius:10px;background:#223b34;color:#e3f0e8;padding:10px 9px;font-size:13px}.btn.active,.btn.primary{background:#a7dd9b;color:#173122;border-color:#a7dd9b;font-weight:700}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.4;cursor:default}.help{border-top:1px solid #3b5048;padding-top:14px;margin-top:14px}.help p{margin:6px 0 12px}.world{position:relative;flex:1;min-width:0;background:radial-gradient(ellipse at center,#314f42,#223e35 60%,#172e2a);overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.world.pan canvas{cursor:grab}.world.drag canvas{cursor:grabbing}.toolbar{position:absolute;left:16px;top:16px;display:flex;gap:8px;pointer-events:none;flex-wrap:wrap}.pill{background:#12231fe8;box-shadow:0 3px 12px #0002;border:1px solid #476354;border-radius:10px;color:#e5f1e6;padding:9px 12px;font-size:12px;pointer-events:auto}.zoom{position:absolute;right:15px;bottom:80px;display:grid;gap:7px}.zoom button{font-size:20px;width:41px;height:41px;border-radius:10px;background:#132720eb;color:#fff;border:1px solid #54725d}.bottom{position:absolute;bottom:0;left:0;right:0;background:#10251fe8;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #43634f}.status{font-size:13px;color:#d5e6d9}.stats{font-size:12px;color:#a6c6b1}.error{color:#ffbcb4}.good{color:#b6e5a1}.generator{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 14px}.generator label{font-size:11px;color:#9fc2af}.generator input,.generator select{min-width:0;width:100%;border:1px solid #446456;border-radius:8px;padding:9px;background:#10251f;color:#e8f3e9;font-size:12px}.generator button{font-size:12px}.generator #mapInfo{grid-column:1 / -1}.orientation{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.orientation .btn{padding:10px 6px}.orientation .btn.active{background:#a7dd9b;color:#173122;border-color:#a7dd9b;font-weight:700}.mobilecontrols{display:none}.toast{position:absolute;top:65px;left:50%;transform:translate(-50%);background:#14291ef0;border:1px solid #729d77;border-radius:9px;padding:9px 14px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap;max-width:90%;text-overflow:ellipsis;overflow:hidden}.toast.show{opacity:1}@media(max-width:740px){.top{padding:10px 12px}.badge{display:none}.main{flex-direction:column}.side{width:100%;padding:9px 10px;border-right:0;border-bottom:1px solid #31463f;display:flex;gap:10px;align-items:center;overflow:visible}.side h2,.side .help,.side .muted,.asset h3{display:none}.generator{margin:0;grid-template-columns:1fr 1fr;max-width:238px}.generator label,.generator #mapInfo{display:none}.generator input,.generator select,.generator button{padding:5px;font-size:10px}.assetPicker{display:flex;gap:5px;flex-shrink:0}.assetPicker .asset{margin:0;padding:2px;width:49px}.asset img{height:43px}.actions{display:flex;gap:6px;margin:0;flex:1}.actions .btn{padding:9px 7px;font-size:12px;flex:1}.world{min-height:0}.toolbar{top:10px;left:10px}.pill{padding:7px 9px}.bottom{padding:10px}.status{font-size:12px}.zoom{bottom:68px;right:10px}.mobilecontrols{display:block}}