html.app-native-runtime {
    scroll-behavior: auto !important;
}

html.app-native-runtime body {
    overscroll-behavior-y: contain;
    background: linear-gradient(180deg, #fff7fa 0%, #f3f8ff 100%) !important;
}

html.app-native-runtime,
html.app-native-runtime body {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

html.app-native-runtime .gh-pressed {
    transform: scale(0.965);
    transition: transform 70ms ease-out;
}

html.app-native-runtime button,
html.app-native-runtime a,
html.app-native-runtime input,
html.app-native-runtime textarea,
html.app-native-runtime select,
html.app-native-runtime [role="button"],
html.app-native-runtime [tabindex] {
    touch-action: manipulation;
}

html.app-native-runtime *,
html.app-native-runtime *::before,
html.app-native-runtime *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html.app-native-runtime .app-main-navigation {
    contain: strict;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: auto;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #ffffff !important;
    box-shadow: 0 -0.025rem 0.08rem rgba(120, 105, 132, 0.1) !important;
    transition: none !important;
}

html.app-native-runtime .app-main-navigation__selection {
    contain: strict;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 120ms ease-out !important;
}

html.app-native-runtime .detail-game-card::after,
html.app-native-runtime .detail-game-card .list-game-icon::before,
html.app-native-runtime .game-list-card::after,
html.app-native-runtime .list-game-icon::before,
html.app-native-runtime .home-icon-ring,
html.app-native-runtime .activity-status-pulse,
html.app-native-runtime .detail-cover-glow,
html.app-native-runtime .game-cover-ring {
    animation: none !important;
}

html.app-native-runtime .app-main-navigation__item,
html.app-native-runtime .app-main-navigation__icon,
html.app-native-runtime .app-main-navigation__icon i,
html.app-native-runtime .app-main-navigation__label {
    transition-duration: 80ms !important;
}

html.app-native-runtime .ui-card,
html.app-native-runtime .ui-subcard,
html.app-native-runtime .game-card,
html.app-native-runtime .record-item {
    box-shadow: 0 0.04rem 0.12rem rgba(120, 105, 132, 0.1) !important;
}

html.app-native-runtime .nav-bar,
html.app-native-runtime .detail-nav,
html.app-native-runtime .detail-actions,
html.app-native-runtime .input-bar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 0.03rem 0.1rem rgba(120, 105, 132, 0.1) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.app-native-runtime *,
    html.app-native-runtime *::before,
    html.app-native-runtime *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
    }
}