/* Shared, scoped outcome presentation: does not style the game canvas or HUD. */
@font-face {
    font-family: "Lilita One Local";
    src: url("/jogar/assets/font/lilita-one.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
.mega-pix-outcome, .mega-pix-outcome * { box-sizing: border-box; }
.mega-pix-outcome {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: grid;
    place-items: center;
    padding: max(12px, env(safe-area-inset-top)) max(13px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(13px, env(safe-area-inset-left));
    overflow: hidden;
    overscroll-behavior: contain;
    isolation: isolate;
}
.mega-pix-outcome[hidden] { display: none !important; }
.mega-pix-outcome .outcome-backdrop {
    position: absolute;
    inset: 0;
    background: #020c16a8;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.mega-pix-outcome .outcome-card {
    position: relative;
    width: min(100%, 440px);
    min-width: 0;
    min-height: 0;
    max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: 46px 23px 16px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    border-color: #c8d96d80;
    background: radial-gradient(ellipse at 50% 32%, #1a996329, transparent 57%), linear-gradient(155deg, #11323a, #082c30 48%, #081d2a);
    box-shadow: 0 25px 100px #000b, inset 0 1px 0 #e9ffce24;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: 400;
    line-height: normal;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}
.mega-pix-outcome .outcome-card::-webkit-scrollbar { display: none; }
.mega-pix-outcome .outcome-card::before { inset: 7px; border-radius: 23px; }
.mega-pix-outcome .outcome-card--win { --outcome-heading-limit: 7.5vw; }
.mega-pix-outcome .outcome-title {
    margin: 0;
    padding: 0;
    font: min(36.8px, var(--outcome-heading-limit, 10.5vw))/.91 "Lilita One Local", sans-serif;
    letter-spacing: -.5px;
    white-space: nowrap;
    color: #f4fff7;
    text-shadow: 0 4px 0 #042c25;
}
.mega-pix-outcome .outcome-title em { display: inline; padding: 0; font-style: normal; color: #ffdf66; text-shadow: 0 4px 0 #84621e, 0 8px 18px #0002; }
.mega-pix-outcome .outcome-art { --mega-pix-art-height: 208px; margin: 5px -10px 7px; }
.mega-pix-outcome .outcome-art .mega-pix-spark--one { top: 56px; left: 9px; }
.mega-pix-outcome .outcome-art .mega-pix-spark--two { right: 17px; }
.mega-pix-outcome .outcome-jackpot { padding: 12px 10px 13px; border-color: #e4cc665e; }
.mega-pix-outcome .outcome-jackpot > p { font-size: 9px; letter-spacing: 2px; }
.mega-pix-outcome .outcome-jackpot .mega-pix-amount strong { font-size: 54px; }
.mega-pix-outcome .outcome-description {
    display: grid;
    gap: 10px;
    margin: 17px 0;
    color: #f5faf7;
    font: 400 clamp(16px, 4.8vw, 20px)/1.18 "Lilita One Local", sans-serif;
    text-shadow: 0 1px 2px #03161c66;
    text-wrap: balance;
}
.mega-pix-outcome .outcome-description p { margin: 0; line-height: inherit; }
.mega-pix-outcome .outcome-description p:first-child { font-size: 1em; }
.mega-pix-outcome .outcome-description strong { color: inherit; font-weight: 400; }
.mega-pix-outcome .outcome-description p:first-child strong { color: #ffd438; }
.mega-pix-outcome .outcome-description p:nth-child(2) { color: #e2ede9; font-size: .95em; }
.mega-pix-outcome .outcome-description p:nth-child(3) { color: #cee0d8; font-size: .86em; line-height: 1.3; }
.mega-pix-outcome .outcome-cta {
    min-height: 58px;
    font-size: 23px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    animation: outcome-signup-pulse 2s ease-in-out infinite;
    transform-origin: center;
}
.mega-pix-outcome .outcome-cta:is(:hover, :focus-visible, :active) { animation: none; }
@keyframes outcome-signup-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.025); }
}
.mega-pix-outcome .outcome-invitation {
    margin: 17px 0 0;
    color: #fff3c2;
    font-size: min(16px, 3.9vw);
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    text-shadow: 0 1px 7px #001d25;
}
@media (max-width: 420px) {
    .mega-pix-outcome .outcome-card { padding-right: 17px; padding-bottom: 15px; padding-left: 17px; border-radius: 26px; }
    .mega-pix-outcome .outcome-title { font-size: min(33.6px, var(--outcome-heading-limit, 10.5vw)); }
    .mega-pix-outcome .outcome-art { --mega-pix-art-height: 198px; }
    .mega-pix-outcome .outcome-cta { font-size: 22px; }
}
@media (max-height: 760px) {
    .mega-pix-outcome .outcome-card { padding-top: 26px; padding-bottom: 12px; }
    .mega-pix-outcome .outcome-title { font-size: min(28px, var(--outcome-heading-limit, 10.5vw)); }
    .mega-pix-outcome .outcome-art { --mega-pix-art-height: 144px; margin-top: 3px; margin-bottom: 6px; }
    .mega-pix-outcome .outcome-jackpot { padding: 9px 8px; }
    .mega-pix-outcome .outcome-jackpot .mega-pix-amount strong { font-size: 46px; }
    .mega-pix-outcome .outcome-description { font-size: 17px; gap: 8px; margin: 13px 0; }
    .mega-pix-outcome .outcome-cta { min-height: 50px; font-size: 21px; padding: 12px 7px; }
}
@media (max-width: 375px) and (max-height: 620px) {
    .mega-pix-outcome .outcome-card { padding: 20px 14px 11px; }
    .mega-pix-outcome .outcome-title { font-size: min(24px, var(--outcome-heading-limit, 10.5vw)); }
    .mega-pix-outcome .outcome-art { --mega-pix-art-height: 106px; }
    .mega-pix-outcome .outcome-jackpot > p { font-size: 8px; }
    .mega-pix-outcome .outcome-jackpot .mega-pix-amount strong { font-size: 40px; }
    .mega-pix-outcome .outcome-description { font-size: 15px; line-height: 1.16; gap: 7px; margin: 11px 0; }
    .mega-pix-outcome .outcome-cta { min-height: 46px; font-size: 19px; }
    .mega-pix-outcome .outcome-invitation { margin-top: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .mega-pix-outcome .outcome-cta { animation: none; }
}