@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700;800&display=swap");

@font-face {
    font-family: "Geist Pixel";
    font-display: swap;
    font-style: normal;
    font-weight: 400 900;
    src: url("../fonts/geist-pixel/GeistPixel-Regular-VariableFont_ELSH.ttf") format("truetype");
}

.tresneria-account-app,
.tresneria-arena-shell,
.tresneria-review-opportunities,
.tresneria-player-intro-app,
.tresneria-product-points {
    --tg-framework-font-body: "Geist Mono", ui-monospace, "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;
    --tg-framework-font-display: "Geist Pixel", "Geist Mono", ui-monospace, "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;
    --tg-motion-fast: 120ms;
    --tg-motion-base: 180ms;
    --tg-motion-panel: 240ms;
    --tg-motion-sheet: 360ms;
    --tg-motion-entry: 320ms;
    --tg-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
    --tg-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --tg-motion-ease-press: cubic-bezier(0.3, 0, 0.7, 1);
    --tg-motion-hover-lift: -2px;
    --tg-motion-entry-y: 10px;
    --tg-motion-panel-y: 18px;
    --tg-motion-press-scale: 0.985;
    --tg-motion-pop-scale: 1.035;
}

.tresneria-account-app .tg-motion-pressable,
.tresneria-arena-shell .tg-motion-pressable,
.tresneria-review-opportunities .tg-motion-pressable {
    transition:
        box-shadow var(--tg-motion-base) var(--tg-motion-ease),
        opacity var(--tg-motion-base) var(--tg-motion-ease),
        transform var(--tg-motion-fast) var(--tg-motion-ease-press);
}

.tresneria-account-app .tg-motion-pressable:hover,
.tresneria-account-app .tg-motion-pressable:focus-visible,
.tresneria-arena-shell .tg-motion-pressable:hover,
.tresneria-arena-shell .tg-motion-pressable:focus-visible,
.tresneria-review-opportunities .tg-motion-pressable:hover,
.tresneria-review-opportunities .tg-motion-pressable:focus-visible {
    transform: translate3d(0, var(--tg-motion-hover-lift), 0);
}

.tresneria-account-app .tg-motion-pressable:active,
.tresneria-account-app .tg-motion-pressable.is-pressing,
.tresneria-arena-shell .tg-motion-pressable:active,
.tresneria-arena-shell .tg-motion-pressable.is-pressing,
.tresneria-review-opportunities .tg-motion-pressable:active,
.tresneria-review-opportunities .tg-motion-pressable.is-pressing {
    transform: translate3d(0, 1px, 0) scale(var(--tg-motion-press-scale));
}

.tresneria-account-app .tg-motion-soft-entry,
.tresneria-arena-shell .tg-motion-soft-entry,
.tresneria-review-opportunities .tg-motion-soft-entry {
    animation: tg-motion-soft-entry var(--tg-motion-entry) var(--tg-motion-ease-out) both;
}

.tresneria-account-app .tg-motion-pop,
.tresneria-arena-shell .tg-motion-pop,
.tresneria-review-opportunities .tg-motion-pop {
    animation: tg-motion-pop var(--tg-motion-panel) var(--tg-motion-ease-out) both;
}

@keyframes tg-motion-soft-entry {
    from {
        opacity: 0;
        transform: translate3d(0, var(--tg-motion-entry-y), 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes tg-motion-panel-in {
    from {
        opacity: 0;
        transform: translate3d(0, var(--tg-motion-panel-y), 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes tg-motion-panel-out {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--tg-motion-panel-y), 0);
    }
}

@keyframes tg-motion-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes tg-motion-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes tg-motion-pop {
    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(var(--tg-motion-pop-scale));
    }

    100% {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tresneria-account-app,
    .tresneria-arena-shell,
    .tresneria-review-opportunities {
        --tg-motion-fast: 1ms;
        --tg-motion-base: 1ms;
        --tg-motion-panel: 1ms;
        --tg-motion-sheet: 1ms;
        --tg-motion-entry: 1ms;
        --tg-motion-hover-lift: 0px;
        --tg-motion-entry-y: 0px;
        --tg-motion-panel-y: 0px;
        --tg-motion-press-scale: 1;
        --tg-motion-pop-scale: 1;
    }

    .tresneria-account-app *,
    .tresneria-account-app *::before,
    .tresneria-account-app *::after,
    .tresneria-arena-shell *,
    .tresneria-arena-shell *::before,
    .tresneria-arena-shell *::after,
    .tresneria-review-opportunities *,
    .tresneria-review-opportunities *::before,
    .tresneria-review-opportunities *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}