/* === Global Reset === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* === Global Dark Theme === */
html, body {
    height: 100%;
    background: #0d0d0d;
    color: #e5e5e5;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* === Links === */
a {
    color: #4da3ff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* === Scrollbar (dark mode) === */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #111;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444;
}

/* === Utility Classes === */
.fullscreen {
    width: 100%;
    height: 100%;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* === Maps === */
.map-list {
    list-style: none;
    padding: 0;
}

.map-list li {
    padding: 12px;
    margin: 8px 0;
    background: #f5f5f5;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.map-list li:hover {
    background: #e8e8e8;
}

.created {
    font-size: 0.8rem;
    color: #666;
}