*{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}canvas{width:100%;height:100%;display:block}#town-controls{z-index:220;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;-webkit-user-select:none;user-select:none;background:#080e12c2;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;width:265px;padding:10px 12px 12px;font:12px -apple-system,PingFang SC,sans-serif;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 10px 26px #0000003d}.town-controls-title{color:#ffffffb8;letter-spacing:2px;order:0;margin-bottom:8px;font-size:11px;font-weight:700}.control-section{border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:9px}#time-of-day{order:1;width:auto}.time-face{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.time-label{color:#ffffffb8;letter-spacing:2px}#time-readout{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#ffe0a6;text-shadow:0 0 12px #ffb2528c;font-size:18px}#time-of-day input[type=range]{width:100%}.control-row{align-items:center;gap:9px;min-height:31px;display:flex}#vehicle-control{order:2;margin-bottom:6px}#npc-counter,#vehicle-control{box-shadow:none;background:0 0;border:0;width:auto;padding:0;position:static}#npc-counter{order:3}#vehicle-control label,#npc-counter label{letter-spacing:1px;color:#ffffffdb;flex:0 0 58px;font-weight:600}#vehicle-control input[type=range],#npc-counter input[type=range]{flex:auto;width:120px;min-width:0}#vehicle-control input[type=number],#npc-counter input[type=number]{color:#fff;font-variant-numeric:tabular-nums;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;width:48px;padding:2px 4px}#loading-overlay{z-index:99999;background:linear-gradient(135deg,#87b8e6 0%,#5b8db8 100%);justify-content:center;align-items:center;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;transition:opacity .4s ease-out;display:flex;position:fixed;inset:0}#loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;min-width:320px;padding:32px 48px;box-shadow:0 8px 32px #0000002e}.loading-title{letter-spacing:4px;text-shadow:0 2px 8px #0003;margin-bottom:8px;font-size:28px;font-weight:700}.loading-subtitle{opacity:.85;letter-spacing:1px;margin-bottom:22px;font-size:13px}.loading-dots i{background:#fff;border-radius:50%;width:4px;height:4px;margin:0 1.5px;animation:1.2s ease-in-out infinite both loadingDot;display:inline-block}.loading-dots i:first-child{animation-delay:-.32s}.loading-dots i:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.loading-progress-track{background:#fff3;border-radius:2px;width:100%;height:4px;overflow:hidden}.loading-progress-bar{background:linear-gradient(90deg,#ffd76b 0%,#ff9f5b 100%);border-radius:2px;width:0%;height:100%;transition:width .3s ease-out;box-shadow:0 0 8px #ffb45080}.loading-percent{opacity:.7;font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}#compass{z-index:100;-webkit-user-select:none;user-select:none;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.compass-ring{background:#0009;border:2px solid #ffffff4d;border-radius:50%;width:80px;height:80px;position:relative}.compass-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:12px;font-weight:700;transition:background .2s;position:absolute}.compass-btn:hover{background:#fff3}.compass-n{color:#f66;top:2px;left:50%;transform:translate(-50%)}.compass-s{bottom:2px;left:50%;transform:translate(-50%)}.compass-e{top:50%;right:2px;transform:translateY(-50%)}.compass-w{top:50%;left:2px;transform:translateY(-50%)}.compass-center{background:#ffffff80;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-needle{transform-origin:50%;pointer-events:none;background:linear-gradient(#f44 50%,#fff 50%);width:2px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#building-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;-webkit-user-select:none;user-select:none;background:#000000bf;border-top:1px solid #ffffff26;flex-direction:column;height:115px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolbar-tabs{border-bottom:1px solid #ffffff1a;flex-direction:row;flex-shrink:0;gap:4px;padding:4px 8px;display:flex}.toolbar-tab{color:#aaa;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:11px;transition:background .2s}.toolbar-tab:hover{color:#fff;background:#fff3}.toolbar-tab.active{color:#fff;background:#6496ff66;border-color:#6496ff99}.toolbar-content{flex:1;align-items:center;min-height:0;display:flex}.toolbar-buildings{flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex;overflow:auto hidden}.toolbar-buildings::-webkit-scrollbar{height:4px}.toolbar-buildings::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.toolbar-building{cursor:grab;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;min-width:64px;padding:4px;transition:border-color .2s,background .2s;display:flex}.toolbar-building:hover{background:#ffffff1a;border-color:#ffffff4d}.toolbar-building.selected{background:#64c86433;border-color:#64c86499}.building-thumb{background-color:#ffffff1a;background-position:50% 60%;background-size:cover;border:1px solid #ffffff26;border-radius:4px;width:48px;height:48px}.building-label{color:#ccc;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:64px;margin-top:2px;font-family:sans-serif;font-size:10px;overflow:hidden}.toolbar-actions{border-left:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:4px 8px;display:flex}.toolbar-action-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:36px;height:28px;font-size:16px;transition:background .2s;display:flex}.toolbar-action-btn:hover{background:#fff3}.toolbar-action-btn.delete-btn{border-color:#ff64644d}.toolbar-action-btn.delete-btn:hover{background:#ff64644d}#drag-indicator{color:#fff;pointer-events:none;z-index:9999;background:#64c864e6;border-radius:4px;padding:6px 12px;font:700 12px sans-serif;position:fixed;box-shadow:0 2px 8px #0000004d}#version-badge{z-index:150;color:#ffffffb8;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;border-radius:10px;padding:4px 9px;font:11px/1 -apple-system,Segoe UI,sans-serif;text-decoration:none;transition:color .15s,background .15s;position:fixed;bottom:8px;right:10px}#version-badge:hover{color:#fff;background:#0000008c}.loading-version{color:#ffffff8c;letter-spacing:.4px;margin-top:10px;font:10px/1 -apple-system,Segoe UI,sans-serif}.town-controls-title{justify-content:space-between;align-items:center;display:flex}.town-controls-collapse{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;opacity:.7;background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:14px;font-weight:700;line-height:1}.town-controls-collapse:hover{opacity:1;background:#ffffff1f}#town-controls.collapsed{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex}#town-controls.collapsed>:not(.town-controls-title){display:none}#town-controls.collapsed .town-controls-title{justify-content:center;width:100%;height:100%;margin:0}#town-controls.collapsed .town-controls-title-text{display:none}#town-controls.collapsed .town-controls-collapse{opacity:.9;font-size:18px}