*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lora,serif;height:100vh;display:flex;background-color:#0f1115;color:#e0e0e0}.container{display:flex;width:100%;height:100%}.sidebar{width:380px;background-color:#181c22;padding:20px;display:flex;flex-direction:column;gap:15px;border-right:2px solid #a4864c;overflow-y:auto}.sidebar h2{font-family:Cinzel,serif;color:#d4af37;font-size:1.5rem;padding-bottom:4px}.tile-subtitle{font-family:Cinzel,serif;color:#a4864c;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;min-height:1.2em;border-bottom:1px solid #a4864c;padding-bottom:10px}#tileInfo{display:flex;flex-direction:column;gap:15px}.section-header{font-family:Cinzel,serif;color:#a4864c;font-size:1.1rem;border-bottom:1px solid #444;padding-bottom:5px;margin-bottom:10px;letter-spacing:1px}.feature-list{list-style:none;padding-left:5px}.feature-list li{margin-bottom:5px;font-size:.95rem}.resource-table{width:100%;border-collapse:collapse}.resource-table th{font-family:Cinzel,serif;font-size:.75rem;text-align:left;color:#888;border-bottom:1px solid #444;padding:5px}.resource-table td{padding:8px 5px;font-size:.9rem;border-bottom:1px solid #2a2f38}.res-type{color:#888;font-size:.8rem}.ql-bar{background-color:#2a2f38;color:#e0e0e0;padding:2px 6px;border-radius:3px;border-left:3px solid #5c8a47;font-family:monospace;font-size:.85rem}.filter-group{background-color:#111418;padding:15px;border:1px solid #333;border-radius:4px}.filter-group label{font-family:Cinzel,serif;color:#a4864c;font-size:.9rem}select{width:100%;padding:8px;margin-top:8px;background-color:#181c22;color:#e0e0e0;border:1px solid #a4864c;font-family:Lora,serif}#map{flex-grow:1;background-color:#08090a}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:2px solid #a4864c}#map{min-height:0}}.city-label-container{pointer-events:none;overflow:visible!important}.city-label-wrapper{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.city-label-wrapper span{background-color:rgba(15,17,21,.85);color:#d4af37;padding:4px 8px;border:1px solid #a4864c;border-radius:2px;font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;white-space:nowrap}.resource-marker{background-color:rgba(212,175,55,.4);border:2px solid #d4af37;border-radius:50%;box-shadow:0 0 12px #d4af37}