/* Nossa Arena / MEGA PIX presentation. No financial or game-state styles. */
.mega-pix-launcher {
    position: fixed;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(22px, env(safe-area-inset-bottom));
    z-index: 25;
    width: 88px;
    height: 140px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    isolation: isolate;
}
.mega-pix-launcher__halo {
    position: absolute;
    inset: 44px 0 5px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(ellipse, #53e57355, #0b8f4630 45%, transparent 70%);
}
.mega-pix-launcher__ball {
    position: absolute;
    width: 74px;
    height: 74px;
    top: 39px;
    left: 7px;
    filter: drop-shadow(0 4px 5px #0007);
    animation: mega-pix-bounce 1.85s linear infinite;
    transform-origin: 50% 100%;
}
.mega-pix-launcher__shadow {
    position: absolute;
    top: 108px;
    left: 24px;
    width: 40px;
    height: 9px;
    background: #0009;
    border-radius: 50%;
    filter: blur(3px);
    animation: mega-pix-shadow 1.85s linear infinite;
}
.mega-pix-launcher__label {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    padding: 6px 4px;
    border: 1px solid #ffe56a;
    border-radius: 9px;
    background: linear-gradient(#ffe76c, #ffc626);
    color: #103722;
    font: 17px/1 "Lilita One Local", sans-serif;
    box-shadow: 0 3px 0 #ab7717, 0 5px 15px #0005;
    white-space: nowrap;
}
.mega-pix-launcher__label b { font-weight: 400; color: #145b2e; }
body.modal-open .mega-pix-launcher { visibility: hidden; }
.mega-pix-shell {
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
    overflow: hidden;
}
.mega-pix-backdrop {
    position: fixed;
    background: radial-gradient(ellipse at 50% 30%, #0c432d66, transparent 65%), #020b15d9;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.mega-pix-card {
    width: min(100%, 450px);
    padding: 32px 23px 21px;
    border: 1px solid #c7db6c88;
    border-radius: 30px;
    background:
        radial-gradient(ellipse at 50% 33%, #16995b3b, transparent 53%),
        linear-gradient(155deg, #133c32 0%, #082f2c 30%, #081d2b 73%, #071923 100%);
    box-shadow: 0 28px 95px #0009, inset 0 1px 0 #f5ffd126, 0 0 45px #30d17b0c;
    color: #f7fff9;
    text-align: center;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #6b9b7655 transparent;
    isolation: isolate;
}
.mega-pix-card::before {
    content: "";
    position: absolute;
    inset: 9px;
    z-index: -1;
    border: 1px solid #cce9ac13;
    border-radius: 22px;
    pointer-events: none;
}
.mega-pix-card:focus { outline: none; }
.mega-pix-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 1px solid #edf6dc29;
    border-radius: 50%;
    background: #ffffff09;
    color: #e0ebdb;
    cursor: pointer;
}
.mega-pix-close svg { width: 100%; height: 100%; }
.mega-pix-eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin: 9px 13px 13px;
    color: #c6e29c;
    font: 700 9px/1.4 "Trebuchet MS", sans-serif;
    letter-spacing: 2px;
}
.mega-pix-eyebrow span { width: 17px; height: 1px; background: #c6e29c77; }
.mega-pix-title {
    position: relative;
    z-index: 1;
    margin: 0;
    font: 42px/.98 "Lilita One Local", sans-serif;
    letter-spacing: -.5px;
    text-shadow: 0 4px 0 #062820;
}
.mega-pix-title em {
    display: inline-block;
    padding-top: 4px;
    font-size: .98em;
    font-style: normal;
    color: #ffdc4f;
    text-shadow: 0 4px 0 #86631b, 0 8px 20px #0003;
}
.mega-pix-art {
    --mega-pix-art-height: 234px;
    position: relative;
    height: var(--mega-pix-art-height);
    margin: 7px -10px 8px;
    display: grid;
    place-items: center;
    isolation: isolate;
}
.mega-pix-art::before {
    content: "";
    position: absolute;
    inset: 0 12%;
    z-index: -1;
    background: radial-gradient(ellipse, #98ee794a, #3bd37218 48%, transparent 72%);
}
.mega-pix-art img {
    position: absolute;
    inset: 0;
    height: var(--mega-pix-art-height);
    max-height: var(--mega-pix-art-height);
    min-height: 0;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 13px #001a2477);
}
.mega-pix-orbit {
    position: absolute;
    z-index: -1;
    width: 95%;
    height: 90px;
    border: 1px solid #f4d5553b;
    border-radius: 50%;
    transform: rotate(-18deg);
}
.mega-pix-orbit--two { width: 80%; transform: rotate(31deg); border-color: #75f8a429; }
.mega-pix-spark { position: absolute; color: #ffe787; font-size: 25px; }
.mega-pix-spark--one { top: 65px; left: 2px; transform: rotate(13deg); }
.mega-pix-spark--two { top: 22px; right: 9px; font-size: 16px; }
.mega-pix-jackpot {
    position: relative;
    padding: 15px 10px 12px;
    border: 1px solid #e1d2616b;
    border-radius: 19px;
    background: radial-gradient(ellipse at top, #e3d26119, transparent 70%), linear-gradient(130deg, #17392d, #153b32 48%, #12302a);
    box-shadow: inset 0 1px 0 #ffe78115, 0 8px 22px #0002;
}
.mega-pix-jackpot p { margin: 0 0 3px; color: #f7df8f; font-size: 10px; font-weight: 700; letter-spacing: 2.3px; }
.mega-pix-amount { display: flex; align-items: baseline; justify-content: center; gap: 7px; white-space: nowrap; }
.mega-pix-amount > span { font: 24px/1 "Lilita One Local", sans-serif; color: #f9dc6a; }
.mega-pix-amount strong {
    color: #ffe78b;
    font: 58px/1.1 "Lilita One Local", sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: -1px;
    text-shadow: 0 3px 0 #7a611e;
}
.mega-pix-cents { font-size: .67em; }
.mega-pix-jackpot__caption {
    display: block;
    max-width: 270px;
    margin: 10px auto 0;
    color: #fff3c2;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    text-wrap: balance;
    text-shadow: 0 1px 7px #001d25;
}
.mega-pix-description { margin: 17px -2px; color: #d0dfdb; font-size: 15px; line-height: 1.55; }
.mega-pix-description strong { color: #f7f1cf; }
.mega-pix-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 60px;
    padding: 14px 9px;
    border: 1px solid #fff3aa;
    border-radius: 15px;
    background: linear-gradient(#ffe66b, #ffd335 55%, #ffca20);
    box-shadow: 0 5px 0 #a27514, inset 0 1px 0 #fff8cb, 0 10px 26px #ffc93019;
    color: #153b24;
    font: 23px/1 "Lilita One Local", sans-serif;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}
.mega-pix-cta svg { width: 24px; height: 24px; flex-shrink: 0; }
.mega-pix-cta:hover { filter: brightness(1.05); transform: translateY(-1px); }
.mega-pix-cta:active { transform: translateY(3px); }
.mega-pix-footnote { margin: 23px 0 0; padding-top: 15px; border-top: 1px solid #e6dc7c20; color: #a5bbb3; font-size: 11px; }
.mega-pix-footnote strong { color: #e8d788; }
.mega-pix-launcher:focus-visible, .mega-pix-close:focus-visible, .mega-pix-cta:focus-visible { outline: 3px solid #94edff; outline-offset: 5px; }
@keyframes mega-pix-bounce {
    0%, 100% { transform: translateY(0) scale(1.12, .88) rotate(-8deg); }
    4% { transform: translateY(-5px) scale(.94, 1.07) rotate(-6deg); animation-timing-function: ease-out; }
    26% { transform: translateY(-38px) scale(1) rotate(6deg); animation-timing-function: ease-in; }
    47% { transform: translateY(0) scale(1.13, .86) rotate(12deg); }
    51% { transform: translateY(-4px) scale(.96, 1.06) rotate(10deg); animation-timing-function: ease-out; }
    66% { transform: translateY(-18px) scale(1) rotate(0deg); animation-timing-function: ease-in; }
    81% { transform: translateY(0) scale(1.08, .92) rotate(-6deg); animation-timing-function: ease-out; }
    90% { transform: translateY(-7px) scale(1) rotate(-8deg); animation-timing-function: ease-in; }
}
@keyframes mega-pix-shadow {
    0%, 47%, 81%, 100% { transform: scaleX(1.1); opacity: .8; }
    26% { transform: scaleX(.45); opacity: .25; }
    66% { transform: scaleX(.65); opacity: .4; }
    90% { transform: scaleX(.85); opacity: .6; }
}
@media (max-width: 420px) {
    .mega-pix-card { padding: 29px 17px 18px; border-radius: 25px; }
    .mega-pix-title { font-size: clamp(30px, 9vw, 37px); }
    .mega-pix-art { --mega-pix-art-height: 213px; }
    .mega-pix-amount strong { font-size: 53px; }
    .mega-pix-cta { font-size: 21px; }
    .mega-pix-eyebrow { font-size: 8px; letter-spacing: 1.6px; }
}
@media (max-height: 760px) {
    .mega-pix-card { padding-top: 24px; padding-bottom: 14px; }
    .mega-pix-eyebrow { margin-top: 6px; margin-bottom: 9px; }
    .mega-pix-title { font-size: 32px; }
    .mega-pix-art { --mega-pix-art-height: 168px; margin-top: 5px; margin-bottom: 6px; }
    .mega-pix-jackpot { padding-top: 10px; padding-bottom: 9px; }
    .mega-pix-amount strong { font-size: 46px; }
    .mega-pix-jackpot__caption { margin-top: 8px; font-size: 16px; }
    .mega-pix-description { margin: 12px 0; font-size: 14px; }
    .mega-pix-cta { min-height: 52px; font-size: 20px; }
    .mega-pix-footnote { margin-top: 18px; padding-top: 12px; }
}
@media (max-width: 375px) and (max-height: 620px) {
    .mega-pix-card { padding: 20px 14px 12px; }
    .mega-pix-title { font-size: 28px; }
    .mega-pix-art { --mega-pix-art-height: 132px; }
    .mega-pix-eyebrow { font-size: 7px; letter-spacing: 1.2px; }
    .mega-pix-description { margin: 10px 0; font-size: 13px; }
    .mega-pix-footnote { margin-top: 15px; padding-top: 10px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .mega-pix-launcher__ball, .mega-pix-launcher__shadow { animation: none; }
    .mega-pix-cta { transition: none; }
}