.phantom-yellow {
    --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: #f5c84c;
    --ep-accent-red: #dca400;
    --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(123, 87, 0, 1);
    --ep-primary-primary-800: rgba(173, 123, 0, 1);
    --ep-primary-primary-700: rgba(193, 142, 0, 1);
    --ep-primary-primary-600: rgba(219, 164, 0, 1);
    --ep-primary-primary-500: rgba(245, 196, 39, 1);
    --ep-primary-primary-400: rgba(255, 220, 120, 1);
    --ep-primary-primary-300: rgba(255, 226, 140, 1);
    --ep-primary-primary-200: rgba(255, 241, 180, 1);
    --ep-primary-primary-100: rgba(255, 246, 210, 1);
    --ep-primary-primary-Opacity: rgba(245, 196, 39, .4);
    --ep-secondary-secondary-900: rgba(78, 58, 0, 1);
    --ep-secondary-secondary-800: rgba(106, 79, 0, 1);
    --ep-secondary-secondary-700: rgba(138, 103, 0, 1);
    --ep-secondary-secondary-600: rgba(206, 150, 0, 1);
    --ep-secondary-secondary-500: rgba(235, 180, 0, 1);
    --ep-secondary-secondary-400: rgba(255, 214, 102, 1);
    --ep-secondary-secondary-300: rgba(255, 232, 140, 1);
    --ep-secondary-secondary-200: rgba(255, 243, 188, 1);
    --ep-secondary-secondary-100: rgba(255, 249, 220, 1);
    --ep-secondary-secondary-Opacity: rgba(235, 180, 0, .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, 72, 0, 1);
    --ep-inverse-inverse-800: rgba(126, 94, 0, 1);
    --ep-inverse-inverse-700: rgba(160, 120, 0, 1);
    --ep-inverse-inverse-600: rgba(194, 146, 0, 1);
    --ep-inverse-inverse-500: rgba(242, 196, 53, 1);
    --ep-inverse-inverse-400: rgba(255, 214, 102, 1);
    --ep-inverse-inverse-300: rgba(245, 220, 148, 1);
    --ep-inverse-inverse-200: rgba(248, 232, 184, 1);
    --ep-inverse-inverse-100: rgba(255, 248, 216, 1);
    --ep-inverse-inverse-Opacity: rgba(242, 196, 53, .4);
    --ep-neutral-gray-gray-L01: rgba(18, 14, 0, 1);
    --ep-neutral-gray-gray-L02: rgba(28, 22, 0, 1);
    --ep-neutral-gray-gray-L03: rgba(40, 30, 0, 1);
    --ep-neutral-gray-gray-L04: rgba(54, 40, 0, 1);
    --ep-neutral-gray-gray-L05: rgba(68, 50, 0, 1);
    --ep-neutral-gray-gray-L06: rgba(82, 60, 0, 1);
    --ep-neutral-gray-gray-L07: rgba(98, 72, 0, 1);
    --ep-neutral-gray-gray-L08: rgba(116, 86, 0, 1);
    --ep-neutral-gray-gray-L09: rgba(136, 102, 0, 1);
    --ep-neutral-gray-gray-L10: rgba(160, 120, 0, 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, 72, 0, 1);
    --ep-color-background-fill-gradients-secondary-b: rgba(26, 20, 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, #f5c84c) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #b07c00) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #b07c00) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #2a1f00) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #f5c84c) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #c99700) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #1a1400) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #3b2c00) 100%);
    --ion-font-family: var(--ep-font-family);
    /* Sobrescreve cores Ionic primárias do PhantomBlue para amarelo */
    --ion-color-primary: #e0b000;
    --ion-color-primary-rgb: 224, 176, 0;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #c08f00;
    --ion-color-primary-tint: #f2c43d;
    --ion-background-color: rgba(26, 20, 0, 1);
    --ion-background-color-rgb: 26, 20, 0;
    --ion-item-background: rgba(38, 28, 0, 1);
    --ion-card-background: rgba(50, 38, 0, 1);
    --ion-toolbar-background: rgba(38, 28, 0, 1);
    --ion-tab-bar-background: rgba(26, 20, 0, 1)
}

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

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

.phantom-yellow .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-yellow .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-yellow .main-page .main-content[data-v-8eed52d8] {
    --background: transparent;
}

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

.phantom-yellow body {
    background: radial-gradient(1200px circle at 20% 0%, #ffd24a 0, #c99700 24%, #8a6500 52%, #111000 100%);
    color: #ffffff;
}

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

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

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

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

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

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

.phantom-yellow .tab-bar.layout1 .background-img path,
.phantom-yellow .tab-bar.layout2 .background-img path,
.phantom-yellow .tab-bar .background-img path {
    fill: #dca400 !important;
}

.phantom-yellow .tab-btn .red-point,
.phantom-yellow .tab-btn .red-point.absolute,
.phantom-yellow .tab-btn .red-point[class*="point-"] {
    background: linear-gradient(180deg, #f5c84c 0%, #c99700 100%) !important;
    color: #2a1f00 !important;
    box-shadow: 0 0 0 1px rgba(255, 241, 180, .65), 0 0 10px rgba(245, 200, 76, .45) !important;
}

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

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

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

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

.phantom-yellow .layout1.hot-btn.segment-button-checked,
.phantom-yellow .layout1.hot-btn.segment-button-checked .btn-wall,
.phantom-yellow ion-segment-button.segment-button-checked .layout1.hot-btn {
    background: linear-gradient(180deg, rgba(255, 214, 102, .28) 0%, rgba(120, 89, 0, .98) 100%) !important;
    border-color: rgba(255, 227, 130, .55) !important;
    box-shadow: 0 0 0 1px rgba(255, 221, 120, .22) inset, 0 12px 24px rgba(80, 60, 0, .42) !important;
}

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

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

/* Mirrors the crimson-blaze override surface, but in red. */
.phantom-yellow .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-yellow .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-yellow .layout38.megaphone-wrapper:after{content:"";position:absolute;top:0;right:0;z-index:2;width:2.5rem;height:100%;background:transparent}
.phantom-yellow .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-yellow .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-yellow .layout38.pwa-header-wrap .left-area,.phantom-yellow .layout38.pwa-header-wrap .left-area .pwa-name{flex:1}
.phantom-yellow .layout38.content-box{position:relative;display:flex;justify-content:space-between;align-items:center}
.phantom-yellow .layout38.tab-bar-wrap{bottom:-.0625rem}
.phantom-yellow .layout38.flexible-tab{top:-2.75rem;width:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:.5rem}
.phantom-yellow .layout38.flexible-tab .flexible-img-main{width:6.25rem;height:6.25rem;position:relative;z-index:1;color:var(--ep-color-icon-default)}
.phantom-yellow .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-yellow .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-yellow .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-yellow .layout38.menu-btn .menu-icon{font-size:1.125rem;color:inherit;padding:0;border:none;border-radius:0;background-color:transparent}
.phantom-yellow .layout38.menu-btn .menu-icon.close{transform:rotate(0)}
.phantom-yellow .layout38.button-box{display:flex;flex-wrap:wrap;width:11.25rem;justify-content:space-between}
.phantom-yellow .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-yellow .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-yellow .layout38.button-box .register-btn-warper{width:5.625rem;height:2.125rem}
.phantom-yellow .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-yellow .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-yellow .layout38.icon-btn{--border-style:solid;--border-width:.0625rem;--border-color:var(--ep-color-border-brand);--background:linear-gradient(180deg,#f2cf4c 0%,#c79b00 47.92%,#7d6000 100%);--color:var(--ep-color-icon-default)}
.phantom-yellow .layout38.account .log-out-box{display:flex;position:relative;gap:.75rem}
.phantom-yellow .layout38.account .log-out-box .log-out-box-welcome{color:var(--ep-color-text-default);line-height:150%}
.phantom-yellow .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-yellow .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-yellow .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-yellow .layout38.wrapper{display:flex;position:sticky;top:0;z-index:35;padding-inline:.75rem;scrollbar-width:none;overflow:hidden auto}
.phantom-yellow .layout38 ion-segment{border-radius:0}
.phantom-yellow .layout38.btn-wall{width:3.5rem;height:4.375rem;display:flex;flex-direction:column;align-items:center;position:relative;background-size:100% 100%}
.phantom-yellow .layout38.btn-wall .type-icon,.phantom-yellow html .layout38.btn-wall .type-img{width:2.875rem;height:2.875rem;font-size:2.875rem}
.phantom-yellow .layout38.btn-wall .type-img{display:block;background-size:800% 500%}
.phantom-yellow .layout38.btn-wall .label-wall{width:100%;align-items:center;justify-content:center}
.phantom-yellow .layout38.btn-wall .label-wall .label-icon{font-size:var(--ep-font-size-xs,.625rem);color:var(--ep-color-text-default-secondary,#7E9071)}
.phantom-yellow .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-yellow .layout38.game-wrapper{width:100%}
.phantom-yellow .layout38.more{padding:.625rem 0;display:flex;justify-content:center}
.phantom-yellow .layout38.more .btn{display:flex;align-items:center;gap:.375rem}
.phantom-yellow .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-yellow .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-yellow .layout38.game-head{background-size:auto 100%;background-repeat:no-repeat}
.phantom-yellow .layout38{position:relative;height:2.625rem;width:13.5rem;display:flex;align-items:center;flex-flow:wrap;z-index:2;overflow:hidden}
.phantom-yellow .layout38 svg{display:none}
.phantom-yellow .layout38 .game-start-bg-27{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.phantom-yellow .layout38 .logo{font-size:2rem;width:2rem;height:2rem;margin-right:.3125rem;color:var(--ep-color-icon-default)}
.phantom-yellow .layout38 .title-c{display:flex;gap:.375rem}
.phantom-yellow .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-yellow .layout38 .logo{font-size:2rem;width:2rem;height:2rem;margin-right:.3125rem;color:var(--ep-color-icon-default);background-size:700% 100%}
.phantom-yellow .layout38.total{flex:1;height:3.375rem;position:relative;z-index:1}
.phantom-yellow .layout38.total .game-page-bg-27{position:absolute}
.phantom-yellow .layout38.total .label-container{display:flex;align-items:center;justify-content:flex-end;height:2.625rem;font-size:0;padding-right:.5rem}
.phantom-yellow .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-yellow .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-yellow .layout38.total .label-container .number .arrow-right{height:.625rem;color:var(--ep-color-icon-default)}
.phantom-yellow .layout38.partner-wrap .logo-box span{color:var(--ep-color-text-weak)}
.phantom-yellow .layout38.badge-box .badge-item .social-box::-webkit-scrollbar{display:none}
.phantom-yellow .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-yellow .layout38.support .support-icon{width:1.5rem;height:1.5rem;color:var(--ep-color-icon-default,#FFF)}
.phantom-yellow .layout38.game-list-box{width:calc(100% - 5.75rem)}
.phantom-yellow .layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper ion-segment ion-segment-button .btn-wall .type-img:after{display:none}
.phantom-yellow .layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper ion-segment ion-segment-button .btn-wall .type-img:after{display:none}

.phantom-yellow ion-segment-button.segment-button-checked,
.phantom-yellow ion-segment-button.segment-button-checked::part(native) {
    --indicator-color: #f5c84c;
    --color: #ffffff;
    --color-checked: #ffffff;
    --background: linear-gradient(180deg, rgba(255, 216, 110, .22) 0%, rgba(110, 81, 0, .9) 100%);
    --background-checked: linear-gradient(180deg, rgba(255, 216, 110, .22) 0%, rgba(110, 81, 0, .9) 100%);
    --border-color: rgba(255, 214, 102, .42);
    --border-color-checked: rgba(255, 214, 102, .42);
    box-shadow: 0 0 0 1px rgba(255, 221, 120, .2) inset, 0 10px 24px rgba(112, 84, 0, .35);
}

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

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

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

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

.phantom-yellow #inicio .main-content .order-container .segment-c,
.phantom-yellow #inicio .main-content .order-container .game-wrapper-c,
.phantom-yellow #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-yellow ion-content,
.phantom-yellow ion-page {
    --background: rgba(26, 20, 0, 1);
}

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

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

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

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

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

/* Neutraliza a classe phantom-blue injetada nos componentes de depósito */
.phantom-yellow .phantom-blue {
    --ep-neutral-gray-gray-L01: rgba(18, 14, 0, 1) !important;
    --ep-neutral-gray-gray-L02: rgba(26, 20, 0, 1) !important;
    --ep-neutral-gray-gray-L03: rgba(38, 28, 0, 1) !important;
    --ep-neutral-gray-gray-L04: rgba(50, 38, 0, 1) !important;
    --ep-neutral-gray-gray-L05: rgba(65, 48, 0, 1) !important;
    --ep-primary-primary-500: rgba(245, 196, 39, 1) !important;
    --ep-primary-primary-600: rgba(219, 164, 0, 1) !important;
    --ion-color-primary: #e0b000 !important;
    --ion-background-color: rgba(26, 20, 0, 1) !important;
    --ion-item-background: rgba(38, 28, 0, 1) !important;
}

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

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

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

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

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