html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* ---------- Kartta ---------- */

.map-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.map-svg {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #ccc;
    touch-action: none; /* sormi liikuttaa karttaa, ei sivua */
}

svg {
    display: block;
}

.objekti.tie {
    fill: none;
    stroke: #d9d9d9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.objekti.rakennus {
    fill: #555;
    stroke: #333;
    stroke-width: 15;
}

.place {
    stroke: #333;
    stroke-width: 15;
    fill: #4caf50;
    fill-opacity: 0.75;
    cursor: pointer;
}

.paikka-numero {
    font: bold 450px Arial, sans-serif;
    text-anchor: middle;
    dominant-baseline: central;
    fill: #000;
    pointer-events: none;
}

.place.vapaa {
    fill: #4caf50;
    cursor: pointer;
}

.place.osittain {
    fill: #f2c14e;
    cursor: not-allowed;
}

.place.varattu {
    fill: #bdbdbd;
    cursor: not-allowed;
}

.place.selected {
    fill: #ff9800;
}
/* pidä viimeisenä */