:root {
    --event-bg: #020a12;
    --event-panel: #071522;
    --event-panel-soft: #0a1c2b;
    --event-line: rgba(62, 169, 232, .22);
    --event-text: #eaf5ff;
    --event-muted: #91a8bc;
    --event-cyan: #19c5ff;
}

.store-events-body {
    background: #020811;
}

.store-events-body .page-shell {
    overflow: clip;
}

.store-events-main {
    position: relative;
    min-height: 720px;
    padding: 24px 0 70px;
    color: var(--event-text);
    background:
        radial-gradient(circle at 10% 12%, rgba(0, 154, 255, .11), transparent 30%),
        radial-gradient(circle at 87% 4%, rgba(84, 48, 180, .09), transparent 25%),
        linear-gradient(180deg, #020a12 0%, #03101b 54%, #020811 100%);
}

.store-events-main::before {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(69, 172, 230, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69, 172, 230, .08) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000, transparent 75%);
}

.store-events-container {
    position: relative;
    z-index: 1;
    width: min(1460px, calc(100% - 30px));
    max-width: none;
}

.store-events-app {
    min-height: 520px;
}

.store-events-loading,
.store-events-error {
    min-height: 480px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
}

.store-events-loading[hidden],
.store-events-error[hidden],
[data-events-content][hidden] {
    display: none !important;
}

.store-events-loading__mark {
    position: relative;
    width: 66px;
    height: 66px;
    margin-bottom: 10px;
    border: 2px solid rgba(25, 197, 255, .2);
    border-top-color: var(--event-cyan);
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(25, 197, 255, .2);
    animation: store-event-spin .9s linear infinite;
}

.store-events-loading__mark::after {
    position: absolute;
    inset: 13px;
    content: "";
    border: 1px solid rgba(124, 218, 255, .3);
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: store-event-spin .7s linear infinite reverse;
}

.store-events-loading strong {
    color: #f3f9ff;
    font-size: 22px;
}

.store-events-loading p,
.store-events-error p {
    margin: 0;
    color: var(--event-muted);
}

.store-events-error > span {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(255, 105, 123, .28);
    border-radius: 20px;
    color: #ff7688;
    background: rgba(255, 76, 99, .08);
    font-size: 30px;
}

.store-events-error h1 {
    margin: 8px 0 0;
    font-size: 25px;
}

.store-events-error button {
    min-width: 130px;
    margin-top: 12px;
    padding: 11px 18px;
    border: 1px solid rgba(25, 197, 255, .5);
    border-radius: 9px;
    color: #dff7ff;
    background: rgba(25, 197, 255, .1);
}

.store-event-page {
    display: grid;
    gap: 18px;
}

.store-event-panel {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid var(--event-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 65% 0%, rgba(0, 145, 230, .08), transparent 34%),
        linear-gradient(180deg, rgba(6, 22, 35, .98), rgba(3, 14, 24, .98));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 22px 60px rgba(0, 0, 0, .22);
}

.store-event-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.store-event-heading__title {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.store-event-heading__icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(25, 197, 255, .35);
    border-radius: 12px;
    color: var(--event-cyan);
    background: rgba(25, 197, 255, .08);
    box-shadow: 0 0 24px rgba(25, 197, 255, .1);
    font-size: 20px;
}

.store-event-heading h1,
.store-event-heading h2 {
    margin: 0;
    color: #edf7ff;
    font-size: clamp(21px, 2vw, 29px);
    font-weight: 800;
    letter-spacing: -.02em;
}

.store-event-heading p {
    margin: 5px 0 0;
    color: var(--event-muted);
    font-size: 14px;
}

.store-event-link-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(25, 197, 255, .24);
    border-radius: 10px;
    color: #51d5ff;
    background: rgba(25, 197, 255, .06);
    white-space: nowrap;
}

.store-event-link-button:hover {
    color: #b8efff;
    border-color: rgba(25, 197, 255, .55);
}

.store-event-featured-grid {
    display: grid;
    grid-template-columns: minmax(310px, .78fr) minmax(0, 2.65fr);
    gap: 16px;
}

.store-event-hero {
    position: relative;
    min-height: 372px;
    overflow: hidden;
    border: 1px solid rgba(54, 128, 237, .26);
    border-radius: 14px;
    background-color: #06152a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 75px rgba(0, 126, 255, .11), 0 18px 40px rgba(0, 5, 18, .28);
}

.store-event-hero::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg, rgba(2, 10, 27, .03), transparent 48%, rgba(1, 7, 19, .64));
}

.store-event-hero__copy {
    position: relative;
    z-index: 1;
    padding: 27px 20px 0;
    text-align: center;
}

.store-event-hero__copy span {
    display: block;
    color: #eff9ff;
    font-size: clamp(30px, 3.1vw, 48px);
    font-style: italic;
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .92;
    text-shadow: 0 3px 0 #2e72bb, 0 10px 24px rgba(0, 124, 255, .58);
}

.store-event-hero__copy strong {
    display: block;
    margin-top: 12px;
    color: #86d8ff;
    font-size: clamp(15px, 1.3vw, 21px);
    line-height: 1.15;
    text-shadow: 0 2px 13px rgba(0, 130, 255, .45);
}

.store-event-hero__countdown {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 18px;
    left: 18px;
}

.store-event-hero__countdown > small,
.store-event-cycle > small {
    display: block;
    margin-bottom: 7px;
    color: #aec8df;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
}

.store-event-countdown {
    display: flex;
    align-items: center;
    gap: 5px;
}

.store-event-countdown span {
    min-width: 48px;
    padding: 8px 6px;
    border: 1px solid rgba(87, 156, 230, .16);
    border-radius: 8px;
    background: rgba(6, 21, 49, .86);
    text-align: center;
    backdrop-filter: blur(8px);
}

.store-event-countdown b,
.store-event-countdown small {
    display: block;
}

.store-event-countdown b {
    color: #f1f8ff;
    font-size: 18px;
}

.store-event-countdown small {
    color: #7898b7;
    font-size: 8px;
    text-transform: uppercase;
}

.store-event-countdown em {
    color: #81cfff;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
}

.store-event-countdown--empty {
    color: #ccecff;
    font-weight: 700;
}

.store-event-chests {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
    min-width: 0;
}

.store-event-chest {
    --tier: #c7d7e8;
    --tier-rgb: 199, 215, 232;
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-rows: auto 158px minmax(70px, 1fr) auto;
    justify-items: center;
    padding: 17px 10px 14px;
    overflow: hidden;
    border: 1px solid rgba(var(--tier-rgb), .34);
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 50% 34%, rgba(var(--tier-rgb), .18), transparent 36%),
        linear-gradient(180deg, rgba(11, 27, 40, .96), rgba(4, 15, 24, .98));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 14px 30px rgba(0, 0, 0, .14);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.store-event-chest:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--tier-rgb), .7);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .25), 0 0 24px rgba(var(--tier-rgb), .1);
}

.store-event-chest.is-disabled {
    filter: saturate(.65);
}

.store-event-chest h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--tier);
    font-size: clamp(14px, 1.1vw, 18px);
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.store-event-chest__art {
    position: relative;
    width: 100%;
    height: 158px;
    display: grid;
    place-items: center;
}

.store-event-chest__art::before {
    position: absolute;
    right: 12%;
    bottom: 19px;
    left: 12%;
    height: 37px;
    content: "";
    border-radius: 50%;
    opacity: .7;
    background: radial-gradient(ellipse, rgba(var(--tier-rgb), .58), rgba(var(--tier-rgb), .13) 50%, transparent 75%);
    filter: blur(13px);
}

.store-event-chest__art img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 152px;
    object-fit: contain;
    filter: drop-shadow(0 15px 12px rgba(0, 0, 0, .6)) drop-shadow(0 0 12px rgba(var(--tier-rgb), .25));
    transition: transform .24s ease;
}

.store-event-image-placeholder,
.has-image-error::after {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: rgba(116, 183, 222, .42);
    font-size: 29px;
}

.has-image-error::after {
    content: "\F2DB";
    font-family: "bootstrap-icons";
}

.store-event-chest:hover .store-event-chest__art img {
    transform: translateY(-5px) scale(1.035);
}

.store-event-chest p {
    align-self: center;
    min-height: 66px;
    margin: 3px 0 11px;
    display: grid;
    place-items: center;
    color: #d2dce6;
    font-size: 12px;
    line-height: 1.55;
    text-align: center;
}

.store-event-chest__button {
    width: min(145px, 92%);
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid rgba(var(--tier-rgb), .66);
    border-radius: 9px;
    color: var(--tier);
    background: rgba(4, 16, 25, .8);
    font-size: 14px;
    font-weight: 900;
}

.store-event-chest__button:hover:not(:disabled) {
    background: rgba(var(--tier-rgb), .13);
    box-shadow: 0 0 19px rgba(var(--tier-rgb), .17);
}

.store-event-chest__button:disabled,
.store-event-night-card button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.tier-rare {
    --tier: #00ccff;
    --tier-rgb: 0, 204, 255;
}

.tier-premium {
    --tier: #e15cff;
    --tier-rgb: 225, 92, 255;
}

.tier-elite {
    --tier: #ffca28;
    --tier-rgb: 255, 202, 40;
}

.tier-ultimate {
    --tier: #ff5259;
    --tier-rgb: 255, 82, 89;
}

.store-event-night-panel {
    padding-top: 20px;
}

.store-event-heading__aside {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 7px;
}

.store-event-cycle {
    text-align: right;
}

.store-event-cycle .store-event-countdown span {
    min-width: 40px;
    padding-block: 5px;
}

.store-event-cycle .store-event-countdown b {
    font-size: 15px;
}

