.aquarium-season {
    position: relative;
    margin-bottom: 14px;
    padding: 14px clamp(16px, 4vw, 20px);
    border: 1px solid var(--gray-900);
    border-radius: 20px;
    background: var(--blue-100);
    box-shadow: inset 0 0 0 4px #fff;
    color: var(--gray-900);
}

.aquarium-season::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid var(--blue-500);
    border-radius: 14px;
    pointer-events: none;
}

.aquarium-season__head,
.aquarium-season__body,
.aquarium-season__summary {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.aquarium-season__head,
.aquarium-season__body {
    justify-content: space-between;
}

.aquarium-season__head {
    margin-bottom: 7px;
}

.aquarium-season__live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--blue-500);
    font-size: 11px;
    font-weight: 700;
}

.aquarium-season__live i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--blue-400);
}

.aquarium-season__end {
    color: var(--gray-600);
    font-size: 10px;
    font-weight: 600;
}

.aquarium-season__title {
    min-width: 0;
    overflow: hidden;
    color: var(--gray-900);
    font-size: clamp(13px, 3.7vw, 16px);
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aquarium-season__summary {
    flex: 0 0 auto;
    gap: 7px;
    margin-left: 10px;
}

.aquarium-season__dday {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 22px;
    padding: 0 8px;
    border: 1px solid var(--blue-600);
    border-radius: 100px;
    background: var(--blue-400);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.aquarium-season__timer {
    margin: 0;
    color: var(--blue-500);
    font-size: clamp(11px, 3.1vw, 13px);
    font-weight: 500;
    white-space: nowrap;
}

.aquarium-season__timer strong {
    color: var(--blue-600);
    font-weight: 700;
}

.aquarium-season.is-ended .aquarium-season__live i {
    background: var(--gray-500);
}

@media (max-width: 359px) {
    .aquarium-season {
        padding-inline: 14px;
    }

    .aquarium-season__summary {
        gap: 6px;
        margin-left: 6px;
    }
}