html,body{background:#000;height:100%;margin:0;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#app canvas{image-rendering:pixelated;display:block}#hud{color:#d9d9d0;text-shadow:1px 1px #000;pointer-events:none;-webkit-user-select:none;user-select:none;font:12px monospace;position:fixed;bottom:8px;left:8px}.hud-bar{color:#d9d9d0;z-index:10;background:#2b2b28;border-bottom:2px solid #14141277;align-items:center;gap:8px;padding:6px 10px;font:12px monospace;display:flex;position:fixed;top:0;left:0;right:0}.hud-title{letter-spacing:2px;color:#f2d33d;font-weight:700}.hud-input{color:#d9d9d0;background:#1c1c1a;border:1px solid #5a5a52;width:220px;padding:3px 6px;font:12px monospace}.hud-btn{color:#1c1c1a;cursor:pointer;background:#7a7a74;border:1px solid #14141277;padding:3px 10px;font:700 12px monospace}.hud-btn:hover{background:#b8b3a0}.hud-btn-quiet{color:#b8b3a0;background:0 0;border-color:#5a5a52}.hud-btn-found{background:#f2d33d}.hud-population{color:#f2d33d;white-space:nowrap;margin-left:auto}.hud-status{color:#b8b3a0;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;overflow:hidden}.hud-status-error{color:#e88a7a}.hud-tray{color:#d9d9d0;z-index:10;background:#232320;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font:12px monospace;display:flex;position:fixed;top:34px;left:0;right:0}.hud-chip{background:#3a3a35;border:1px solid #5a5a52;align-items:center;gap:6px;padding:2px 6px;display:inline-flex}.hud-chip-name{color:#f2d33d}.hud-chip-meta{color:#b8b3a0}.hud-chip-x{color:#e88a7a;cursor:pointer;background:0 0;border:none;font:700 13px monospace}.hud-privacy{color:#8f8f85;width:100%;font-size:11px}.query-panel{z-index:15;align-items:flex-start;width:240px;font:12px monospace;transition:transform .15s ease-out;display:flex;position:fixed;top:72px;bottom:48px;right:0}.query-panel.query-collapsed{transform:translate(240px)}.query-tab{color:#2b2b28;cursor:pointer;background:#b8b3a0;border:2px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;padding:4px 6px;font:700 11px monospace;position:absolute;top:8px;left:-58px}.query-chrome{color:#2b2b28;background:#b8b3a0;border:2px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;width:100%;max-height:100%;overflow-y:auto}.query-header{background:#a8a390;border-bottom:1px solid #5a5648;align-items:center;gap:4px;padding:4px 6px;display:flex}.query-title{letter-spacing:1px;flex:1;font-weight:700}.query-pin,.query-close{cursor:pointer;background:#c9c4b4;border:1px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;width:22px;height:20px;padding:0;font:11px monospace}.query-pin-active{background:#f2d33d}.query-content{padding:6px 8px}.query-row{justify-content:space-between;gap:6px;padding:1px 0;display:flex}.query-label{color:#5a5648}.query-value{text-align:right;overflow-wrap:anywhere}.query-subhead{border-bottom:1px solid #5a5648;margin-top:8px;padding-bottom:2px;font-weight:700}.query-item{overflow-wrap:anywhere;padding:1px 0}.query-note{overflow-wrap:anywhere;margin-top:8px}.query-note-dim{color:#5a5648;font-size:11px}.query-link{color:#2a4fd6;margin-top:6px;display:inline-block}.query-panel button:focus-visible,.query-link:focus-visible{outline-offset:1px;outline:2px solid #f2d33d}.speed-bar{z-index:15;gap:4px;display:flex;position:fixed;bottom:28px;left:8px}.speed-btn{cursor:pointer;background:#b8b3a0;border:2px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;width:30px;height:26px;padding:0;font:13px monospace}.speed-btn-active{background:#f2d33d}.speed-btn:focus-visible{outline-offset:1px;outline:2px solid #2a4fd6}.hud-drop-overlay{color:#fff;text-shadow:2px 2px #14141277;z-index:20;pointer-events:none;background:#2a4fd688;justify-content:center;align-items:center;font:700 28px monospace;display:flex;position:fixed;inset:0}.edit-badge{color:#2b2b28;letter-spacing:1px;z-index:25;pointer-events:none;background:#f2a53d;border:2px solid #7a5215;border-color:#ffd9a0 #7a5215 #7a5215 #ffd9a0;padding:4px 10px;font:700 12px monospace;display:none;position:fixed;top:44px;left:50%;transform:translate(-50%)}.edit-frame{z-index:24;pointer-events:none;border:3px solid #f2a53d;display:none;position:fixed;inset:0}.hud-btn-edit-active{background:#f2a53d;font-weight:700}.edit-panel{color:#2b2b28;z-index:15;background:#b8b3a0;border:2px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;width:220px;font:12px monospace;display:none;position:fixed;top:72px;bottom:88px;left:0;overflow-y:auto}.edit-item{text-align:left;cursor:pointer;background:#c9c4b4;border:1px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;align-items:center;gap:6px;width:100%;margin:2px 0;padding:3px 6px;font:11px monospace;display:flex}.edit-item-active{background:#f2d33d;font-weight:700}.edit-chip{border:1px solid #5a5648;flex:none;width:10px;height:10px}.edit-chip-parks{background:#4c9c46}.edit-chip-civic{background:#4c6cd0}.edit-chip-commerce{background:#c9b03a}.edit-chip-industry{background:#a05a32}.edit-chip-infra{background:#7a7a7a}.edit-chip-residential{background:#b0623e}.edit-chip-homes{background:#8a5aa0}.edit-item-name{overflow-wrap:anywhere}.edit-selection{margin-top:8px}.edit-delete{color:#fff;background:#d04030;margin-top:6px}.edit-move{color:#fff;background:#4c6cd0;margin-top:6px;margin-right:6px}.home-screen{z-index:40;color:#e8e4d4;background:linear-gradient(#10141bd8 0%,#10141b55 26%,#10141b33 55%,#10141bee 100%);justify-content:center;align-items:center;font:14px monospace;display:flex;position:fixed;inset:0}.home-about-btn{position:absolute;top:12px;right:12px}.home-center{text-align:center}.home-title{margin:0;line-height:0;animation:3.2s ease-in-out infinite home-bob}.home-title-px{width:min(500px,72vw);image-rendering:pixelated;filter:drop-shadow(0 0 14px #fff4)}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.home-sub{color:#b8b3a0;letter-spacing:2px;margin:6px 0 36px}.home-play{color:#2b2b28;letter-spacing:3px;cursor:pointer;background:#f2d33d;border:3px solid #7a6a15;border-color:#fff0a8 #7a6a15 #7a6a15 #fff0a8;padding:14px 44px;font:700 22px monospace;animation:1.8s ease-in-out infinite home-pulse}@keyframes home-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f2d33d44}50%{transform:scale(1.045);box-shadow:0 0 18px 4px #f2d33d33}}.home-play:hover{background:#ffe45a;animation-play-state:paused;transform:scale(1.045)}.home-sub{text-shadow:1px 1px #141412,-1px -1px #141412,1px -1px #141412,-1px 1px #141412}.home-mode-desc,.home-mode-name{text-shadow:none}@media (prefers-reduced-motion:reduce){.home-title,.home-play{animation:none}}.home-mode-row{justify-content:center;gap:20px;display:flex}.home-mode-btn{color:#2b2b28;cursor:pointer;background:#b8b3a0;border:3px solid #5a5648;border-color:#e8e4d4 #5a5648 #5a5648 #e8e4d4;width:240px;padding:18px 14px;font:12px monospace}.home-mode-btn:hover{background:#c9c4b4}.home-mode-name{letter-spacing:1px;margin-bottom:6px;font:700 15px monospace}.home-mode-desc{color:#5a5648}.home-back{margin-top:18px}.home-about-panel{background:#14141288;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.home-about-chrome{width:min(440px,90vw);max-height:80vh;font:12px monospace}.home-screen button:focus-visible{outline-offset:2px;outline:3px solid #f2d33d}body.home-active .hud-bar,body.home-active .query-panel,body.home-active .speed-bar,body.home-active #hud{display:none}