:root {
    --game-detail-bg: var(--game-life-bg, #0a1119);
    --game-detail-surface: var(--game-life-surface, #111b25);
    --game-detail-surface-strong: var(--game-life-surface-strong, #162331);
    --game-detail-line: var(--game-life-line, #2a3a48);
    --game-detail-ink: var(--game-life-ink, #f1f5f8);
    --game-detail-muted: var(--game-life-muted, #9aa9b6);
    --game-detail-blue: var(--game-life-blue, #4b8df8);
    --game-detail-green: var(--game-life-green, #62cf8f);
    --game-detail-amber: var(--game-life-amber, #f0b75d);
}

body.game-detail-body {
    box-sizing: border-box;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--game-detail-ink);
    background: var(--game-detail-bg);
    font-family: system-ui, sans-serif;
}

.game-detail-body *,
.game-detail-body *::before,
.game-detail-body *::after {
    box-sizing: border-box;
}

.game-detail-page {
    min-width: 0;
    color: var(--game-detail-ink);
}

.game-detail-page a {
    color: inherit;
}

.game-detail-page .back-to-search {
    margin: 0 0 14px;
}

.game-detail-page .back-to-search a,
.game-detail-page .text-link {
    color: #8fc2ff;
}

.game-detail-page .error,
.game-detail-page .notice,
.game-detail-page .flash {
    border-radius: 6px;
}

.game-detail-page .error,
.game-detail-page .flash.error {
    color: #ffdce0;
    border-color: #934550;
    background: #351a20;
}

.game-detail-page .notice,
.game-detail-page .flash.success {
    color: var(--game-detail-ink);
    border-color: var(--game-detail-line);
    background: var(--game-detail-surface);
}

.game-detail-hero {
    position: relative;
    min-height: 350px;
    margin: 0 0 16px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--game-detail-line);
    border-radius: 8px;
    background:
        linear-gradient(120deg, #0d1823 0%, #111f2d 58%, #0b121a 100%);
}

.game-detail-hero.is-compact {
    min-height: 300px;
}

.game-detail-hero-backdrop {
    position: absolute;
    z-index: -3;
    inset: 0;
}

.game-detail-hero-backdrop img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.game-detail-hero.is-header-fallback .game-detail-hero-backdrop img {
    width: 108%;
    height: 108%;
    margin: -4%;
    filter: blur(9px);
    opacity: 0.76;
}

.game-detail-hero-backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(7, 13, 20, 0.98) 0%,
            rgba(7, 13, 20, 0.86) 40%,
            rgba(7, 13, 20, 0.44) 72%,
            rgba(7, 13, 20, 0.24) 100%
        ),
        linear-gradient(
            180deg,
            rgba(7, 13, 20, 0.12) 42%,
            var(--game-detail-bg) 100%
        );
}

.game-detail-hero-inner {
    display: grid;
    grid-template-columns: minmax(240px, 0.9fr) minmax(260px, 1.1fr);
    gap: clamp(22px, 3vw, 42px);
    align-items: end;
    min-height: inherit;
    padding: clamp(24px, 4vw, 48px);
}

.game-detail-hero.is-identity-missing .game-detail-hero-inner {
    grid-template-columns: minmax(0, 1fr);
}

.game-detail-identity {
    align-self: center;
    min-width: 0;
}

.game-detail-identity img {
    display: block;
    width: min(100%, 460px);
    height: auto;
    aspect-ratio: 460 / 215;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    background: rgba(5, 10, 15, 0.62);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
}

.game-detail-hero-copy {
    align-self: center;
    min-width: 0;
    max-width: 760px;
}

.game-detail-eyebrow {
    margin: 0 0 10px;
    color: #8fc2ff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.game-detail-hero h1 {
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: clamp(1.9rem, 3.2vw, 2.7rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.game-detail-hero h1.is-long {
    font-size: clamp(1.7rem, 2.8vw, 2.35rem);
}

.game-detail-hero h1.is-very-long {
    font-size: clamp(1.5rem, 2.4vw, 2rem);
}

.game-detail-hero-summary {
    max-width: 66ch;
    margin: 14px 0 0;
    color: #cbd6df;
    line-height: 1.7;
}

.game-detail-hero-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    align-items: center;
    margin: 18px 0 0;
}

.game-detail-price {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
    align-items: baseline;
}

.game-detail-price-current {
    color: #fff;
    font-size: clamp(1.55rem, 2vw, 2rem);
    font-weight: 800;
}

.game-detail-price-regular {
    color: var(--game-detail-muted);
    text-decoration: line-through;
}

.game-detail-discount {
    padding: 3px 7px;
    color: #082318;
    border-radius: 4px;
    background: var(--game-detail-green);
    font-weight: 800;
}

.game-detail-review-summary {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px 8px;
    align-items: baseline;
    color: #d8e4ed;
}

.game-detail-review-summary strong {
    color: var(--game-detail-green);
    font-size: 1.1rem;
}

.game-detail-review-summary small {
    color: var(--game-detail-muted);
}

.game-detail-page .badges,
.game-detail-page .actions {
    gap: 8px;
}

.game-detail-hero .badges {
    margin: 16px 0 0;
}

.game-detail-page .badge {
    color: #dce6ee;
    border: 1px solid rgba(157, 179, 198, 0.24);
    border-radius: 999px;
    background: rgba(9, 20, 30, 0.72);
}

.game-detail-page .badge.good {
    color: #a7ebc3;
    background: rgba(30, 101, 68, 0.32);
}

.game-detail-page .badge.warn {
    color: #ffe0a1;
    background: rgba(117, 77, 18, 0.35);
}

.game-detail-page .badge.discovery {
    color: #bdd8ff;
    background: rgba(38, 86, 147, 0.38);
}

.game-detail-action-rail {
    position: relative;
    z-index: 1;
    padding: 14px clamp(18px, 4vw, 48px);
    border-top: 1px solid rgba(157, 179, 198, 0.2);
    background: rgba(7, 14, 21, 0.9);
}

.game-detail-action-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0;
}

.game-detail-rating-action {
    gap: 8px;
}

.game-detail-rating-action > span {
    color: #a9d7ff;
    font-size: 0.78rem;
}

.game-detail-action-list .inline-form {
    margin: 0;
}

.game-detail-page .primary-action,
.game-detail-page .secondary-action,
.game-detail-page .plain-button,
.game-detail-action-list .like-button:not(.pm-button),
.game-detail-action-list .game-list-add-trigger:not(.pm-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 13px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
}

.game-detail-page .primary-action {
    color: #fff;
    border-color: #5a95f9;
    background: #245ec1;
}

.game-detail-page .secondary-action,
.game-detail-page .plain-button,
.game-detail-action-list .like-button:not(.pm-button),
.game-detail-action-list .game-list-add-trigger:not(.pm-button) {
    color: var(--game-detail-ink);
    border: 1px solid var(--game-detail-line);
    border-color: var(--game-detail-line);
    background: rgba(17, 27, 37, 0.88);
}

.game-detail-page .primary-action:hover,
.game-detail-page .primary-action:focus-visible {
    background: #3271da;
}

.game-detail-page .secondary-action:hover,
.game-detail-page .secondary-action:focus-visible,
.game-detail-page .plain-button:hover,
.game-detail-page .plain-button:focus-visible,
.game-detail-action-list .like-button:not(.pm-button):hover,
.game-detail-action-list .like-button:not(.pm-button):focus-visible,
.game-detail-action-list .game-list-add-trigger:not(.pm-button):hover,
.game-detail-action-list .game-list-add-trigger:not(.pm-button):focus-visible {
    border-color: #55718a;
    background: #1a2a38;
}

.game-detail-page :focus-visible {
    outline: 3px solid #f2ad3c;
    outline-offset: 2px;
}

.game-detail-intro,
.game-detail-gallery,
.game-detail-page .card {
    border: 1px solid var(--game-detail-line);
    border-radius: 7px;
    background: var(--game-detail-surface);
}

.game-detail-intro,
.game-detail-gallery {
    margin: 0 0 18px;
    padding: clamp(18px, 2.5vw, 28px);
}

.game-detail-intro h2,
.game-detail-gallery h2 {
    margin: 0 0 12px;
    color: var(--game-detail-ink);
    font-size: 1.2rem;
}

.game-detail-description {
    margin: 16px 0 0;
    max-width: 80ch;
    color: #c6d2dc;
    line-height: 1.8;
}

.game-detail-description-details summary {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #9cc8ff;
    cursor: pointer;
    font-weight: 700;
}

.game-detail-gallery-main {
    overflow: hidden;
    border: 1px solid var(--game-detail-line);
    border-radius: 6px;
    background: #060b10;
}

.game-detail-gallery-main img {
    display: block;
    width: 100%;
    max-height: 400px;
    margin: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

.game-detail-gallery-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    padding: 2px 0 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.game-detail-gallery-thumb {
    flex: 0 0 92px;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 5px;
    background: #09121a;
    cursor: pointer;
}

.game-detail-gallery-thumb[aria-selected="true"] {
    border-color: var(--game-detail-blue);
}

.game-detail-gallery-thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.game-detail-main-stack,
.game-detail-side-stack {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.game-detail-main-stack > *,
.game-detail-side-stack > * {
    margin: 0;
}

.game-detail-page .grid {
    min-width: 0;
}

.game-detail-page .card {
    min-width: 0;
    padding: 16px;
    color: var(--game-detail-ink);
}

.game-detail-page .card > h2:first-child {
    margin-top: 0;
}

.game-detail-page .card h2,
.game-detail-page .card h3 {
    color: var(--game-detail-ink);
}

.game-detail-page .card h2 {
    margin-bottom: 12px;
    font-size: 0.98rem;
    line-height: 1.35;
}

.game-detail-page .card h3 {
    font-size: 0.86rem;
    line-height: 1.4;
}

.game-detail-page .card,
.game-detail-intro,
.game-detail-gallery {
    font-size: 0.9rem;
}

.game-detail-section-heading,
.metric-chart-panel__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.game-detail-section-heading {
    margin-bottom: 12px;
}

.game-detail-section-heading p {
    margin: 0 0 2px;
    color: var(--game-detail-blue);
    font-size: 0.68rem;
    font-weight: 800;
}

.game-detail-section-heading h2,
.metric-chart-panel__heading h3 {
    margin: 0;
}

.game-detail-text-button {
    min-height: 44px;
    padding: 6px 0;
    color: #9cc8ff;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.game-detail-page .muted,
.game-detail-page .subtitle,
.game-detail-page .metric span,
.game-detail-page .attention-metric span,
.game-detail-page .chart-legend,
.game-detail-page .achievement-meta {
    color: var(--game-detail-muted);
}

.game-detail-page .attention-metric,
.game-detail-page .rating-personal,
.game-detail-page .rating-distribution,
.game-detail-page .section-note,
.game-detail-page .discovery-reason {
    color: var(--game-detail-ink);
    border-color: var(--game-detail-line);
    background: var(--game-detail-surface-strong);
}

.game-detail-page .attention-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.game-detail-page .attention-summary small {
    display: block;
    margin-top: 7px;
    color: var(--game-detail-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.game-detail-page .attention-details {
    margin-top: 10px;
}

.game-detail-page .attention-details .attention-lead {
    margin-top: 2px;
}

.game-detail-page .definition-list {
    min-width: 0;
}

.game-detail-page .definition-list dt {
    color: var(--game-detail-muted);
}

.game-detail-page .definition-list dd {
    min-width: 0;
    overflow-wrap: anywhere;
}

.game-detail-table-wrap,
.metric-chart-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.game-detail-data-table,
.metric-chart-data table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.game-detail-data-table th,
.game-detail-data-table td,
.metric-chart-data th,
.metric-chart-data td {
    padding: 7px 6px;
    border-bottom: 1px solid var(--game-detail-line);
    text-align: left;
    vertical-align: top;
}

.game-detail-data-table thead th,
.metric-chart-data thead th {
    color: var(--game-detail-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.game-detail-data-table tbody th {
    color: #c8d5df;
    font-weight: 650;
}

.language-table th:first-child {
    width: 54%;
}

.language-table th:not(:first-child),
.language-table td:not(:first-child) {
    text-align: center;
}

.language-table tr.is-japanese {
    background: rgba(75, 141, 248, 0.1);
}

.game-detail-language-more {
    margin-top: 6px;
}

.game-detail-language-more > summary {
    min-height: 44px;
    color: #9cc8ff;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 44px;
}

.game-detail-basic-list {
    grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr);
    gap: 10px 12px;
}

.game-detail-taxonomy {
    display: grid;
    gap: 14px;
}

.game-detail-taxonomy section {
    min-width: 0;
}

.game-detail-taxonomy h3 {
    margin: 0 0 9px;
    font-size: 0.9rem;
}

.game-detail-taxonomy-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.game-detail-taxonomy-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 9px;
    color: #cbd9e5;
    border: 1px solid var(--game-detail-line);
    border-radius: 5px;
    background: var(--game-detail-surface-strong);
    font-size: 0.8rem;
    line-height: 1.25;
    text-decoration: none;
}

a.game-detail-taxonomy-chip:hover,
a.game-detail-taxonomy-chip:focus-visible {
    color: #fff;
    border-color: #55718a;
}

.game-detail-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
    min-width: 0;
}

.metric-chart-panel {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--game-detail-line);
    border-radius: 6px;
    background: #0b151e;
}

.metric-chart-panel__heading {
    align-items: baseline;
    margin-bottom: 8px;
}

.metric-chart-panel__heading > span {
    color: var(--game-detail-muted);
    font-size: 0.72rem;
}

.metric-chart {
    min-width: 0;
    margin-top: 14px;
}

.metric-chart svg {
    display: block;
    width: 100%;
    height: auto;
    stroke: none;
    border: 1px solid var(--game-detail-line);
    border-radius: 5px;
    background: #0b151e;
}

.metric-chart-grid {
    stroke: #294052;
    stroke-width: 1;
}

.metric-chart-bar {
    opacity: 0.82;
    stroke: none;
    transform-box: fill-box;
    transform-origin: center bottom;
    transition: opacity 140ms ease, filter 140ms ease;
}

.metric-chart-bar:hover,
.metric-chart-bar:focus {
    opacity: 1;
    filter: brightness(1.22);
    outline: none;
}

.metric-chart-bar:focus {
    stroke: #f0b75d;
    stroke-width: 2;
}

.metric-chart-bar.is-latest {
    opacity: 1;
}

.metric-chart-tooltip {
    display: block;
    min-height: 30px;
    margin-top: 6px;
    padding: 6px 8px;
    color: #dce7ef;
    border: 1px solid var(--game-detail-line);
    border-radius: 5px;
    background: var(--game-detail-surface-strong);
    font-size: 0.8rem;
    line-height: 1.4;
}

.metric-chart-axis-label {
    fill: var(--game-detail-muted);
    stroke: none;
    font-size: 11px;
}

.metric-chart-scale-note,
.metric-chart-trend-note {
    max-width: 100%;
    margin: 7px 0 0;
    color: var(--game-detail-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.metric-chart-trend-note {
    color: #c9d8e3;
}

.metric-chart-empty {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 560 / 220;
    min-height: 164px;
    margin: 14px 0 0;
    padding: 36px 12px;
    color: var(--game-detail-muted);
    border: 1px solid var(--game-detail-line);
    border-radius: 5px;
    background: #0b151e;
    text-align: center;
}

.metric-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 7px;
    color: var(--game-detail-muted);
    font-size: 0.78rem;
}

.metric-chart-data {
    margin-top: 10px;
}

.metric-chart-data summary {
    min-height: 44px;
    color: #9cc8ff;
    cursor: pointer;
    font-size: 0.82rem;
    line-height: 44px;
}

.achievement-bar {
    position: relative;
}

.achievement-guide {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
}

.achievement-guide.at-25 {
    left: 25%;
}

.achievement-guide.at-50 {
    left: 50%;
}

.achievement-guide.at-75 {
    left: 75%;
}

.game-detail-page .log-list {
    display: grid;
    gap: 8px;
    padding: 0;
    list-style: none;
}

.game-detail-page .log-list li {
    margin: 0;
    padding: 10px 12px;
    color: #d8e3eb;
    border: 1px solid var(--game-detail-line);
    border-radius: 6px;
    background: var(--game-detail-surface-strong);
}

.game-detail-page .log-list strong {
    color: var(--game-detail-ink);
}

.rating-distribution-details {
    margin-top: 10px;
}

.rating-distribution-details > summary {
    min-height: 44px;
    color: #9cc8ff;
    cursor: pointer;
    line-height: 44px;
}

.game-detail-review-label {
    color: #fff !important;
    font-size: 0.92rem !important;
}

.game-detail-page .player-chart line {
    stroke: #294052;
}

.game-detail-page .player-range-link {
    color: var(--game-detail-ink);
    border-color: var(--game-detail-line);
    background: var(--game-detail-surface-strong);
}

.game-detail-page .player-range-link.is-active {
    color: #fff;
    border-color: var(--game-detail-blue);
    background: #245ec1;
}

.game-detail-page .rating-empty {
    display: none;
}

@media (max-width: 1024px) {
    .game-detail-hero {
        min-height: 0;
    }

    .game-detail-hero-inner {
        grid-template-columns: 1fr;
        align-items: start;
        min-height: 0;
        padding: 24px;
    }

    .game-detail-identity {
        width: min(100%, 460px);
    }

    .game-detail-chart-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .game-detail-page {
        width: 100%;
        min-width: 0;
    }

    .game-detail-hero {
        margin-inline: 0;
    }

    .game-detail-hero-inner {
        gap: 18px;
        padding: 18px;
    }

    .game-detail-hero h1,
    .game-detail-hero h1.is-long,
    .game-detail-hero h1.is-very-long {
        font-size: clamp(1.7rem, 9vw, 2.35rem);
    }

    .game-detail-hero-facts,
    .game-detail-action-list {
        align-items: stretch;
    }

    .game-detail-action-list > a,
    .game-detail-action-list > button,
    .game-detail-action-list > form,
    .game-detail-action-list > form > button {
        width: 100%;
    }

    .game-detail-action-rail {
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
    }

    .game-detail-gallery-main img {
        max-height: none;
    }

    .game-detail-gallery-thumb {
        flex-basis: calc((100% - 20px) / 3.35);
        min-height: 44px;
        scroll-snap-align: start;
    }

    .game-detail-gallery-thumbs {
        scroll-snap-type: x mandatory;
    }

    .game-detail-page .grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .game-detail-page .card,
    .game-detail-intro,
    .game-detail-gallery {
        padding: 14px;
    }

    .game-detail-data-table th,
    .game-detail-data-table td,
    .metric-chart-data th,
    .metric-chart-data td {
        padding: 9px 7px;
    }

    .game-detail-basic-list {
        grid-template-columns: minmax(78px, 0.38fr) minmax(0, 1fr);
    }
}

.game-detail-dialog,
.rating-input-dialog {
    width: min(620px, calc(100vw - 32px));
    max-height: min(760px, calc(100dvh - 32px));
    padding: 0;
    overflow: hidden;
    color: var(--game-detail-ink);
    border: 1px solid var(--game-detail-line);
    border-radius: 7px;
    background: var(--game-detail-surface);
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.52);
}

.game-detail-dialog::backdrop,
.rating-input-dialog::backdrop {
    background: rgba(3, 8, 13, 0.76);
    backdrop-filter: blur(3px);
}

.game-detail-dialog__shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: min(760px, calc(100dvh - 32px));
}

.game-detail-dialog__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid var(--game-detail-line);
}

.game-detail-dialog__header p {
    margin: 0 0 2px;
    color: var(--game-detail-blue);
    font-size: 0.68rem;
    font-weight: 800;
}

.game-detail-dialog__header h2 {
    margin: 0;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.game-detail-dialog__close {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    color: var(--game-detail-ink);
    border: 1px solid var(--game-detail-line);
    border-radius: 6px;
    background: var(--game-detail-surface-strong);
    cursor: pointer;
    font-size: 1.35rem;
}

.game-detail-dialog__body {
    min-height: 0;
    padding: 16px;
    overflow-y: auto;
}

@media (max-width: 520px) {
    .game-detail-dialog,
    .rating-input-dialog {
        width: calc(100vw - 20px);
        max-height: calc(100dvh - 20px);
    }

    .game-detail-dialog__shell {
        max-height: calc(100dvh - 20px);
    }

    .game-detail-dialog__header,
    .game-detail-dialog__body {
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .game-detail-page *,
    .game-detail-page *::before,
    .game-detail-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}