.phantom-red {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-36: 2.25rem;
    --ep-values-infinity: 624.9375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-accent-blue: #ff4d5d;
    --ep-accent-red: #E64021;
    --ep-accent-orange: #FC974C;
    --ep-accent-green: #53C154;
    --ep-accent-yellow: #F5C84C;
    --ep-neutral-white-white-100: rgba(255, 255, 255, 1);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgba(0, 0, 0, 1);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-primary-primary-900: rgba(84, 10, 13, 1);
    --ep-primary-primary-800: rgba(125, 15, 20, 1);
    --ep-primary-primary-700: rgba(163, 20, 28, 1);
    --ep-primary-primary-600: rgba(199, 23, 31, 1);
    --ep-primary-primary-500: rgba(232, 31, 36, 1);
    --ep-primary-primary-400: rgba(247, 97, 99, 1);
    --ep-primary-primary-300: rgba(255, 158, 158, 1);
    --ep-primary-primary-200: rgba(255, 199, 201, 1);
    --ep-primary-primary-100: rgba(255, 232, 235, 1);
    --ep-primary-primary-Opacity: rgba(232, 31, 36, .4);
    --ep-secondary-secondary-900: rgba(78, 0, 0, 1);
    --ep-secondary-secondary-800: rgba(106, 0, 0, 1);
    --ep-secondary-secondary-700: rgba(138, 0, 0, 1);
    --ep-secondary-secondary-600: rgba(176, 0, 0, 1);
    --ep-secondary-secondary-500: rgba(210, 17, 27, 1);
    --ep-secondary-secondary-400: rgba(231, 80, 86, 1);
    --ep-secondary-secondary-300: rgba(244, 146, 150, 1);
    --ep-secondary-secondary-200: rgba(251, 193, 195, 1);
    --ep-secondary-secondary-100: rgba(255, 235, 235, 1);
    --ep-secondary-secondary-Opacity: rgba(210, 17, 27, .4);
    --ep-tertiary-tertiary-900: rgba(84, 66, 94, 1);
    --ep-tertiary-tertiary-800: rgba(105, 89, 122, 1);
    --ep-tertiary-tertiary-700: rgba(130, 107, 148, 1);
    --ep-tertiary-tertiary-600: rgba(153, 128, 171, 1);
    --ep-tertiary-tertiary-500: rgba(171, 150, 191, 1);
    --ep-tertiary-tertiary-400: rgba(204, 186, 214, 1);
    --ep-tertiary-tertiary-300: rgba(222, 209, 230, 1);
    --ep-tertiary-tertiary-200: rgba(237, 232, 242, 1);
    --ep-tertiary-tertiary-100: rgba(247, 245, 250, 1);
    --ep-tertiary-tertiary-Opacity: rgba(171, 150, 191, .4);
    --ep-inverse-inverse-900: rgba(96, 0, 0, 1);
    --ep-inverse-inverse-800: rgba(126, 0, 0, 1);
    --ep-inverse-inverse-700: rgba(160, 0, 0, 1);
    --ep-inverse-inverse-600: rgba(194, 0, 0, 1);
    --ep-inverse-inverse-500: rgba(227, 17, 30, 1);
    --ep-inverse-inverse-400: rgba(238, 90, 97, 1);
    --ep-inverse-inverse-300: rgba(246, 152, 156, 1);
    --ep-inverse-inverse-200: rgba(251, 202, 204, 1);
    --ep-inverse-inverse-100: rgba(255, 236, 236, 1);
    --ep-inverse-inverse-Opacity: rgba(227, 17, 30, .4);
    --ep-neutral-gray-gray-L01: rgba(14, 0, 0, 1);
    --ep-neutral-gray-gray-L02: rgba(26, 0, 0, 1);
    --ep-neutral-gray-gray-L03: rgba(38, 0, 0, 1);
    --ep-neutral-gray-gray-L04: rgba(50, 0, 0, 1);
    --ep-neutral-gray-gray-L05: rgba(65, 0, 0, 1);
    --ep-neutral-gray-gray-L06: rgba(69, 28, 28, 1);
    --ep-neutral-gray-gray-L07: rgba(89, 38, 38, 1);
    --ep-neutral-gray-gray-L08: rgba(112, 51, 51, 1);
    --ep-neutral-gray-gray-L09: rgba(138, 66, 66, 1);
    --ep-neutral-gray-gray-L10: rgba(166, 84, 84, 1);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-secondary-a: rgba(98, 0, 0, 1);
    --ep-color-background-fill-gradients-secondary-b: rgba(26, 0, 0, 1);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-primary-primary-400);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-secondary);
    --ep-color-btn-level-2-text: var(--ep-color-text-brand-primary);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-primary-primary-300);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-primary-primary-300);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #ff4d4d) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #8f0000) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #8f0000) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #2a0000) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #ff4d4d) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #e11d2e) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #1a0505) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #3b0909) 100%);
    --ion-font-family: var(--ep-font-family);
    /* Sobrescreve cores Ionic primárias do PhantomBlue para vermelho */
    --ion-color-primary: #e81f24;
    --ion-color-primary-rgb: 232, 31, 36;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #cc1b20;
    --ion-color-primary-tint: #ea353a;
    --ion-background-color: rgba(26, 0, 0, 1);
    --ion-background-color-rgb: 26, 0, 0;
    --ion-item-background: rgba(38, 0, 0, 1);
    --ion-card-background: rgba(50, 0, 0, 1);
    --ion-toolbar-background: rgba(38, 0, 0, 1);
    --ion-tab-bar-background: rgba(26, 0, 0, 1)
}

