#hz-shop {
    position: fixed;
    inset: 0;
    z-index: 81000;
    display: none;
    flex-direction: column;
    overflow: hidden;
    color: #9affb5;
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(24, 95, 46, 0.2),
            transparent 58%
        ),
        #000;
    font-family:
        "Courier New",
        monospace;
}

#hz-shop.open {
    display: flex;
}

.hz-shop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 17px;
    border-bottom:
        1px solid rgba(89, 255, 135, 0.3);
}

.hz-shop-header strong {
    letter-spacing: 4px;
}

.hz-shop-close {
    padding: 9px 14px;
    border: 1px solid #48bd6b;
    color: #9affb5;
    background: transparent;
}

.hz-shop-balance {
    padding: 14px 17px;
    border-bottom:
        1px solid rgba(89, 255, 135, 0.18);
    color: #d8c28b;
    letter-spacing: 2px;
}

.hz-shop-warning {
    padding: 10px 17px;
    color: rgba(255, 211, 105, 0.7);
    font-size: 10px;
    letter-spacing: 1px;
}

.hz-shop-list {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px 35px;
}

.hz-shop-card {
    margin-bottom: 13px;
    padding: 15px;
    border:
        1px solid rgba(76, 203, 109, 0.27);
    background:
        rgba(2, 14, 7, 0.86);
}

.hz-shop-card.active {
    border-color: #83ffa5;
    box-shadow:
        0 0 18px rgba(90, 255, 135, 0.09);
}

.hz-shop-card.locked {
    opacity: 0.5;
}

.hz-shop-card h3 {
    margin: 0 0 8px;
    color: #d8c28b;
    letter-spacing: 2px;
}

.hz-shop-card p {
    margin: 5px 0;
    color: #779180;
    font-size: 12px;
    line-height: 1.5;
}

.hz-shop-price {
    color: #9affb5 !important;
}

.hz-shop-action {
    width: 100%;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid #48bd6b;
    color: #aaffbd;
    background: #071a0d;
    font-family:
        "Courier New",
        monospace;
    letter-spacing: 2px;
}

.hz-shop-action:disabled {
    opacity: 0.38;
}