.store-event-night-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 13px;
    perspective: 1000px;
}

.store-event-night-card {
    --deal: #23d8ff;
    --deal-rgb: 35, 216, 255;
    position: relative;
    min-height: 310px;
    display: grid;
    grid-template-rows: auto 61px minmax(74px, 1fr) auto;
    justify-items: center;
    align-items: center;
    overflow: hidden;
    padding: 17px 12px 14px;
    border: 1px solid rgba(var(--deal-rgb), .6);
    border-radius: 13px;
    background:
        repeating-linear-gradient(135deg, transparent 0 31px, rgba(var(--deal-rgb), .028) 31px 33px),
        radial-gradient(circle at 50% 7%, rgba(var(--deal-rgb), .17), transparent 42%),
        linear-gradient(180deg, #071620, #040d16);
    box-shadow: 0 0 17px rgba(var(--deal-rgb), .18), inset 0 0 28px rgba(var(--deal-rgb), .06);
    transform-style: preserve-3d;
    transition: transform .2s ease, box-shadow .2s ease;
}

.store-event-night-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 17px 34px rgba(0, 0, 0, .26), 0 0 22px rgba(var(--deal-rgb), .3);
}

.store-event-night-card::before,
.store-event-night-card::after {
    position: absolute;
    width: 48px;
    height: 8px;
    content: "";
    background: var(--deal);
    box-shadow: 0 0 14px rgba(var(--deal-rgb), .75);
    transform: rotate(-45deg);
}

.store-event-night-card::before {
    top: 8px;
    left: -15px;
}

.store-event-night-card::after {
    right: -15px;
    bottom: 8px;
}

.store-event-night-card.is-highlighted {
    animation: store-event-card-highlight 1.2s ease both;
}

.store-event-night-card__discount {
    color: var(--deal);
    font-size: clamp(22px, 1.7vw, 30px);
    font-weight: 950;
    text-shadow: 0 0 16px rgba(var(--deal-rgb), .45);
}

.store-event-night-card__seal {
    position: relative;
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border: 2px solid var(--deal);
    border-radius: 5px;
    color: var(--deal);
    box-shadow: 0 0 14px rgba(var(--deal-rgb), .26), inset 0 0 9px rgba(var(--deal-rgb), .09);
    transform: rotate(45deg);
}

.store-event-night-card__seal i {
    transform: rotate(-45deg);
}

.store-event-night-card__copy {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    text-align: center;
}

.store-event-night-card__copy strong {
    color: #eff7ff;
    font-size: 13px;
}

.store-event-night-card__copy p {
    min-height: 39px;
    margin: 0;
    color: #b9c6d2;
    font-size: 11px;
    line-height: 1.5;
}

.store-event-night-card__copy small {
    color: #7791a8;
}

.store-event-night-card__button {
    width: 100%;
    min-height: 39px;
    padding: 7px 8px;
    border: 1px solid rgba(var(--deal-rgb), .6);
    border-radius: 8px;
    color: #f4fbff;
    background: linear-gradient(180deg, rgba(var(--deal-rgb), .23), rgba(var(--deal-rgb), .08));
    font-size: 12px;
    font-weight: 850;
}

.store-event-night-card__button:hover:not(:disabled) {
    box-shadow: 0 0 18px rgba(var(--deal-rgb), .2);
}

.store-event-night-card.is-revealed {
    grid-template-rows: auto 87px minmax(104px, 1fr) auto;
}

.store-event-offer-art {
    position: relative;
    width: 100%;
    height: 82px;
    overflow: hidden;
    border: 1px solid rgba(var(--deal-rgb), .2);
    border-radius: 8px;
    background: #0b1723;
}

.store-event-offer-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-event-offer-copy {
    width: 100%;
    text-align: center;
}

.store-event-offer-copy h3 {
    display: -webkit-box;
    min-height: 36px;
    margin: 0 0 7px;
    overflow: hidden;
    color: #eef6ff;
    font-size: 12px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.store-event-offer-price {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.store-event-offer-price span {
    padding: 6px 4px;
    border-radius: 6px;
    color: #849caf;
    background: rgba(255, 255, 255, .035);
    font-size: 9px;
}

.store-event-offer-price del,
.store-event-offer-price strong {
    display: block;
    margin-top: 2px;
    font-size: 11px;
}

.store-event-offer-price strong {
    color: var(--deal);
}

.deal-purple {
    --deal: #d956ff;
    --deal-rgb: 217, 86, 255;
}

.deal-blue {
    --deal: #269eff;
    --deal-rgb: 38, 158, 255;
}

.deal-magenta {
    --deal: #e05bff;
    --deal-rgb: 224, 91, 255;
}

.deal-gold {
    --deal: #ffca28;
    --deal-rgb: 255, 202, 40;
}

.deal-red {
    --deal: #ff505a;
    --deal-rgb: 255, 80, 90;
}

.store-event-empty-panel {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 30px;
    text-align: center;
}

.store-event-empty-panel i {
    color: var(--event-cyan);
    font-size: 32px;
}

.store-event-empty-panel h2 {
    margin: 0;
}

.store-event-empty-panel p {
    margin: 0;
    color: var(--event-muted);
}

.store-event-toast {
    position: fixed;
    z-index: 1200;
    right: 24px;
    bottom: 24px;
    max-width: min(410px, calc(100vw - 32px));
    padding: 13px 17px;
    border: 1px solid rgba(54, 191, 255, .38);
    border-radius: 10px;
    color: #e4f7ff;
    background: rgba(4, 22, 36, .97);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
    animation: store-event-toast-in .24s ease both;
}

.store-event-toast.is-error {
    border-color: rgba(255, 98, 117, .45);
    color: #ffd9df;
}

.store-event-toast[hidden] {
    display: none;
}

.store-event-modal-backdrop {
    position: fixed;
    z-index: 1150;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(0, 6, 13, .82);
    backdrop-filter: blur(11px);
}

.store-event-modal-backdrop[hidden] {
    display: none;
}

body.store-event-modal-open {
    overflow: hidden;
}

.store-event-modal {
    position: relative;
    width: min(510px, 94vw);
    max-height: min(88vh, 920px);
    overflow: auto;
    padding: 30px;
    border: 1px solid rgba(65, 188, 255, .35);
    border-radius: 20px;
    color: #eaf6ff;
    background:
        radial-gradient(circle at 50% 0%, rgba(26, 164, 238, .1), transparent 32%),
        linear-gradient(180deg, #0a1b2a, #06111d);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .62);
    animation: store-event-modal-in .3s cubic-bezier(.2, .82, .24, 1) both;
}

.store-event-modal__close {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 14px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(137, 174, 200, .25);
    border-radius: 10px;
    color: #9eb2c3;
    background: rgba(3, 14, 23, .68);
    font-size: 25px;
    line-height: 1;
}

.store-event-modal__eyebrow {
    color: var(--event-cyan);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .17em;
}

.store-event-payment-modal {
    text-align: center;
}

.store-event-payment-modal h2 {
    margin: 10px 20px 7px;
    font-size: 24px;
}

.store-event-payment-modal > p {
    margin: 0;
    color: var(--event-muted);
    font-size: 13px;
}

.store-event-payment-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 23px;
}

.store-event-payment-options button {
    min-height: 142px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid rgba(55, 184, 255, .26);
    border-radius: 14px;
    color: #eaf7ff;
    background: rgba(12, 34, 51, .85);
}

.store-event-payment-options button:hover {
    border-color: #31c1ff;
    background: rgba(26, 80, 110, .42);
    transform: translateY(-2px);
}

.store-event-payment-options button > span {
    display: grid;
    width: 47px;
    height: 47px;
    margin-bottom: 4px;
    place-items: center;
    border-radius: 13px;
    color: #38caff;
    background: rgba(38, 198, 255, .1);
    font-size: 22px;
}

.store-event-payment-options small {
    color: #8297aa;
}

.store-event-history-modal {
    width: min(1180px, 95vw);
    padding: 0;
}

.store-event-history-header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 23px 26px;
    border-bottom: 1px solid rgba(66, 170, 228, .22);
    background: rgba(7, 22, 35, .97);
    backdrop-filter: blur(12px);
}

.store-event-history-header__icon {
    display: grid;
    width: 60px;
    height: 60px;
    place-items: center;
    border: 1px solid rgba(25, 197, 255, .45);
    border-radius: 17px;
    color: var(--event-cyan);
    background: rgba(25, 197, 255, .09);
    font-size: 26px;
}

.store-event-history-header span {
    color: var(--event-cyan);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .17em;
}

.store-event-history-header h2 {
    margin: 4px 0 2px;
    font-size: 27px;
}

.store-event-history-header p {
    margin: 0;
    color: var(--event-muted);
    font-size: 13px;
}

.store-event-history-header .store-event-modal__close {
    position: static;
}

.store-event-history-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 26px 10px;
}

.store-event-history-summary > div {
    padding: 15px 17px;
    border: 1px solid rgba(65, 159, 211, .18);
    border-radius: 12px;
    background: rgba(7, 27, 41, .75);
}

.store-event-history-summary small,
.store-event-history-summary strong,
.store-event-history-summary span {
    display: block;
}

.store-event-history-summary small {
    color: #718ba0;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .11em;
}

.store-event-history-summary strong {
    margin: 5px 0 1px;
    color: #edf7ff;
    font-size: 22px;
}

.store-event-history-summary span {
    color: #8399ab;
    font-size: 11px;
}

.store-event-history-list {
    display: grid;
    gap: 10px;
    padding: 12px 26px 26px;
}

