html,body{background:#16181d;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#viewer{position:fixed;inset:0}#viewer canvas{display:block}.panel{z-index:10;color:#f5f7fa;background:#181b20f0;border:1px solid #3b4149;border-radius:14px;width:100px;padding:16px;position:fixed;top:18px;left:10px;box-shadow:0 8px 30px #00000040}.panel strong{margin-bottom:10px;font-size:18px;display:block}.panel button,.panel .button{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;background:#30343a;border:1px solid #555c65;border-radius:8px;width:100%;margin:10px 0;padding:10px 12px;font-size:16px;display:block}#status{color:#cbd2da;margin-top:10px;font-size:14px}.top-map{z-index:10;color:#fff;background:#0c0e11f2;border:2px solid #5c626a;border-radius:22px;width:310px;padding:14px;position:fixed;top:32px;right:18px;box-shadow:0 8px 30px #00000059}.top-map-title{margin:0 0 8px 2px;font-size:14px;font-weight:700}#topMapCanvas{background:#fff;border:1px solid #777;border-radius:4px;width:100%;height:180px;display:block}.top-map-legend{color:#d5dae0;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.legend-house{background:#9aa7b4;border:1px solid #303942;width:13px;height:13px}.legend-flower{background:#ef9a9a;border:1px solid #4d555d;border-radius:50%;width:13px;height:13px;margin-left:10px}body.dragging:after{content:"Drop .splat / .spz / .json";z-index:50;color:#fff;pointer-events:none;background:#00000073;border:3px dashed #fff;border-radius:18px;place-items:center;font-size:28px;display:grid;position:fixed;inset:18px}@media (width<=760px){.top-map{width:230px}#topMapCanvas{height:145px}}#topMapCanvas{touch-action:none;cursor:default;-webkit-user-select:none;user-select:none}.close-btn{color:#fff;cursor:pointer;z-index:2;background:#30343a;border:1px solid #555c65;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.close-btn:hover{background:#454b53}.panel.collapsed,.top-map.collapsed{width:auto;height:auto;padding:6px}.panel.collapsed>:not(.close-btn),.top-map.collapsed>:not(.close-btn){display:none}.panel.collapsed .close-btn,.top-map.collapsed .close-btn{position:static}