.phantom-red * {
    font-family: var(--ep-font-family)
}

.phantom-red .main-page .header[data-v-8eed52d8],
.phantom-red .main-page[data-v-8eed52d8]:before,
.phantom-red .main-page[data-v-8eed52d8]:after,
.phantom-red .main-page .main-content[data-v-8eed52d8] {
    animation: background-color-8eed52d8 1s ease-in-out
}

.phantom-red .main-page[data-v-8eed52d8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 6.25rem;
    z-index: -1;
    width: 4.0625rem;
    height: 15rem;
    transform: rotate(-57.248deg);
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    filter: blur(4.375rem)
}

.phantom-red .main-page[data-v-8eed52d8]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 6.3125rem;
    height: 10.8125rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(3rem)
}

.phantom-red .main-page .main-content[data-v-8eed52d8] {
    --background: transparent;
}

/* Fundo interno da plataforma - vermelho escuro persistente */
.phantom-red #inicio ion-content,
.phantom-red ion-content.main-content {
    --background: linear-gradient(180deg, #4a0000 0%, #2a0000 60%, #1a0000 100%);
}
.phantom-red #inicio ion-content::part(background) {
    background: linear-gradient(180deg, #4a0000 0%, #2a0000 60%, #1a0000 100%);
}

.phantom-red body {
    background: radial-gradient(1200px circle at 20% 0%, #ff2d2d 0, #b10f0f 24%, #5b0000 52%, #120000 100%);
    color: #ffffff;
}

.phantom-red #app,
.phantom-red .page-wrapper,
.phantom-red .page-content,
.phantom-red .main-page,
.phantom-red .main-page .main-content {
    background: transparent;
}

.phantom-red .main-page {
    background: radial-gradient(1000px circle at 50% 0%, rgba(255, 120, 120, .22) 0, rgba(153, 0, 0, .38) 30%, rgba(56, 0, 0, .88) 100%);
}

.phantom-red .main-page .header[data-v-8eed52d8],
.phantom-red .main-page .main-content[data-v-8eed52d8] {
    background: linear-gradient(180deg, rgba(255, 84, 84, .18) 0%, rgba(71, 0, 0, 0) 100%);
}

.phantom-red .main-page .header[data-v-8eed52d8] {
    box-shadow: 0 0 0 1px rgba(255, 110, 110, .18) inset;
}

.phantom-red .tab-bar.layout1 .background-img,
.phantom-red .tab-bar.layout2 .background-img,
.phantom-red .tab-bar .background-img {
    background: linear-gradient(180deg, rgba(181, 15, 15, 1) 0%, rgba(82, 0, 0, 1) 100%);
}

.phantom-red .tab-bar.layout1 .background-img ion-icon,
.phantom-red .tab-bar.layout2 .background-img ion-icon,
.phantom-red .tab-bar .background-img ion-icon {
    filter: sepia(1) saturate(7) hue-rotate(-22deg) brightness(.84) contrast(1.08);
}

.phantom-red .tab-bar.layout1 .background-img path,
.phantom-red .tab-bar.layout2 .background-img path,
.phantom-red .tab-bar .background-img path {
    fill: #6e0000 !important;
}

.phantom-red .layout1.hot-btn .svg-wall stop,
.phantom-red .layout1.hot-btn .svg-wall path,
.phantom-red .layout1.hot-btn .hot-img path,
.phantom-red .layout1.hot-btn .hot-img-1 path,
.phantom-red .layout1.hot-btn .hot-img-2 path {
    stop-color: #ff3d3d !important;
    fill: #ff3d3d !important;
}

.phantom-red .layout1.hot-btn,
.phantom-red .layout1.hot-btn .label-box ion-label {
    background: linear-gradient(180deg, rgba(255, 54, 54, .22) 0%, rgba(95, 0, 0, .98) 100%) !important;
    color: #ffffff !important;
}

.phantom-red .layout1.hot-btn {
    border-radius: 1rem !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(255, 90, 90, .28) 0%, rgba(120, 0, 0, .98) 100%) !important;
}

.phantom-red .layout1.hot-btn .label-box,
.phantom-red .layout1.hot-btn .img-box,
.phantom-red .layout1.hot-btn .wall {
    background: transparent !important;
}

.phantom-red .layout1.hot-btn.segment-button-checked,
.phantom-red .layout1.hot-btn.segment-button-checked .btn-wall,
.phantom-red ion-segment-button.segment-button-checked .layout1.hot-btn {
    background: linear-gradient(180deg, rgba(255, 90, 90, .28) 0%, rgba(120, 0, 0, .98) 100%) !important;
    border-color: rgba(255, 170, 170, .55) !important;
    box-shadow: 0 0 0 1px rgba(255, 150, 150, .22) inset, 0 12px 24px rgba(80, 0, 0, .42) !important;
}

.phantom-red ion-segment-button.segment-button-checked,
.phantom-red ion-segment-button.segment-button-checked::part(native) {
    border-radius: 1rem !important;
    overflow: hidden !important;
}

.phantom-red ion-segment-button.segment-button-checked::part(indicator-background) {
    background: transparent !important;
}

/* Mirrors the crimson-blaze override surface, but in red. */
.phantom-red .layout38.megaphone-wrapper{flex:1;overflow:hidden;height:100%;position:relative;display:flex;align-items:center;background:var(--ep-color-background-fill-surface-raised-L1)}
.phantom-red .layout38.megaphone-wrapper:before{content:"";position:absolute;top:0;left:0;z-index:2;width:2.25rem;height:100%;background:var(--ep-color-background-fill-surface-raised-L2)}
.phantom-red .layout38.megaphone-wrapper:after{content:"";position:absolute;top:0;right:0;z-index:2;width:2.5rem;height:100%;background:transparent}
.phantom-red .layout38.megaphone-wrapper .megaphone{z-index:4;width:1.5rem;height:1.5rem;font-size:1.5rem;margin-inline-start:.5rem;margin-inline-end:.375rem;color:var(--ep-color-icon-default,#F7FB43)}
.phantom-red .layout38.megaphone-wrapper .label{flex:1;z-index:0;font-size:var(--ep-font-size-m,.875rem);font-weight:var(--ep-font-weight-medium,600);color:var(--text-color,var(--ep-color-text-highlight))}
.phantom-red .layout38.pwa-header-wrap .left-area,.phantom-red .layout38.pwa-header-wrap .left-area .pwa-name{flex:1}
.phantom-red .layout38.content-box{position:relative;display:flex;justify-content:space-between;align-items:center}
.phantom-red .layout38.tab-bar-wrap{bottom:-.0625rem}
.phantom-red .layout38.flexible-tab{top:-2.75rem;width:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:.5rem}
.phantom-red .layout38.flexible-tab .flexible-img-main{width:6.25rem;height:6.25rem;position:relative;z-index:1;color:var(--ep-color-icon-default)}
.phantom-red .layout38.flexible-tab .flexible-tab-box:before{display:none;content:"";position:absolute;top:.0625rem;right:.0625rem;bottom:.0625rem;left:.0625rem;border-radius:50%;background-color:var(--ep-color-background-fill-surface-raised-L2)}
.phantom-red .layout38.flexible-tab .tab-label{margin-top:-1rem;display:block;font-size:var(--ep-font-size-l,1rem);font-weight:var(--ep-font-weight-bold,700);line-height:1;color:var(--ep-color-text-navigation-selected);text-align:center;text-transform:capitalize}
.phantom-red .layout38.menu-btn{padding:.5rem;margin:0 0 0 1.25rem;border-radius:var(--ep-border-radius-l,.875rem);background:linear-gradient(180deg,var(--ep-color-background-fill-active-primary) 0%,var(--ep-color-background-fill-surface-raised-L2) 47.92%,var(--ep-color-background-fill-surface-raised-L1) 100%);border:1px solid var(--ep-color-border-brand);--box-shadow:none}
.phantom-red .layout38.menu-btn .menu-icon{font-size:1.125rem;color:inherit;padding:0;border:none;border-radius:0;background-color:transparent}
.phantom-red .layout38.menu-btn .menu-icon.close{transform:rotate(0)}
.phantom-red .layout38.button-box{display:flex;flex-wrap:wrap;width:11.25rem;justify-content:space-between}
.phantom-red .layout38.button-box .login{width:5.625rem;height:2.125rem;min-height:2.125rem;--padding-top:.125rem;--padding-bottom:.125rem;--padding-start:.25rem;--padding-end:.25rem;--border-radius:var(--ep-border-radius-infinity,9999px);font-size:var(--ep-font-size-m,.875rem);font-weight:var(--ep-font-weight-bold,700);min-width:5.625rem}
.phantom-red .layout38.button-box .login::part(native){box-shadow:0-.125rem rgba(0,0,0,.5) inset;background:var(--ep-color-btn-level-2-bg);color:var(--ep-color-btn-level-2-text);mask-image:var(--sf-img-32);mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--sf-img-32);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.phantom-red .layout38.button-box .register-btn-warper{width:5.625rem;height:2.125rem}
.phantom-red .layout38.button-box .register-btn-warper .register{flex:1;width:100%;height:100%;white-space:nowrap;min-width:5.625rem;--padding-top:.5625rem;--padding-bottom:.5625rem;--padding-start:.625rem;--padding-end:.625rem;--border-radius:var(--ep-border-radius-infinity,9999px);font-size:var(--ep-font-size-m,.875rem);font-weight:var(--ep-font-weight-bold,700)}
.phantom-red .layout38.button-box .register-btn-warper .register::part(native){box-shadow:0-.125rem rgba(0,0,0,.5) inset;background:var(--ep-color-btn-level-3-bg);color:var(--ep-color-btn-level-3-text);mask-image:var(--sf-img-33);mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--sf-img-33);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.phantom-red .layout38.icon-btn{--border-style:solid;--border-width:.0625rem;--border-color:var(--ep-color-border-brand);--background:linear-gradient(180deg,#D21A1A 0%,#6E0707 47.92%,#430404 100%);--color:var(--ep-color-icon-default)}
.phantom-red .layout38.account .log-out-box{display:flex;position:relative;gap:.75rem}
.phantom-red .layout38.account .log-out-box .log-out-box-welcome{color:var(--ep-color-text-default);line-height:150%}
.phantom-red .layout38.account .log-out-box .log-out-box-welcome .welcome-label{font-size:var(--ep-font-size-xl);font-weight:var(--ep-font-weight-bold)}
.phantom-red .layout38.account .log-out-box .log-out-box-welcome .welcome-website{font-size:var(--ep-font-size-s);font-weight:var(--ep-font-weight-regular)}
.phantom-red .layout38.account .log-out-box .account-icon{width:2.5rem;height:2.5rem;padding:.375rem;position:relative;background-color:var(--ep-color-background-fill-surface-raised-L2);border-radius:100%;z-index:5}
.phantom-red .layout38.wrapper{display:flex;position:sticky;top:0;z-index:35;padding-inline:.75rem;scrollbar-width:none;overflow:hidden auto}
.phantom-red .layout38 ion-segment{border-radius:0}
.phantom-red .layout38.btn-wall{width:3.5rem;height:4.375rem;display:flex;flex-direction:column;align-items:center;position:relative;background-size:100% 100%}
.phantom-red .layout38.btn-wall .type-icon,.phantom-red html .layout38.btn-wall .type-img{width:2.875rem;height:2.875rem;font-size:2.875rem}
.phantom-red .layout38.btn-wall .type-img{display:block;background-size:800% 500%}
.phantom-red .layout38.btn-wall .label-wall{width:100%;align-items:center;justify-content:center}
.phantom-red .layout38.btn-wall .label-wall .label-icon{font-size:var(--ep-font-size-xs,.625rem);color:var(--ep-color-text-default-secondary,#7E9071)}
.phantom-red .layout38.btn-wall .label-wall .label{margin-top:.125rem;font-size:var(--ep-font-size-s,.75rem);font-weight:var(--ep-font-weight-bold,700);line-height:1;text-align:center;color:var(--ep-color-text-default);display:inline-block;width:100%}
.phantom-red .layout38.game-wrapper{width:100%}
.phantom-red .layout38.more{padding:.625rem 0;display:flex;justify-content:center}
.phantom-red .layout38.more .btn{display:flex;align-items:center;gap:.375rem}
.phantom-red .layout38.more .btn .btn-label{text-align:center;font-size:var(--ep-font-size-s);text-transform:capitalize;font-weight:var(--ep-font-weight-medium);color:var(--ep-color-text-default)}
.phantom-red .layout38.more .btn .btn-icon{font-size:var(--ep-font-size-s);transform:rotateX(0);transition:transform .3s ease;color:var(--ep-color-icon-brand-secondary)}
.phantom-red .layout38.game-head{background-size:auto 100%;background-repeat:no-repeat}
.phantom-red .layout38{position:relative;height:2.625rem;width:13.5rem;display:flex;align-items:center;flex-flow:wrap;z-index:2;overflow:hidden}
.phantom-red .layout38 svg{display:none}
.phantom-red .layout38 .game-start-bg-27{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.phantom-red .layout38 .logo{font-size:2rem;width:2rem;height:2rem;margin-right:.3125rem;color:var(--ep-color-icon-default)}
.phantom-red .layout38 .title-c{display:flex;gap:.375rem}
.phantom-red .layout38 .title-c .label{font-size:var(--ep-font-size-xl,1.125rem);font-weight:var(--ep-font-weight-bold,700);color:var(--ep-color-text-default)}
.phantom-red .layout38 .logo{font-size:2rem;width:2rem;height:2rem;margin-right:.3125rem;color:var(--ep-color-icon-default);background-size:700% 100%}
.phantom-red .layout38.total{flex:1;height:3.375rem;position:relative;z-index:1}
.phantom-red .layout38.total .game-page-bg-27{position:absolute}
.phantom-red .layout38.total .label-container{display:flex;align-items:center;justify-content:flex-end;height:2.625rem;font-size:0;padding-right:.5rem}
.phantom-red .layout38.total .label-container .label{font-size:var(--ep-font-size-l);margin-right:.5rem;color:var(--ep-color-text-default);font-weight:var(--ep-font-weight-bold)}
.phantom-red .layout38.total .label-container .number{display:flex;align-items:center;gap:.625rem;background:var(--ep-color-background-fill-body-default);padding:.375rem .1875rem .375rem .5rem;border-radius:var(--ep-border-radius-infinity);font-size:var(--ep-font-size-s);line-height:var(--ep-font-size-s);font-weight:var(--ep-font-weight-medium);color:var(--ep-color-text-default)}
.phantom-red .layout38.total .label-container .number .arrow-right{height:.625rem;color:var(--ep-color-icon-default)}
.phantom-red .layout38.partner-wrap .logo-box span{color:var(--ep-color-text-weak)}
.phantom-red .layout38.badge-box .badge-item .social-box::-webkit-scrollbar{display:none}
.phantom-red .layout38.support{width:2.625rem;height:2.625rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--ep-color-icon-brand-primary,#FF5900);position:fixed;left:1rem;z-index:50;bottom:calc(10.625rem + env(safe-area-inset-bottom))!important}
.phantom-red .layout38.support .support-icon{width:1.5rem;height:1.5rem;color:var(--ep-color-icon-default,#FFF)}
.phantom-red .layout38.game-list-box{width:calc(100% - 5.75rem)}
.phantom-red .layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper ion-segment ion-segment-button .btn-wall .type-img:after{display:none}
.phantom-red .layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper ion-segment ion-segment-button .btn-wall .type-img:after{display:none}

.phantom-red ion-segment-button.segment-button-checked,
.phantom-red ion-segment-button.segment-button-checked::part(native) {
    --indicator-color: #ff3d3d;
    --color: #ffffff;
    --color-checked: #ffffff;
    --background: linear-gradient(180deg, rgba(255, 105, 105, .22) 0%, rgba(110, 0, 0, .9) 100%);
    --background-checked: linear-gradient(180deg, rgba(255, 105, 105, .22) 0%, rgba(110, 0, 0, .9) 100%);
    --border-color: rgba(255, 110, 110, .42);
    --border-color-checked: rgba(255, 110, 110, .42);
    box-shadow: 0 0 0 1px rgba(255, 126, 126, .2) inset, 0 10px 24px rgba(112, 0, 0, .35);
}

.phantom-red ion-segment-button.segment-button-checked .btn-wall {
    background: linear-gradient(180deg, rgba(255, 103, 103, .26) 0%, rgba(140, 0, 0, .92) 100%) !important;
    border-color: rgba(255, 140, 140, .45) !important;
}

.phantom-red #hot_gradient_2 stop[offset="0"],
.phantom-red #hot_gradient_2 stop[offset="0.25"],
.phantom-red #hot_gradient_2 stop[offset="0.524038"],
.phantom-red #hot_gradient_2 stop[offset="0.774038"],
.phantom-red #hot_gradient_2 stop[offset="1"] {
    stop-color: #ff3d3d;
}

.phantom-red .wrapper.layout1.segment-c,
.phantom-red .segment-c.wrapper {
    background: linear-gradient(180deg, rgba(80, 0, 0, 0.82) 0%, rgba(40, 0, 0, 0.95) 100%) !important;
}

.phantom-red #inicio .main-content .order-container,
.phantom-red #inicio .main-content,
.phantom-red #inicio .main-content .order-container .segment-c,
.phantom-red #inicio .main-content .order-container .game-wrapper-c,
.phantom-red #inicio .main-content .order-container .game-list-box,
.phantom-red #inicio .main-content .order-container .ranking-c,
.phantom-red #inicio .main-content .order-container .apart-view-c,
.phantom-red #inicio .main-content .order-container .footer-c {
    background: linear-gradient(180deg, rgba(122, 0, 0, .34) 0%, rgba(55, 0, 0, .72) 60%, rgba(34, 0, 0, .86) 100%) !important;
}

.phantom-red #inicio .main-content .order-container .segment-c,
.phantom-red #inicio .main-content .order-container .game-wrapper-c,
.phantom-red #inicio .main-content .order-container .game-list-box {
    border-radius: .75rem;
}

@keyframes background-color-8eed52d8 {
    0% {
        background: var(--ep-color-background-fill-body-default)
    }

    to {
        background: var(--ep-color-background-fill-body-default)
    }
}

/* Promoção - fundo azul residual */
.phantom-red ion-content,
.phantom-red ion-page {
    --background: rgba(26, 0, 0, 1);
}

/* Botões azuis genéricos em qualquer aba */
.phantom-red ion-button[color="primary"],
.phantom-red ion-button.button-primary,
.phantom-red .phantom-red ion-button::part(native) {
    --background: linear-gradient(90deg, #e81f24 0%, #8f0000 100%);
    --color: #ffffff;
}

/* Depósito - botões e tabs azuis */
.phantom-red .deposit-c ion-button,
.phantom-red .payment-c ion-button,
.phantom-red .recharge-c ion-button,
.phantom-red [class*="deposit"] ion-button,
.phantom-red [class*="recharge"] ion-button,
.phantom-red [class*="payment"] ion-button {
    --background: linear-gradient(90deg, #e81f24 0%, #8f0000 100%) !important;
    --color: #ffffff !important;
}

/* Tabs/pills azuis de método de pagamento */
.phantom-red .payment-method-tab,
.phantom-red .pay-type-tab,
.phantom-red .pay-tab,
.phantom-red [class*="pay-tab"],
.phantom-red [class*="method-tab"] {
    background: rgba(80, 0, 0, 0.7) !important;
    border-color: rgba(200, 30, 30, 0.5) !important;
    color: #ffffff !important;
}

.phantom-red .payment-method-tab.active,
.phantom-red .pay-type-tab.active,
.phantom-red [class*="pay-tab"].active,
.phantom-red [class*="method-tab"].active {
    background: linear-gradient(90deg, #e81f24 0%, #8f0000 100%) !important;
}

/* Fundo promoção */
.phantom-red #promocao ion-content,
.phantom-red #deposito ion-content {
    --background: linear-gradient(180deg, #3a0000 0%, #1e0000 100%);
}

/* Neutraliza a classe phantom-blue injetada nos componentes de depósito */
.phantom-red .phantom-blue {
    --ep-neutral-gray-gray-L01: rgba(14, 0, 0, 1) !important;
    --ep-neutral-gray-gray-L02: rgba(26, 0, 0, 1) !important;
    --ep-neutral-gray-gray-L03: rgba(38, 0, 0, 1) !important;
    --ep-neutral-gray-gray-L04: rgba(50, 0, 0, 1) !important;
    --ep-neutral-gray-gray-L05: rgba(65, 0, 0, 1) !important;
    --ep-primary-primary-500: rgba(232, 31, 36, 1) !important;
    --ep-primary-primary-600: rgba(199, 23, 31, 1) !important;
    --ion-color-primary: #e81f24 !important;
    --ion-background-color: rgba(26, 0, 0, 1) !important;
    --ion-item-background: rgba(38, 0, 0, 1) !important;
}

/* Botões de valor (btn-wrap / bn-text) */
.phantom-red .btn-wrap {
    background: rgba(50, 0, 0, 0.9) !important;
    border-color: rgba(120, 20, 20, 0.6) !important;
    color: #ffffff !important;
}
.phantom-red .btn-wrap.active,
.phantom-red .btn-wrap.selected {
    background: linear-gradient(90deg, #e01f24 0%, #8a0000 100%) !important;
    border-color: #e01f24 !important;
}

/* Tabs de canal (channel-list li = pix / RECO) */
.phantom-red .channel-list li {
    background: rgba(50, 0, 0, 0.9) !important;
    border-color: rgba(120, 20, 20, 0.5) !important;
    color: #ffffff !important;
}
.phantom-red .channel-list li.active {
    background: linear-gradient(90deg, #e01f24 0%, #8a0000 100%) !important;
    border-color: #e01f24 !important;
}

/* Botões sólidos do Ionic ainda azuis (PhantomBlue compiled override) */
.phantom-red ion-button.button-solid::part(native),
.phantom-red ion-button[fill="solid"]::part(native),
.phantom-red ion-button::part(native) {
    background: linear-gradient(90deg, #e01f24 0%, #8a0000 100%) !important;
    color: #ffffff !important;
}

/* Botões de valor rápido (10,00 / 31,00 / 50,00 etc.) */
.phantom-red .amount-item,
.phantom-red .quick-amount,
.phantom-red .amount-btn,
.phantom-red .recharge-amount-item,
.phantom-red .money-item,
.phantom-red .recharge-item,
.phantom-red .deposit-item,
.phantom-red [class*="amount-item"],
.phantom-red [class*="quick-amount"],
.phantom-red [class*="recharge-item"],
.phantom-red [class*="money-item"],
.phantom-red [class*="deposit-item"] {
    background: rgba(70, 0, 0, 0.85) !important;
    border-color: rgba(160, 20, 20, 0.55) !important;
    color: #ffffff !important;
}
.phantom-red .amount-item.active,
.phantom-red .quick-amount.active,
.phantom-red [class*="amount-item"].active,
.phantom-red [class*="quick-amount"].active {
    background: linear-gradient(90deg, #e01f24 0%, #8a0000 100%) !important;
    border-color: #e01f24 !important;
}

/* Tabs de canal de pagamento (PIX ativo) */
.phantom-red .channel-tab,
.phantom-red .pay-channel,
.phantom-red [class*="channel-item"],
.phantom-red [class*="pay-channel"] {
    background: rgba(60, 0, 0, 0.8) !important;
    border-color: rgba(140, 20, 20, 0.5) !important;
    color: #ffffff !important;
}
.phantom-red .channel-tab.active,
.phantom-red .pay-channel.active,
.phantom-red [class*="channel-item"].active,
.phantom-red [class*="pay-channel"].active {
    background: linear-gradient(90deg, #e01f24 0%, #8a0000 100%) !important;
    border-color: #e01f24 !important;
}