.store-event-history-item {
    --tier: #c7d7e8;
    --tier-rgb: 199, 215, 232;
    position: relative;
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr) 170px;
    align-items: center;
    gap: 18px;
    min-height: 96px;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid rgba(var(--tier-rgb), .22);
    border-radius: 13px;
    background: rgba(8, 27, 40, .76);
}

.store-event-history-item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    content: "";
    background: var(--tier);
    box-shadow: 0 0 15px rgba(var(--tier-rgb), .7);
}

.store-event-history-item__art {
    width: 128px;
    height: 72px;
    overflow: hidden;
    border-radius: 9px;
    background: #0d1c28;
}

.store-event-history-item__art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-event-history-item__body {
    min-width: 0;
}

.store-event-history-item__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 6px;
}

.store-event-history-item__badges span {
    padding: 4px 8px;
    border-radius: 999px;
    color: var(--tier);
    background: rgba(var(--tier-rgb), .1);
    font-size: 9px;
    font-weight: 850;
}

.store-event-history-item h3 {
    margin: 0;
    overflow: hidden;
    color: #edf6ff;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-event-history-item p {
    margin: 5px 0 0;
    color: #8198aa;
    font-size: 11px;
}

.store-event-history-item__aside {
    display: grid;
    justify-items: end;
    gap: 8px;
    padding-left: 15px;
    border-left: 1px solid rgba(81, 151, 192, .15);
}

.store-event-history-item__aside strong {
    color: #dbeaff;
}

.store-event-history-item__aside button,
.store-event-history-item__aside a {
    min-width: 142px;
    padding: 8px 10px;
    border: 1px solid rgba(var(--tier-rgb), .35);
    border-radius: 8px;
    color: var(--tier);
    background: rgba(var(--tier-rgb), .06);
    font-size: 11px;
    text-align: center;
}

.store-event-history-empty {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 30px;
    text-align: center;
}

.store-event-history-empty i {
    color: #3ccaff;
    font-size: 38px;
}

.store-event-history-empty h3 {
    margin: 4px 0 0;
}

.store-event-history-empty p {
    margin: 0;
    color: var(--event-muted);
}

.store-event-reward-modal {
    width: min(560px, 94vw);
    overflow: visible;
    text-align: center;
}

.store-event-reward-art {
    position: relative;
    width: 100%;
    height: 245px;
    margin: 18px 0 16px;
    overflow: hidden;
    border: 1px solid rgba(40, 188, 255, .25);
    border-radius: 14px;
    background: #0b1723;
    box-shadow: 0 17px 42px rgba(0, 0, 0, .3);
}

.store-event-reward-art::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg, transparent 50%, rgba(0, 7, 14, .55));
}

.store-event-reward-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-event-reward-art > span {
    position: absolute;
    z-index: 2;
    right: 13px;
    bottom: 13px;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(25, 197, 255, .45);
    border-radius: 12px;
    color: #31caff;
    background: rgba(4, 18, 29, .85);
    font-size: 21px;
}

.store-event-reward-modal h2 {
    margin: 0;
    font-size: 24px;
}

.store-event-reward-modal > p {
    margin: 6px 0;
    color: #94aabc;
}

.store-event-reward-meta {
    color: #6fcfff;
    font-size: 11px;
}

.store-event-reward-actions {
    display: grid;
    gap: 9px;
    margin-top: 20px;
}

.store-event-reward-actions button,
.store-event-reward-actions a {
    min-height: 43px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(38, 198, 255, .58);
    border-radius: 9px;
    color: #dff7ff;
    background: rgba(38, 198, 255, .11);
    font-weight: 850;
}

.store-event-reward-actions a {
    border-color: rgba(129, 161, 185, .25);
    color: #b4c7d6;
    background: rgba(255, 255, 255, .025);
}

.store-event-lucky {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 20px;
    color: #edf9ff;
    background:
        radial-gradient(circle at 50% 45%, rgba(0, 166, 255, .2), transparent 34%),
        rgba(0, 5, 12, .94);
    backdrop-filter: blur(13px);
}

.store-event-lucky[hidden] {
    display: none;
}

