:root{--bg-primary: #f8f4e8;--bg-secondary: #e8e0d0;--text-primary: #333333;--text-secondary: #8b7355;--accent: #E42313;--border: #8b7355}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Courier New,Courier,monospace;background-color:var(--bg-primary);color:var(--text-primary)}#app{width:100%;height:100%;display:flex;flex-direction:column}.btn{font-family:Courier New,Courier,monospace;font-size:12px;padding:8px 16px;background:var(--bg-secondary);border:2px solid var(--border);cursor:pointer;transition:all .1s;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--border);color:var(--bg-primary)}.btn:active{transform:translate(1px,1px)}.btn-primary{background:var(--accent);color:#fff;border-color:#b51d10}.btn-primary:hover{background:#b51d10}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:3px solid var(--border);z-index:100}.header h1{font-size:16px;text-transform:uppercase;letter-spacing:2px}.header-nav{display:flex;gap:8px}.map-container{flex:1;position:relative}.map{width:100%;height:100%}.sidebar{position:absolute;top:10px;left:10px;width:280px;max-height:calc(100% - 20px);background:var(--bg-primary);border:3px solid var(--border);overflow:hidden;display:flex;flex-direction:column;z-index:10}.sidebar-header{padding:12px;background:var(--bg-secondary);border-bottom:2px solid var(--border)}.sidebar-header h2{font-size:14px;text-transform:uppercase;letter-spacing:1px}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.comuna-list{list-style:none}.comuna-item{padding:8px 12px;margin-bottom:4px;cursor:pointer;border:1px solid transparent;transition:all .1s}.comuna-item:hover{background:var(--bg-secondary);border-color:var(--border)}.comuna-item.active{background:var(--border);color:var(--bg-primary)}.comuna-name{font-weight:700;font-size:12px}.legend{position:absolute;bottom:20px;right:20px;background:var(--bg-primary);border:3px solid var(--border);padding:12px;z-index:10}.legend h3{font-size:12px;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11px}.legend-color{width:20px;height:4px}.legend-circle{width:12px;height:12px;border-radius:50%;border:2px solid}.loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f8f4e8e6;z-index:1000}.loading-text{font-size:14px;text-transform:uppercase;letter-spacing:2px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 600px){.sidebar{width:100%;max-height:40%;top:auto;bottom:0;left:0;border-left:none;border-right:none;border-bottom:none}.legend{display:none}}