*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#06080d;--bg-primary:#0a0d14;--bg-surface:#0f1219;--bg-elevated:#141820;--bg-hover:#1a1f2a;--border-dim:#1a1f2a;--border-base:#21262d;--border-glow:#00ffc830;--text-primary:#e0e6ed;--text-secondary:#6b7b8d;--text-muted:#3d4654;--accent-cyan:#00ffc8;--accent-blue:#00b3ff;--accent-purple:#b347ff;--accent-pink:#ff006e;--accent-green:#39ff14;--font-display:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace;--toolbar-h:52px;--statusbar-h:28px}html,body{background:var(--bg-deep);height:100%;color:var(--text-primary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{height:var(--toolbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border-base);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.toolbar-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.logo{font-family:var(--font-display);letter-spacing:3px;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:900}.logo-accent{background:linear-gradient(90deg, var(--accent-purple), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:12px}.subtitle{color:var(--text-muted);letter-spacing:2px;white-space:nowrap;font-size:10px}.toolbar-center{align-items:center;gap:4px;display:flex}.toolbar-divider{background:var(--border-base);width:1px;height:24px;margin:0 8px}.tool-btn{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:all .15s;display:flex}.tool-btn svg{flex-shrink:0}.tool-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-dim)}.tool-btn.active{color:var(--accent-cyan);border-color:var(--border-glow);background:#00ffc814}.tool-btn.active:hover{background:#00ffc824}.toolbar-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.zoom-display{font-family:var(--font-mono);color:var(--accent-cyan);background:var(--bg-primary);border:1px solid var(--border-glow);text-align:center;border-radius:4px;min-width:56px;padding:4px 10px;font-size:12px}.coord-display{font-family:var(--font-mono);color:var(--text-muted);min-width:100px;font-size:11px}.canvas-area{cursor:grab;background:radial-gradient(circle at 50% 50%, #0c101a 0%, var(--bg-deep) 100%);flex:1;position:relative;overflow:hidden}.canvas-area.dragging{cursor:grabbing}#worldCanvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}.minimap-container{bottom:calc(var(--statusbar-h) + 12px);background:var(--bg-surface);border:1px solid var(--border-base);z-index:50;border-radius:6px;width:200px;height:150px;transition:opacity .2s;position:absolute;right:12px;overflow:hidden;box-shadow:0 4px 24px #0009}.minimap-container:hover{border-color:var(--accent-cyan);box-shadow:0 4px 24px #00ffc81a}.minimap-container canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.minimap-viewport{border:1.5px solid var(--accent-cyan);pointer-events:none;background:#00ffc80f;transition:all 50ms linear;position:absolute}.minimap-label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-muted);pointer-events:none;font-size:8px;position:absolute;top:4px;left:6px}.tooltip{background:var(--bg-elevated);color:var(--accent-cyan);border:1px solid var(--border-glow);font-size:12px;font-family:var(--font-mono);pointer-events:none;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;max-width:260px;padding:8px 14px;line-height:1.5;display:none;position:fixed;box-shadow:0 4px 16px #00000080,0 0 12px #00ffc80f}.tooltip .tt-coords{color:var(--text-muted);font-size:10px}.tooltip .tt-name{color:var(--accent-cyan);font-weight:700}.tooltip .tt-zone{color:var(--accent-purple);margin-top:2px;font-size:10px}.statusbar{height:var(--statusbar-h);background:var(--bg-surface);border-top:1px solid var(--border-base);color:var(--text-muted);z-index:100;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.status-divider{color:var(--border-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toolbar{animation:.3s fadeIn}@media (width<=768px){.subtitle,.toolbar-right,.status-divider,#status-block{display:none}.toolbar{justify-content:center}.toolbar-center{bottom:var(--statusbar-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-glow);z-index:200;background:#0f1219f2;flex-wrap:nowrap;justify-content:space-evenly;padding:10px;position:fixed;left:0;right:0;overflow-x:auto;box-shadow:0 -4px 20px #00ffc80d}.tool-btn{flex-direction:column;flex:1;gap:4px;padding:6px;font-size:9px}.tool-btn svg{width:18px;height:18px}.toolbar-divider{width:1px;height:30px;margin:0 4px}.statusbar{justify-content:center;padding:0 8px;font-size:10px}.minimap-container{bottom:calc(var(--statusbar-h) + 65px + 12px);width:140px;height:105px}}