/*
 * New China — a bright Brazilian prosperity hall.
 * Additive skin only: all imagery, labels, routes and interactions remain
 * supplied by the compiled application and its configured catalog.
 */
:root {
    --newchina-sky: #69c8ee;
    --newchina-sky-deep: #176bb4;
    --newchina-blue: #07529b;
    --newchina-blue-dark: #07366f;
    --newchina-red: #c82f3d;
    --newchina-gold: #f5bd38;
    --newchina-gold-light: #ffe69a;
    --newchina-ink: #fff9e9;
    --newchina-muted: #b8d7ed;
    --newchina-line: rgba(255, 222, 126, .38);
    --newchina-panel: rgba(6, 54, 111, .94);
    --newchina-radius: .8rem;
}

html, body, body #app { min-height: 100%; background: #062c62; }
body {
    color: var(--newchina-ink);
    background: linear-gradient(180deg, var(--newchina-sky) 0, #1d83c4 14rem, #062c62 44rem);
}
#app { min-height: 100vh; }
#inicio {
    --background: #062c62;
    --color: var(--newchina-ink);
    min-height: 100%;
    color: var(--newchina-ink);
    background: linear-gradient(180deg, #2c9ed5, #07529b 22rem, #062c62 58rem);
}
#inicio ion-header ion-toolbar {
    --background: rgba(9, 83, 155, .98);
    --border-color: var(--newchina-line);
    --color: var(--newchina-ink);
    min-height: 3.5rem;
    border-bottom: 2px solid var(--newchina-gold);
    box-shadow: 0 .35rem .9rem rgba(2, 35, 82, .35);
}
#inicio .menu-btn .menu-icon { color: var(--newchina-gold-light); }
#inicio .logo-wrap { min-width: 5rem; min-height: 2.25rem; align-items: center; }
#inicio .logo-wrap .logo, #inicio .logo-wrap .logo.good-img {
    width: auto; max-width: min(42vw, 9.5rem); height: 2rem; object-fit: contain;
}
#inicio .assets-box, #inicio .assets-box-inner { color: var(--newchina-ink); }
#inicio .assets-box .assets-box-number, #inicio .assets-box .currency { color: var(--newchina-gold-light); }
#inicio .assets-box .deposit, #inicio ion-button.deposit {
    --background: var(--newchina-gold); --background-hover: var(--newchina-gold-light);
    --background-activated: #d89720; --color: #17376c; --border-radius: .55rem;
    font-weight: 800;
}
#pwa-header-bar { --background: var(--newchina-blue-dark); --color: var(--newchina-ink); border-bottom: 1px solid var(--newchina-line); }
#pwa-header-bar .install, #pwa-header-bar button {
    color: #17376c; background: var(--newchina-gold); border-radius: .5rem; font-weight: 800;
}
#inicio .main-content, #inicio .main-content::part(scroll) { --background: transparent; color: var(--newchina-ink); background: transparent; }
#inicio .order-container { padding-bottom: .75rem; }
#inicio .swiper-c, #inicio .swiper-poster, #inicio .poster-img { overflow: hidden; border-radius: .7rem; }
#inicio .swiper-c { margin: .5rem .55rem 0; border: 2px solid var(--newchina-gold); box-shadow: 0 .55rem 1.4rem rgba(1, 31, 76, .35); }
#inicio .poster-img { display: block; width: 100%; height: auto; object-fit: cover; }
#inicio .activity-c, #inicio .marquee-c { color: var(--newchina-gold-light); }
#inicio .marquee-c { border-color: var(--newchina-line); border-radius: .65rem; background: rgba(4, 49, 105, .84); }
#inicio .segment-c, #inicio .segment-c ion-segment { --background: rgba(4, 49, 105, .86); color: var(--newchina-muted); border-color: var(--newchina-line); }
#inicio .segment-c ion-segment-button {
    --background: transparent; --background-checked: var(--newchina-red);
    --color: var(--newchina-muted); --color-checked: #fff8db;
    --indicator-color: var(--newchina-gold); --border-radius: .55rem; min-height: 2.6rem;
}
#inicio .game-categories {
    gap: .3rem; padding: .45rem .55rem; border-bottom: 2px solid var(--newchina-gold);
    background: rgba(4, 49, 105, .9);
}
#inicio .game-categories .categories-item {
    min-width: 3.65rem; padding: .35rem .25rem; border-radius: .7rem; color: var(--newchina-muted); text-align: center;
}
#inicio .game-categories .categories-item:active, #inicio .game-categories .categories-item.active-tab {
    color: #fff9e9; background: var(--newchina-red); box-shadow: inset 0 -2px var(--newchina-gold);
}
#inicio .game-categories .categories-item-icon-wrapper { width: 2.45rem; height: 2.45rem; margin: 0 auto .2rem; border: 2px solid var(--newchina-gold); border-radius: 50%; }
#inicio .game-categories .categories-item-icon { width: 100%; height: 100%; }
#inicio .game-categories .categories-item-label { color: inherit; font-size: .66rem; line-height: 1rem; }
#inicio .game-c, #inicio .platform-game-c, #inicio .game-wrapper-c, #inicio .tabbar-tabs-inicio-components-GameWrapper-index { color: var(--newchina-ink); }
#inicio .game-head { color: var(--newchina-gold-light); }
#inicio .game-head .title, #inicio .game-head .label { color: inherit; font-weight: 800; }
#inicio .game-content { padding-inline: .55rem; }
#inicio .game-card {
    overflow: hidden; border: 2px solid rgba(255, 218, 112, .55); border-radius: .72rem;
    background: rgba(5, 48, 102, .94); box-shadow: 0 .25rem .7rem rgba(1, 27, 69, .32);
}
#inicio .game-card .game-img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: .6rem; }
#inicio .game-card .game-name { padding: .3rem .35rem .42rem; color: var(--newchina-ink); font-size: .68rem; line-height: .9rem; text-align: center; }
#inicio .game-card .platform-icon { border-radius: 50%; }
#inicio .more { color: var(--newchina-muted); }
#inicio .more .btn { border: 1px solid var(--newchina-gold); border-radius: .55rem; color: var(--newchina-gold-light); background: var(--newchina-blue-dark); }
#inicio ion-footer, #inicio ion-tab-bar, #inicio .footer-tabs, #inicio .footer-assets, #inicio .fixedBottom-footer {
    --background: rgba(4, 47, 99, .98); color: var(--newchina-muted); border-top: 2px solid var(--newchina-gold); background: rgba(4, 47, 99, .98);
}
#inicio ion-tab-button { --color: var(--newchina-muted); --color-selected: var(--newchina-gold-light); --background: transparent; min-height: 3.5rem; }
#inicio ion-tab-button.tab-selected, #inicio ion-tab-button[aria-selected="true"] { color: var(--newchina-gold-light); }
#inicio ion-tab-button ion-icon { color: inherit; }

