/* Copyright (C) 2026 Valerie <valerie@ouppy.gay> */
/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU Affero General Public License as published by */
/* the Free Software Foundation, under version 3 of the License only. */

/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */
/* GNU Affero General Public License for more details. */

/* You should have received a copy of the GNU Affero General Public License */
/* along with this program.  If not, see <https://www.gnu.org/licenses/>. */

body {
    background-color: beige;
}

main {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 5%;
    padding: 5%;
    align-items: start;
}

#game-area {
    text-align: center;
}

.shop-item,
.stat-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
}

.shop-item h3,
.stat-item h3 {
    margin: 0 0 4px 0;
    font-size: 1em;
}

.shop-item p {
    margin: 0;
    font-size: 0.7em;
    opacity: 0.8;
}

.stat-item p {
    margin: 0;
    opacity: 0.8;
}

button {
    background-color: bisque;
    border: 2px solid rgb(155, 77, 0);
    border-radius: 4px;
    color: rgb(92, 46, 0);
    padding: 8px 12px;
    cursor: pointer;
    font-weight: bold;
}

button:hover {
    filter: brightness(0.9);
}

#game-area button {
    margin: 1em;
}