.store-event-lucky__particles,
.store-event-lucky__particles::before,
.store-event-lucky__particles::after {
    position: absolute;
    inset: -20%;
    content: "";
    opacity: .48;
    background-image:
        radial-gradient(circle, #2bd4ff 0 2px, transparent 3px),
        radial-gradient(circle, #9b63ff 0 1px, transparent 2px),
        radial-gradient(circle, #fff 0 1px, transparent 2px);
    background-position: 10% 30%, 70% 20%, 40% 85%;
    background-size: 190px 190px, 260px 260px, 145px 145px;
    animation: store-event-particles 9s linear infinite;
}

.store-event-lucky__particles::before {
    transform: rotate(27deg);
    animation-duration: 12s;
}

.store-event-lucky__particles::after {
    transform: rotate(-18deg);
    animation-duration: 15s;
}

.store-event-lucky__stage {
    position: relative;
    z-index: 2;
    width: min(560px, 94vw);
    padding: 48px 32px 38px;
    border: 1px solid rgba(48, 194, 255, .34);
    border-radius: 28px;
    background: rgba(5, 21, 34, .9);
    box-shadow: 0 35px 100px rgba(0, 0, 0, .65), inset 0 0 50px rgba(20, 161, 233, .07);
    text-align: center;
    animation: store-event-lucky-in .34s cubic-bezier(.17, .83, .3, 1.15) both;
}

.store-event-lucky__ring {
    position: absolute;
    top: 32px;
    left: 50%;
    width: 132px;
    height: 132px;
    border: 1px solid rgba(25, 197, 255, .28);
    border-top-color: #28caff;
    border-radius: 50%;
    box-shadow: 0 0 42px rgba(25, 197, 255, .2), inset 0 0 32px rgba(25, 197, 255, .09);
    transform: translateX(-50%);
    animation: store-event-ring-spin 1.5s linear infinite;
}

.store-event-lucky__ring::before,
.store-event-lucky__ring::after {
    position: absolute;
    content: "";
    border-radius: 50%;
}

.store-event-lucky__ring::before {
    inset: 12px;
    border: 1px dashed rgba(152, 102, 255, .48);
    animation: store-event-spin 2.2s linear infinite reverse;
}

.store-event-lucky__ring::after {
    inset: 25px;
    border: 1px solid rgba(93, 215, 255, .2);
}

.store-event-lucky__icon {
    position: relative;
    z-index: 1;
    width: 132px;
    height: 132px;
    display: grid;
    margin: 0 auto 27px;
    place-items: center;
    color: #4cd7ff;
    font-size: 46px;
    text-shadow: 0 0 22px rgba(52, 207, 255, .6);
}

.store-event-lucky small {
    color: #32caff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .19em;
}

.store-event-lucky h2 {
    margin: 8px 0 7px;
    font-size: clamp(23px, 3vw, 32px);
}

.store-event-lucky p {
    margin: 0;
    color: #91a9bb;
}

.store-event-lucky__progress {
    width: min(310px, 80%);
    height: 5px;
    margin: 25px auto 0;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(98, 158, 193, .14);
}

.store-event-lucky__progress span {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, #27c9ff, #b470ff, transparent);
    animation: store-event-progress 1.1s ease-in-out infinite;
}

@keyframes store-event-spin {
    to { transform: rotate(360deg); }
}

@keyframes store-event-ring-spin {
    from { transform: translateX(-50%) rotate(0); }
    to { transform: translateX(-50%) rotate(360deg); }
}

@keyframes store-event-toast-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@keyframes store-event-modal-in {
    from { opacity: 0; transform: translateY(22px) scale(.94); }
    to { opacity: 1; transform: none; }
}

@keyframes store-event-lucky-in {
    from { opacity: 0; transform: translateY(22px) scale(.88); }
    to { opacity: 1; transform: none; }
}

@keyframes store-event-particles {
    to { transform: translate3d(4%, -5%, 0) rotate(10deg); }
}

@keyframes store-event-progress {
    from { transform: translateX(-130%); }
    to { transform: translateX(340%); }
}

@keyframes store-event-card-highlight {
    0%, 100% { transform: none; }
    24% { transform: translateY(-7px) rotateY(8deg); filter: brightness(1.4); }
    52% { transform: translateY(-4px) rotateY(-5deg); }
}

@media (max-width: 1280px) {
    .store-event-featured-grid {
        grid-template-columns: 300px minmax(0, 1fr);
    }

    .store-event-chests {
        overflow-x: auto;
        grid-template-columns: repeat(5, minmax(180px, 1fr));
        padding-bottom: 6px;
        scrollbar-width: thin;
    }

    .store-event-night-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .store-events-main {
        padding-top: 14px;
    }

    .store-events-container {
        width: min(100% - 18px, 1460px);
    }

    .store-event-panel {
        padding: 16px;
        border-radius: 14px;
    }

    .store-event-featured-grid {
        grid-template-columns: 1fr;
    }

    .store-event-hero {
        min-height: 350px;
    }

    .store-event-night-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .store-event-history-item {
        grid-template-columns: 104px minmax(0, 1fr);
    }

    .store-event-history-item__art {
        width: 104px;
        height: 64px;
    }

    .store-event-history-item__aside {
        grid-column: 1 / -1;
        grid-template-columns: 1fr auto;
        align-items: center;
        justify-items: stretch;
        padding: 9px 0 0;
        border-top: 1px solid rgba(81, 151, 192, .12);
        border-left: 0;
    }
}

@media (max-width: 580px) {
    .store-event-heading {
        display: grid;
        gap: 13px;
    }

    .store-event-heading__aside {
        align-items: flex-start;
    }

    .store-event-cycle {
        text-align: left;
    }

    .store-event-chests {
        grid-template-columns: repeat(5, minmax(174px, 1fr));
    }

    .store-event-night-grid {
        grid-template-columns: 1fr;
    }

    .store-event-night-card {
        min-height: 285px;
    }

    .store-event-payment-options {
        grid-template-columns: 1fr;
    }

    .store-event-payment-options button {
        min-height: 110px;
    }

    .store-event-modal {
        padding: 24px 18px;
    }

    .store-event-history-modal {
        padding: 0;
    }

    .store-event-history-header {
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: 11px;
        padding: 17px 14px;
    }

    .store-event-history-header__icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 21px;
    }

    .store-event-history-header h2 {
        font-size: 20px;
    }

    .store-event-history-header p {
        display: none;
    }

    .store-event-history-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 13px 14px 6px;
    }

    .store-event-history-summary > div:last-child {
        grid-column: 1 / -1;
    }

    .store-event-history-list {
        padding: 10px 14px 18px;
    }

    .store-event-history-item {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 11px;
        padding: 10px;
    }

    .store-event-history-item__art {
        width: 78px;
        height: 56px;
    }

    .store-event-history-item h3 {
        font-size: 13px;
    }

    .store-event-history-item__aside {
        grid-template-columns: 1fr;
    }

    .store-event-history-item__aside button,
    .store-event-history-item__aside a {
        width: 100%;
    }

    .store-event-reward-art {
        height: 190px;
    }

    .store-event-toast {
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .store-events-main *,
    .store-event-modal-backdrop *,
    .store-event-lucky * {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Storefront theme alignment
   Event behavior remains isolated in store-events.js; this layer only aligns
   the presentation with the public NestG storefront. */

.store-events-main {
    --event-bg: var(--bg);
    --event-panel: var(--bg-2);
    --event-panel-soft: var(--bg-3);
    --event-line: var(--line);
    --event-text: var(--text);
    --event-muted: var(--muted);
    --event-cyan: var(--accent);
    min-height: 720px;
    padding: 42px 0 82px;
    color: var(--text);
    background: transparent;
}

.store-events-main::before {
    display: none;
}

.store-events-container {
    width: 100%;
    max-width: 1140px;
    padding-right: 12px;
    padding-left: 12px;
}

.store-event-page {
    gap: 76px;
}

.store-event-panel {
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.store-event-heading {
    align-items: flex-end;
    margin-bottom: 22px;
}

.store-event-heading__title {
    align-items: center;
    gap: 13px;
}

.store-event-heading__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-color: rgba(226, 132, 67, .24);
    border-radius: 12px;
    color: var(--accent);
    background: rgba(226, 132, 67, .1);
    box-shadow: none;
    font-size: 18px;
}

.store-event-heading h1,
.store-event-heading h2 {
    color: var(--text);
    font-size: clamp(1.55rem, 2vw, 2.05rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
}

.store-event-heading p {
    margin-top: 6px;
    color: var(--muted);
    font-size: .92rem;
}

.store-event-link-button {
    min-height: 42px;
    padding: 0 16px;
    border-color: var(--line);
    border-radius: 12px;
    color: var(--text);
    background: rgba(255, 255, 255, .045);
    font-size: .88rem;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.store-event-link-button:hover,
.store-event-link-button:focus-visible {
    color: var(--text);
    border-color: rgba(226, 132, 67, .48);
    background: rgba(226, 132, 67, .1);
    transform: translateY(-1px);
}

.store-event-featured-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}

.store-event-hero {
    min-height: 470px;
    border-color: var(--line);
    border-radius: 12px;
    background-color: #0e0e0e;
    background-position: center 58%;
    box-shadow: var(--shadow);
}

.store-event-hero::after {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .74) 0%, rgba(0, 0, 0, .28) 48%, rgba(0, 0, 0, .08) 72%),
        linear-gradient(180deg, rgba(0, 0, 0, .04) 36%, rgba(0, 0, 0, .72) 100%);
}

.store-event-hero__copy {
    position: absolute;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: 42px;
    left: 44px;
    max-width: 510px;
    padding: 0;
    text-align: left;
}

.store-event-hero__copy span {
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4.9rem);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: -.055em;
    text-shadow: 0 5px 24px rgba(0, 0, 0, .55);
}

.store-event-hero__copy strong {
    margin-top: 18px;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(.95rem, 1.6vw, 1.28rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .03em;
    text-shadow: 0 3px 16px rgba(0, 0, 0, .56);
}

.store-event-hero__countdown {
    right: 28px;
    bottom: 28px;
    left: auto;
    z-index: 3;
    min-width: 286px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(12, 12, 12, .72);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .28);
    backdrop-filter: blur(12px);
}

.store-event-hero__countdown > small,
.store-event-cycle > small {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .66);
    font-size: .63rem;
    letter-spacing: .12em;
}

.store-event-countdown {
    gap: 6px;
}

.store-event-countdown span {
    min-width: 52px;
    padding: 8px 6px;
    border-color: rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: none;
}

.store-event-countdown b {
    color: #fff;
    font-size: 1.05rem;
}

.store-event-countdown small {
    color: rgba(255, 255, 255, .5);
}

.store-event-countdown em {
    color: var(--accent);
}

.store-event-countdown--empty {
    min-height: 42px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .95rem;
}

.store-event-chests {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    overflow: visible;
}

.store-event-chest {
    --tier: #aeb7c2;
    --tier-rgb: 174, 183, 194;
    min-height: 0;
    display: grid;
    grid-template-rows: 280px minmax(64px, auto) auto;
    justify-items: stretch;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: none;
}

.store-event-chest:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.store-event-chest h3 {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(var(--tier-rgb), .18);
    border-radius: 12px 0 16px 0;
    color: #fff;
    background: linear-gradient(180deg, rgba(var(--tier-rgb), .88), rgba(var(--tier-rgb), .52));
    box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 8px 16px rgba(0, 0, 0, .14);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.store-event-chest__art {
    grid-row: 1;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 12px;
    background:
        radial-gradient(circle at 50% 25%, rgba(var(--tier-rgb), .16), transparent 34%),
        linear-gradient(180deg, rgba(var(--tier-rgb), .075), #111 55%, #090909);
    box-shadow: 0 18px 32px rgba(0, 0, 0, .24);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.store-event-chest__art::before {
    right: 10%;
    bottom: 32px;
    left: 10%;
    height: 32px;
    opacity: .45;
    background: radial-gradient(ellipse, rgba(var(--tier-rgb), .45), rgba(var(--tier-rgb), .08) 52%, transparent 74%);
}

.store-event-chest__art img {
    width: 112%;
    height: 250px;
    margin-top: 18px;
    filter: drop-shadow(0 17px 13px rgba(0, 0, 0, .62)) drop-shadow(0 0 10px rgba(var(--tier-rgb), .18));
}

.store-event-chest:hover .store-event-chest__art {
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 24px 38px rgba(0, 0, 0, .28);
    transform: translateY(-2px);
}

.store-event-chest:hover .store-event-chest__art img {
    transform: translateY(-2px) scale(1.04);
}

.store-event-chest p {
    grid-row: 2;
    min-height: 64px;
    display: -webkit-box;
    margin: 15px 0 12px;
    overflow: hidden;
    color: rgba(255, 255, 255, .78);
    font-size: .82rem;
    line-height: 1.55;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.store-event-chest__button {
    grid-row: 3;
    width: 100%;
    min-height: 43px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    color: #101010;
    background: #fff;
    box-shadow: none;
    font-size: .88rem;
    font-weight: 700;
    transition: transform .2s ease, background .2s ease, opacity .2s ease;
}

.store-event-chest__button:hover:not(:disabled) {
    color: #101010;
    background: #f0f0f0;
    box-shadow: none;
    transform: translateY(-1px);
}

.store-event-chest.is-disabled .store-event-chest__art {
    filter: grayscale(.35);
}

.store-event-chest.is-disabled .store-event-chest__button {
    color: rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .07);
}

.tier-rare {
    --tier: #4d8cff;
    --tier-rgb: 77, 140, 255;
}

.tier-premium {
    --tier: #b45dce;
    --tier-rgb: 180, 93, 206;
}

.tier-elite {
    --tier: #d59a35;
    --tier-rgb: 213, 154, 53;
}

.tier-ultimate {
    --tier: #d9574e;
    --tier-rgb: 217, 87, 78;
}

.store-event-night-panel {
    padding-top: 0;
}

.store-event-heading__aside {
    align-items: flex-end;
}

.store-event-cycle {
    min-width: 280px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    text-align: left;
}

.store-event-cycle .store-event-countdown {
    justify-content: flex-end;
}

.store-event-cycle .store-event-countdown span {
    min-width: 42px;
    padding: 6px 4px;
    background: rgba(255, 255, 255, .045);
}

.store-event-night-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    perspective: none;
}

.store-event-night-card {
    --deal: #aeb7c2;
    --deal-rgb: 174, 183, 194;
    min-height: 330px;
    display: grid;
    grid-template-rows: auto 72px minmax(104px, 1fr) auto;
    justify-items: center;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    background:
        radial-gradient(circle at 80% 0%, rgba(var(--deal-rgb), .1), transparent 34%),
        #111;
    box-shadow: 0 18px 32px rgba(0, 0, 0, .24);
    transform-style: flat;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.store-event-night-card:hover {
    border-color: rgba(255, 255, 255, .13);
    box-shadow: 0 24px 38px rgba(0, 0, 0, .28);
    transform: translateY(-2px);
}

.store-event-night-card::before,
.store-event-night-card::after {
    display: none;
}

.store-event-night-card__discount {
    justify-self: start;
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 6px;
    color: #fff;
    background: rgba(var(--deal-rgb), .58);
    font-size: .76rem;
    font-weight: 700;
    text-shadow: none;
}

.store-event-night-card__seal {
    width: 48px;
    height: 48px;
    border-color: rgba(var(--deal-rgb), .62);
    border-radius: 10px;
    color: rgba(var(--deal-rgb), .92);
    background: rgba(var(--deal-rgb), .07);
    box-shadow: none;
}

.store-event-night-card__copy {
    gap: 8px;
}

.store-event-night-card__copy strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.store-event-night-card__copy p {
    max-width: 270px;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.55;
}

.store-event-night-card__copy small {
    color: rgba(255, 255, 255, .48);
}

.store-event-night-card__button {
    min-height: 44px;
    padding: 0 14px;
    border-color: rgba(255, 255, 255, .08);
    border-radius: 12px;
    color: #101010;
    background: #fff;
    box-shadow: none;
    font-size: .86rem;
    transition: transform .2s ease, background .2s ease;
}

.store-event-night-card__button:hover:not(:disabled) {
    background: #f0f0f0;
    box-shadow: none;
    transform: translateY(-1px);
}

.store-event-night-card button:disabled {
    color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .07);
}

.store-event-night-card.is-revealed {
    min-height: 0;
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    grid-template-rows: auto minmax(116px, auto) auto;
    align-items: stretch;
    justify-items: stretch;
    gap: 15px 18px;
    padding: 16px;
}

.store-event-night-card.is-revealed .store-event-night-card__discount {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 16px;
    min-height: 30px;
    border-radius: 12px 0 14px 0;
    background: linear-gradient(180deg, #ff4343, #c71111);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    font-size: .78rem;
}

.store-event-offer-art {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 128px;
    height: 100%;
    min-height: 150px;
    border-color: rgba(255, 255, 255, .06);
    border-radius: 10px;
    background: #161616;
}

.store-event-offer-copy {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    text-align: left;
}

.store-event-offer-copy h3 {
    min-height: 0;
    margin: 0 0 13px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.42;
}

.store-event-offer-price {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.store-event-offer-price span {
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 8px;
    color: rgba(255, 255, 255, .52);
    background: rgba(255, 255, 255, .035);
    font-size: .68rem;
}

.store-event-offer-price del,
.store-event-offer-price strong {
    font-size: .82rem;
}

.store-event-offer-price strong {
    color: #fff;
}

.store-event-offer-copy > small {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, .48);
    font-size: .7rem;
}

.store-event-night-card.is-revealed > .store-event-night-card__button {
    grid-column: 1 / -1;
    grid-row: 3;
}

.deal-purple {
    --deal: #b36ac9;
    --deal-rgb: 179, 106, 201;
}

.deal-blue {
    --deal: #4d82c7;
    --deal-rgb: 77, 130, 199;
}

.deal-magenta {
    --deal: #b65ca7;
    --deal-rgb: 182, 92, 167;
}

.deal-gold {
    --deal: #c8923a;
    --deal-rgb: 200, 146, 58;
}

.deal-red {
    --deal: #c95855;
    --deal-rgb: 201, 88, 85;
}

.store-event-empty-panel {
    min-height: 260px;
    padding: 36px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #111;
}

.store-event-empty-panel i {
    color: var(--accent);
}

.store-event-empty-panel p {
    color: var(--muted);
}

.store-events-loading__mark {
    border-color: rgba(226, 132, 67, .16);
    border-top-color: var(--accent);
    box-shadow: 0 0 30px rgba(226, 132, 67, .14);
}

.store-events-loading__mark::after {
    border-color: rgba(255, 255, 255, .16);
    border-bottom-color: transparent;
}

.store-events-error > span {
    border-color: rgba(226, 132, 67, .25);
    color: var(--accent);
    background: rgba(226, 132, 67, .09);
}

.store-events-error button {
    border-color: rgba(255, 255, 255, .08);
    color: #101010;
    background: #fff;
}

.store-event-image-placeholder,
.has-image-error::after,
.store-event-history-empty i {
    color: rgba(226, 132, 67, .58);
}

.store-event-chest__button:focus-visible,
.store-event-night-card__button:focus-visible,
.store-event-link-button:focus-visible,
.store-events-error button:focus-visible,
.store-event-payment-options button:focus-visible,
.store-event-history-item__aside button:focus-visible,
.store-event-history-item__aside a:focus-visible,
.store-event-reward-actions button:focus-visible,
.store-event-reward-actions a:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

.store-event-toast {
    border-color: rgba(255, 255, 255, .1);
    border-radius: 12px;
    color: #fff;
    background: rgba(17, 17, 17, .98);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .4);
}

.store-event-toast::before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 9px;
    border-radius: 50%;
    content: "";
    background: var(--accent);
    box-shadow: 0 0 10px rgba(226, 132, 67, .48);
    vertical-align: 2px;
}

.store-event-toast.is-error {
    border-color: rgba(255, 98, 117, .25);
}

.store-event-toast.is-error::before {
    background: #ff626f;
}

.store-event-modal-backdrop {
    background: rgba(0, 0, 0, .8);
    backdrop-filter: blur(10px);
}

.store-event-modal {
    border-color: rgba(255, 255, 255, .09);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 50% 0%, rgba(226, 132, 67, .08), transparent 32%),
        #111;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .64);
}

.store-event-modal__close {
    border-color: rgba(255, 255, 255, .09);
    border-radius: 10px;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .045);
}