/* Shared route surfaces: vivid panels, readable type, unchanged runtime assets. */
#login-modal, #change-pw-modal, #modal-verification, .pop-wrap, .form-wrapper, .password-c, .w-password-wrap, .security-verify-password, .security-update-password-tips, .register-tips,
#recharge, #recharge-content, #withdraw, .recharge, .recharge-container, .recharge-container-content, .recharge-content, .recharge-top, .recharge-withdraw, .recharge-order-detail, .withdraw, .withdraw-wrapper, .withdraw-info, .withdraw-tip, .deposit-wrapper, .deposit-content, .deposit-mid, .deposit-bot, .deposit-withdrawal-wrapper, .bank-account, .recharge-activity-table-box,
#activity, .promotion-content, .registerReward-content, .activity-list, .activity-box, .activity-content, .activity-c, .activity-claim-record, .claim-record-reward-label, .pending-claim-record, .customer, .customer-wrap, .service-wrapper, .service-item,
#vip, .vip, .vip-wrap, .vip-top, .vip-info, .vip-detail, .vip-introduce, .vip-ion-list, .vipRule, .vip-sticky, .current-vip-level, .next-current-vip-level, .account, .account-info, .user-account, .my-account, .my-vip, .item-account, .list-vip-wrap,
.record, .record-wrap, .record-top, .record-content, .record-list, .record-item, .record-item-bottom, .record-text, .history, .historyButton, .record-empty-text, .recharge-table, .piece-receipt-record, .piece-support-record, .piece-lucky-draw--record__content, .piece-lucky-draw--record__item, .report-skin-record-item-top,
.search-container, .search-wrap, .search-box, .search-cont, .toolbar-search, #searchbar, #search-agency,
#tabbar-components-DrawerLeft-components-gameList-categories-1-index, #tabbar-components-DrawerLeft-components-gameList-platform-1-index, #tabbar-components-DrawerLeft-components-gameList-platform-2-index, #tabbar-components-DrawerLeft-components-gameList-platform-25-index, #tabbar-components-DrawerLeft-components-hotGame-1-index, #tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index,
ion-menu, .menu-header, .menu-content, .drawer-backdrop, #tabbar-components-DrawerLeft-components-customerService-3-index, .modal-overlay, .modal-content, .modal-wrapper, .modal-container, .public-popup-wrap, .pay-method-popup, .force-modal, .preview-modal, .share-modal, .change-language-modal, .logout-modal {
    color: var(--newchina-ink);
}
.promotion-content, .registerReward-content, .activity-list, .activity-box, .activity-c, .activity-claim-record, .service-wrapper, .record-wrap, .record-content, .record-list, .record-item, .record-text, .recharge-table, .piece-receipt-record, .piece-support-record, .search-container, .search-wrap, .search-box, .search-cont, #tabbar-components-DrawerLeft-components-gameList-categories-1-index, #tabbar-components-DrawerLeft-components-gameList-platform-1-index, #tabbar-components-DrawerLeft-components-gameList-platform-2-index, #tabbar-components-DrawerLeft-components-gameList-platform-25-index, #tabbar-components-DrawerLeft-components-hotGame-1-index, ion-menu, .menu-header, .menu-content, #tabbar-components-DrawerLeft-components-customerService-3-index, .modal-content, .modal-wrapper, .modal-container, .public-popup-wrap, .pay-method-popup, .force-modal, .preview-modal, .share-modal, .change-language-modal, .logout-modal {
    border-color: var(--newchina-line); background: var(--newchina-panel);
}
ion-modal#login-modal::part(content), ion-modal#change-pw-modal::part(content), ion-modal#modal-verification::part(content), ion-modal#permission-modal::part(content), ion-modal#bind-account-modal::part(content) { --background: var(--newchina-panel); color: var(--newchina-ink); border: 1px solid var(--newchina-line); border-radius: var(--newchina-radius); }
.login-hint, .register-hint, .register-tips, .hint-text { color: var(--newchina-muted); }
.login-text, .register-text, .forgot-password, .register-tips a, .recharge-container-header-title, .recharge-activity-title, .recharge-text-emphasis, .withdrawHint, .enter-withdraw-text, .vip-list-title, .vipLevelTitle, .vipLevelListHead, .current-vip-level, .next-current-vip-level, .account-info .title, .account-info .label, .modal-header, .modal-title, .modal-title-index, .recharge-modal-title, .logout-modal-title, .service-wrapper .label { color: var(--newchina-gold-light); }
.btn-login, .register-btn-warpper, .register-btn-warper, .recharge-btn, .recharged-btn, .withdraw-btn, .recharge-modal-btn, .outer-recharge-btn, .recharge-btn-container button, .withdraw-wrapper button { --background: var(--newchina-red); --background-hover: #e34a4d; --background-activated: #98232f; --color: #fff9e9; --border-radius: .55rem; color: #fff9e9; font-weight: 800; }
.recharge-item, .recharge-item-container, .double-recharge-config-item, .reward-recharge-type, .recharge-promotion-content, .recharge-promotion-rule, .recharge-activity-table-box, .withdraw-info, .withdraw-tip, .activity-button, .service-item, .claim-record-reward-label, .record-btn, .record-selecet-item, .record-seleceted-item, .rebate-record-select, .rebate-record-selected { border: 1px solid var(--newchina-line); border-radius: .65rem; }
.activity-button, .record-btn, .record-seleceted-item, .rebate-record-selected { color: var(--newchina-gold-light); background: var(--newchina-blue-dark); }
.recharge-qr-code, .qr-area .qr-code { background: #fff; border-radius: .5rem; }
ion-input, ion-textarea, ion-select, ion-searchbar, input, textarea, select { --color: var(--newchina-ink); --placeholder-color: var(--newchina-muted); --placeholder-opacity: 1; --highlight-color-focused: var(--newchina-gold); --highlight-color-valid: #7bd6a8; --highlight-color-invalid: #ff9a9a; }
ion-input::part(native), ion-textarea::part(native), ion-searchbar::part(native), input, textarea, select { color: var(--newchina-ink); background: rgba(7, 54, 111, .94); border-color: var(--newchina-line); }
ion-input:focus-within, ion-textarea:focus-within, ion-select:focus-within, ion-searchbar:focus-within, input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible, ion-button:focus-visible { outline: 2px solid var(--newchina-gold-light); outline-offset: 2px; }
@media (min-width: 48rem) { body { display: flex; justify-content: center; } #app { width: min(100%, 74rem); max-width: 74rem; margin-inline: auto; box-shadow: 0 0 3rem rgba(1, 26, 66, .4); } #inicio .main-content { max-width: 74rem; margin-inline: auto; } #inicio .swiper-c, #inicio .game-content { margin-inline: 1rem; padding-inline: 0; } ion-modal::part(content), ion-popover::part(content) { max-width: 34rem; margin-inline: auto; border: 1px solid var(--newchina-line); border-radius: var(--newchina-radius); } ion-menu { --width: min(23rem, 92vw); } }
@media (max-width: 25rem) { #inicio .logo-wrap .logo, #inicio .logo-wrap .logo.good-img { max-width: 36vw; } #inicio .game-categories .categories-item { min-width: 3.35rem; } }