.store-event-modal__close:hover,
.store-event-modal__close:focus-visible {
    color: #fff;
    border-color: rgba(226, 132, 67, .38);
    background: rgba(226, 132, 67, .1);
}

.store-event-modal__eyebrow {
    color: var(--accent);
}

.store-event-payment-modal > p,
.store-event-history-header p,
.store-event-reward-modal > p {
    color: var(--muted);
}

.store-event-payment-options button {
    border-color: rgba(255, 255, 255, .08);
    color: #fff;
    background: rgba(255, 255, 255, .035);
}

.store-event-payment-options button:hover,
.store-event-payment-options button:focus-visible {
    border-color: rgba(226, 132, 67, .44);
    background: rgba(226, 132, 67, .09);
}

.store-event-payment-options button > span {
    color: var(--accent);
    background: rgba(226, 132, 67, .1);
}

.store-event-payment-options small {
    color: rgba(255, 255, 255, .5);
}

.store-event-history-header {
    border-bottom-color: var(--line);
    background: rgba(17, 17, 17, .97);
}

.store-event-history-header__icon {
    border-color: rgba(226, 132, 67, .3);
    color: var(--accent);
    background: rgba(226, 132, 67, .09);
}

.store-event-history-header span {
    color: var(--accent);
}

.store-event-history-summary > div {
    border-color: var(--line);
    background: rgba(255, 255, 255, .035);
}

.store-event-history-summary strong {
    color: #fff;
}

.store-event-history-summary small,
.store-event-history-summary span {
    color: rgba(255, 255, 255, .5);
}

.store-event-history-item {
    border-color: rgba(255, 255, 255, .07);
    background: rgba(255, 255, 255, .03);
}

.store-event-history-item::before {
    width: 3px;
    box-shadow: none;
}

.store-event-history-item h3 {
    color: #fff;
}

.store-event-history-item p {
    color: rgba(255, 255, 255, .52);
}

.store-event-history-item__aside {
    border-left-color: var(--line);
}

.store-event-history-item__aside strong {
    color: #fff;
}

.store-event-history-item__aside button,
.store-event-history-item__aside a {
    border-color: rgba(255, 255, 255, .08);
    color: #101010;
    background: #fff;
}

.store-event-reward-art {
    border-color: var(--line);
    background: #161616;
}

.store-event-reward-art > span {
    border-color: rgba(226, 132, 67, .3);
    color: var(--accent);
    background: rgba(17, 17, 17, .88);
}

.store-event-reward-meta {
    color: var(--accent);
}

.store-event-reward-actions button {
    border-color: rgba(255, 255, 255, .08);
    color: #101010;
    background: #fff;
}

.store-event-reward-actions a {
    border-color: rgba(255, 255, 255, .08);
    color: #fff;
    background: rgba(255, 255, 255, .045);
}

.store-event-reward-actions button:hover:not(:disabled),
.store-event-reward-actions button:focus-visible {
    color: #101010;
    background: #f0f0f0;
}

.store-event-reward-actions a:hover,
.store-event-reward-actions a:focus-visible {
    color: #fff;
    border-color: rgba(226, 132, 67, .38);
    background: rgba(226, 132, 67, .1);
}

.store-event-lucky {
    color: #fff;
    background:
        radial-gradient(circle at 50% 44%, rgba(226, 132, 67, .18), transparent 34%),
        rgba(3, 3, 3, .95);
}

.store-event-lucky__particles,
.store-event-lucky__particles::before,
.store-event-lucky__particles::after {
    opacity: .34;
    background-image:
        radial-gradient(circle, #f1a35e 0 2px, transparent 3px),
        radial-gradient(circle, #ffe1a5 0 1px, transparent 2px),
        radial-gradient(circle, #fff 0 1px, transparent 2px);
}

.store-event-lucky__stage {
    border-color: rgba(255, 255, 255, .09);
    border-radius: 24px;
    background: rgba(17, 17, 17, .92);
    box-shadow: 0 35px 100px rgba(0, 0, 0, .68), inset 0 0 48px rgba(226, 132, 67, .05);
}

.store-event-lucky__ring {
    border-color: rgba(226, 132, 67, .2);
    border-top-color: var(--accent);
    box-shadow: 0 0 38px rgba(226, 132, 67, .16), inset 0 0 28px rgba(226, 132, 67, .06);
}

.store-event-lucky__ring::before {
    border-color: rgba(255, 221, 161, .36);
}

.store-event-lucky__ring::after {
    border-color: rgba(255, 255, 255, .12);
}

.store-event-lucky__icon,
.store-event-lucky small {
    color: var(--accent);
    text-shadow: 0 0 20px rgba(226, 132, 67, .38);
}

.store-event-lucky p {
    color: var(--muted);
}

.store-event-lucky__progress {
    background: rgba(255, 255, 255, .08);
}

.store-event-lucky__progress span {
    background: linear-gradient(90deg, transparent, var(--accent), #ffe0a5, transparent);
}

@media (max-width: 1199.98px) {
    .store-events-container {
        max-width: 960px;
    }

    .store-event-chests {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 20px;
    }

    .store-event-chest {
        grid-template-rows: 300px minmax(64px, auto) auto;
    }

    .store-event-chest__art {
        height: 300px;
    }

    .store-event-chest__art img {
        height: 270px;
    }
}

@media (max-width: 991.98px) {
    .store-events-main {
        padding: 32px 0 64px;
    }

    .store-events-container {
        max-width: 720px;
    }

    .store-event-page {
        gap: 60px;
    }

    .store-event-heading {
        align-items: flex-start;
    }

    .store-event-hero {
        min-height: 430px;
    }

    .store-event-hero__copy {
        bottom: 112px;
        left: 28px;
    }

    .store-event-hero__countdown {
        right: 28px;
        bottom: 24px;
        left: 28px;
        min-width: 0;
    }

    .store-event-hero__countdown .store-event-countdown {
        justify-content: flex-start;
    }

    .store-event-night-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

@media (max-width: 767.98px) {
    .store-events-main {
        padding-top: 24px;
    }

    .store-events-container {
        max-width: 540px;
    }

    .store-event-heading {
        display: grid;
        gap: 14px;
        margin-bottom: 18px;
    }

    .store-event-heading__aside {
        width: 100%;
        align-items: stretch;
    }

    .store-event-cycle {
        width: 100%;
        min-width: 0;
    }

    .store-event-cycle .store-event-countdown {
        justify-content: flex-start;
    }

    .store-event-hero {
        min-height: 440px;
        background-position: 62% center;
    }

    .store-event-hero__copy {
        right: 22px;
        bottom: 126px;
        left: 22px;
    }

    .store-event-hero__copy span {
        font-size: clamp(2.15rem, 12vw, 3.5rem);
    }

    .store-event-hero__countdown {
        right: 16px;
        bottom: 16px;
        left: 16px;
        padding: 12px;
    }

    .store-event-countdown span {
        min-width: 44px;
    }

    .store-event-chests {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: clamp(178px, 48vw, 220px);
        gap: 14px;
        overflow-x: auto;
        overflow-y: visible;
        padding: 2px 0 8px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }

    .store-event-chests::-webkit-scrollbar {
        display: none;
    }

    .store-event-chest {
        grid-template-rows: 260px minmax(64px, auto) auto;
        scroll-snap-align: start;
    }

    .store-event-chest__art {
        height: 260px;
    }

    .store-event-chest__art img {
        height: 230px;
    }

    .store-event-night-grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 82vw);
        gap: 14px;
        overflow-x: auto;
        overflow-y: visible;
        padding: 2px 0 8px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }

    .store-event-night-grid::-webkit-scrollbar {
        display: none;
    }

    .store-event-night-card {
        min-height: 315px;
        scroll-snap-align: start;
    }

    .store-event-history-item__aside {
        border-top-color: var(--line);
    }
}

@media (max-width: 575.98px) {
    .store-events-container {
        width: 100%;
        padding-right: 14px;
        padding-left: 14px;
    }

    .store-event-heading__icon {
        display: none;
    }

    .store-event-heading h1,
    .store-event-heading h2 {
        font-size: 1.35rem;
    }

    .store-event-heading p {
        font-size: .82rem;
        line-height: 1.5;
    }

    .store-event-link-button {
        width: 100%;
        justify-content: center;
    }

    .store-event-hero {
        min-height: 410px;
    }

    .store-event-hero__copy {
        bottom: 136px;
    }

    .store-event-hero__copy strong {
        font-size: .84rem;
    }

    .store-event-hero__countdown {
        overflow-x: auto;
    }

    .store-event-countdown {
        min-width: max-content;
    }

    .store-event-night-card.is-revealed {
        grid-template-columns: 104px minmax(0, 1fr);
        gap: 12px;
    }

    .store-event-offer-art {
        width: 104px;
    }

    .store-event-offer-price {
        grid-template-columns: 1fr;
    }

    .store-event-payment-options {
        grid-template-columns: 1fr;
    }
}

/* Random Steam Game product rail
   Mirrors the public storefront product-card language while preserving the
   existing event data, prices and opening actions. */

@media (min-width: 1200px) {
    .store-events-container {
        max-width: 1440px;
    }
}

.store-event-chest-panel {
    position: relative;
    isolation: isolate;
    padding: 8px 0 56px;
}

.store-event-chest-panel::before {
    position: absolute;
    z-index: -2;
    right: -5vw;
    bottom: -80px;
    left: -5vw;
    height: 430px;
    pointer-events: none;
    content: "";
    background: radial-gradient(ellipse at 48% 70%, rgba(239, 217, 165, .3), rgba(226, 132, 67, .08) 32%, transparent 69%);
    filter: blur(6px);
}

.store-event-chest-panel::after {
    position: absolute;
    z-index: -1;
    top: 2px;
    right: 5%;
    width: 9px;
    height: 9px;
    border-radius: 1px;
    pointer-events: none;
    content: "";
    background: var(--accent);
    box-shadow:
        430px 80px 0 -1px rgba(226, 132, 67, .72),
        520px 294px 0 -2px rgba(226, 132, 67, .54),
        -84px 335px 0 -2px rgba(226, 132, 67, .5);
    transform: rotate(18deg);
}

.store-event-chest-panel .store-event-heading {
    align-items: flex-end;
    margin-bottom: 24px;
}

.store-event-chest-panel .store-event-heading__icon {
    display: none;
}

.store-event-chest-panel .store-event-heading__title {
    gap: 0;
}

.store-event-chest-panel .store-event-heading h1 {
    font-size: clamp(1.6rem, 2vw, 2rem);
}

.store-event-chest-panel .store-event-heading__aside {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.store-event-chest-panel .store-event-cycle {
    min-width: 0;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
}

.store-event-chest-panel .store-event-cycle > small {
    margin-bottom: 4px;
    font-size: .56rem;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown span {
    min-width: 39px;
    padding: 4px;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown b {
    font-size: .82rem;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown small {
    font-size: .46rem;
}

.store-event-chest-panel .store-event-countdown--empty {
    min-height: 24px;
    font-size: .78rem;
}

.store-event-chest-panel .store-event-featured-grid {
    display: block;
}

.store-event-chest-panel .store-event-chests {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 34px);
}

.store-event-chest-panel .store-event-chest {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.store-event-chest-panel .store-event-chest__art {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 6;
    flex: none;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .03) 49%, rgba(0, 0, 0, .94) 100%),
        radial-gradient(circle at 50% 50%, rgba(var(--tier-rgb), .18), transparent 48%),
        var(--event-campaign-art, linear-gradient(145deg, #131313, #050505)) center / cover no-repeat;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .28);
    transform: translateZ(0);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.store-event-chest-panel .store-event-chest__art::before {
    display: none;
}

.store-event-chest-panel .store-event-chest__art::after {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    height: 31%;
    pointer-events: none;
    content: "";
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .97) 66%);
}

.store-event-chest__activation {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border-radius: 12px 0 10px 0;
    color: #fff;
    background: #ad4c24;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    font-size: clamp(.66rem, .9vw, .82rem);
    font-weight: 600;
    line-height: 1.2;
}

.store-event-chest-panel .store-event-chest__art img {
    position: absolute;
    z-index: 2;
    top: 22%;
    left: 50%;
    width: 108%;
    height: 60%;
    margin: 0;
    object-fit: contain;
    filter:
        drop-shadow(0 18px 12px rgba(0, 0, 0, .76))
        drop-shadow(0 0 12px rgba(var(--tier-rgb), .36));
    transform: translateX(-50%);
    transition: transform .25s ease, filter .25s ease;
}

.store-event-chest-panel .store-event-chest__art h3 {
    position: absolute;
    z-index: 4;
    top: auto;
    right: 10px;
    bottom: 11px;
    left: 10px;
    min-height: 0;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--tier);
    background: none;
    box-shadow: none;
    font-size: clamp(1.12rem, 1.6vw, 1.65rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.025em;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .8), 0 0 13px rgba(var(--tier-rgb), .4);
    text-transform: uppercase;
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art {
    border-color: rgba(var(--tier-rgb), .28);
    box-shadow: 0 24px 45px rgba(0, 0, 0, .34), 0 0 28px rgba(var(--tier-rgb), .08);
    transform: translateY(-4px);
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art img {
    filter:
        drop-shadow(0 20px 14px rgba(0, 0, 0, .78))
        drop-shadow(0 0 16px rgba(var(--tier-rgb), .5));
    transform: translateX(-50%) scale(1.045);
}

.store-event-chest__copy {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 16px;
}

.store-event-chest-panel .store-event-chest p {
    min-height: 2.84em;
    max-height: 2.84em;
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(.79rem, 1vw, .94rem);
    font-weight: 600;
    line-height: 1.42;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.store-event-chest__copy > small {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: rgba(255, 255, 255, .5);
    font-size: .76rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-event-chest-panel .store-event-chest__button {
    width: max-content;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: transparent;
    box-shadow: none;
    font-size: .9rem;
}

.store-event-chest-panel .store-event-chest__button span {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #fff;
    background: #e02820;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.store-event-chest-panel .store-event-chest__button strong {
    color: #fff;
    font-size: clamp(.86rem, 1vw, .98rem);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.store-event-chest-panel .store-event-chest__button:hover:not(:disabled),
.store-event-chest-panel .store-event-chest__button:focus-visible {
    color: #fff;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.store-event-chest-panel .store-event-chest__button:hover:not(:disabled) span,
.store-event-chest-panel .store-event-chest__button:focus-visible span {
    background: var(--accent);
}

.store-event-chest-panel .store-event-chest.is-disabled {
    opacity: .58;
}

.store-event-chest-panel .store-event-chest.is-disabled .store-event-chest__art {
    filter: grayscale(.28);
}

.store-event-chest-panel .store-event-chest.is-disabled .store-event-chest__button {
    color: rgba(255, 255, 255, .6);
    background: transparent;
}

.store-event-chest-panel .store-event-chest.is-disabled .store-event-chest__button span {
    background: rgba(255, 255, 255, .12);
}

.store-event-night-panel {
    width: 100%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .store-events-container {
        max-width: 960px;
    }

    .store-event-chest-panel .store-event-chests {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(220px, 28vw);
        gap: 20px;
        overflow-x: auto;
        overflow-y: visible;
        padding: 4px 0 12px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }

    .store-event-chest-panel .store-event-chests::-webkit-scrollbar {
        display: none;
    }

    .store-event-chest-panel .store-event-chest {
        grid-template-rows: none;
        scroll-snap-align: start;
    }

    .store-event-chest-panel .store-event-chest__art,
    .store-event-chest-panel .store-event-chest__art img {
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .store-events-container {
        max-width: 720px;
    }

    .store-event-chest-panel .store-event-heading {
        align-items: flex-start;
    }

    .store-event-chest-panel .store-event-heading__aside {
        width: auto;
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .store-events-container {
        max-width: 540px;
    }

    .store-event-chest-panel {
        padding-top: 0;
        padding-bottom: 42px;
    }

    .store-event-chest-panel::after {
        display: none;
    }

    .store-event-chest-panel .store-event-heading__aside {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .store-event-chest-panel .store-event-link-button {
        width: auto;
    }

    .store-event-chest-panel .store-event-chests {
        grid-auto-columns: clamp(220px, 72vw, 260px);
        gap: 14px;
    }
}

@media (max-width: 575.98px) {
    .store-events-container {
        max-width: none;
    }

    .store-event-chest-panel .store-event-heading__aside {
        grid-template-columns: 1fr;
    }

    .store-event-chest-panel .store-event-link-button {
        width: 100%;
    }

    .store-event-chest-panel .store-event-chests {
        grid-auto-columns: minmax(218px, 76vw);
    }

    .store-event-chest-panel .store-event-chest p {
        font-size: .82rem;
    }
}

/* Storefront-native Random Steam Game cards
   The event rail intentionally follows the same structure and spacing as
   .aaa-games-grid / .aaa-game-card on the public home page. */

.store-events-main {
    overflow-x: clip;
}

.store-events-container {
    width: 100%;
    max-width: 1140px;
    min-width: 0;
}

.store-events-app,
[data-events-content],
.store-event-page,
.store-event-panel,
.store-event-featured-grid {
    min-width: 0;
    max-width: 100%;
}

.store-event-chest-panel {
    padding: 0 0 52px;
    isolation: auto;
}

.store-event-chest-panel::before,
.store-event-chest-panel::after {
    display: none;
}

.store-event-chest-panel .store-event-heading {
    align-items: flex-end;
    margin-bottom: 20px;
}

.store-event-chest-panel .store-event-heading h1 {
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.store-event-chest-panel .store-event-featured-grid {
    width: 100%;
    display: block;
}

.store-event-chest-panel .store-event-chests {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 24px;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
}

.store-event-chest-panel .store-event-chest {
    min-width: 0;
    display: block;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
}

.store-event-chest-panel .store-event-chest__button {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    background: transparent;
    box-shadow: none;
    text-align: left;
    appearance: none;
}

.store-event-chest-panel .store-event-chest__button:hover:not(:disabled),
.store-event-chest-panel .store-event-chest__button:focus-visible {
    color: inherit;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.store-event-chest-panel .store-event-chest__button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
    border-radius: 12px;
}

.store-event-chest-panel .store-event-chest__button span {
    min-height: 0;
    display: initial;
    padding: 0;
    border-radius: 0;
    color: inherit;
    background: transparent;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
}

.store-event-chest-panel .store-event-chest__button:hover:not(:disabled) span,
.store-event-chest-panel .store-event-chest__button:focus-visible span {
    background: transparent;
}

.store-event-chest-panel .store-event-chest__art {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 12px;
    background:
        radial-gradient(circle at 65% 44%, rgba(var(--tier-rgb), .19), transparent 34%),
        linear-gradient(90deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .02)),
        var(--event-campaign-art, #121212) center / cover no-repeat;
    box-shadow: 0 18px 32px rgba(0, 0, 0, .24);
    filter: none;
    transform: none;
    transition: border-color .24s ease, box-shadow .24s ease;
}

.store-event-chest-panel .store-event-chest__art::before,
.store-event-chest-panel .store-event-chest__art::after {
    display: none;
}

.store-event-chest-panel .store-event-chest__button .store-event-chest__activation {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(255, 193, 147, .12);
    border-radius: 11px 0 13px 0;
    color: rgba(255, 255, 255, .98);
    background: linear-gradient(180deg, rgba(186, 106, 52, .76), rgba(166, 90, 43, .72));
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 8px 16px rgba(0, 0, 0, .14);
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.01em;
    backdrop-filter: blur(3px);
}

.store-event-chest-panel .store-event-chest__art img {
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    object-fit: contain;
    filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .54)) drop-shadow(0 0 8px rgba(var(--tier-rgb), .18));
    transform: scale(.8);
    transform-origin: center;
    transition: transform .32s ease;
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art {
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 24px 38px rgba(0, 0, 0, .28);
    transform: none;
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art img,
.store-event-chest-panel .store-event-chest__button:focus-visible .store-event-chest__art img {
    filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .54)) drop-shadow(0 0 8px rgba(var(--tier-rgb), .18));
    transform: scale(.86);
}

.store-event-chest-panel .store-event-chest__copy {
    min-width: 0;
    display: block;
    padding-top: 14px;
}

.store-event-chest-panel .store-event-chest__button .store-event-chest__tier {
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 12px;
    padding: 0 12px;
    border-radius: 6px;
    color: #fff;
    background: #48546d;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
}

.store-event-chest-panel .store-event-chest__name {
    position: static;
    z-index: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    min-height: 2.76em;
    max-height: 2.76em;
    display: -webkit-box;
    margin: 0 0 12px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: transparent;
    box-shadow: none;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    text-shadow: none;
    text-transform: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.store-event-chest-panel .store-event-chest__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0;
}

.store-event-chest-panel .store-event-chest__button .store-event-chest__discount {
    min-width: 40px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    color: #fff;
    background: #e00000;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
}

.store-event-chest-panel .store-event-chest__button:hover:not(:disabled) .store-event-chest__discount,
.store-event-chest-panel .store-event-chest__button:focus-visible .store-event-chest__discount {
    background: #e00000;
}

.store-event-chest-panel .store-event-chest__button .store-event-chest__old-price {
    color: rgba(255, 255, 255, .62);
    font-size: .95rem;
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
}

.store-event-chest-panel .store-event-chest__price strong {
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.store-event-chest-panel .store-event-chest.is-disabled {
    opacity: .5;
}

.store-event-chest-panel .store-event-chest.is-disabled .store-event-chest__art {
    filter: grayscale(.4);
}

.store-event-chest-panel .store-event-chest.is-disabled .store-event-chest__button {
    color: inherit;
    background: transparent;
    cursor: not-allowed;
}

.store-event-empty-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.store-event-empty-panel h2,
.store-event-empty-panel p {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 1199.98px) {
    .store-events-container {
        max-width: 960px;
    }

    .store-event-chest-panel .store-event-chests {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-columns: auto;
        gap: 22px 18px;
        overflow: visible;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .store-events-container {
        max-width: 720px;
    }

    .store-event-chest-panel .store-event-heading {
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .store-events-container {
        width: 100%;
        max-width: 540px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .store-event-chest-panel {
        padding-bottom: 42px;
    }

    .store-event-chest-panel .store-event-chests {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 82%;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 18% 10px 0;
        scroll-padding-inline: 0;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .store-event-chest-panel .store-event-chests::-webkit-scrollbar {
        display: none;
    }

    .store-event-chest-panel .store-event-chest {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__activation {
        min-height: 24px;
        padding: 0 8px;
        font-size: 9px;
    }

    .store-event-chest-panel .store-event-chest__copy {
        padding-top: 12px;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__tier {
        min-height: 28px;
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: .8rem;
    }

    .store-event-chest-panel .store-event-chest__name {
        margin-bottom: 10px;
        font-size: .88rem;
    }

    .store-event-chest-panel .store-event-chest__price strong {
        font-size: .82rem;
    }

    .store-event-chest-panel .store-event-chest__price {
        gap: 8px;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__discount {
        min-width: 38px;
        font-size: .68rem;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__old-price {
        font-size: .82rem;
    }
}

@media (max-width: 575.98px) {
    .store-events-container {
        width: 100%;
        max-width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .store-event-chest-panel .store-event-chests {
        grid-auto-columns: 82%;
        gap: 14px;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__activation {
        min-height: 23px;
        padding: 0 7px;
        border-radius: 10px 0 12px 0;
        font-size: .54rem;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__tier {
        min-height: 26px;
        padding: 0 9px;
        font-size: .74rem;
    }

    .store-event-chest-panel .store-event-chest__name {
        font-size: .82rem;
    }

    .store-event-chest-panel .store-event-chest__price strong {
        font-size: .76rem;
    }

    .store-event-chest-panel .store-event-chest__button .store-event-chest__old-price {
        font-size: .76rem;
    }
}

/* Transparent chest artwork
   Keep each chest visually aligned with its copy without placing it inside a card. */

.store-event-chest-panel .store-event-chest {
    --chest-image-scale: .8;
    --chest-image-hover-scale: .84;
}

.store-event-chest-panel .store-event-chest.tier-rare {
    --chest-image-scale: .805;
    --chest-image-hover-scale: .845;
}

.store-event-chest-panel .store-event-chest.tier-premium {
    --chest-image-scale: .9;
    --chest-image-hover-scale: .94;
}

.store-event-chest-panel .store-event-chest.tier-elite {
    --chest-image-scale: .785;
    --chest-image-hover-scale: .825;
}

.store-event-chest-panel .store-event-chest.tier-ultimate {
    --chest-image-scale: .81;
    --chest-image-hover-scale: .85;
}

.store-event-chest-panel .store-event-chest__art {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.store-event-chest-panel .store-event-chest__art::before,
.store-event-chest-panel .store-event-chest__art::after {
    display: none;
}

.store-event-chest-panel .store-event-chest__art img {
    z-index: 1;
    filter: drop-shadow(0 13px 11px rgba(0, 0, 0, .48)) drop-shadow(0 0 9px rgba(var(--tier-rgb), .18));
    transform: scale(var(--chest-image-scale));
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art img,
.store-event-chest-panel .store-event-chest__button:focus-visible .store-event-chest__art img {
    transform: scale(var(--chest-image-hover-scale));
}

.store-event-chest-panel .store-event-chest:hover .store-event-chest__art {
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* Compact chest-event controls */

.store-event-chest-panel .store-event-heading__aside {
    width: auto;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    padding: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.store-event-chest-panel .store-event-cycle {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0 11px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .09);
    border-radius: 0;
    background: transparent;
    text-align: left;
}

.store-event-chest-panel .store-event-cycle > small {
    margin: 0;
    color: rgba(255, 255, 255, .48);
    font-size: .52rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .08em;
    white-space: nowrap;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown {
    gap: 2px;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown span {
    min-width: 27px;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown b {
    font-size: .72rem;
    line-height: 1.05;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown small {
    margin-top: 2px;
    color: rgba(255, 255, 255, .38);
    font-size: .4rem;
    line-height: 1;
}

.store-event-chest-panel .store-event-cycle .store-event-countdown em {
    color: rgba(226, 132, 67, .72);
    font-size: .65rem;
}

.store-event-chest-panel .store-event-countdown--empty {
    min-height: 0;
    color: rgba(255, 255, 255, .94);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.store-event-chest-panel .store-event-link-button {
    min-height: 34px;
    gap: 7px;
    margin: 0;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    color: rgba(255, 255, 255, .82);
    background: transparent;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.store-event-chest-panel .store-event-link-button:hover,
.store-event-chest-panel .store-event-link-button:focus-visible {
    color: #fff;
    background: rgba(226, 132, 67, .13);
    box-shadow: none;
    transform: none;
}

.store-event-chest-panel .store-event-link-button i {
    font-size: .72rem;
    transition: transform .2s ease;
}

.store-event-chest-panel .store-event-link-button:hover i,
.store-event-chest-panel .store-event-link-button:focus-visible i {
    transform: translateX(2px);
}

@media (max-width: 575.98px) {
    .store-event-chest-panel .store-event-heading__aside {
        width: fit-content;
        max-width: 100%;
        display: inline-flex;
        grid-template-columns: none;
    }

    .store-event-chest-panel .store-event-cycle > small {
        display: none;
    }

    .store-event-chest-panel .store-event-link-button {
        width: auto;
    }
}

/* Random Steam Game rail on the storefront home page */

.home-store-event-section {
    position: relative;
    padding: 4px 0 56px;
}

.home-store-event-app {
    width: 100%;
    min-width: 0;
}

.home-store-event-section .store-event-chest-panel {
    padding-bottom: 0;
}

.home-store-event-section .store-event-heading {
    margin-bottom: 22px;
}

.home-store-event-loading {
    min-height: 255px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
    gap: 24px;
    padding-top: 78px;
}

.home-store-event-loading[hidden] {
    display: none;
}

.home-store-event-loading span {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 12px;
    background:
        linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .055) 48%, transparent 66%),
        rgba(255, 255, 255, .025);
    background-size: 220% 100%, auto;
    animation: home-event-loading 1.35s linear infinite;
}

@keyframes home-event-loading {
    to {
        background-position: -220% 0, 0 0;
    }
}

@media (max-width: 1199.98px) {
    .home-store-event-loading {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-store-event-loading span:nth-child(n + 4) {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .home-store-event-section {
        padding-bottom: 44px;
    }

    .home-store-event-loading {
        min-height: 190px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        padding-top: 66px;
    }

    .home-store-event-loading span:nth-child(n + 3) {
        display: none;
    }
}

/* Compact Night Market
   Keeps six offers readable without the tall launcher-style cards. */

.store-event-night-panel .store-event-heading {
    margin-bottom: 20px;
}

.store-event-night-panel .store-event-heading__icon {
    display: none;
}

.store-event-night-panel .store-event-heading__title {
    gap: 0;
}

.store-event-night-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    align-items: stretch;
    gap: 20px;
    overflow: visible;
    padding: 0;
    perspective: none;
    scroll-snap-type: none;
}

.store-event-night-card {
    min-width: 0;
    min-height: 224px;
    grid-template-rows: auto 44px minmax(76px, 1fr) auto;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    scroll-snap-align: none;
}

.store-event-night-card__discount {
    min-height: 26px;
    padding: 0 9px;
    font-size: .7rem;
}

.store-event-night-card:not(.is-revealed) .store-event-night-card__discount {
    grid-row: 1;
    align-self: start;
    margin-bottom: 4px;
}

.store-event-night-card__seal {
    grid-row: 2;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    border-radius: 9px;
}

.store-event-night-card__copy {
    grid-row: 3;
    align-self: center;
    gap: 5px;
}

.store-event-night-card__copy strong {
    font-size: .92rem;
}

.store-event-night-card__copy p {
    max-width: 250px;
    font-size: .78rem;
    line-height: 1.45;
}

.store-event-night-card__copy small {
    font-size: .7rem;
}

.store-event-night-card__button {
    grid-row: 4;
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255, 203, 107, .68);
    border-radius: 10px;
    color: #211504;
    background: linear-gradient(180deg, var(--gold, #ffcb6b), var(--gold-strong, #f79f1f));
    box-shadow: 0 8px 20px rgba(247, 159, 31, .16);
    font-size: .8rem;
}

.store-event-night-card__button:hover:not(:disabled) {
    border-color: #ffe0a3;
    color: #171006;
    background: linear-gradient(180deg, #ffe09a, var(--gold, #ffcb6b));
    box-shadow: 0 10px 24px rgba(247, 159, 31, .24);
}

.store-event-night-card.is-revealed {
    min-width: 0;
    min-height: 188px;
    grid-template-columns: 136px minmax(0, 1fr);
    grid-template-rows: minmax(86px, 1fr) 40px;
    gap: 10px 14px;
    padding: 14px;
}

.store-event-night-card.is-revealed .store-event-night-card__discount {
    top: 14px;
    left: 14px;
    min-height: 27px;
    padding: 0 9px;
    font-size: .7rem;
}

.store-event-offer-art {
    grid-column: 1;
    grid-row: 1;
    width: 136px;
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 0;
    align-self: center;
    border-radius: 9px;
}

.store-event-offer-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-event-offer-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    align-self: center;
}

.store-event-offer-copy h3 {
    min-height: 2.72em;
    max-height: 2.72em;
    display: -webkit-box;
    margin: 0 0 10px;
    overflow: hidden;
    font-size: .9rem;
    line-height: 1.36;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.store-event-offer-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}

.store-event-offer-price del {
    color: rgba(255, 255, 255, .48);
    font-size: .76rem;
    text-decoration-thickness: 1.3px;
}

.store-event-offer-price strong {
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
}

.store-event-offer-copy > small {
    margin-top: 8px;
    font-size: .66rem;
}

.store-event-night-card.is-revealed > .store-event-night-card__button {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 40px;
}

@media (max-width: 991.98px) {
    .store-event-night-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-columns: auto;
        gap: 18px;
        overflow: visible;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .store-event-night-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
        grid-auto-columns: auto;
        gap: 14px;
        overflow: visible;
        padding: 0;
    }

    .store-event-night-card,
    .store-event-night-card.is-revealed {
        width: 100%;
        scroll-snap-align: none;
    }
}

@media (max-width: 575.98px) {
    .store-event-night-card {
        min-height: 210px;
        padding: 13px;
    }

    .store-event-night-card.is-revealed {
        min-height: 176px;
        grid-template-columns: 112px minmax(0, 1fr);
        grid-template-rows: minmax(72px, 1fr) 38px;
        gap: 10px 12px;
        padding: 12px;
    }

    .store-event-night-card.is-revealed .store-event-night-card__discount {
        top: 12px;
        left: 12px;
    }

    .store-event-offer-art {
        width: 112px;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .store-event-night-card__button,
    .store-event-night-card.is-revealed > .store-event-night-card__button {
        min-height: 38px;
        font-size: .76rem;
    }
}