/* Giao diện Eloria Saga, nạp sau cùng. */
/* ---- realm-controls ---- */
:root body :is(.glass, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel), :root body[data-shell='admin'] .glass:has(.table-wrap) { background: var(--surface) !important; border: 1px solid var(--gold-line) !important; box-shadow: var(--gold-frame) !important; }
:root body :is(.glass, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .float-card) { -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body .glass::after { opacity: .45; background: radial-gradient(ellipse 70% 20% at 5% 0%, #e7ffbd24, transparent 74%), radial-gradient(ellipse 25% 2% at 10% 0%, #fff2a980, transparent); }
:root body :is(.glass .glass, .glass .gm-section, .glass .shop-card, .glass .ct-news-card, .glass .tn-tier, .glass .ev-pkg, .glass .ev-wheel-card, .glass--flat, .ev-stat, .ev-ms, .ev-lcard, .ev-prize-preview, .tk-finder, .pay-coin-preview, .pack-admin-list > details) { background: var(--surface-flat) !important; border-color: var(--realm-border) !important; box-shadow: inset 0 1px 0 #e5fff10a !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root body .rank-showcase-panel { -webkit-backdrop-filter: none; backdrop-filter: none; }
:root body :is(.glass--hover:hover, .kpi:hover) { transform: none; }
:root body :is(.sidebar, .topbar, .appbar, .tabbar, .more-panel) { background: var(--realm-nav) !important; border-color: var(--gold-line) !important; box-shadow: var(--gold-frame) !important; -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body .appbar { position: relative; z-index: 40; border: 1px solid var(--realm-border); }
:root body :is(.lb-xu, .pay-chip) { background: #bdefd509 !important; border-color: var(--realm-border) !important; box-shadow: inset 0 1px 0 #e3fff00c; }
:root body .pay-chip:is(.active, [aria-checked='true']) { background: linear-gradient(135deg, #2c9a584d, #164e343d) !important; border-color: var(--gold-hi) !important; box-shadow: inset 0 1px 0 #fff5b866, 0 0 8px #ffda5b26; color: #fff4ca; }
:root body .sidebar nav a[aria-current='page'], :root body .sidebar-links a[aria-current='page'], :root body .more-grid a[aria-current='page'] { background: linear-gradient(110deg, #9de3af29, #baf0c912) !important; border-color: #ffe483b3; box-shadow: inset 2px 0 0 #fff0a6, inset 0 1px 0 #fff5ba33, 0 0 10px #ffdd5c26; color: #fff6d8 !important; }
:root body .sidebar nav a[aria-current='page'] .ico { background: #b3e5be0f; color: #fff0a6 !important; border-color: #ffe483b3; }
:root body .tabbar a[aria-current='page'] { background: #8de8b51f; box-shadow: inset 0 2px 0 #ffe58b; color: #fff4cc; }
:root body .sidebar .brand span { min-width: 0; }
:root body .sidebar .brand span small { line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
:root body .hero.realm-hero { background: var(--surface); border-color: var(--gold-line); }
:root body .realm-hero::before { background: linear-gradient(90deg, #103d26db, #103d2699 40%, #103d2626 70%, transparent); }
:root body .realm-hero-copy { background: transparent; }
:root body :is(.page-head h1, .hello h1, .hero h1, .auth-card h1, .gm-brand h2) { font-style: normal; }
:root body .page-head { padding-bottom: 18px; }
:root body .page-head::before { display: none; }
:root body .page-head::after { left: 0; bottom: 0; width: min(240px, 60%); height: 1px; transform-origin: left; opacity: 1; }
:root body .page-head .eyebrow::before { height: 1px; background: #bbdedc99; box-shadow: none; }
:root body :is(.panel-head, .adm-section-title) { padding-bottom: 12px; border-bottom: 1px solid #c6ead71f; }
:root body :is(.panel-head h3, .glass > h2, .glass > h3, .adm-section-title h2, .adm-section-title h3, .ev-sec, .gm-section h3, .modal h2, .modal h3) { background: none; color: #fff0c6; -webkit-text-fill-color: currentColor; text-shadow: 0 1px 2px #012c1c; filter: none; }
:root body .ev-sec::before { background: #ffe68b; width: 2px; box-shadow: 0 0 10px #ffda5b99; }
:root body :is(.label, .field > label) { color: #bdd8ca; }
:root body :is(.btn, .hero-actions > .btn) { background: var(--realm-btn-fill, linear-gradient(145deg, #91dba51f, #073c293d)) !important; color: var(--realm-btn-ink, #e6f4ed) !important; border: 1px solid var(--realm-btn-edge, #ffe18ca6) !important; min-height: 44px; letter-spacing: 0; }
:root body .btn--ghost { --realm-btn-fill: #70d89c0d; --realm-btn-edge: #f4d77f80; --realm-btn-ink: #e2f2db; }
:root body .btn :is(svg, .action-arrow) { color: inherit; filter: none; }
:root body .btn:not(:disabled):not([aria-disabled='true']):hover { background: var(--realm-btn-fill, linear-gradient(145deg, #a1e6af33, #104f354d)) !important; color: var(--realm-btn-ink, #f3fff9) !important; border-color: #fff4b8 !important; transform: none; filter: none; }
:root body .btn:disabled, :root body .btn[aria-disabled='true'] { background: #b0d0bf08 !important; color: #a8c7b7 !important; border-color: #c7e5d51c !important; transform: none; }
:root body .tabs { border-color: var(--realm-border); box-shadow: inset 0 1px 0 #ddffed0a; padding: 6px; gap: 6px; }
:root body .tab { position: relative; overflow: hidden; flex-shrink: 0; border: 1px solid transparent; min-height: 44px; box-shadow: none; }
:root body :is(.tab.active, .tab[aria-selected='true'], .tabs .tab[aria-current='page']) { text-shadow: none; font-weight: 600; }
:root body .tab::after { box-shadow: none; }
:root body :is(.tab.active, .tab[aria-selected='true'])::after { background: #fff0a6; opacity: 1; transform: scaleX(.6); height: 1px; box-shadow: 0 0 8px #ffd74f99; }
:root body :is(.input, .select, .textarea, .gm-combo-search, .search input), :root body select { background-color: var(--realm-field) !important; border-color: #ffe483b3 !important; box-shadow: inset 0 1px 3px #04251414; color: #eaf7f0; accent-color: #a5dcd0; }
:root body .search input { background-image: none !important; }
:root body :is(.input, .select, .textarea, .gm-combo-search, .search input):focus { border-color: #fff0a6 !important; }
:root body :is(.input, .textarea, .gm-combo-search, .search input)::placeholder { opacity: 1; }
:root body select option, :root body select optgroup { color: #eaf7f0; }
:root body select option:checked { background: #285b40; color: #edfff8; }
:root body :is(.btn, .tab, .gm-combo-trigger, select):focus-visible { outline: 2px solid #fff1b5; outline-offset: 3px; }
@supports (appearance: base-select) {
  ::picker(select) { background: var(--realm-overlay); border-color: #ffe483b3; color: #eaf7f0; backdrop-filter: var(--realm-backdrop); }
  :root body select::picker-icon { color: #bddfcd; }
  :root body select option:hover, :root body select option:focus { background: #a8dfc21f; }
}
:root body :is(.modal, .search-results, .bell-menu, .ft-card, .more-panel, .gm-combo-popup, .account-suggestions, .adm-picker-results, .adm-item-results, .rw-sug, .evadm-search .results), :root body .glass.modal { background: var(--realm-overlay) !important; border-color: #ffe483b3 !important; box-shadow: inset 0 1px 0 #e5fff11c, 0 18px 50px #05221366 !important; -webkit-backdrop-filter: var(--realm-backdrop-hi); backdrop-filter: var(--realm-backdrop-hi); }
:root body :is(.adm-savebar, .cfg-savebar, .modal > .stack > .row-between:last-child, .modal .lc-modal-foot) { background: var(--realm-overlay) !important; border-color: var(--realm-border); -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body .modal :is(.row-between, .lc-modal-foot) { -webkit-backdrop-filter: none; backdrop-filter: none; }
:root body .table th { color: #f8edc7; }
:root body .table td { border-color: #d7ce7c33 !important; }
:root body .table tbody tr:hover td { background: #c1edd608 !important; }
:root body :is(.gm-combo-option, .adm-picker-results button, .adm-item-results button, .account-option):hover, :root body :is(.rw-sug [role='option'], .gm-combo-option, .adm-picker-results button, .adm-item-results button, .account-option)[aria-selected='true'], :root body :is(.gm-combo-option, .adm-picker-results button, .adm-item-results button)[data-active='true'] { background: #b8e5e51c; color: #eafaf5; outline: 1px solid #b7dedb66; outline-offset: -1px; box-shadow: inset 2px 0 0 #b6e2d5; }
:root body :is(.adm-note, .bx-note, .tn-warn, .pay-warn, .shop-note, .ws-gate, .ev-msg, .gm-result, .ev-daily, .toast) { background: var(--realm-note-fill, linear-gradient(110deg, #ecd17d17, #a4dfb508), #103d26bd) !important; border: 1px solid #e7d78d45 !important; border-left: 3px solid var(--realm-note-edge, #ffe28b) !important; color: var(--realm-note-ink, #f0f3e8); box-shadow: inset 0 1px 0 #e7fff312; border-radius: 12px; }
:root body :is(.ev-msg--ok, .gm-result:not([data-kind='err']), .toast:not(.err), .ev-daily.claimed) { --realm-note-fill: linear-gradient(110deg, #88d4bc14, #9addba05), #103d2680; --realm-note-edge: #9bdebe; --realm-note-ink: #def4e9; }
:root body :is(.adm-note--danger, .ev-msg--err, .gm-result[data-kind='err'], .toast.err) { --realm-note-fill: linear-gradient(110deg, #eea4ac1f, #d299c208), #153d2899; --realm-note-edge: #edabb2; --realm-note-ink: #fce2e6; }
:root body :is(.ev-msg--loading, .ws-gate) { --realm-note-edge: #a3ddbf; --realm-note-ink: #e0f4ea; }
:root body .pay-warn .danger { color: #ffc1ae; }
:root body .toast { background: var(--realm-overlay) !important; -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body :is(.badge--jade, .gm-auth) { background: #a7dcca12; color: #bde9d5; border-color: #ffe483b3; box-shadow: none; }
:root body .form-error:not(:empty) { padding: 10px 12px; border: 1px solid #e5abb133; border-left: 2px solid #edabb2; border-radius: 10px; background: #d9859821; color: #ffe0e4; }
:root body .ev-code-value { color: #f3eee0; text-shadow: none; letter-spacing: .04em; }
:root body .ev-code-ico { color: #d8e8df; background: linear-gradient(140deg, #c5e9df1c, #b4e8cd0a); border: 1px solid #ffdf7f99; box-shadow: inset 0 1px 0 #e5fffa17; }
:root body .ev-code-input { letter-spacing: .05em; font-weight: 500; }
:root body .ev-spin-btns .btn { min-height: 56px; }
:root body .ev-spin-btns .btn small { color: inherit; opacity: .8; }
:root body :is(.ev-lcard.lit, .ev-ms.next) { border-color: #ffe483b3 !important; box-shadow: inset 0 1px 0 #eaffef24, 0 0 12px #aad8d00d !important; }
:root body .gc-audience-options input:checked + span { color: #e0f7ed; background: #a8ded223; border-color: #ffe483b3; box-shadow: inset 0 1px 0 #e6fff71a; }
:root body :is(.ev-sum, .ev-hist-i, .adm-line, .cfg-preview) { background: var(--surface-flat) !important; border-color: var(--realm-border); }
:root body .rank-showcase .bx-entry, :root body .rank-showcase .bx-table thead { background: var(--surface); }
:root body .rank-showcase .bx-table tbody > tr[data-rank] { background: #38ab7014 !important; }
:root body .rank-showcase .bx-table tbody > tr[data-rank='1'] { background: linear-gradient(100deg, #ffe06b20, #5dd99312 50%, transparent) !important; }
:root body .rank-showcase .bx-table tbody > tr[data-rank] > td { border-top-color: var(--gold-line) !important; }
:root body .rank-showcase .bx-table tr[data-rank] > td:first-child { border-left-color: var(--gold-line) !important; }
:root body .rank-showcase .bx-table tr[data-rank] > td:last-child { border-right-color: var(--gold-line) !important; }
:root body .rank-showcase .bx-table tr[data-rank] + tr > .bx-gift-cell { background: var(--surface-flat) !important; border-color: var(--gold-line) !important; }
@media (max-width: 600px) {
  :root body .rank-showcase .bx-entry { border-color: var(--gold-line); box-shadow: 0 0 9px #ffdb5b29; }
}
:root body :is(.btn, .tab, .gm-combo-trigger)::before { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; opacity: 0; transform: translateX(-115%); transition: none; }
:root body .gm-combo-trigger { position: relative; overflow: hidden; }
:root body .btn:not(:disabled):not([aria-disabled='true']):hover::before { opacity: 0; transform: translateX(-115%); transition: none; }
@media (prefers-reduced-motion: no-preference) {
  :root[data-motion='full'] body :is(.btn, .tab, .gm-combo-trigger).is-lit::before { animation: realm-control-sweep .85s ease-out 1; }
  :root[data-motion='full'] body .glass.is-lit::after { animation: realm-card-light 1.1s ease-out 1; }
  :root[data-motion='full'] body .page-head.is-lit::after { animation: realm-title-light 1s ease-out 1; }
  :root[data-motion='full'] body :is(.gm-combo-option, .adm-picker-results button, .adm-item-results button, .rw-sug [role='option'], .adm-note, .bx-note, .tn-warn, .pay-warn, .shop-note, .toast, .ev-daily, .ev-msg, .gm-result).is-lit { animation: realm-status-light .65s ease-out 1; }
  :root[data-motion='lite']:not(.perf-lite) body :is(.btn, .tab, .gm-combo-trigger).is-lit::before { transform: none; animation: realm-tap-feedback .3s ease-out 1; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :root[data-motion='full'] body .btn:not(:disabled):not([aria-disabled='true']):hover { transform: translateY(-1px); }
  :root[data-motion='full'] body .btn:not(:disabled):not([aria-disabled='true']):active { transform: translateY(0); }
}
@keyframes realm-control-sweep {0% { opacity: 0; transform: translateX(-115%); } 25% { opacity: .9; } 100% { opacity: 0; transform: translateX(115%); }}
@keyframes realm-card-light {0%, 100% { opacity: .45; } 40% { opacity: .9; }}
@keyframes realm-title-light {0% { opacity: .3; transform: scaleX(.65); } 60% { opacity: 1; } 100% { opacity: 1; transform: scaleX(1); }}
@keyframes realm-status-light {from { opacity: .7; } to { opacity: 1; }}
@keyframes realm-tap-feedback {0%, 100% { opacity: 0; } 40% { opacity: .65; }}
:root.effects-paused body .is-lit, :root.effects-paused body .is-lit::before, :root.effects-paused body .is-lit::after { animation: none !important; }
@media (max-width: 980px) {
  :root body .realm-hero-copy { background: var(--surface-flat); }
  :root body .appbar { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  :root body .is-lit, :root body .is-lit::before, :root body .is-lit::after { animation: none !important; }
}
:root.perf-lite body :is(.glass, .sidebar, .topbar, .appbar, .tabbar, .modal, .gm-section, .gm-combo-popup, .adm-savebar, .cfg-savebar, .toast) { -webkit-backdrop-filter: none; backdrop-filter: none; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --surface: linear-gradient(#144029f2, #144029f2); --surface-flat: linear-gradient(#22503880, #22503880); --realm-overlay: #133d27f5; }
}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
  html body .scene::before { background: #042e21cc !important; }
  :root, :root.perf-lite { --surface: linear-gradient(#143e28, #143e28) !important; --surface-flat: linear-gradient(#17402b, #17402b) !important; --realm-nav: #143e28 !important; --realm-overlay: #133d27 !important; --realm-field: #0c331f !important; --gold-line: #ffe58b !important; --realm-backdrop: none !important; --realm-backdrop-hi: none !important; }
  :root body :is(.glass, .sidebar, .topbar, .appbar, .tabbar, .more-panel, .gm-section, .modal, .ft-card, .search-results, .gm-combo-popup, .toast) { background: #143e28 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root body :is(.btn, .tab) { border-color: #ffe483b3 !important; }
}
@media (forced-colors: active) {
  :root body .rank-showcase .bx-table tr[data-rank] + tr > .bx-gift-cell { background: Canvas !important; color: CanvasText !important; border-color: CanvasText !important; }
  :root body .rank-showcase .bx-entry { box-shadow: none !important; }
  :root body :is(.glass, .glass.modal, .sidebar, .topbar, .appbar, .tabbar, .gm-section, .modal, .ft-card, .search-results, .gm-combo-popup, .btn, .hero-actions > .btn, .tab, .pill, .icon-btn, .gm-combo-trigger, .input, .select, .textarea, .gm-combo-search, .adm-note, .ev-msg, .toast), :root body :is(.tab.active, .tab[aria-selected='true'], .tabs .tab[aria-current='page']), ::picker(select) { background: Canvas !important; color: CanvasText !important; border-color: ButtonText !important; box-shadow: none !important; text-shadow: none; }
  :root body :is(.page-head h1, .hello h1, .hero h1, .auth-card h1, .gm-brand h2) { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
  :root body :is(.btn, .tab, .gm-combo-trigger)::before, :root body .glass::before, :root body .glass::after { display: none; }
}
/* ---- bich-da ---- */
:root, :root[data-realm-period='night'] { --realm-jade: #a0f7bd; --realm-gold: #ffda70; --realm-gold-hi: #fff6c7; --gold-line: #ffdc83e0; --gold-hi: #fff3b7; --realm-border: #e6cf8c66; --text: #effaf1; --text-hi: #fff9e5; --text-soft: #d7ecdc; --text-mute: #bad8c2; --t-body: var(--text); --t-soft: var(--text-soft); --t-label: #e8f1e9; --t-teal: var(--realm-jade); --c-read: var(--text); --c-soft: var(--text-soft); --c-teal: var(--realm-jade); --ml-teal: var(--realm-jade); --realm-clouds: radial-gradient(ellipse 90% 35% at 6% 0%, #e9fff01a, transparent 70%), radial-gradient(ellipse 70% 45% at 100% 100%, #86e9aa0c, transparent 75%); --surface: var(--realm-clouds), linear-gradient(140deg, #175b368c, #093e25ad 58%, #1451328c); --surface-flat: linear-gradient(135deg, #baf1cc0d, #03351f2e); --realm-nav: linear-gradient(135deg, #0e4c2eb8, #063621c2 65%, #1c5131a3); --realm-overlay: linear-gradient(140deg, #10482cd9, #083823eb); --realm-field: #063c2359; --glass-solid: #11442a; --glass-blur: 2.5px; --glass-blur-hi: 5px; --realm-backdrop: blur(var(--glass-blur)); --realm-backdrop-hi: blur(var(--glass-blur-hi)); --realm-veil: linear-gradient(180deg, #f1fff300, #f5ffea00 65%, #194c2d12); --gold-frame: inset 0 1px 0 #fffbe299, inset 0 -1px 0 #ffdc6340, 0 0 1px #fff6bd80, 0 0 14px #ffdc7540, 0 5px 18px #15462c1a; --ornament-opacity: .76; --bich-glints: radial-gradient(ellipse 18px 5px at 15px 2px, #fffbe3 4%, #ffdc6cbb 24%, transparent 100%), radial-gradient(ellipse 5px 24px at 2px 18px, #fff5cbbb 3%, #ffc65b66 30%, transparent 100%), radial-gradient(ellipse 23px 5px at calc(100% - 18px) calc(100% - 2px), #fff9d8 4%, #ffce6399 34%, transparent 100%), radial-gradient(ellipse 5px 18px at calc(100% - 2px) calc(100% - 17px), #fff8dfbb, #ffd66b55 35%, transparent 100%); }
html body { background: #d9ecdd; color: var(--text); }
html body .scene { background-color: #c6e0ce !important; }
:root[data-realm-period='night'] body { background: #082d1e; }
:root[data-realm-period='night'] body .scene { background-color: #0d3527 !important; }
html body .scene::after { background: none !important; }
html body .realm-scene-art img { filter: none; object-position: center center; }
html body .realm-banner-art img { filter: none; }
:root body :is(.glass, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel) { border-radius: 18px; border-color: var(--gold-line) !important; box-shadow: var(--gold-frame) !important; }
:root body :is(.glass, .sidebar, .appbar, .topbar, .tabbar, .float-card, .gm-section) { isolation: isolate; }
:root body :is(.glass, .float-card, .gm-section, .page-head) { transition: border-color .24s ease, box-shadow .28s ease; }
:root body .glass::before { opacity: 1; padding: 1px; background: linear-gradient(135deg, #fff8d5, #ffdf81 12%, #bd8e3b66 32%, #fff9df80 54%, #f9c059 80%, #fff8c7); }
:root body :is(.glass, .sidebar, .appbar, .tabbar, .float-card, .bich-da-dashboard .hello)::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background-image: url('../img/realm/gold-corner.webp'), url('../img/realm/gold-corner-tr.webp'), url('../img/realm/gold-corner-br.webp'), url('../img/realm/gold-corner-bl.webp'), var(--bich-glints); background-size: 78px 78px, 78px 78px, 78px 78px, 78px 78px, auto, auto, auto, auto; background-position: left -8px top -8px, right -8px top -8px, right -8px bottom -8px, left -8px bottom -8px, 0 0, 0 0, 0 0, 0 0; background-repeat: no-repeat; opacity: var(--ornament-opacity); z-index: -1; transform: none; filter: none; }
:root body :is(.appbar, .tabbar)::after { background-size: 48px 48px, 48px 48px, 48px 48px, 48px 48px, auto, auto, auto, auto; background-position: left -6px top -6px, right -6px top -6px, right -6px bottom -6px, left -6px bottom -6px, 0 0, 0 0, 0 0, 0 0; }
:root body :is(.glass .glass, .glass--flat)::before, :root body :is(.glass .glass, .glass--flat)::after { display: none; }
:root body .glass:is(.ft-card, .modal)::after { inset: 0; }
:root body :is(.glass--hover:hover, .kpi:hover) { box-shadow: var(--gold-frame), 0 0 16px #ffe48845 !important; border-color: #fff5b7 !important; }
:root body .pack-admin-list > details.glass, :root body main .glass--flat:not(.glass .glass) { background: var(--surface) !important; -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body :is(.page-head h1, .hello h1, .hero h1, .auth-card h1, .gm-brand h2) { color: #ffe5a0; animation: none; }
:root body :is(.panel-head h3, .glass > h2, .glass > h3, .adm-section-title h2, .adm-section-title h3, .gm-section h3) { color: #e4ffdf; text-shadow: 0 0 10px #a4f7b71f, 0 1px 3px #073620; }
:root body :is(.panel-head h3 svg, h3 > svg, h2 > svg) { color: #a1ffc1; filter: drop-shadow(0 0 4px #7af19f80); }
:root body :is(.page-head, .hello) .eyebrow { color: #c5f0cc !important; letter-spacing: .15em; text-shadow: 0 1px 3px #083c24; }
:root body :is(.glass, .page-head, .realm-welcome, .realm-event-copy) :is(.sub, .note, .hint, .k-label, label) { text-shadow: 0 1px 2px #083d24b3; }
:root body .coin span { color: #ffecaa; text-shadow: 0 0 10px #ffd36340, 0 1px 2px #173c3b; }
:root body .page-head::after { background: linear-gradient(90deg, #fff4b8, #f8c354 65%, transparent); box-shadow: 0 0 12px #ffda6e; }
:root body .page-head { position: relative; isolation: isolate; padding: 22px 24px; border-radius: 18px; border: 1px solid var(--gold-line); background: var(--surface); box-shadow: var(--gold-frame); -webkit-backdrop-filter: var(--realm-backdrop); backdrop-filter: var(--realm-backdrop); }
:root body :is(.btn, .hero-actions > .btn) { --realm-btn-fill: linear-gradient(135deg, #f0fff31c, #8adfa30d 44%, #063b2347); --realm-btn-edge: #e9e6b3b3; --realm-btn-ink: #e4fbe2; border-radius: 12px; font-weight: 650; box-shadow: inset 0 1px 0 #f1ffe259, inset 0 -1px 0 #ffeaa526, 0 0 9px #d8f5bf1a; text-shadow: 0 1px 2px #093c24a6; transition: transform .2s ease, border-color .24s ease, box-shadow .28s ease, color .2s ease; }
:root body .btn:is(.btn--primary, .btn--feature, .btn--jade, .btn--teal) { --realm-btn-fill: linear-gradient(130deg, #fff2af36, #ffcc4924 45%, #98eaaa24); --realm-btn-ink: #fff3be; --realm-btn-edge: #ffe8a5; box-shadow: inset 0 1px 0 #fffce6b3, inset 0 -1px 0 #efc65c59, 0 0 12px #ffdc6440; text-shadow: 0 0 7px #ffe49440, 0 1px 2px #183e34; }
:root body .btn--danger { --realm-btn-fill: linear-gradient(145deg, #713b4880, #542e3d66); --realm-btn-ink: #ffe1e1; --realm-btn-edge: #ffa395; }
:root body .btn:not(:disabled):not([aria-disabled='true']):hover { box-shadow: inset 0 1px 0 #fffce8cc, 0 0 2px #ffecad80, 0 0 16px #ffd06e59; }
:root body .btn:disabled, :root body .btn[aria-disabled='true'] { box-shadow: none; text-shadow: none; opacity: .65; }
:root body :is(.btn, .tab, .gm-combo-trigger)::before { background: linear-gradient(108deg, transparent 32%, #e8ffec1c 43%, #fffce385 50%, #ffe9af1a 57%, transparent 68%); }
:root body .tabs { background: #083b2366 !important; border: 1px solid #f6d58473; border-radius: 14px; }
:root body .tab { background: #0637212e; color: #e5f7e7; text-shadow: 0 1px 2px #053a22c9; transition: color .2s ease, border-color .24s ease, box-shadow .28s ease; }
:root body :is(.tab.active, .tab[aria-selected='true'], .tabs .tab[aria-current='page']) { background: linear-gradient(140deg, #c0f5cb2b, #1e613952) !important; color: #fff2bd !important; box-shadow: inset 0 1px 0 #fff6d380, 0 0 12px #ffd77133; border-color: #ffe49c !important; }
:root body .tab::after { background: #ffe19a; }
:root body :is(.pill, .icon-btn, .user-chip, .gm-combo-trigger) { background: linear-gradient(155deg, #caffd318, #06392133) !important; color: #f1f9ef; border-color: #c4e1ca66 !important; box-shadow: inset 0 1px 0 #d6eed933; }
:root body .user-chip .avatar { background: radial-gradient(circle at 35% 25%, #e4ffc7, #8ce29e 48%, #2aa661); color: #12492b; border: 1px solid #ffe6a1; box-shadow: 0 0 12px #a7f3b373; }
:root body :is(.input, .select, .textarea, .gm-combo-search, .search input):focus { background-color: #0b452880 !important; box-shadow: 0 0 0 2px #ffdf8026, 0 0 12px #ffe38b33 !important; }
:root body :is(.input, .textarea, .gm-combo-search, .search input)::placeholder { color: #bedcc5; }
:root body select option, :root body select optgroup { background: #12492c; }
:root body :is(.modal, .glass.modal, .more-panel, .gm-combo-popup, .search-results) { box-shadow: var(--gold-frame), 0 24px 70px #02271880 !important; }
:root body :is(.modal-back, .ft-back) { background: #052c1a66 !important; }
:root body .table th { background: #12492cd1 !important; }
:root body :is(.adm-note, .bx-note, .tn-warn, .pay-warn, .shop-note, .ws-gate, .ev-msg, .ev-daily) { --realm-note-fill: linear-gradient(110deg, #ffe39b18, #9be1ab08), #12492cad; --realm-note-edge: #ffdd7f; box-shadow: inset 0 1px 0 #fff2bc26, 0 0 9px #ffd56d1f; }
:root body :is(.ev-msg--ok, .ev-daily.claimed) { --realm-note-edge: #9bf3ac; }
:root body :is(.adm-note.adm-note--danger, .ev-msg.ev-msg--err) { --realm-note-edge: #ffa18d; --realm-note-fill: linear-gradient(110deg, #ed9a9d29, transparent), #12452aeb; }
:root body .sidebar { border-radius: 22px; padding: 18px 14px; }
:root body .sidebar .brand { justify-content: center; gap: 0; padding-block: 6px 16px; }
:root body .sidebar .brand > .seal { display: none; }
:root body .sidebar .brand:not(.brand--text) span { font-size: 2rem; font-style: italic; color: #ffedaf; -webkit-text-fill-color: currentColor; background: none; text-shadow: 0 0 9px #ffd36d80, 0 2px 0 #866127; }
:root body .sidebar .brand span small { display: block; font-family: var(--font-ui); font-size: .68rem; font-style: normal; letter-spacing: .15em; text-align: center; }
:root body .brand--text { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; max-width: 240px; white-space: normal; }
:root body .brand--text > small { display: block; max-width: 100%; font-family: var(--font-body); font-size: .6rem; font-weight: 600; font-style: normal; color: #ffe49a; text-transform: uppercase; letter-spacing: .13em; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
:root body .sidebar .brand--text { width: 100%; align-items: center; text-align: center; gap: 5px; }
:root body .topbar .brand--text { max-width: 210px; flex-shrink: 1; }
@media (max-width: 600px) {
  :root body .topbar .brand--text { max-width: min(180px, 46vw); }
  :root body .topbar .brand--text > small { display: none; }
}
:root body .sidebar .lb-xu { background: linear-gradient(135deg, #ace9bc1f, #06392273) !important; border-color: #ffe298b3 !important; box-shadow: inset 0 1px 0 #fff1b533, 0 0 9px #ffcc5b22; }
:root body .sidebar nav a { border-radius: 10px; }
:root body .sidebar nav a .ico, :root body .sidebar-links a .ico { color: #ffdc75 !important; filter: drop-shadow(0 0 4px #ffc54b99); }
:root body .sidebar .rail-title { color: #ffeaa0; letter-spacing: .12em; }
:root body :is(.sidebar nav a, .sidebar-links a)[aria-current='page'] { background: linear-gradient(100deg, #5d9a6b40, #083b2399) !important; border-color: #ffe8a4 !important; box-shadow: inset 0 1px 0 #fff7d0aa, 0 0 10px #ffd87580 !important; }
:root body .sidebar nav a[aria-current='page'] :is(.nm-name, small) { color: #fff3c7 !important; }
:root body :is(.sidebar .badge, .sidebar .nm-badge, .sidebar .tag) { background: linear-gradient(150deg, #fff0ae24, #ffc8550d) !important; color: #ffe5ae !important; box-shadow: inset 0 1px 0 #ffeedc40, 0 0 7px #ffcf6326 !important; font-size: 10px; text-shadow: 0 1px 2px #173e38 !important; }
:root body :is(.sidebar .tag, .more-grid .tag, .tag-pill, .badge)[data-tag] { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 3px 7px; min-height: 19px; border-radius: 7px; line-height: 1.1; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
:root body :is(.sidebar .tag, .more-grid .tag, .tag-pill, .badge)[data-tag='hot'] { background: linear-gradient(120deg, #ffb48133, #b53b5d2b) !important; color: #ffe1bf !important; border: 1px solid #ffad8aab; box-shadow: inset 0 1px 0 #ffe3c45c, 0 0 10px #ff947333 !important; text-shadow: 0 0 6px #ffb37466, 0 1px 1px #5f2c36 !important; }
:root body :is(.sidebar .tag, .more-grid .tag, .tag-pill, .badge)[data-tag='new'] { background: linear-gradient(120deg, #92ffaa29, #83eaa021) !important; color: #d2ffda !important; border: 1px solid #a1f3b4ad; box-shadow: inset 0 1px 0 #e3ffe45c, 0 0 10px #7af59c33 !important; text-shadow: 0 0 6px #83ec9f66, 0 1px 1px #17442a !important; }
:root body :is(.sidebar .tag, .more-grid .tag, .tag-pill, .badge)[data-tag]::before { content: ''; width: 9px; height: 11px; flex: 0 0 9px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M7 0C8 5 1 5 2 11c.5 3 3 5 5 5 5 0 6-6 3-9 0 3-2 3-2 2C9 5 9 2 7 0Z'/%3E%3C/svg%3E") center / contain no-repeat; }
:root body :is(.sidebar .tag, .more-grid .tag, .tag-pill, .badge)[data-tag='new']::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m8 0 2.3 5.7L16 8l-5.7 2.3L8 16l-2.3-5.7L0 8l5.7-2.3Z'/%3E%3C/svg%3E"); }
:root body .sidebar .ml-promo { display: block; background: #093e26; border-color: #ffdf8b; box-shadow: 0 0 8px #ffdc7455; }
:root body .sidebar .ml-promo-copy { background: linear-gradient(90deg, #0b462bdb, #0b462b55); }
:root body .appbar { border-radius: 18px; padding: 10px 12px; }
:root body .appbar .search input { border-color: #b5d8bc80 !important; }
:root body .appbar .search > svg { color: #ffe387; }
:root body #app-menu { display: none; }
:root body .chip-ico { border-radius: 13px; }
:root body .sidebar .chip-ico { color: #ffe5a2; border-color: #ffe18e; background: #ffcd6024; box-shadow: 0 0 12px #ffcf5e80, inset 0 0 14px #ffc94d33; }
:root body .kpi .chip-ico { border-radius: 14px; }
:root body .panel-head { border-bottom-color: #d4dfc142; }
:root body .delta { background: #3bce7829; border-color: #95f7adaa; color: #d4ffdd; }
@media (min-width: 981px) {
  :root body .app { --sidebar-w: 256px; padding: 22px; gap: 30px; max-width: 1920px; margin-inline: auto; }
  :root body .sidebar { top: 22px; height: calc(100dvh - 44px); }
  :root body .sidebar nav a { min-height: 40px; padding-block: 6px; }
  :root body .sidebar nav a .nm small { font-size: .72rem; }
}
@media (max-width: 980px) {
  :root, :root[data-realm-period='night'] { --glass-blur: 1.5px; --glass-blur-hi: 4px; }
  :root body .app { padding: 14px 14px calc(var(--tabbar-h) + 34px); }
  :root body .appbar { display: grid; grid-template-columns: 36px minmax(80px, 1fr) minmax(100px, 1.15fr) 34px; gap: 7px; margin-bottom: 24px; padding: 10px; }
  :root body .appbar > .search { grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0; order: initial; }
  :root body .appbar > .spacer { display: none; }
  :root body .appbar > .only-mobile-flex { min-width: 0; justify-content: center; padding: 6px 3px; font-size: .77rem; }
  :root body .appbar > .only-mobile-flex .coin { gap: 4px; }
  :root body .appbar > .only-mobile-flex .coin svg { width: 15px; height: 15px; }
  :root body .appbar > .icon-btn { width: 34px; min-width: 0; height: 42px; padding: 0; }
  :root body .appbar > .icon-btn:last-child { grid-column: 4; grid-row: 1; }
  :root body #app-menu { display: inline-grid; place-items: center; flex-shrink: 0; color: #b5ffc6; border-color: #9be6acaa !important; box-shadow: 0 0 8px #95e5a455; }
  :root body .appbar .user-chip .who { display: block; min-width: 0; }
  :root body .appbar .user-chip .who b { font-size: .69rem; }
  :root body .appbar .user-chip .who > span { display: block; font-size: .6rem; white-space: nowrap; }
  :root body .appbar .user-chip .avatar { width: 30px; height: 30px; font-size: .9rem; }
  :root body .appbar .user-chip { grid-column: 3; grid-row: 1; min-width: 0; gap: 4px; padding: 4px; }
  :root body .page-head { padding: 18px; }
  :root body .tabbar { border-color: #ffe09a !important; box-shadow: var(--gold-frame); }
  :root body .tabbar .ico, :root body .more-grid .ico { color: #b1ffc3; border-color: #c1e6c899; background: linear-gradient(145deg, #27734377, #063c23bb) !important; box-shadow: inset 0 1px 0 #dcffe84d, 0 0 8px #83e29b59 !important; }
  :root body .tabbar a:nth-child(2) .ico { color: #ffe39a; box-shadow: 0 0 9px #ffd16466 !important; }
  :root body .tabbar a:nth-child(3) .ico { color: #8bffa5; }
  :root body .more-grid a { background: var(--surface-flat); border-color: var(--realm-border); }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 981px) {
  :root[data-motion='full']:not(.perf-lite):not(.effects-paused) body :is(.sidebar, .appbar)::after { animation: bich-da-glint 8s ease-in-out infinite; }
}
@keyframes bich-da-glint {0%, 100% { opacity: var(--ornament-opacity); } 50% { opacity: .88; }}
@keyframes realm-card-light {0%, 100% { opacity: var(--ornament-opacity); } 50% { opacity: .95; }}
@keyframes realm-control-sweep {0% { opacity: 0; transform: translateX(-105%); } 45% { opacity: .4; } 100% { opacity: 0; transform: translateX(105%); }}
@keyframes realm-title-light {0%, 100% { opacity: 1; transform: scaleX(1); } 50% { opacity: .8; transform: scaleX(1); }}
@keyframes realm-status-light {0%, 100% { opacity: 1; } 50% { opacity: .94; }}
@keyframes realm-tap-feedback {0%, 100% { opacity: 0; } 50% { opacity: .25; }}
@media (prefers-reduced-motion: no-preference) {
  :root[data-motion='full'] body :is(.btn, .tab, .gm-combo-trigger).is-lit::before { animation-duration: .55s; animation-timing-function: cubic-bezier(.22, .61, .36, 1); }
  :root[data-motion='full'] body .glass.is-lit::after { animation-duration: .9s; }
  :root[data-motion='full'] body .btn:not(:disabled):not([aria-disabled='true']):active { transform: translateY(1px) scale(.99); }
}
:root.perf-lite, :root.perf-lite[data-realm-period='night'] { --surface: var(--realm-clouds), linear-gradient(#164b2eea, #0c3e25ea); --realm-nav: #11472bf0; --realm-backdrop: none; --realm-backdrop-hi: none; }
@media (prefers-reduced-motion: reduce) {
  :root body :is(.glass, .sidebar, .appbar)::after { animation: none !important; }
}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
  :root body :is(.glass, .sidebar, .appbar, .tabbar, .float-card)::after { display: none; }
}
@media (forced-colors: active) {
  :root body :is(.glass, .sidebar, .appbar, .tabbar, .float-card)::before, :root body :is(.glass, .sidebar, .appbar, .tabbar, .float-card)::after { display: none; }
  :root body :is(.hello h1, .hello h1 .grad-text, .page-head h1, .hero h1, .auth-card h1, .gm-brand h2) { background: none !important; color: CanvasText; -webkit-text-fill-color: CanvasText; text-shadow: none; filter: none; }
}
:root[data-realm-period='day'] body :is(.sidebar, .appbar, .topbar, .tabbar, .footer, .more-panel, .modal, .glass, .page-head, .float-card, .gm-section) { text-shadow: var(--day-halo); }
:root[data-realm-period='day'] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .tabbar, .footer, .modal, main) :is(p, li, td, th, label, small, time, .muted, .hint, .note, .sub, .eyebrow, .k-label, .label, .stat-label, .stat-sub, .nm, .nm-name, .tab-label, .coin span, .num, .ev-sec, h2, h3, h4, .lc-sec, .delta, .ev-hl, .ev-hv, .pill, .tab) { text-shadow: var(--day-halo) !important; color: #f7fff8; }
:root[data-realm-period='day'] body :is(main, .content) > :is(h2, h3, p, .lc-sec, .ev-sec, .muted, .hint), :root[data-realm-period='day'] body :is(.lc-sec, .ev-sec, .divider-ornate h2, .row-between > a) { text-shadow: var(--day-halo) !important; }
:root[data-realm-period='day'] body .badge { text-shadow: none !important; background-color: rgb(4 44 29 / .72) !important; color: #fff !important; }
:root[data-realm-period='day'] body :is(.tag, .tag-pill) { text-shadow: none !important; background-color: rgb(4 44 29 / .82) !important; color: #fff !important; }
:root[data-realm-period='day'] { --day-halo: 0 0 1px #032216, 0 0 2px #032216, 0 1px 3px #032216, 0 0 7px rgb(3 34 22 / .95), 0 0 14px rgb(3 34 22 / .65); }
:root[data-realm-period='day'] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .tabbar, .footer, .modal, main) :is(strong, b, .btn, .pay-chip, .val, .gold, .vd-status, .vd-target, .hero-badge, .ev-hv, .quote, .ev-wheel-hint, .lc-sec, .jade, [data-pay-tab]):not(.grad-text):not(.btn *) { text-shadow: var(--day-halo) !important; }
:root[data-realm-period='day'] body :is(.btn, .pay-chip) :is(span, small) { text-shadow: var(--day-halo) !important; }
:root[data-realm-period='day'] body .quote { color: #f7fff8 !important; }
:root[data-realm-period='day'] body :is(.lc-sec, .ev-sec, .divider-ornate h2, .hero-badge):not(.glass *), :root[data-realm-period='day'] body main :is(p, .muted, .hint):not(.glass *):not(.page-head *):not(.footer *):not(.hello *):not(.ev-prize-copy *), :root[data-realm-period='day'] body .ev-hl { width: fit-content; max-width: 100%; padding: 2px 10px !important; border-radius: 8px; background-color: rgb(3 40 26 / .6) !important; }
:root[data-realm-period='day'] body :is(.page-notes li, .ev-hl) { text-shadow: var(--day-halo) !important; color: #f7fff8; }
:root[data-realm-period='day'] body :is(.tag, .tag-pill) { background: rgb(4 44 29 / .9) !important; }
/* ---- eloria ---- */
html:root[data-nl][data-nl] { --s0: #071f18; --s1: #0d2d23; --s2: #123a2c; --s3: #194736; --well: #081f18; --line: rgb(236 214 150 / .18); --line-2: rgb(236 214 150 / .42); --gold: #e9c46e; --gold-hi: #f8e3a8; --gold-ink: #241803; --jade: #8fe3b0; --t1: #f4f8f0; --t2: #c9dbcf; --t3: #b6cdbf; --text: var(--t1); --text-hi: #fff; --text-soft: var(--t2); --text-mute: var(--t3); --t-body: var(--t1); --t-soft: var(--t2); --t-label: var(--t2); --c-read: var(--t1); --c-soft: var(--t2); --surface: var(--s1); --surface-flat: var(--s2); --realm-nav: var(--s1); --realm-overlay: var(--s1); --realm-field: var(--well); --glass-solid: var(--s1); --gold-frame: 0 8px 24px rgb(2 16 11 / .28); --gold-line: var(--line); --realm-border: var(--line); --ornament-opacity: 0; --realm-backdrop: none; --realm-backdrop-hi: none; --bich-glints: none; --realm-clouds: none; --font-title: 'Philosopher', 'Be Vietnam Pro', Georgia, serif; --font-display: var(--font-ui); --font-serif: var(--font-title); --r-card: 14px; }
html:root[data-nl][data-nl][data-nl] body { background: var(--s0) !important; color: var(--t1); font-size: 15px; line-height: 1.55; }
html:root[data-nl][data-nl][data-nl] body[data-shell] .scene::after { content: '' !important; position: absolute !important; inset: 0 !important; display: block !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .tabbar, .float-card, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .kpi, .dl-card, .more-panel, .auth-card, .modal, .ft-card, .nl-panel) { background: var(--s1) !important; border: 1px solid var(--line) !important; border-radius: var(--r-card) !important; box-shadow: var(--gold-frame) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .sidebar, .appbar, .tabbar, .float-card, .page-head, .bich-da-dashboard .hello, .auth-card, .more-panel, .kpi)::after, html:root[data-nl][data-nl][data-nl] body :is(.glass, .kpi, .auth-card, .more-panel)::before { display: none !important; background: none !important; content: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass--hover:hover, .kpi:hover) { border-color: var(--line-2) !important; box-shadow: var(--gold-frame) !important; transform: none; }
html:root[data-nl][data-nl][data-nl] body :is(h1, h2, h3, .page-head h1, .hello h1, .auth-card h1, .gm-brand h2, .panel-head h3, .glass > h2, .glass > h3, .ev-sec, .lc-sec) { font-family: var(--font-title) !important; font-weight: 700 !important; font-style: normal; letter-spacing: 0 !important; text-transform: none !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: currentColor !important; color: var(--gold-hi) !important; text-shadow: none !important; filter: none !important; }
html:root[data-nl][data-nl][data-nl] body h3 { color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-sec::before, html:root[data-nl][data-nl][data-nl] body .page-head::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(label, .label, .eyebrow, .k-label, .stat-label, .field label, .more-title, .rail-title) { text-transform: none !important; letter-spacing: 0 !important; font-size: .875rem !important; color: var(--t2) !important; text-shadow: none !important; font-weight: 500 !important; }
html:root[data-nl][data-nl][data-nl] body :is(.muted, .hint, .note, .sub, small) { color: var(--t3) !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, p, span, b, div, a) { text-shadow: none; }
html:root[data-nl][data-nl][data-nl] body a:not(.btn):not(.pill) { color: var(--gold-hi); }
html:root[data-nl][data-nl][data-nl] body .btn, html:root[data-nl][data-nl][data-nl] body :is(.hero-actions > .btn) { min-height: 44px; border-radius: 10px !important; border: 1px solid var(--line-2) !important; background: transparent !important; color: var(--t1) !important; box-shadow: none !important; text-shadow: none !important; font-weight: 600 !important; animation: none !important; }
html:root[data-nl][data-nl][data-nl] body .btn::before, html:root[data-nl][data-nl][data-nl] body .btn::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.btn--primary, .btn--gold) { background: linear-gradient(180deg, var(--gold-hi), var(--gold)) !important; color: var(--gold-ink) !important; border-color: transparent !important; font-weight: 700 !important; }
html:root[data-nl][data-nl][data-nl] body :is(.btn--primary, .btn--gold) :is(svg, span) { color: var(--gold-ink) !important; }
html:root[data-nl][data-nl][data-nl] body .btn--primary:hover:not(:disabled) { background: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .btn--jade { background: var(--jade) !important; color: #06281c !important; border-color: transparent !important; }
html:root[data-nl][data-nl][data-nl] body .btn:disabled, html:root[data-nl][data-nl][data-nl] body .btn[aria-disabled='true'] { opacity: 1 !important; }
html:root[data-nl][data-nl][data-nl] body .btn small { color: inherit !important; }
html:root[data-nl][data-nl][data-nl] body :is(.btn:disabled) small { color: var(--t3) !important; }
html:root[data-nl][data-nl][data-nl] body :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--gold-hi) !important; outline-offset: 2px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .select, .textarea, select, input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]) { border: 1px solid var(--line-2) !important; border-radius: 10px !important; min-height: 44px; }
html:root[data-nl][data-nl][data-nl] body :is(.tab, [role=tab]) { border: 0 !important; box-shadow: none !important; min-height: 40px; }
html:root[data-nl][data-nl][data-nl] body :is(.tab, [role=tab])::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .badge { font-size: .75rem !important; letter-spacing: 0 !important; text-transform: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill) { border: 0 !important; font-size: .6875rem !important; letter-spacing: 0 !important; padding: 1px 7px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill)::before { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .chip-ico { border-radius: 10px !important; }
html:root[data-nl][data-nl][data-nl] body .progress { box-shadow: none !important; border: 1px solid var(--line) !important; }
html:root[data-nl][data-nl][data-nl] body .table th { color: var(--t2) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: .875rem !important; }
html:root[data-nl][data-nl][data-nl] body .nl-empty-ico { display: inline-grid; place-items: center; }
html:root[data-nl][data-nl][data-nl] body .empty { padding: 24px 16px !important; gap: 8px; min-height: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .empty > b { font-weight: 600; }
html:root[data-nl][data-nl][data-nl] body .page-head { display: flex; flex-wrap: wrap; gap: 2px 14px; margin-bottom: 14px; }
html:root[data-nl][data-nl][data-nl] body .page-head .eyebrow { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .page-head h1 { margin: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .page-head p { margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--t2) !important; font-size: .875rem; }
html:root[data-nl][data-nl][data-nl] body .page-head p::before { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar { padding: 14px 10px !important; gap: 6px; scrollbar-width: thin; }
html:root[data-nl][data-nl][data-nl] body .brand--text { display: block; text-align: center; padding: 0 !important; }
html:root[data-nl][data-nl][data-nl] body :is(.ml-promo, .ml-motto) { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .lb-xu { padding: 10px 12px !important; border-radius: 10px !important; margin: 4px 0 !important; }
html:root[data-nl][data-nl][data-nl] body .lb-xu .chip-ico { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; }
html:root[data-nl][data-nl][data-nl] body .lb-xu-val, html:root[data-nl][data-nl][data-nl] body .lb-xu-val span { font-size: 1.05rem !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar .rail-title { margin: 12px 8px 4px !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a { display: flex !important; align-items: center; gap: 10px; padding: 5px 8px !important; border-radius: 9px !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--t1) !important; font-size: .875rem !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a .ico { width: 24px !important; height: 24px !important; flex: 0 0 24px; background: none !important; border: 0 !important; box-shadow: none !important; color: var(--t2) !important; display: grid; place-items: center; }
html:root[data-nl][data-nl][data-nl] body .sidebar a .nm { display: flex !important; flex: 1; align-items: center; justify-content: space-between; gap: 6px; flex-direction: row !important; min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .sidebar a .nm-name { font-size: .875rem !important; font-weight: 500 !important; color: inherit !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a .nm-row { display: contents !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a .nm-row small { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a:hover { background: var(--s2) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] .ico { color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar-links { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px; }
html:root[data-nl][data-nl][data-nl] body .nl-home { border-top: 0 !important; margin: 0 !important; padding: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .appbar { padding: 8px 12px !important; min-height: 56px; gap: 8px; }
html:root[data-nl][data-nl][data-nl] body .appbar :is(.ml-date, a[href='/diemdanh7ngay'], button[data-api='/ajax/checkin.php']) { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .appbar .search { max-width: 340px; }
html:root[data-nl][data-nl][data-nl] body .appbar :is(.pill, .user-chip, .icon-btn) { min-height: 40px; }
html:root[data-nl][data-nl][data-nl] body .avatar { border: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .user-chip b { font-family: var(--font-ui) !important; font-weight: 600 !important; color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .main-col .content { padding-top: 14px; }
html:root[data-nl][data-nl][data-nl] body .topbar .nav a { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--t2) !important; }
html:root[data-nl][data-nl][data-nl] body .topbar .nav a[aria-current='page'] { color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar { border-radius: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; padding: 4px 4px calc(4px + env(safe-area-inset-bottom)) !important; min-height: 60px; margin: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) { background: none !important; border: 0 !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar .ico { background: none !important; border: 0 !important; box-shadow: none !important; width: 24px !important; height: 24px !important; color: inherit !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar .tab-label { font-size: .75rem !important; letter-spacing: 0; font-weight: 500; }
html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'], html:root[data-nl][data-nl][data-nl] body .tabbar [aria-expanded='true'] { color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid a { background: var(--s2) !important; border: 0 !important; box-shadow: none !important; min-height: 64px; padding: 10px !important; flex-direction: row !important; justify-content: flex-start !important; gap: 10px; text-align: left; }
html:root[data-nl][data-nl][data-nl] body .more-grid .ico { background: none !important; border: 0 !important; box-shadow: none !important; width: 26px !important; height: 26px !important; color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid .tag { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .more-head b { font-family: var(--font-title); font-weight: 700; color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-panel { padding: 18px; }
html:root[data-nl][data-nl][data-nl] body .nl-panel h2 { margin: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
html:root[data-nl][data-nl][data-nl] body .nl-panel-head a { font-size: .875rem; }
html:root[data-nl][data-nl][data-nl] body .nl-sec { margin: 0 0 10px; color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
html:root[data-nl][data-nl][data-nl] body .nl-evts--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html:root[data-nl][data-nl][data-nl] body .nl-evt { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt img { position: absolute; inset: 0; width: 100%; height: auto; object-fit: cover; object-position: center top; transition: transform .25s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:hover img { transform: scale(1.04); }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy { position: absolute; inset: auto 0 0; display: grid; gap: 1px; padding: 28px 14px 11px; }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy b { font-weight: 700; color: #fff; line-height: 1.25; }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy small { font-size: .8125rem; }
html:root[data-nl][data-nl][data-nl] body .nl-news { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
html:root[data-nl][data-nl][data-nl] body .nl-news a { display: flex; gap: 12px; align-items: center; padding: 6px; border-radius: 10px; color: var(--t1); }
html:root[data-nl][data-nl][data-nl] body .nl-news img { width: 96px; height: 60px; object-fit: cover; border-radius: 8px; flex: none; }
html:root[data-nl][data-nl][data-nl] body .nl-news span { display: grid; gap: 2px; min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-news b { font-weight: 600; color: var(--t1); overflow-wrap: anywhere; }
html:root[data-nl][data-nl][data-nl] body .nl-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html:root[data-nl][data-nl][data-nl] body .nl-dash { display: grid; gap: 16px; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome { gap: 12px; }
html:root[data-nl][data-nl][data-nl] body .nl-greet { margin: 0; font-size: .9375rem; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome h1 { line-height: 1.2; }
html:root[data-nl][data-nl][data-nl] body .nl-stats { display: grid; margin: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-stat { position: relative; background: var(--s1); border: 1px solid var(--line); border-radius: var(--r-card); min-width: 0; gap: 2px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat dd { margin: 0; line-height: 1.3; white-space: nowrap; font-variant-numeric: tabular-nums; }
html:root[data-nl][data-nl][data-nl] body .nl-stat small { overflow-wrap: anywhere; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu dd { color: var(--gold-hi); }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn { position: absolute; top: 10px; right: 10px; min-height: 34px !important; padding: 2px 10px !important; font-size: .8125rem !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .coin { display: inline-flex; align-items: center; gap: 6px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .coin svg { width: 20px; height: 20px; }
html:root[data-nl][data-nl][data-nl] body .nl-today { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 14px; }
html:root[data-nl][data-nl][data-nl] body .nl-feature { position: relative; display: block; overflow: hidden; min-height: 320px; color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature img { position: absolute; inset: 0; width: 100%; object-fit: cover; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px; padding: 22px; max-width: 100%; }
html:root[data-nl][data-nl][data-nl] body .nl-kicker { font-weight: 600; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy b { font-weight: 700; color: #fff; line-height: 1.2; max-width: 56%; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy > span:not(.btn):not(.nl-kicker) { color: var(--t1); max-width: 50%; font-size: .9375rem; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy .btn { margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks ul { list-style: none; margin: 10px 0 0; display: grid; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li span { display: grid; min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks b { color: var(--t1); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks small { font-size: .8125rem; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks .btn { min-height: 38px !important; min-width: 64px; padding: 4px 14px !important; font-size: .875rem !important; justify-content: center; }
html:root[data-nl][data-nl][data-nl] body .nl-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 24px; align-items: center; max-width: 1200px; margin: 0 auto; padding: 44px 24px 36px; min-height: 560px; }
html:root[data-nl][data-nl][data-nl] body .nl-hero h1 { margin: 0 0 8px; font-size: clamp(1.75rem, 3vw, 2.5rem) !important; line-height: 1.2; color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .nl-hero p { font-size: 1.0625rem; margin: 0 0 16px; max-width: 46ch; }
html:root[data-nl][data-nl][data-nl] body .nl-cta { display: flex; flex-wrap: wrap; gap: 10px; }
html:root[data-nl][data-nl][data-nl] body .nl-cta .btn { display: inline-flex; align-items: center; gap: 8px; }
html:root[data-nl][data-nl][data-nl] body .nl-hero .btn:not(.btn--primary) { background: rgb(5 26 20 / .55) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-hero .nl-platforms { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 16px 0 0; font-size: .9375rem; }
html:root[data-nl][data-nl][data-nl] body .nl-platforms a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-platforms a.is-device { color: var(--gold-hi) !important; font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body .nl-fan { position: relative; height: 470px; }
html:root[data-nl][data-nl][data-nl] body .nl-fan img { position: absolute; top: 24px; left: 50%; width: 252px; height: auto; border-radius: 16px; transform-origin: 50% 110%; }
html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(1) { transform: translateX(-50%) rotate(-18deg) translateX(-44px); }
html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(2) { transform: translateX(-50%) rotate(18deg) translateX(44px); }
html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(3) { transform: translateX(-50%) translateY(-8px); }
html:root[data-nl][data-nl][data-nl] body .nl-page { max-width: 1200px; margin: 0 auto; padding: 8px 24px 40px; display: grid; gap: 28px; }
html:root[data-nl][data-nl][data-nl] body .nl-head { display: flex; flex-wrap: wrap; gap: 2px 14px; margin-bottom: 10px; }
html:root[data-nl][data-nl][data-nl] body .nl-head .nl-sec { margin: 0; color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-head p { margin: 0; color: var(--t1); }
html:root[data-nl][data-nl][data-nl] body .nl-cards { display: flex; gap: 12px; padding-block: 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
html:root[data-nl][data-nl][data-nl] body .nl-cards img { width: 100%; height: auto; border-radius: 12px; display: block; }
html:root[data-nl][data-nl][data-nl] body .nl-community p { color: var(--t2); margin: 8px 0 14px; }
html:root[data-nl][data-nl][data-nl] body .auth-card h1 { font-size: 1.5rem !important; }
html:root[data-nl][data-nl][data-nl] body .auth-card :is(.input) { background: var(--well) !important; }
html:root[data-nl][data-nl][data-nl] body .vd-grid { grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)) !important; gap: 12px !important; }
html:root[data-nl][data-nl][data-nl] body .vd-card { opacity: 1 !important; align-items: stretch !important; text-align: left !important; padding: 12px !important; }
html:root[data-nl][data-nl][data-nl] body .vd-card:not(.achieved) { background: var(--s1) !important; }
html:root[data-nl][data-nl][data-nl] body .vd-card.achieved { border-color: var(--jade) !important; }
html:root[data-nl][data-nl][data-nl] body .vd-target { font-family: var(--font-ui) !important; font-weight: 700; font-size: 1.25rem !important; }
html:root[data-nl][data-nl][data-nl] body .vd-status { font-size: .8125rem !important; color: var(--t3) !important; }
html:root[data-nl][data-nl][data-nl] body .vd-rw .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; }
html:root[data-nl][data-nl][data-nl] body .vd-rw .slot { width: 100% !important; height: auto !important; aspect-ratio: 1; border-radius: 8px !important; overflow: hidden; background: var(--s3) !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .vd-rw .slot .qty { position: absolute; inset: auto 0 0 !important; text-align: center; font-size: 12px !important; font-weight: 700; padding: 0 1px; color: #fff; background: rgb(3 18 13 / .78); text-shadow: none !important; line-height: 1.35; }
html:root[data-nl][data-nl][data-nl] body .vd-card:not(.achieved) button[disabled] { display: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec, .divider-ornate h2) { color: var(--gold-hi) !important; }
html:root[data-nl][data-nl][data-nl] body .lc-sec { font-size: 1.125rem !important; margin-bottom: 8px; }
html:root[data-nl][data-nl][data-nl] body .ev-wheel-card { background: var(--s1) !important; }
html:root[data-nl][data-nl][data-nl] body .tn-warn, html:root[data-nl][data-nl][data-nl] body .pay-warn, html:root[data-nl][data-nl][data-nl] body .shop-note, html:root[data-nl][data-nl][data-nl] body .adm-note, html:root[data-nl][data-nl][data-nl] body .bx-note { background: var(--s2) !important; box-shadow: none !important; }
@media (max-width: 1100px) {
  html:root[data-nl][data-nl][data-nl] body .nl-today { grid-template-columns: minmax(0, 1fr); }
  html:root[data-nl][data-nl][data-nl] body .nl-evts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { position: sticky; top: 0; border-radius: 0 !important; border-width: 0 0 1px !important; flex-wrap: nowrap !important; min-height: 52px; }
  html:root[data-nl][data-nl][data-nl] body .appbar :is(.search, #app-menu, button[data-api='/ajax/logout.php']) { display: none !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .who { display: none !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip { border: 0 !important; min-width: 44px; justify-content: center; }
  html:root[data-nl][data-nl][data-nl] body .main-col, html:root[data-nl][data-nl][data-nl] body .app { padding-top: 0 !important; }
  html:root[data-nl][data-nl][data-nl] body .content { padding: 12px 12px 84px !important; }
  html:root[data-nl][data-nl][data-nl] body .topbar-inner { flex-wrap: wrap; gap: 4px 8px; }
  html:root[data-nl][data-nl][data-nl] body .topbar .nav { order: 9; width: 100%; }
  html:root[data-nl][data-nl][data-nl] body .topbar .btn { flex: 0 0 auto !important; width: auto !important; min-height: 38px; padding: 4px 12px !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu { grid-column: 1 / -1; }
  html:root[data-nl][data-nl][data-nl] body .nl-feature-copy > span:not(.btn):not(.nl-kicker) { max-width: 100%; font-size: .875rem; }
  html:root[data-nl][data-nl][data-nl] body .nl-two { grid-template-columns: minmax(0, 1fr); }
  html:root[data-nl][data-nl][data-nl] body .nl-evts, html:root[data-nl][data-nl][data-nl] body .nl-evts--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html:root[data-nl][data-nl][data-nl] body .nl-evts--3 .nl-evt:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 8; }
  html:root[data-nl][data-nl][data-nl] body .nl-evt-copy { padding: 22px 10px 8px; }
  html:root[data-nl][data-nl][data-nl] body .nl-evt-copy b { font-size: 1rem; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero { grid-template-columns: minmax(0, 1fr); padding: 14px 16px 8px; min-height: 0; gap: 0; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero-copy { text-align: center; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero p { margin-inline: auto; font-size: .9375rem; }
  html:root[data-nl][data-nl][data-nl] body .nl-cta, html:root[data-nl][data-nl][data-nl] body .nl-hero .nl-platforms { justify-content: center; }
  html:root[data-nl][data-nl][data-nl] body .nl-page { padding: 8px 16px 32px; gap: 22px; }
  html:root[data-nl][data-nl][data-nl] body .nl-cards { margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
  html:root[data-nl][data-nl][data-nl] body .vd-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html:root[data-nl][data-nl][data-nl] body .footer a { display: inline-flex; align-items: center; min-height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  html:root[data-nl][data-nl][data-nl] body .nl-evt img { transition: none; }
}
html:root[data-nl][data-nl][data-nl] body .nl-greet { color: var(--t1) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-hero h1 { text-wrap: balance; }
html:root[data-nl][data-nl][data-nl] body .nl-page { grid-template-columns: minmax(0, 1fr); }
html:root[data-nl][data-nl][data-nl] body .nl-page > section { min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .badge { padding: 3px 8px !important; line-height: 1.3 !important; height: auto !important; white-space: nowrap; }
html:root[data-nl][data-nl][data-nl] body .ev-hl { border-radius: 10px !important; padding: 8px 10px !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .content details, html:root[data-nl][data-nl][data-nl] body main details { border: 1px solid var(--line) !important; border-radius: 10px !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a { min-height: 36px; padding-block: 4px !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar .rail-title { margin-top: 8px !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) .ico, html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) .ico::before, html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button)::before { background: none !important; box-shadow: none !important; border: 0 !important; filter: none !important; }
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { margin: 0 -14px !important; width: calc(100% + 28px) !important; max-width: none !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .spacer { display: none !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .pill { flex: none; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn { top: 50%; transform: translateY(-50%); min-height: 38px !important; }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { display: flex !important; align-items: center; justify-content: flex-end; }
  html:root[data-nl][data-nl][data-nl] body .topbar .brand { flex: none; margin-right: auto; }
}
@property --nl-a {syntax: '<angle>'; inherits: false; initial-value: 0deg;}
html:root[data-nl][data-nl][data-nl] { --glow: rgb(244 208 124 / .5); }
html:root[data-nl][data-nl][data-nl] body .scene::before { content: '' !important; display: block !important; position: absolute !important; inset: -8% !important; z-index: 2 !important; pointer-events: none; opacity: 1 !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .tabbar, .float-card, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .kpi, .dl-card, .more-panel, .auth-card, .modal, .ft-card, .nl-panel, .nl-stat) { background: linear-gradient(155deg, rgb(255 255 255 / .085), rgb(255 255 255 / .015) 42%), var(--glass) !important; -webkit-backdrop-filter: var(--blur) !important; backdrop-filter: var(--blur) !important; border: 1px solid var(--edge) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .16), inset 0 -18px 30px -24px rgb(120 235 175 / .14), 0 12px 32px rgb(2 16 11 / .34) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.modal, .ft-card, .more-panel) { background: linear-gradient(155deg, rgb(255 255 255 / .08), transparent 42%), var(--glass-solid-ish) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass .glass, .glass--flat, .glass .kpi) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .vd-card { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-stat, .nl-panel) { position: relative; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat, .more-panel)::before { content: '' !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0; border-radius: inherit; padding: 1px !important; pointer-events: none; opacity: 1 !important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .auth-card, .nl-panel, .nl-stat)::after { content: '' !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 1 !important; transform: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .nl-panel, .nl-stat) > * { position: relative; z-index: 1; }
html:root[data-nl][data-nl][data-nl] body :is(.glass--hover:hover, .kpi:hover, .nl-panel:hover) { border-color: rgb(255 236 176 / .28) !important; }
html:root[data-nl][data-nl][data-nl] body .glass--hover:hover { box-shadow: inset 0 1px 0 rgb(255 255 255 / .2), 0 0 26px rgb(244 208 124 / .2), 0 14px 34px rgb(2 16 11 / .4) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .nl-panel, .nl-stat, .sidebar, .appbar, .topbar) { text-shadow: 0 1px 2px rgb(3 18 13 / .5); }
html:root[data-nl][data-nl][data-nl] body :is(.page-head h1, .nl-welcome h1, .auth-card h1, .nl-sec, .nl-panel h2, .glass > h2, .panel-head h3, .ev-sec) { color: #ffe9ad !important; }
html:root[data-nl][data-nl][data-nl] body .nl-sec { display: flex; align-items: center; gap: 12px; width: 100%; }
html:root[data-nl][data-nl][data-nl] body .nl-head .nl-sec { width: auto; }
html:root[data-nl][data-nl][data-nl] body .nl-sec::after { content: ''; flex: 1; min-width: 40px; height: 1px; background: linear-gradient(90deg, rgb(255 230 160 / .75), transparent); box-shadow: 0 0 8px rgb(255 224 150 / .5); }
html:root[data-nl][data-nl][data-nl] body .nl-head .nl-sec::after { display: none; }
html:root[data-nl][data-nl][data-nl] body .nl-greet { text-shadow: 0 1px 6px rgb(3 18 13 / .9); }
html:root[data-nl][data-nl][data-nl] body .btn { border-color: rgb(255 234 176 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold { position: relative; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary::after { content: '' !important; display: block !important; position: absolute; inset: 0; z-index: 1; pointer-events: none; transform: translateX(-130%); opacity: 1 !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary:hover::after { animation: nl-sheen .8s ease-out 1; }
html:root[data-nl][data-nl][data-nl] body .nl-feature { border: 0 !important; isolation: isolate; }
html:root[data-nl][data-nl][data-nl] body .nl-feature::before { content: ''; position: absolute; inset: 0; z-index: 4; border-radius: inherit; padding: 1.5px; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
html:root[data-nl][data-nl][data-nl] body .nl-feature::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; transform: translateX(-110%); animation: nl-sweep 8s ease-in-out infinite; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { z-index: 2; }
html:root[data-nl][data-nl][data-nl] body .nl-feature img { transition: transform 1.2s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-feature:hover img { transform: scale(1.04); }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy > span:not(.btn):not(.nl-kicker) { text-shadow: 0 1px 4px rgb(3 18 13 / .95); }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu { box-shadow: inset 0 1px 0 rgb(255 240 195 / .32), 0 0 26px rgb(244 208 124 / .16), 0 12px 32px rgb(2 16 11 / .34) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary { width: auto; z-index: 2; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .coin svg { filter: drop-shadow(0 0 7px rgb(255 200 90 / .75)); }
html:root[data-nl][data-nl][data-nl] body .nl-evt { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; isolation: isolate; }
html:root[data-nl][data-nl][data-nl] body .nl-evt::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(112deg, transparent 36%, rgb(255 252 230 / .5) 50%, transparent 64%); transform: translateX(-120%); }
html:root[data-nl][data-nl][data-nl] body .nl-evt:hover { transform: translateY(-4px); border-color: rgb(255 232 170 / .85); }
html:root[data-nl][data-nl][data-nl] body .nl-evt:hover::after { animation: nl-sheen .9s ease-out 1; }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy { z-index: 2; text-shadow: 0 1px 3px rgb(3 18 13 / .9); }
html:root[data-nl][data-nl][data-nl] body .page-head { flex-direction: column; align-items: flex-start !important; justify-content: center; min-height: 116px; padding: 18px 22px !important; overflow: hidden; }
html:root[data-nl][data-nl][data-nl] body .page-head > * { max-width: 60%; }
html:root[data-nl][data-nl][data-nl] body[data-page='spinnew'] .page-head { --ph: url('../img/game/dial.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='tichnap'] .page-head, html:root[data-nl][data-nl][data-nl] body[data-page='payment'] .page-head { --ph: url('../img/game/acc_charge.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='weeklyspend'] .page-head, html:root[data-nl][data-nl][data-nl] body[data-page='payment_log'] .page-head { --ph: url('../img/game/acc_cost.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='boss'] .page-head { --ph: url('../img/game/boss_ma_than.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='packagenew'] .page-head { --ph: url('../img/game/ev_doi.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='giftcode'] .page-head { --ph: url('../img/game/carnival.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='diemdanh7ngay'] .page-head { --ph: url('../img/game/common.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='vinhdanhlucchien'] .page-head, html:root[data-nl][data-nl][data-nl] body[data-page='bxhtoptuan'] .page-head { --ph: url('../img/game/ev_di.webp'); }
html:root[data-nl][data-nl][data-nl] body[data-page='bxhlucchien'] .page-head, html:root[data-nl][data-nl][data-nl] body[data-page='cua-hang'] .page-head, html:root[data-nl][data-nl][data-nl] body[data-page='store'] .page-head { --ph: url('../img/game/ev_giam.webp'); }
html:root[data-nl][data-nl][data-nl] body .sidebar-feature-nav a, html:root[data-nl][data-nl][data-nl] body .sidebar-links a { transition: background .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a:hover { background: rgb(255 255 255 / .07) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] .ico { filter: drop-shadow(0 0 6px rgb(255 224 150 / .85)); }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill) { color: #fff !important; font-weight: 700; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill)[data-tag='new'] { color: #052418 !important; }
html:root[data-nl][data-nl][data-nl] body .topbar .nav a[aria-current='page'] { text-shadow: 0 0 12px rgb(255 224 150 / .7); }
html:root[data-nl][data-nl][data-nl] body .footer { -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); }
html:root[data-nl][data-nl][data-nl] body .tabbar { border-width: 1px 0 0 !important; border-color: rgb(255 234 176 / .3) !important; box-shadow: 0 -8px 26px rgb(2 16 11 / .4) !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'] .ico { filter: drop-shadow(0 0 7px rgb(255 224 150 / .9)); }
html:root[data-nl][data-nl][data-nl] body :is(.input, .select, .textarea, select, input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]) { transition: border-color .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .select, .textarea, select, input):focus { border-color: #ffe9b0 !important; box-shadow: inset 0 1px 3px rgb(0 0 0 / .4), 0 0 0 3px rgb(244 208 124 / .2), 0 0 18px rgb(244 208 124 / .3) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li { transition: background .18s ease; border-radius: 8px; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:hover { background: rgb(255 255 255 / .05); }
html:root[data-nl][data-nl][data-nl] body .nl-news a:hover { background: rgb(255 255 255 / .07); }
html:root[data-nl][data-nl][data-nl] body .content details, html:root[data-nl][data-nl][data-nl] body main details { background: var(--glass) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-hero { overflow-x: clip; }
html:root[data-nl][data-nl][data-nl] body .nl-hero p { text-shadow: 0 1px 5px rgb(3 18 13 / .9); }
html:root[data-nl][data-nl][data-nl] body .nl-fan { isolation: isolate; }
html:root[data-nl][data-nl][data-nl] body .nl-fan::before { content: ''; position: absolute; left: 50%; top: 46%; width: 760px; height: 760px; translate: -50% -50%; z-index: -1; pointer-events: none; -webkit-mask: radial-gradient(circle, #000 18%, transparent 68%); mask: radial-gradient(circle, #000 18%, transparent 68%); }
html:root[data-nl][data-nl][data-nl] body .nl-fan img { border-color: rgb(255 240 200 / .75); }
html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(3) { animation: nl-float 6s ease-in-out infinite; }
html:root[data-nl][data-nl][data-nl] body .nl-platforms a { text-shadow: 0 1px 4px rgb(3 18 13 / .9); }
html:root[data-nl][data-nl][data-nl] body .content :is(p.muted, p.hint, h2.mt-6):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec, .nl-head p, .nl-greet, .nl-platforms, .divider-ornate h2):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body main > .container > :is(h2, h3, p):not(.glass):not(.page-head) { width: fit-content; max-width: 100%; padding: 3px 12px !important; border-radius: 9px; }
html:root[data-nl][data-nl][data-nl] body .ev-hl { background: rgb(6 32 24 / .72) !important; border: 1px solid var(--edge) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-sec:not(.glass *) { padding: 2px 12px; border-radius: 9px; background-color: transparent; }
html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec):not(.glass *) { background-clip: border-box !important; -webkit-background-clip: border-box !important; filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-head { align-items: center; }
@keyframes nl-sheen {0%, 72% { transform: translateX(-130%); } 100% { transform: translateX(130%); }}
@keyframes nl-sweep {0%, 70% { transform: translateX(-110%); } 100% { transform: translateX(110%); }}
@keyframes nl-float {0%, 100% { transform: translateX(-50%) translateY(-8px); } 50% { transform: translateX(-50%) translateY(-18px); }}
@keyframes nl-rays {to { rotate: 360deg; }}
:root.effects-paused :is(.scene, .nl-feature, .nl-fan, .btn)::before, :root.effects-paused :is(.scene, .nl-feature, .nl-fan, .btn)::after, :root.effects-paused .nl-fan img { animation-play-state: paused !important; }
:root.perf-lite :is(.scene, .nl-feature, .nl-fan, .btn)::before, :root.perf-lite :is(.scene, .nl-feature, .nl-fan, .btn)::after, :root.perf-lite .nl-fan img { animation: none !important; }
html:root.perf-lite[data-nl][data-nl][data-nl] { --blur: none; --glass: rgb(9 40 30 / .92); }
@media (prefers-reduced-motion: reduce) {
  html[data-nl] *, html[data-nl] *::before, html[data-nl] *::after { animation: none !important; transition: none !important; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:root[data-nl][data-nl][data-nl] { --glass: rgb(9 40 30 / .92); }
}
@media (forced-colors: active) {
  html[data-nl] body * { background-image: none !important; -webkit-text-fill-color: currentColor !important; }
}
@media (max-width: 760px), (pointer: coarse) {
  html:root[data-nl][data-nl][data-nl] body .scene::before { animation: none; }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .page-head { padding: 14px 16px !important; }
  html:root[data-nl][data-nl][data-nl] body .page-head > * { max-width: 82%; }
  html:root[data-nl][data-nl][data-nl] body .nl-fan { display: block; order: 2; height: 262px; margin-top: 6px; }
  html:root[data-nl][data-nl][data-nl] body .nl-fan img { width: 148px; top: 14px; }
  html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(1) { transform: translateX(-50%) rotate(-15deg) translateX(-32px); }
  html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(2) { transform: translateX(-50%) rotate(15deg) translateX(32px); }
  html:root[data-nl][data-nl][data-nl] body .nl-fan::before { width: 460px; height: 460px; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero-copy { order: 1; }
}
html:root[data-nl][data-nl][data-nl] { --text-mute: var(--t3); --text-soft: var(--t2); --c-gold: #ffd773; --c-violet: #c7a2ff; --c-cyan: #7deaff; --c-jade: #7dffb8; --c-rose: #ff9ac6; --c-ember: #ff8a66; }
html:root[data-nl][data-nl][data-nl] body :is(.glass .glass, .glass--flat, .glass .kpi) { border-color: rgb(255 255 255 / .14) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat, .more-panel)::before { background: linear-gradient(135deg, #fff6cf, rgb(255 225 140 / .75) 16%, rgb(125 234 255 / .35) 40%, rgb(199 162 255 / .55) 66%, rgb(255 154 198 / .45) 82%, rgb(125 255 184 / .85)) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .auth-card, .nl-panel, .nl-stat)::after { background: radial-gradient(ellipse 90px 1.6px at 56px 0, #fff, transparent 100%), radial-gradient(ellipse 1.6px 56px at 0 44px, #fff5cc, transparent 100%), radial-gradient(ellipse 80px 1.6px at calc(100% - 50px) 100%, rgb(180 255 230), transparent 100%), radial-gradient(circle 26px at 0 0, rgb(255 240 190 / .36), transparent 100%) !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar, html:root[data-nl][data-nl][data-nl] body .more-panel, html:root[data-nl][data-nl][data-nl] body :is(.modal, .ft-card) { background: linear-gradient(150deg, rgb(255 255 255 / .14), rgb(120 90 220 / .1)), var(--glass-solid-ish) !important; }
html:root[data-nl][data-nl][data-nl] body .more-back { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .nl-panel, .nl-stat, .sidebar, .appbar, .topbar, .tabbar, .more-panel) { text-shadow: 0 1px 2px rgb(0 24 24 / .78), 0 0 10px rgb(0 24 24 / .32); }
html:root[data-nl][data-nl][data-nl] body :is(.page-head h1, .nl-welcome h1, .auth-card h1, .nl-sec, .nl-panel h2, .glass > h2, .panel-head h3, .ev-sec, .more-head b) { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec):not(.glass *) { -webkit-text-fill-color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .content :is(p.muted, p.hint, h2.mt-6):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec, .nl-head p, .nl-greet, .nl-platforms, .divider-ornate h2):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body main > .container > :is(h2, h3, p):not(.glass):not(.page-head) { background: rgb(0 84 72 / .52) !important; box-shadow: inset 0 0 0 1px rgb(255 232 170 / .32), 0 0 12px rgb(255 226 150 / .22); }
html:root[data-nl][data-nl][data-nl] body a[href='/panel'] { --c: #7deaff; }
html:root[data-nl][data-nl][data-nl] body a[href='/payment'] { --c: #ffd773; }
html:root[data-nl][data-nl][data-nl] body a[href='/tichnap'] { --c: #7deaff; }
html:root[data-nl][data-nl][data-nl] body a[href='/giftcode'] { --c: #ff9ac6; }
html:root[data-nl][data-nl][data-nl] body a[href='/packagenew'] { --c: #c7a2ff; }
html:root[data-nl][data-nl][data-nl] body a[href='/spinnew'] { --c: #ff8ae2; }
html:root[data-nl][data-nl][data-nl] body a[href='/boss'] { --c: #ff7a66; }
html:root[data-nl][data-nl][data-nl] body a[href='/weeklyspend'] { --c: #ffb067; }
html:root[data-nl][data-nl][data-nl] body a[href='/bxhlucchien'] { --c: #94bcff; }
html:root[data-nl][data-nl][data-nl] body a[href='/bxhtoptuan'] { --c: #ffe07a; }
html:root[data-nl][data-nl][data-nl] body a[href='/vinhdanhlucchien'] { --c: #7dffb8; }
html:root[data-nl][data-nl][data-nl] body a[href='/cua-hang'], html:root[data-nl][data-nl][data-nl] body a[href='/store'] { --c: #6ff5d2; }
html:root[data-nl][data-nl][data-nl] body a[href='/payment_log'] { --c: #b9d4ff; }
html:root[data-nl][data-nl][data-nl] body a[href='/diemdanh7ngay'] { --c: #ffc6a0; }
html:root[data-nl][data-nl][data-nl] body a[href='/settings'] { --c: #e4eef0; }
html:root[data-nl][data-nl][data-nl] body a[href='/@trachntn'] { --c: #ffd773; }
html:root[data-nl][data-nl][data-nl] body :is(.sidebar a, .more-grid a, .tabbar a) .ico { color: var(--c, #fff) !important; filter: drop-shadow(0 0 7px var(--c, transparent)) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a:hover { background: linear-gradient(90deg, color-mix(in srgb, var(--c, #fff) 26%, transparent), transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] .nm-name { color: #fff !important; font-weight: 700 !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar .rail-title { font-weight: 600 !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid a { background: linear-gradient(135deg, color-mix(in srgb, var(--c, #fff) 26%, transparent), rgb(255 255 255 / .05) 72%) !important; border: 1px solid color-mix(in srgb, var(--c, #fff) 42%, transparent) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .22), 0 0 16px color-mix(in srgb, var(--c, #fff) 14%, transparent) !important; color: #fff !important; transition: transform .16s ease, box-shadow .2s ease; }
html:root[data-nl][data-nl][data-nl] body .more-grid a:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .3), 0 0 24px color-mix(in srgb, var(--c, #fff) 44%, transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid .nm { color: #fff !important; font-weight: 600; }
html:root[data-nl][data-nl][data-nl] body .more-title { color: #ffe59a !important; font-weight: 600 !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'] { color: #fff !important; text-shadow: 0 0 10px var(--c, #fff); }
html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) { color: #f2fbf5 !important; }
html:root[data-nl][data-nl][data-nl] body .tabbar .tab-more .ico { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat { box-shadow: inset 0 1px 0 rgb(255 255 255 / .34), inset 0 -26px 34px -30px var(--statg, transparent), 0 10px 30px rgb(0 20 20 / .22) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat dt { font-weight: 500; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .coin span { filter: drop-shadow(0 1px 2px rgb(0 24 24 / .8)) drop-shadow(0 0 12px rgb(255 200 90 / .75)); }
html:root[data-nl][data-nl][data-nl] body .lb-xu .chip-ico { color: #ffd773 !important; filter: drop-shadow(0 0 7px rgb(255 205 100 / .85)); }
html:root[data-nl][data-nl][data-nl] body .lb-xu-label { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body :is(.gold, strong.gold, b.gold, .page-head b, .page-head strong, .ev-hl b) { color: #ffe08a !important; -webkit-text-fill-color: #ffe08a; text-shadow: 0 1px 2px rgb(0 24 24 / .85), 0 0 12px rgb(255 205 100 / .6) !important; font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body :is(.jade, .ok, .success) { color: #9dffcb !important; text-shadow: 0 1px 2px rgb(0 24 24 / .85), 0 0 10px rgb(90 240 170 / .55) !important; }
html:root[data-nl][data-nl][data-nl] body .danger { color: #ffb0a8 !important; text-shadow: 0 1px 2px rgb(0 24 24 / .85), 0 0 10px rgb(255 100 90 / .55) !important; }
html:root[data-nl][data-nl][data-nl] body .num { font-variant-numeric: tabular-nums; }
html:root[data-nl][data-nl][data-nl] body .coin span { color: #ffe08a !important; }
html:root[data-nl][data-nl][data-nl] body a:not(.btn):not(.pill):not(.nl-evt):not(.nl-feature) { text-shadow: 0 1px 2px rgb(0 24 24 / .7); }
html:root[data-nl][data-nl][data-nl] body .nl-panel-head a { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(1) > svg { filter: drop-shadow(0 0 7px #7dffb8); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(2) > svg { filter: drop-shadow(0 0 7px #ff8ae2); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(3) > svg { filter: drop-shadow(0 0 7px #ffc6a0); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(4) > svg { filter: drop-shadow(0 0 7px #ff9ac6); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks b { font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(2) .nl-evt-copy b { -webkit-text-fill-color: #ffc9a8; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(3) .nl-evt-copy b { -webkit-text-fill-color: #ffb8dc; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(4) .nl-evt-copy b { -webkit-text-fill-color: #d6bcff; }
html:root[data-nl][data-nl][data-nl] body .nl-evt img, html:root[data-nl][data-nl][data-nl] body .nl-feature img, html:root[data-nl][data-nl][data-nl] body .nl-cards img, html:root[data-nl][data-nl][data-nl] body .nl-fan img { filter: saturate(1.14) brightness(1.04); }
html:root[data-nl][data-nl][data-nl] body .badge { border: 1px solid rgb(255 255 255 / .35) !important; font-weight: 700 !important; }
html:root[data-nl][data-nl][data-nl] body .badge--jade { color: #d4ffe7 !important; }
html:root[data-nl][data-nl][data-nl] body .badge--danger { color: #ffe0dd !important; }
html:root[data-nl][data-nl][data-nl] body .badge--warn { color: #fff0c8 !important; }
html:root[data-nl][data-nl][data-nl] body .badge--azure { color: #dcf3ff !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill) { background: linear-gradient(100deg, #ff6a3d, #e0245e 60%, #ff6a3d) 0 0 / 220% 100% !important; box-shadow: 0 0 12px rgb(255 90 90 / .8), inset 0 1px 0 rgb(255 255 255 / .5) !important; border-radius: 6px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill)[data-tag='new'] { background: linear-gradient(100deg, #b4ffd9, #63e6ff 60%, #b4ffd9) 0 0 / 220% 100% !important; }
html:root[data-nl][data-nl][data-nl] body .btn { position: relative; min-height: 42px; letter-spacing: .01em; font-weight: 600 !important; text-shadow: 0 1px 2px rgb(0 24 24 / .85) !important; border: 1px solid transparent !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .34), 0 4px 14px rgb(0 20 20 / .24) !important; transition: transform .16s ease, box-shadow .2s ease, filter .2s ease !important; }
html:root[data-nl][data-nl][data-nl] body .btn:hover:not(:disabled) { background: linear-gradient(180deg, rgb(255 236 180 / .34), rgb(255 226 150 / .1) 58%, rgb(255 236 180 / .2)) padding-box, linear-gradient(135deg, #fff, #ffe59a 34%, #9df0ff 66%, #d8bcff) border-box !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .5), 0 0 22px rgb(255 214 120 / .5), 0 6px 18px rgb(0 20 20 / .3) !important; transform: translateY(-1px) !important; }
html:root[data-nl][data-nl][data-nl] body .btn:active:not(:disabled) { transform: translateY(1px) scale(.985) !important; }
html:root[data-nl][data-nl][data-nl] body .btn:disabled, html:root[data-nl][data-nl][data-nl] body .btn[aria-disabled='true'] { border-color: rgb(255 255 255 / .16) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold { overflow: hidden; isolation: isolate; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--jade:hover:not(:disabled) { filter: brightness(1.06); box-shadow: inset 0 1px 0 #fff, 0 0 34px rgb(90 240 170 / .9), 0 8px 20px rgb(0 70 40 / .45) !important; }
html:root[data-nl][data-nl][data-nl] body .avatar { text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .icon-btn { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .select, .textarea, select, input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]) { background: rgb(2 30 30 / .44) !important; border-color: rgb(255 240 200 / .46) !important; box-shadow: inset 0 1px 4px rgb(0 0 0 / .32), inset 0 -1px 0 rgb(255 255 255 / .1) !important; color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .progress i { background: linear-gradient(90deg, #ffb547, #ffe59a 40%, #fff 50%, #ffe59a 60%, #ffb547) 0 0 / 220% 100% !important; box-shadow: 0 0 14px rgb(255 205 100 / .95) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature::after { background: linear-gradient(112deg, transparent 36%, rgb(255 252 230 / .56) 50%, transparent 64%); }
html:root[data-nl][data-nl][data-nl] body .nl-fan::before { background: radial-gradient(circle, rgb(255 224 150 / .85), rgb(255 190 220 / .3) 36%, rgb(170 120 255 / .16) 52%, transparent 66%), repeating-conic-gradient(rgb(255 240 190 / .4) 0 4deg, transparent 4deg 15deg); }
html:root[data-nl][data-nl][data-nl] body .nl-fan img { border: 1.5px solid #fff2c2; }
html:root[data-nl][data-nl][data-nl] body .nl-cards img:hover { box-shadow: 0 0 36px rgb(255 214 120 / .75), 0 16px 32px rgb(0 20 20 / .45); }
html:root[data-nl][data-nl][data-nl] body .nl-stars { position: absolute !important; inset: 0; max-width: none !important; z-index: 3 !important; overflow: hidden; pointer-events: none; border-radius: inherit; display: block; }
html:root[data-nl][data-nl][data-nl] body .scene .nl-stars { z-index: 4 !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stars i { position: absolute; width: var(--z); height: var(--z); border-radius: 50%; background: radial-gradient(circle, #fff 0 22%, var(--c) 40%, transparent 72%); opacity: 0; animation: nl-twinkle var(--t) ease-in-out var(--d) infinite; will-change: opacity, transform; }
html:root[data-nl][data-nl][data-nl] body .nl-stars i.is-star { border-radius: 0; background: linear-gradient(135deg, #fff, var(--c)); clip-path: polygon(50% 0, 56% 44%, 100% 50%, 56% 56%, 50% 100%, 44% 56%, 0 50%, 44% 44%); }
@keyframes nl-twinkle {0%, 100% { opacity: 0; transform: scale(.4) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(35deg); }}
@keyframes nl-shimmer {from { background-position: 0 0; } to { background-position: -240% 0; }}
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { flex-wrap: nowrap !important; align-items: center; justify-content: flex-end; min-height: 56px; }
  html:root[data-nl][data-nl][data-nl] body .appbar :is(.search, #app-menu, button[data-api='/ajax/logout.php'], .spacer) { display: none !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .pill.only-mobile-flex { display: inline-flex !important; flex: none; }
}
:root.effects-paused :is(.nl-stars i, .page-head h1, .nl-sec, .nl-panel h2, .progress i, .tag), :root.perf-lite :is(.nl-stars i, .page-head h1, .nl-sec, .nl-panel h2, .progress i, .tag) { animation-play-state: paused !important; }
@media (max-width: 760px), (pointer: coarse) {
  html:root[data-nl][data-nl][data-nl] body .btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
html:root[data-nl][data-nl][data-nl] body .lb-xu-val, html:root[data-nl][data-nl][data-nl] body .lb-xu-val span { background: none !important; -webkit-text-fill-color: #ffe08a !important; color: #ffe08a !important; }
html:root[data-nl][data-nl][data-nl] body .btn:not(.btn--primary):not(.btn--gold):not(.btn--jade) { border: 1px solid transparent !important; }
html:root[data-nl][data-nl][data-nl] body .btn:not(.btn--primary):not(.btn--gold):not(.btn--jade):not(:disabled)::before { content: '' !important; display: block !important; position: absolute !important; inset: -1px !important; border-radius: inherit; padding: 1px; opacity: 1 !important; transform: none !important; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
html:root[data-nl][data-nl][data-nl] body .btn:disabled::before { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .user-chip .who span { color: #eef8f1 !important; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome-copy { max-width: 100%; border-radius: 14px; }
html:root[data-nl][data-nl][data-nl] body .nl-greet:not(.glass *) { background: none !important; padding: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-sec:not(.glass *):not(.nl-panel *) { width: fit-content !important; padding: 3px 14px !important; border-radius: 10px; background: rgb(6 44 44 / .5) !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #ffe59a !important; animation: none !important; filter: none !important; text-shadow: 0 1px 2px rgb(0 20 20 / .9), 0 0 14px rgb(255 205 100 / .7) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .25); }
html:root[data-nl][data-nl][data-nl] body .nl-sec:not(.glass *):not(.nl-panel *)::after { display: none; }
html:root[data-nl][data-nl][data-nl] body .boss-gif { border: 1px solid rgb(255 200 160 / .3) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome-copy .nl-greet { background: none !important; padding: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl], html:root[data-nl][data-nl][data-nl][data-realm-period='day'] { --edge: rgb(244 222 164 / .5); --gold-rim: linear-gradient(135deg, #fff6d0, rgb(240 208 136 / .55) 20%, rgb(240 208 136 / .3) 50%, rgb(240 208 136 / .55) 80%, #fff0bd); --gold-fill: linear-gradient(180deg, #fff3bd 0%, #fbdf8e 42%, #e8b655 78%, #f3cc73 100%); --title: 'Playfair Display', 'Be Vietnam Pro', Georgia, serif; --t1: #fff; --t2: #f2f8ef; --t3: #dcebe0; }
html:root[data-nl][data-nl][data-nl] body .nl-wisps { position: absolute; inset: auto 0 0 0; width: 100%; z-index: 3; pointer-events: none; overflow: visible; }
html:root[data-nl][data-nl][data-nl] body .nl-wisps path { fill: none; stroke-linecap: round; }
html:root[data-nl][data-nl][data-nl] body .nl-wisps path:nth-child(2n) { animation-duration: 19s; animation-direction: alternate-reverse; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .float-card, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .kpi, .dl-card, .auth-card, .nl-panel, .nl-stat) { border: 1px solid transparent !important; border-radius: 16px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat, .more-panel, .modal, .ft-card, .toast)::before { inset: -1px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass .glass, .glass--flat, .glass .kpi) { background: var(--glass-in) !important; border: 1px solid rgb(244 222 164 / .3) !important; box-shadow: inset 0 1px 0 rgb(255 250 225 / .14) !important; border-radius: 12px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.modal, .ft-card, .more-panel, .search-results, .bell-menu, .gm-combo-popup) { position: relative; border: 1px solid transparent !important; border-radius: 18px !important; }
html:root[data-nl][data-nl][data-nl] body .topbar { border-radius: 0 !important; border-width: 0 0 1px !important; border-color: rgb(244 222 164 / .45) !important; }
html:root[data-nl][data-nl][data-nl] body .footer { border-top: 1px solid rgb(244 222 164 / .35) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .nl-panel, .nl-stat, .sidebar, .appbar, .topbar, .tabbar, .more-panel, .modal, .toast) { text-shadow: 0 1px 2px rgb(0 40 32 / .75); }
html:root[data-nl][data-nl][data-nl] body :is(.page-head h1, .nl-welcome h1, .auth-card h1, .nl-sec, .nl-panel h2, .glass > h2, .glass > h3, .panel-head h3, .ev-sec, .lc-sec, .more-head b, .modal h2, .modal h3, .ft-card h2, .ft-card h3, .nl-hero h1) { font-family: var(--title) !important; font-style: italic !important; font-weight: 700 !important; letter-spacing: 0 !important; color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass > h3, .glass h3) { font-size: 1.1875rem; }
html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec, .nl-sec):not(.glass *):not(.nl-panel *) { width: fit-content !important; padding: 0 2px 8px !important; border-radius: 0; background-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; font-size: 1.375rem !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-welcome h1, .nl-sec, .nl-tasks-title, .page-head h1, .modal h2, .ft-card h2, .auth-card h1) { position: relative; padding-bottom: 10px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-welcome h1, .nl-sec, .nl-tasks-title, .page-head h1, .modal h2, .ft-card h2, .auth-card h1)::after { content: '' !important; display: block !important; position: absolute; left: 0; bottom: 0; width: min(280px, 100%); height: 14px; flex: none; box-shadow: none !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%23ffe9a8' stop-opacity='0'/%3E%3Cstop offset='.45' stop-color='%23fff3c4'/%3E%3Cstop offset='1' stop-color='%23e9bd62' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 13C70 16 190 16 298 2 205 11 90 12 2 13Z' fill='url(%23g)'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important; }
html:root[data-nl][data-nl][data-nl] body .auth-card h1::after { left: 50%; translate: -50% 0; width: 180px; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome h1 { font-size: 2.25rem !important; }
html:root[data-nl][data-nl][data-nl] body .page-head h1 { font-size: 2rem !important; }
html:root[data-nl][data-nl][data-nl] body .nl-sec { font-size: 1.5rem !important; }
html:root[data-nl][data-nl][data-nl] body .nl-panel h2, html:root[data-nl][data-nl][data-nl] body .nl-tasks-title { font-size: 1.5rem !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks-title { display: inline-flex; align-items: center; gap: 10px; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks-title > span { color: #ffdf8f; -webkit-text-fill-color: #ffdf8f; display: inline-flex; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome { position: relative; min-height: 118px; display: flex; align-items: flex-end; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome::before { content: ''; position: absolute; pointer-events: none; filter: saturate(1.15); }
html:root[data-nl][data-nl][data-nl] body .nl-welcome-copy { position: relative; width: auto; padding: 0 !important; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-greet.nl-greet.nl-greet { display: inline-flex !important; align-items: center; gap: 8px; width: fit-content; margin: 0 0 6px !important; padding: 5px 14px 5px 10px !important; border-radius: 999px; border: 1px solid rgb(244 222 164 / .6); color: #fff !important; font-size: .9375rem; }
html:root[data-nl][data-nl][data-nl] body .nl-glyph { color: #ffd773; filter: drop-shadow(0 0 5px rgb(255 205 100 / .85)); flex: none; }
html:root[data-nl][data-nl][data-nl] body .nl-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-content: center; padding: 12px 14px; min-height: 96px; overflow: hidden; }
html:root[data-nl][data-nl][data-nl] body .nl-stat-ico { grid-row: 1 / span 3; align-self: center; display: grid; place-items: center; }
html:root[data-nl][data-nl][data-nl] body .nl-stat-ico svg { display: block; width: 30px; height: 30px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .nl-stat-ico svg { width: 36px; height: 36px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat dt { grid-column: 2; font-size: .8125rem; color: #f2f8ef !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat dd { grid-column: 2; font-size: 1.3125rem; font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body .nl-stat small { grid-column: 2; color: #e7f3ea !important; font-size: .75rem; position: relative; z-index: 1; }
html:root[data-nl][data-nl][data-nl] body .nl-stat-art { position: absolute !important; right: -6px; bottom: -10px; z-index: 0 !important; pointer-events: none; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary { position: absolute !important; font-size: .8125rem !important; }
html:root[data-nl][data-nl][data-nl] body .btn { border-radius: 12px !important; color: #fff8dc !important; background: linear-gradient(180deg, rgb(255 255 255 / .14), rgb(0 50 40 / .18)) , rgb(4 46 38 / .44) !important; }
html:root[data-nl][data-nl][data-nl] body .btn:not(.btn--primary):not(.btn--gold):not(.btn--jade):not(:disabled)::before { background: linear-gradient(135deg, #fff6d0, rgb(240 208 136 / .7) 30%, rgb(240 208 136 / .5) 70%, #fff0bd) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-cta-btn.btn, html:root[data-nl][data-nl][data-nl] body .nl-cta .btn.btn--primary { border-radius: 999px !important; padding: 10px 34px !important; min-height: 46px; font-size: 1rem !important; }
html:root[data-nl][data-nl][data-nl] body .appbar :is(.pill, .user-chip, .icon-btn) { border: 1px solid rgb(244 222 164 / .5) !important; border-radius: 14px !important; }
html:root[data-nl][data-nl][data-nl] body .appbar .search { border: 1px solid rgb(244 222 164 / .62) !important; border-radius: 999px !important; }
html:root[data-nl][data-nl][data-nl] body .appbar .search input { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 36px; }
html:root[data-nl][data-nl][data-nl] body .appbar .search svg { color: #ffdf8f; }
html:root[data-nl][data-nl][data-nl] body .avatar { background: radial-gradient(circle at 34% 26%, #1e8d6d, #0b5a46) !important; color: #ffe9b0 !important; box-shadow: 0 0 0 1.5px #f2cf80, 0 0 10px rgb(255 214 130 / .55) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-plus { display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid #f2cf80; color: #ffe9b0; font: 700 15px/1 system-ui, sans-serif; box-shadow: 0 0 8px rgb(255 214 130 / .5); text-shadow: none; }
html:root[data-nl][data-nl][data-nl] body .nl-caret { margin-left: auto; color: #ffe9b0; flex: none; }
html:root[data-nl][data-nl][data-nl] body .user-chip { display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { display: grid !important; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: 'menu coin user out' 'find find find find'; gap: 8px !important; padding: 10px !important; margin: 0 !important; width: 100% !important; position: relative !important; top: auto !important; border-radius: 18px !important; border-width: 1px !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar #app-menu { display: inline-grid !important; grid-area: menu; place-items: center; width: 42px; height: 42px; min-height: 42px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .search { display: flex !important; grid-area: find; max-width: none; width: 100%; }
  html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex { grid-area: coin; display: inline-flex !important; justify-content: center; align-items: center; min-width: 0; padding-inline: 6px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip { grid-area: user; min-width: 0; padding: 3px 10px 3px 4px !important; justify-content: flex-start; border: 1px solid rgb(244 222 164 / .5) !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .who { display: flex !important; flex-direction: column; min-width: 0; }
  html:root[data-nl][data-nl][data-nl] body .appbar button[data-api='/ajax/logout.php'] { display: inline-grid !important; grid-area: out; place-items: center; width: 42px; height: 42px; min-height: 42px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .spacer { display: none !important; }
  html:root[data-nl][data-nl][data-nl] body .app { padding-inline: 10px !important; }
}
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .tabbar { left: 10px !important; right: 10px !important; bottom: calc(8px + env(safe-area-inset-bottom)) !important; width: auto !important; border-radius: 26px !important; border: 1px solid rgb(244 222 164 / .7) !important; padding: 6px !important; min-height: 66px; }
  html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) { position: relative; border-radius: 18px !important; color: #fff8e0 !important; overflow: visible !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) .ico { color: #ffdf8f !important; filter: drop-shadow(0 0 5px rgb(255 205 100 / .6)) !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'], html:root[data-nl][data-nl][data-nl] body .tabbar [aria-expanded='true'] { font-weight: 700; }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page']::before, html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page']::after { content: '' !important; display: block !important; position: absolute !important; left: 50% !important; right: auto !important; width: 9px !important; height: 9px !important; inset-block: auto; background: linear-gradient(135deg, #fff8d6, #f0c361) !important; rotate: 45deg; translate: -50% 0; box-shadow: 0 0 8px rgb(255 214 130 / .9) !important; border: 0 !important; border-radius: 1px; opacity: 1 !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page']::before { top: -5px !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page']::after { bottom: -5px !important; }
  html:root[data-nl][data-nl][data-nl] body .content { padding-bottom: 104px !important; }
  html:root[data-nl][data-nl][data-nl] body .toasts { bottom: 92px !important; }
}
html:root[data-nl][data-nl][data-nl] body .tabs, html:root[data-nl][data-nl][data-nl] body [role=tablist] { display: inline-flex; gap: 3px; padding: 4px !important; border-radius: 999px !important; border: 1px solid rgb(244 222 164 / .55) !important; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
html:root[data-nl][data-nl][data-nl] body :is(.tab, [role=tab]) { border-radius: 999px !important; padding: 7px 18px !important; color: #fff8e0 !important; font-weight: 600; white-space: nowrap; background: transparent !important; transition: background .18s ease, color .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body :is(.tab, [role=tab]):hover:not([aria-selected='true']) { background: rgb(255 226 150 / .14) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tab[aria-selected='true'], [role=tab][aria-selected='true']) { font-weight: 700 !important; }
html:root[data-nl][data-nl][data-nl] body .pay-chip { position: relative; border-radius: 12px !important; border: 1px solid rgb(244 222 164 / .46) !important; transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease; }
html:root[data-nl][data-nl][data-nl] body .pay-chip:hover { transform: translateY(-1px); }
html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true'] { font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body :is(input[type=checkbox], input[type=radio]) { appearance: none; -webkit-appearance: none; flex: none; width: 22px !important; height: 22px !important; min-height: 0 !important; padding: 0 !important; margin: 0 8px 0 0; display: inline-grid; place-items: center; cursor: pointer; border: 1px solid #f2cf80 !important; border-radius: 7px !important; }
html:root[data-nl][data-nl][data-nl] body input[type=radio] { border-radius: 50% !important; }
html:root[data-nl][data-nl][data-nl] body input[type=checkbox]:checked::after { content: ''; width: 11px; height: 6px; margin-top: -2px; border: solid #38210a; border-width: 0 0 2.5px 2.5px; rotate: -45deg; }
html:root[data-nl][data-nl][data-nl] body input[type=radio]:checked::after { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #38210a; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .textarea, input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]):not(.appbar input) { border: 1px solid rgb(244 222 164 / .56) !important; border-radius: 12px !important; color: #fff !important; transition: border-color .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-select { position: relative; display: block; width: 100%; min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-select.is-inline { display: inline-block; width: auto; min-width: 84px; }
html:root[data-nl][data-nl][data-nl] body .nl-select > select { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; opacity: 0 !important; pointer-events: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 12px 8px 14px; cursor: pointer; color: #fff; font-weight: 500; border-radius: 12px; border: 1px solid rgb(244 222 164 / .62); transition: border-color .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn svg { flex: none; color: #ffdf8f; transition: rotate .2s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn:focus-visible, html:root[data-nl][data-nl][data-nl] body .nl-select.is-open .nl-select-btn { outline: none; }
html:root[data-nl][data-nl][data-nl] body .nl-select.is-open .nl-select-btn svg { rotate: 180deg; }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn[aria-disabled='true'] { opacity: .6; cursor: not-allowed; }
html:root[data-nl][data-nl][data-nl] body .nl-select-list { position: fixed; z-index: 100000; display: grid; gap: 2px; padding: 6px; max-height: min(320px, 46vh); overflow-y: auto; scrollbar-width: thin; border-radius: 14px; border: 1px solid #f2cf80; animation: nl-pop .16s ease-out; }
html:root[data-nl][data-nl][data-nl] body .nl-select-list[hidden] { display: none; }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 7px 12px; border-radius: 9px; color: #fff8e6; cursor: pointer; }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt[aria-selected='true'] { color: #ffe59a; font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt[aria-selected='true']::after { content: ''; width: 12px; height: 7px; margin-top: -3px; flex: none; border: solid #ffe59a; border-width: 0 0 2.5px 2.5px; rotate: -45deg; filter: drop-shadow(0 0 4px rgb(255 214 130 / .9)); }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt[aria-disabled='true'] { opacity: .5; cursor: not-allowed; }
@keyframes nl-pop {from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; }}
html:root[data-nl][data-nl][data-nl] body .toast { position: relative; display: grid; column-gap: 12px; align-items: center; padding: 12px 14px !important; border-radius: 16px !important; color: #fff; border: 1px solid transparent !important; overflow: hidden; }
html:root[data-nl][data-nl][data-nl] body .toast::after { content: ''; width: 26px; height: 26px; border-radius: 50%; background: var(--ti, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338210a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.500 4 4 8-9'/%3E%3C/svg%3E")) center / 18px no-repeat, var(--tf, var(--gold-fill)); box-shadow: 0 0 12px var(--tg, rgb(255 214 130 / .8)); order: -1; }
html:root[data-nl][data-nl][data-nl] body .toast.err { --tf: linear-gradient(180deg, #ffb9a8, #f0604f); --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23420a05' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v7M12 17.500v.500'/%3E%3C/svg%3E"); }
html:root[data-nl][data-nl][data-nl] body .toast b { font-family: var(--title) !important; font-style: italic; font-weight: 700; color: #ffe59a !important; -webkit-text-fill-color: #ffe59a; }
html:root[data-nl][data-nl][data-nl] body .toast-close { all: unset; cursor: pointer; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #ffe9b0; font-size: 18px; }
html:root[data-nl][data-nl][data-nl] body .toast-close:hover { background: rgb(255 226 150 / .2); }
html:root[data-nl][data-nl][data-nl] body .modal-back { -webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.adm-note, .bx-note, .tn-warn, .pay-warn, .shop-note, .ws-gate, .ev-msg, .gm-result, .ev-daily) { position: relative; border-radius: 14px !important; border: 1px solid rgb(244 222 164 / .5) !important; border-left-width: 1px !important; color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body :is(.ev-msg--err, .adm-note--danger, .gm-result[data-kind='err'], .form-error:not(:empty), .error-text:not(:empty)) { border: 1px solid rgb(255 170 150 / .65) !important; color: #fff !important; border-radius: 12px !important; }
html:root[data-nl][data-nl][data-nl] body .ev-msg--loading { animation: nl-shimmer 2.4s linear infinite; }
html:root[data-nl][data-nl][data-nl] body :is(.pay-warn, .tn-warn) :is(b, strong) { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .empty > b { font-family: var(--title) !important; font-style: italic; font-size: 1.125rem; color: #ffe59a !important; -webkit-text-fill-color: #ffe59a; }
html:root[data-nl][data-nl][data-nl] body .empty { color: #f2f8ef; text-shadow: 0 1px 2px rgb(0 40 30 / .85); }
html:root[data-nl][data-nl][data-nl] body .nl-empty-ico { width: 52px; height: 52px; border-radius: 50%; color: #ffdf8f !important; }
html:root[data-nl][data-nl][data-nl] body :is(.search-results, .bell-menu) a:hover, html:root[data-nl][data-nl][data-nl] body :is(.search-results, .bell-menu) [aria-selected='true'] { background: linear-gradient(90deg, rgb(255 226 150 / .28), transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature { border-radius: 18px !important; }
html:root[data-nl][data-nl][data-nl] body .nl-kicker { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px 4px 8px; border-radius: 999px; border: 1px solid rgb(244 222 164 / .6); color: #fff !important; font-size: .875rem; }
html:root[data-nl][data-nl][data-nl] body .nl-kicker .nl-glyph { color: #ff9e4a; filter: drop-shadow(0 0 5px rgb(255 140 60 / .9)); }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy b { font-family: var(--title); font-style: italic; font-size: 2.125rem; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-sub { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks ul { margin-top: 8px; padding: 2px 12px; border-radius: 14px; background: var(--glass-in); border: 1px solid rgb(244 222 164 / .3); box-shadow: inset 0 1px 0 rgb(255 250 225 / .14); }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li { border-top: 1px solid rgb(244 222 164 / .22); padding: 9px 0; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:first-child { border-top: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li > svg { color: #ffdf8f !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks small { color: #e2efe6 !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt { border-radius: 16px; border: 1px solid rgb(244 222 164 / .7); }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy b { font-family: var(--title); font-style: italic; -webkit-text-fill-color: #ffe59a !important; font-size: 1.1875rem; }
html:root[data-nl][data-nl][data-nl] body .sidebar .rail-title { font-family: var(--title) !important; font-style: italic; font-size: .9375rem !important; color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] { background: linear-gradient(90deg, rgb(255 226 150 / .38), rgb(255 226 150 / .05)) !important; box-shadow: inset 0 0 0 1px rgb(255 232 170 / .6), 0 0 14px rgb(255 214 130 / .3) !important; border-radius: 12px !important; }
html:root[data-nl][data-nl][data-nl] body :is(.sidebar a) .ico { color: #ffdf8f !important; filter: drop-shadow(0 0 5px rgb(255 205 100 / .55)) !important; }
html:root[data-nl][data-nl][data-nl] body .lb-xu { border: 1px solid rgb(244 222 164 / .6) !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid .ico { filter: drop-shadow(0 0 6px var(--c, #ffd773)) !important; }
@media (max-width: 1100px) {
  html:root[data-nl][data-nl][data-nl] body .nl-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .nl-today { display: grid; }
  html:root[data-nl][data-nl][data-nl] body .nl-tasks { order: 0 !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-welcome { min-height: 104px; }
  html:root[data-nl][data-nl][data-nl] body .nl-welcome h1 { font-size: 1.875rem !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-stats { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:root[data-nl][data-nl][data-nl] body .nl-stat { padding: 10px; column-gap: 8px; min-height: 88px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(3) { display: grid; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat small { display: block; font-size: .6875rem; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat dt { font-size: 12px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat-ico svg { width: 24px; height: 24px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu { padding-bottom: 44px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .nl-stat-ico svg { width: 28px; height: 28px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary { top: auto; bottom: 8px; left: 10px; right: 10px; transform: none !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary:hover:not(:disabled) { transform: none !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-feature { aspect-ratio: 1 / .78; min-height: 0; }
  html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { padding: 14px !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-feature-sub { max-width: 60% !important; font-size: .8125rem !important; }
  html:root[data-nl][data-nl][data-nl] body .page-head h1 { font-size: 1.625rem !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-wisps { height: 22vh; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-nl] .nl-wisps path { animation: none; }
}
:root.effects-paused .nl-wisps path, :root.perf-lite .nl-wisps path { animation-play-state: paused; }
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .appbar :is(.search, #nl-x) { display: flex !important; grid-area: find; max-width: none; width: 100%; align-items: center; gap: 8px; }
  html:root[data-nl][data-nl][data-nl] body .appbar :is(button[data-api='/ajax/logout.php'], #nl-x) { display: inline-grid !important; grid-area: out; place-items: center; width: 42px; height: 42px; min-height: 42px; }
}
html:root[data-nl][data-nl][data-nl] body .nl-welcome-copy { display: flex !important; flex-direction: column; align-items: flex-start; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome h1 { display: block; width: fit-content; margin: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome::before { inset: -26px -6px -8px 38% !important; background: url('../img/game/common.webp') 0% 6% / 230% auto no-repeat !important; -webkit-mask-composite: initial !important; mask-composite: initial !important; opacity: 1; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary { top: 8px; right: 8px; transform: none !important; min-height: 30px !important; padding: 1px 12px !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary:hover:not(:disabled) { transform: translateY(-1px) !important; }
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'], html:root[data-nl][data-nl][data-nl] body .tabbar [aria-expanded='true'] { color: #fff !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'] .ico { color: #fff3c4 !important; }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .nl-stat.nl-stat--xu { grid-column: auto !important; padding: 10px !important; min-height: 92px; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat dd { font-size: clamp(.8125rem, 3.95vw, 1.0625rem); }
  html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .btn.btn--primary { position: static !important; grid-column: 2; justify-self: start; margin-top: 4px; min-height: 30px !important; padding: 1px 12px !important; font-size: 12px !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-stat small { -webkit-line-clamp: 2; }
  html:root[data-nl][data-nl][data-nl] body .nl-feature-copy b { font-size: 1.4375rem; max-width: 72%; }
  html:root[data-nl][data-nl][data-nl] body .nl-welcome::before { inset: -18px -4px -6px 30% !important; }
}
html:root[data-nl][data-nl][data-nl] body .nl-plus { flex: 0 0 20px; width: 20px; height: 20px; margin-left: 6px; font-size: 14px; }
html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex .coin { min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-welcome::before { -webkit-mask-image: radial-gradient(ellipse 47% 50% at 56% 48%, #000 26%, transparent 100%) !important; mask-image: radial-gradient(ellipse 47% 50% at 56% 48%, #000 26%, transparent 100%) !important; }
html:root[data-nl][data-nl][data-nl] body .content h2:is(.ev-sec, .mt-6, .nl-sec):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body .content :is(.lc-sec, .ev-sec, .nl-sec):not(.glass *):not(.nl-panel *), html:root[data-nl][data-nl][data-nl] body :is(.nl-sec, .lc-sec, .ev-sec, .nl-head .nl-sec):not(.glass *):not(.nl-panel *) { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #ffe59a !important; color: #ffe59a !important; animation: none !important; filter: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; padding: 0 2px 10px !important; border-radius: 0 !important; text-shadow: 0 1px 2px #00261d, 0 0 6px #00261d, 0 0 14px rgb(0 44 34 / .95), 0 0 20px rgb(255 214 120 / .55) !important; }
html:root[data-nl][data-nl][data-nl] body .toast { grid-template-columns: 28px minmax(0, 1fr) 28px; grid-template-rows: auto auto; row-gap: 1px; width: 100%; }
html:root[data-nl][data-nl][data-nl] body .toast::after { grid-row: 1 / span 2 !important; grid-column: 1 !important; align-self: center; }
html:root[data-nl][data-nl][data-nl] body .toast > b { grid-column: 2; grid-row: 1; font-size: 1rem; line-height: 1.3; }
html:root[data-nl][data-nl][data-nl] body .toast > span { grid-column: 2; grid-row: 2; font-size: .875rem; line-height: 1.4; color: #fff; }
html:root[data-nl][data-nl][data-nl] body .toast > .toast-close { grid-column: 3; grid-row: 1 / span 2; align-self: center; }
html:root[data-nl][data-nl][data-nl] body .modal { border: 1px solid rgb(244 222 164 / .78) !important; }
html:root[data-nl][data-nl][data-nl] body .modal .hs-confirm h3, html:root[data-nl][data-nl][data-nl] body .modal h3 { font-size: 1.375rem !important; }
html:root[data-nl][data-nl][data-nl] body .pay-chip:is(.active, [aria-pressed='true']), html:root[data-nl][data-nl][data-nl] body #quick-group button:is(.active, [aria-pressed='true']) { font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body #quick-group button { position: relative; border-radius: 12px !important; border: 1px solid rgb(244 222 164 / .46) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature img { height: 118%; object-position: right top; }
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .nl-feature img { object-position: 78% top; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .who b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html:root[data-nl][data-nl][data-nl] body .appbar .search input { padding-left: 2px !important; font-size: .9375rem; }
  html:root[data-nl][data-nl][data-nl] body .toasts { left: 10px !important; right: 10px !important; width: auto !important; top: auto !important; }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .appbar { grid-template-columns: 38px auto minmax(0, 1fr) 38px !important; gap: 6px !important; padding: 8px !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar #app-menu, html:root[data-nl][data-nl][data-nl] body .appbar :is(button[data-api='/ajax/logout.php'], #nl-x) { width: 38px; height: 40px; min-height: 40px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex { padding-inline: 8px !important; gap: 0; min-height: 40px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex .coin { gap: 4px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex .coin span { font-size: .8125rem !important; }
  html:root[data-nl][data-nl][data-nl] body .appbar .only-mobile-flex .coin svg { width: 16px; height: 16px; flex: none; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip { gap: 6px; padding: 3px 6px 3px 3px !important; min-height: 40px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .avatar { width: 30px !important; height: 30px !important; flex: 0 0 30px; font-size: .875rem; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .who b { font-size: .8125rem; }
  html:root[data-nl][data-nl][data-nl] body .appbar .user-chip .who span { font-size: .6875rem; }
  html:root[data-nl][data-nl][data-nl] body .nl-caret { width: 14px; height: 14px; }
}
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .appbar :is(.search, #nl-x) { padding: 0 !important; min-height: 42px; }
  html:root[data-nl][data-nl][data-nl] body .appbar .search input { padding-left: 42px !important; width: 100%; font-size: .9375rem; }
}
html:root[data-nl][data-nl][data-nl] body .page-head.page-head.page-head.page-head.page-head::after { inset: 0 0 0 auto !important; aspect-ratio: 720 / 412; border-radius: 0 16px 16px 0; background: var(--ph, none) center top / 100% auto no-repeat !important; opacity: 1 !important; -webkit-mask-image: linear-gradient(90deg, transparent, #000 24%); mask-image: linear-gradient(90deg, transparent, #000 24%); }
html:root[data-nl][data-nl][data-nl] body :is(.muted, .hint, .note, .sub, small, .ev-hl, .ev-hv, .ev-wheel-hint, .pay-step, label) { color: #f4faf3 !important; -webkit-text-fill-color: currentColor; }
html:root[data-nl][data-nl][data-nl] body .pay-step { font-family: var(--title) !important; font-style: italic; font-size: 1.1875rem !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary small { color: #38210a !important; -webkit-text-fill-color: #38210a; }
html:root[data-nl][data-nl][data-nl] body .nl-hero p { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .kpi { min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .kpi .meta { min-width: 0; }
html:root[data-nl][data-nl][data-nl] body .kpi .val { font-size: clamp(1.0625rem, 1.32vw, 1.375rem) !important; flex-wrap: wrap; }
html:root[data-nl][data-nl][data-nl] body .kpi .val .coin span { font-size: inherit !important; }
html:root[data-nl][data-nl][data-nl] body .kpi .val .coin svg { width: 1em; height: 1em; }
html:root[data-nl][data-nl][data-nl] body :is(.page-head h1, .nl-welcome h1, .nl-panel h2, .glass > h2, .glass > h3, .panel-head h3, .modal h2, .modal h3, .nl-feature-copy b) { padding-right: .18em; }
html:root[data-nl][data-nl][data-nl] body .page-head.page-head.page-head.page-head.page-head::after { width: auto !important; height: auto !important; box-shadow: none !important; transform: none !important; }
html:root[data-nl][data-nl][data-nl], html:root[data-nl][data-nl][data-nl][data-realm-period='day'] { --glass: rgb(0 88 74 / .18); --glass-solid-ish: rgb(6 66 56 / .46); --glass-in: rgb(255 255 255 / .05); --blur: blur(3px); --halo: 0 0 1px rgb(0 30 24 / .95), 0 1px 3px rgb(0 30 24 / .95), 0 0 10px rgb(0 40 32 / .78); --rim: linear-gradient(135deg, #fff, #ffe9a8 14%, rgb(255 226 150 / .4) 36%, rgb(130 255 220 / .55) 62%, rgb(255 226 150 / .5) 82%, #fff); }
html:root[data-nl][data-nl][data-nl][data-realm-period='day'] { --glass: rgb(0 86 72 / .44); --blur: blur(3px); }
@media (max-width: 760px), (pointer: coarse) {
  html:root[data-nl][data-nl][data-nl] { --blur: blur(5px) saturate(185%) brightness(1.02); }
  html:root[data-nl][data-nl][data-nl][data-realm-period='day'] { --blur: blur(6px) saturate(165%) brightness(.8); }
}
html:root[data-nl][data-nl][data-nl] body[data-shell] .scene::after, html:root[data-nl][data-nl][data-nl][data-realm-period='day'] body[data-shell] .scene::after { background: radial-gradient(ellipse 120% 100% at 50% 40%, transparent 62%, rgb(0 40 32 / .3)) !important; }
html:root[data-nl][data-nl][data-nl] body[data-page='home'] .scene::after, html:root[data-nl][data-nl][data-nl] body[data-page='dang-nhap'] .scene::after, html:root[data-nl][data-nl][data-nl] body[data-page='dang-ky'] .scene::after { background: linear-gradient(90deg, rgb(0 40 32 / .3), transparent 52%) !important; }
html:root[data-nl][data-nl][data-nl] body .scene::before { background: radial-gradient(38% 34% at 84% 8%, rgb(255 232 160 / .62), transparent 72%), radial-gradient(30% 26% at 6% 92%, rgb(255 214 130 / .36), transparent 72%), radial-gradient(34% 30% at 42% 54%, rgb(110 255 210 / .24), transparent 72%), radial-gradient(24% 24% at 92% 74%, rgb(190 150 255 / .24), transparent 72%) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-rays { position: absolute; left: 84%; top: -30vh; translate: -50% -50%; z-index: 3; pointer-events: none; background: repeating-conic-gradient(from 0deg, rgb(255 244 200 / .2) 0 3deg, transparent 3deg 9deg, rgb(255 236 170 / .1) 9deg 11deg, transparent 11deg 23deg); -webkit-mask-image: radial-gradient(circle, #000 4%, transparent 44%); mask-image: radial-gradient(circle, #000 4%, transparent 44%); }
@keyframes nl-rise {0% { transform: translate3d(0, 0, 0); opacity: 0; } 10% { opacity: .95; } 50% { transform: translate3d(var(--dx), -55vh, 0); opacity: .75; } 90% { opacity: .55; } 100% { transform: translate3d(calc(var(--dx) * -.5), -112vh, 0); opacity: 0; }}
html:root[data-nl][data-nl][data-nl] body .nl-wisps { height: 42vh; opacity: 1; }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .float-card, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .kpi, .dl-card, .auth-card, .nl-panel, .nl-stat) { text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body :is(.glass .glass, .glass--flat, .glass .kpi, .nl-tasks ul, .pay-rate .stat) { border: 1px solid rgb(255 244 205 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body .topbar { background: linear-gradient(180deg, rgb(255 255 255 / .2), transparent), var(--glass) !important; box-shadow: inset 0 -1px 0 #ffe9a8, 0 0 22px rgb(255 226 150 / .42) !important; }
html:root[data-nl][data-nl][data-nl] body .footer { background: linear-gradient(180deg, rgb(255 255 255 / .1), transparent), rgb(0 84 72 / .56) !important; box-shadow: inset 0 1px 0 #ffe9a8, 0 0 22px rgb(255 226 150 / .3) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body :is(.modal, .ft-card, .more-panel, .search-results, .bell-menu, .gm-combo-popup) { background: linear-gradient(155deg, rgb(255 255 255 / .22), transparent 38%), var(--glass-solid-ish) !important; -webkit-backdrop-filter: blur(16px) saturate(190%) brightness(.82) !important; backdrop-filter: blur(16px) saturate(190%) brightness(.82) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .75), 0 0 34px rgb(255 226 150 / .5), 0 0 90px rgb(120 240 200 / .18), 0 18px 46px rgb(0 30 24 / .4) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .more-back { background: rgb(2 44 36 / .16) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.kpi, .nl-stat, .vd-card)::before { animation-duration: 12s; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-stat:nth-child(2), .kpi:nth-child(2))::before { animation-delay: -3s; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-stat:nth-child(3), .kpi:nth-child(3))::before { animation-delay: -6s; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-stat:nth-child(4), .kpi:nth-child(4))::before { animation-delay: -9s; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .auth-card, .nl-panel, .nl-stat)::after { background: radial-gradient(ellipse 150px 2px at 72px 0, #fff, transparent 100%), radial-gradient(ellipse 2px 56px at 0 40px, #fff, transparent 100%), radial-gradient(ellipse 130px 2px at calc(100% - 64px) 100%, #fff4cc, transparent 100%), radial-gradient(circle 46px at 0 0, rgb(255 246 210 / .5), transparent 100%), radial-gradient(circle 40px at 100% 100%, rgb(180 255 230 / .32), transparent 100%) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.muted, .hint, .note, .sub, small, label, .nl-stat dt, .nl-panel p) { color: #fff !important; -webkit-text-fill-color: #fff; text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-greet.nl-greet.nl-greet { background: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / .03)) !important; border-color: #ffe9a8; box-shadow: inset 0 1px 0 rgb(255 255 255 / .7), 0 0 16px rgb(255 226 150 / .6) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body :is(.nl-sec, .lc-sec, .ev-sec, .nl-head .nl-sec):not(.glass *):not(.nl-panel *) { text-shadow: 0 0 1px #00261d, 0 1px 3px #00261d, 0 0 8px rgb(0 44 34 / .9), 0 0 16px rgb(255 226 150 / 1), 0 0 30px rgb(255 214 120 / .75) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar .rail-title { text-shadow: var(--halo), 0 0 12px rgb(255 226 150 / .95) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(1) { --stat: linear-gradient(175deg, #fffdf0, #ffe28f 52%, #ffc24d); --statg: rgb(255 205 100 / .95); }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(2) { --stat: linear-gradient(175deg, #fff4ee, #ffb296 52%, #ff8466); --statg: rgb(255 130 95 / .95); }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(3) { --stat: linear-gradient(175deg, #f4feff, #a6f0ff 52%, #66d5ff); --statg: rgb(90 215 255 / .95); }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(4) { --stat: linear-gradient(175deg, #f5fff9, #a8ffcf 52%, #5eeeaa); --statg: rgb(90 245 175 / .95); }
html:root[data-nl][data-nl][data-nl] body .nl-stat-ico { color: var(--stat-c, #ffe59a); filter: drop-shadow(0 0 7px var(--statg)) drop-shadow(0 0 16px var(--statg)); }
html:root[data-nl][data-nl][data-nl] body .nl-stat-art { color: #fff; filter: drop-shadow(0 0 8px var(--statg)); }
html:root[data-nl][data-nl][data-nl] body .lb-xu { background: linear-gradient(155deg, rgb(255 226 150 / .34), rgb(255 226 150 / .04)) !important; border-color: #ffe9a8 !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .8), 0 0 22px rgb(255 214 120 / .6) !important; }
html:root[data-nl][data-nl][data-nl] body .lb-xu-val, html:root[data-nl][data-nl][data-nl] body .lb-xu-val span { text-shadow: var(--halo), 0 0 14px rgb(255 205 100 / 1) !important; }
html:root[data-nl][data-nl][data-nl] body .coin span { text-shadow: var(--halo), 0 0 12px rgb(255 205 100 / .95) !important; }
html:root[data-nl][data-nl][data-nl] body .coin svg { filter: drop-shadow(0 0 7px rgb(255 214 120 / 1)); }
html:root[data-nl][data-nl][data-nl] body :is(.sidebar a, .tabbar a, .more-grid a) .ico { color: var(--c, #ffe59a) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a { text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .sidebar :is(.sidebar-feature-nav, .sidebar-links) a:hover { background: linear-gradient(90deg, color-mix(in srgb, var(--c, #fff) 36%, transparent), transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar a[aria-current='page'] { background: linear-gradient(90deg, color-mix(in srgb, var(--c, #ffe59a) 46%, transparent), transparent) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c, #ffe59a) 88%, #fff), 0 0 18px var(--c, #ffe59a), inset 0 0 16px color-mix(in srgb, var(--c, #ffe59a) 34%, transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .more-grid a { background: linear-gradient(135deg, color-mix(in srgb, var(--c, #fff) 30%, transparent), rgb(255 255 255 / .04) 70%) !important; border: 1px solid color-mix(in srgb, var(--c, #fff) 72%, #fff) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 0 16px color-mix(in srgb, var(--c, #fff) 42%, transparent) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .chip-ico { background: radial-gradient(circle at 34% 24%, rgb(255 255 255 / .5), rgb(255 255 255 / .05) 66%) !important; color: #fff0bd !important; border: 1px solid rgb(255 244 205 / .75) !important; box-shadow: inset 0 1px 0 #fff, 0 0 18px rgb(255 226 150 / .62) !important; }
html:root[data-nl][data-nl][data-nl] body .chip-ico svg, html:root[data-nl][data-nl][data-nl] body .nl-tasks li > svg { filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 13px currentColor) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(1) > svg { color: #8dffc0 !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(2) > svg { color: #ff9bea !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(3) > svg { color: #ffd19f !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li:nth-child(4) > svg { color: #8feaff !important; }
html:root[data-nl][data-nl][data-nl] body .nl-tasks li { border-top-color: rgb(255 244 205 / .34); text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .btn:not(.btn--primary):not(.btn--gold):not(.btn--jade), html:root[data-nl][data-nl][data-nl] body .appbar :is(.pill, .user-chip, .icon-btn) { background: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / .02) 50%, rgb(255 244 200 / .08)), rgb(0 88 74 / .5) !important; color: #fff !important; text-shadow: var(--halo) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .75), inset 0 0 14px rgb(255 240 190 / .16), 0 0 12px rgb(255 226 150 / .42) !important; }
html:root[data-nl][data-nl][data-nl] body .appbar :is(.pill, .user-chip, .icon-btn) { border-color: #ffe9a8 !important; }
html:root[data-nl][data-nl][data-nl] body .btn:not(.btn--primary):not(.btn--gold):not(.btn--jade):hover:not(:disabled) { background: linear-gradient(180deg, rgb(255 244 200 / .42), rgb(255 226 150 / .1) 50%, rgb(255 244 200 / .26)) !important; box-shadow: inset 0 1px 0 #fff, inset 0 0 18px rgb(255 240 190 / .3), 0 0 26px rgb(255 226 150 / .9) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold, html:root[data-nl][data-nl][data-nl] body .btn.btn--jade { font-weight: 700 !important; border: 1px solid transparent !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold { box-shadow: inset 0 1px 0 #fff, inset 0 0 16px rgb(255 240 180 / .42), inset 0 -2px 6px rgb(255 214 120 / .4), 0 0 18px rgb(255 214 110 / .95), 0 0 42px rgb(255 200 90 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary:hover:not(:disabled), html:root[data-nl][data-nl][data-nl] body .btn.btn--gold:hover:not(:disabled) { background: linear-gradient(180deg, rgb(255 248 205 / .78), rgb(255 212 110 / .46) 46%, rgb(255 200 90 / .34) 60%, rgb(255 232 155 / .6)) !important; box-shadow: inset 0 1px 0 #fff, inset 0 0 20px rgb(255 240 180 / .6), 0 0 26px rgb(255 222 130 / 1), 0 0 60px rgb(255 205 100 / .72) !important; filter: none; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--jade { box-shadow: inset 0 1px 0 #fff, inset 0 0 16px rgb(190 255 225 / .4), 0 0 18px rgb(100 245 175 / .95), 0 0 42px rgb(90 235 165 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary::before, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold::before, html:root[data-nl][data-nl][data-nl] body .btn.btn--jade::before { content: '' !important; display: block !important; position: absolute !important; inset: 0 !important; border-radius: inherit; padding: 1px; opacity: 1 !important; transform: none !important; pointer-events: none; background: linear-gradient(135deg, #fff, #ffe9a8 30%, #fff5cf 62%, #ffd773) !important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
html:root[data-nl][data-nl][data-nl] body .btn.btn--jade::before { background: linear-gradient(135deg, #fff, #a8ffcf 40%, #fff, #62e8a6) !important; }
html:root[data-nl][data-nl][data-nl] body .btn:disabled, html:root[data-nl][data-nl][data-nl] body .btn[aria-disabled='true'] { background: rgb(255 255 255 / .06) !important; border: 1px solid rgb(255 255 255 / .34) !important; color: #fff !important; text-shadow: var(--halo) !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary:disabled { box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary::after, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold::after { background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / .9) 50%, transparent 70%) !important; }
html:root[data-nl][data-nl][data-nl] body .tabs, html:root[data-nl][data-nl][data-nl] body [role=tablist] { background: rgb(255 255 255 / .07) !important; border-color: #ffe9a8 !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 0 14px rgb(255 226 150 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tab, [role=tab]) { text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tab[aria-selected='true'], [role=tab][aria-selected='true']) { box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgb(255 244 205 / .85), 0 0 18px rgb(255 214 110 / .95) !important; }
html:root[data-nl][data-nl][data-nl] body .pay-chip, html:root[data-nl][data-nl][data-nl] body #quick-group button { background: linear-gradient(180deg, rgb(255 255 255 / .16), rgb(255 255 255 / .02) 54%, rgb(255 244 200 / .08)), rgb(0 88 74 / .34) !important; border-color: rgb(255 244 205 / .72) !important; color: #fff !important; text-shadow: var(--halo) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 0 10px rgb(255 226 150 / .34) !important; }
html:root[data-nl][data-nl][data-nl] body .pay-chip small { color: #fff !important; -webkit-text-fill-color: #fff; }
html:root[data-nl][data-nl][data-nl] body .pay-chip:hover, html:root[data-nl][data-nl][data-nl] body #quick-group button:hover { border-color: #fff !important; box-shadow: inset 0 1px 0 #fff, 0 0 22px rgb(255 226 150 / .9) !important; }
html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true'], html:root[data-nl][data-nl][data-nl] body .pay-chip:is(.active, [aria-pressed='true']), html:root[data-nl][data-nl][data-nl] body #quick-group button:is(.active, [aria-pressed='true']) { border-color: #fff !important; box-shadow: inset 0 1px 0 #fff, inset 0 0 14px rgb(255 240 180 / .5), 0 0 24px rgb(255 214 110 / 1), 0 0 48px rgb(255 200 90 / .42) !important; }
html:root[data-nl][data-nl][data-nl] body :is(input[type=checkbox], input[type=radio]) { background: rgb(255 255 255 / .1) !important; border-color: #fff0bd !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .5), 0 0 10px rgb(255 226 150 / .7) !important; }
html:root[data-nl][data-nl][data-nl] body :is(input[type=checkbox], input[type=radio]):checked { background: linear-gradient(180deg, rgb(255 244 190 / .85), rgb(255 205 95 / .6)) !important; box-shadow: inset 0 1px 0 #fff, 0 0 16px rgb(255 214 110 / 1) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .textarea, input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]):not(.appbar input) { background: linear-gradient(180deg, rgb(0 30 24 / .3), rgb(255 255 255 / .05)) !important; border-color: rgb(255 244 205 / .78) !important; text-shadow: var(--halo); box-shadow: inset 0 1px 3px rgb(0 30 24 / .35), inset 0 -1px 0 rgb(255 255 255 / .22), 0 0 10px rgb(255 226 150 / .3) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.input, .textarea, input):focus:not(.appbar input) { border-color: #fff !important; box-shadow: inset 0 1px 3px rgb(0 30 24 / .3), 0 0 0 3px rgb(255 226 150 / .34), 0 0 26px rgb(255 226 150 / .9) !important; }
html:root[data-nl][data-nl][data-nl] body ::placeholder { color: #fff !important; opacity: .9 !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .appbar .search { background: linear-gradient(180deg, rgb(0 30 24 / .24), rgb(255 255 255 / .06)) !important; border-color: #ffe9a8 !important; box-shadow: inset 0 1px 3px rgb(0 30 24 / .3), 0 0 16px rgb(255 226 150 / .6) !important; }
html:root[data-nl][data-nl][data-nl] body .appbar .search input { color: #fff !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .appbar .search svg { filter: drop-shadow(0 0 6px rgb(255 224 150 / 1)); }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn { background: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / .03) 54%, rgb(255 244 200 / .08)); border-color: rgb(255 244 205 / .85); box-shadow: inset 0 1px 0 rgb(255 255 255 / .62), 0 0 12px rgb(255 226 150 / .45); text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn:hover { border-color: #fff; box-shadow: inset 0 1px 0 #fff, 0 0 22px rgb(255 226 150 / .9); }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn:focus-visible, html:root[data-nl][data-nl][data-nl] body .nl-select.is-open .nl-select-btn { border-color: #fff; box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgb(255 226 150 / .34), 0 0 26px rgb(255 226 150 / 1); }
html:root[data-nl][data-nl][data-nl] body .nl-select-btn svg { filter: drop-shadow(0 0 7px rgb(255 224 150 / 1)); }
html:root[data-nl][data-nl][data-nl] body .nl-select-list { background: linear-gradient(155deg, rgb(255 255 255 / .24), transparent 40%), rgb(6 72 60 / .5); -webkit-backdrop-filter: blur(14px) saturate(190%) brightness(.8); backdrop-filter: blur(14px) saturate(190%) brightness(.8); border-color: #ffe9a8; box-shadow: inset 0 1px 0 rgb(255 255 255 / .75), 0 0 30px rgb(255 226 150 / .75), 0 14px 36px rgb(0 30 24 / .4); }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt { text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-select-opt.is-active { background: linear-gradient(90deg, rgb(255 226 150 / .46), rgb(255 226 150 / .06)); box-shadow: inset 0 0 0 1px rgb(255 244 205 / .85), 0 0 14px rgb(255 226 150 / .6); }
html:root[data-nl][data-nl][data-nl] body .toast { background: linear-gradient(155deg, rgb(255 255 255 / .24), transparent 40%), rgb(6 72 60 / .44) !important; -webkit-backdrop-filter: blur(12px) saturate(190%) brightness(.86) !important; backdrop-filter: blur(12px) saturate(190%) brightness(.86) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .75), 0 0 26px var(--tg, rgb(255 214 130 / .8)), 0 0 60px var(--tg, rgb(255 214 130 / .3)), 0 12px 32px rgb(0 30 24 / .36) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .toast.ok { --tg: rgb(255 214 130 / .8); }
html:root[data-nl][data-nl][data-nl] body .toast.err { --tg: rgb(255 110 95 / .8); }
html:root[data-nl][data-nl][data-nl] body :is(.adm-note, .bx-note, .tn-warn, .pay-warn, .shop-note, .ws-gate, .ev-msg, .gm-result, .ev-daily) { background: linear-gradient(115deg, rgb(255 226 150 / .3), rgb(255 226 150 / .03) 52%) !important; border-color: #ffe9a8 !important; box-shadow: inset 3px 0 0 #fff0bd, inset 28px 0 24px -20px rgb(255 232 170 / .9), inset 0 1px 0 rgb(255 255 255 / .55), 0 0 18px rgb(255 226 150 / .5) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body :is(.ev-msg--ok, .gm-result[data-kind='ok']) { background: linear-gradient(115deg, rgb(120 255 190 / .34), rgb(120 255 190 / .03) 52%) !important; border-color: #a8ffcf !important; box-shadow: inset 3px 0 0 #a8ffcf, inset 28px 0 24px -20px rgb(130 255 200 / .95), inset 0 1px 0 rgb(255 255 255 / .55), 0 0 20px rgb(110 245 180 / .72) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.ev-msg--err, .adm-note--danger, .gm-result[data-kind='err'], .form-error:not(:empty), .error-text:not(:empty)) { background: linear-gradient(115deg, rgb(255 120 100 / .42), rgb(255 120 100 / .05) 52%) !important; border-color: #ffb4a4 !important; box-shadow: inset 3px 0 0 #ffb4a4, inset 28px 0 24px -20px rgb(255 130 110 / .95), inset 0 1px 0 rgb(255 255 255 / .45), 0 0 20px rgb(255 110 95 / .72) !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .ev-msg--loading { background: linear-gradient(100deg, rgb(255 255 255 / .05), rgb(255 240 190 / .4), rgb(255 255 255 / .05)) 0 0 / 240% 100% !important; }
html:root[data-nl][data-nl][data-nl] body .badge { box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 0 14px var(--bg) !important; text-shadow: var(--halo) !important; color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .badge { background: linear-gradient(180deg, rgb(255 226 150 / .5), rgb(255 200 90 / .22)) !important; border-color: #ffe9a8 !important; --bg: rgb(255 214 120 / .85); }
html:root[data-nl][data-nl][data-nl] body .badge--jade { background: linear-gradient(180deg, rgb(120 255 190 / .5), rgb(70 220 150 / .2)) !important; border-color: #a8ffcf !important; --bg: rgb(100 245 175 / .9); }
html:root[data-nl][data-nl][data-nl] body .badge--danger { background: linear-gradient(180deg, rgb(255 120 100 / .58), rgb(240 70 70 / .26)) !important; border-color: #ffb4a4 !important; --bg: rgb(255 100 90 / .9); }
html:root[data-nl][data-nl][data-nl] body .badge--warn { background: linear-gradient(180deg, rgb(255 190 90 / .58), rgb(240 150 40 / .26)) !important; border-color: #ffd89a !important; --bg: rgb(255 180 70 / .9); }
html:root[data-nl][data-nl][data-nl] body .badge--azure { background: linear-gradient(180deg, rgb(110 200 255 / .55), rgb(60 150 230 / .24)) !important; border-color: #b4e4ff !important; --bg: rgb(90 190 255 / .9); }
html:root[data-nl][data-nl][data-nl] body .empty > b { text-shadow: var(--halo), 0 0 14px rgb(255 226 150 / .95) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-empty-ico { background: radial-gradient(circle at 34% 24%, rgb(255 255 255 / .55), rgb(255 255 255 / .04) 68%) !important; box-shadow: inset 0 0 0 1px #ffe9a8, 0 0 24px rgb(255 226 150 / .85) !important; }
html:root[data-nl][data-nl][data-nl] body .progress { background: rgb(255 255 255 / .1) !important; border-color: rgb(255 244 205 / .55) !important; }
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .tabbar { border-color: #ffe9a8 !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .8), 0 0 26px rgb(255 226 150 / .7), 0 0 70px rgb(255 214 120 / .24) !important; }
  html:root[data-nl][data-nl][data-nl] body .tabbar :is(a, button) { text-shadow: var(--halo); }
  html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'], html:root[data-nl][data-nl][data-nl] body .tabbar [aria-expanded='true'] { background: linear-gradient(180deg, rgb(255 244 190 / .55), rgb(255 205 95 / .2)) !important; box-shadow: inset 0 0 0 1px #fff0bd, 0 0 20px rgb(255 214 110 / .95), inset 0 0 14px rgb(255 240 180 / .35) !important; text-shadow: 0 0 1px rgb(90 50 0 / 1), 0 1px 3px rgb(80 44 0 / 1) !important; }
}
html:root[data-nl][data-nl][data-nl] body .nl-feature img { filter: saturate(1.28) brightness(1.1); }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-kicker { background: linear-gradient(180deg, rgb(255 255 255 / .22), rgb(255 255 255 / .03)); border-color: #ffe9a8; box-shadow: inset 0 1px 0 rgb(255 255 255 / .7), 0 0 14px rgb(255 226 150 / .7); text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt { border-color: #fff0bd; box-shadow: inset 0 1px 0 rgb(255 255 255 / .75), 0 0 20px rgb(255 226 150 / .62), 0 0 50px rgb(255 214 120 / .2) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt img { filter: saturate(1.3) brightness(1.12); }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy { background: linear-gradient(180deg, transparent, rgb(0 44 36 / .36) 50%, rgb(0 44 36 / .66)) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy b { text-shadow: 0 0 1px #00261d, 0 1px 3px #00261d, 0 0 12px rgb(255 214 120 / 1) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-evt-copy small { color: #fff !important; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(2)::after { animation-delay: -1.8s; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(3)::after { animation-delay: -3.6s; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:nth-child(4)::after { animation-delay: -5.4s; }
html:root[data-nl][data-nl][data-nl] body .nl-evt:hover { box-shadow: inset 0 1px 0 #fff, 0 0 40px rgb(255 226 150 / 1), 0 0 90px rgb(255 214 120 / .5) !important; }
html:root[data-nl][data-nl][data-nl] body .tag { box-shadow: 0 0 14px rgb(255 100 90 / 1), inset 0 1px 0 rgb(255 255 255 / .7) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill)[data-tag='new'] { box-shadow: 0 0 14px rgb(120 245 225 / 1), inset 0 1px 0 #fff !important; }
html:root[data-nl][data-nl][data-nl] body .nl-fan img { box-shadow: 0 0 34px rgb(255 226 150 / .9), 0 0 80px rgb(255 214 120 / .36) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-fan img:nth-child(3) { box-shadow: 0 0 14px rgb(255 232 170 / .95), 0 10px 26px rgb(0 40 32 / .45) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-cards img { border-color: #fff0bd; box-shadow: 0 0 20px rgb(255 226 150 / .6), 0 0 44px rgb(255 214 120 / .2) !important; }
html:root[data-nl][data-nl][data-nl] body .auth-card { box-shadow: inset 0 1px 0 rgb(255 255 255 / .8), 0 0 42px rgb(255 226 150 / .7), 0 0 110px rgb(120 240 200 / .22) !important; }
html:root[data-nl][data-nl][data-nl] body .boss-gif { background: radial-gradient(circle at 50% 44%, rgb(255 130 90 / .55), rgb(190 90 255 / .24) 52%, transparent 78%) !important; box-shadow: inset 0 0 44px rgb(255 130 90 / .4), 0 0 18px rgb(255 130 90 / .5) !important; }
:root.effects-paused body :is(.nl-rays, .nl-orbs i), :root.effects-paused body :is(.glass, .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat, .btn, .nl-evt)::before, :root.effects-paused body :is(.btn, .nl-evt)::after { animation-play-state: paused !important; }
:root.perf-lite body :is(.nl-rays, .nl-orbs) { display: none !important; }
:root.perf-lite body :is(.glass, .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat)::before { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-nl] :is(.nl-orbs, .nl-rays) { display: none !important; }
}
html:root[data-nl][data-nl][data-nl] body .pay-rate .stat { border: 0 !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar { -webkit-backdrop-filter: blur(9px) saturate(170%) brightness(.9) !important; backdrop-filter: blur(9px) saturate(170%) brightness(.9) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { background: linear-gradient(90deg, rgb(0 44 36 / .54), rgb(0 44 36 / .22) 42%, transparent 62%) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-feature-sub, .nl-feature-copy > span:not(.btn):not(.nl-kicker)) { text-shadow: 0 0 1px #00261d, 0 1px 3px #00261d, 0 0 8px rgb(0 40 32 / .95), 0 0 16px rgb(0 40 32 / .7) !important; }
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .nl-feature-copy { background: linear-gradient(100deg, rgb(0 44 36 / .58), rgb(0 44 36 / .2) 58%, transparent 76%), linear-gradient(transparent 44%, rgb(0 44 36 / .32)) !important; }
}
@media (max-width: 980px) {
  html:root[data-nl][data-nl][data-nl] body .tabbar { background: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / .02) 50%, rgb(255 244 200 / .08)), rgb(5 72 60 / .34) !important; -webkit-backdrop-filter: blur(9px) saturate(150%) !important; backdrop-filter: blur(9px) saturate(150%) !important; }
}
html:root[data-nl][data-nl][data-nl] { --halo: .6px 0 0 rgb(0 40 32 / .95), -.6px 0 0 rgb(0 40 32 / .95), 0 .6px 0 rgb(0 40 32 / .95), 0 -.6px 0 rgb(0 40 32 / .95), 0 1px 3px rgb(0 34 28 / .9), 0 0 7px rgb(0 44 36 / .55); --title-halo: 1px 0 0 #00382c, -1px 0 0 #00382c, 0 1px 0 #00382c, 0 -1px 0 #00382c, 0 2px 4px rgb(0 30 24 / .85), 0 0 18px rgb(255 214 120 / .6); }
html:root[data-nl][data-nl][data-nl] body .pay-step, html:root[data-nl][data-nl][data-nl] body .vd-target, html:root[data-nl][data-nl][data-nl] body .vd-status, html:root[data-nl][data-nl][data-nl] body .tn-pts, html:root[data-nl][data-nl][data-nl] body .num, html:root[data-nl][data-nl][data-nl] body .ev-hv, html:root[data-nl][data-nl][data-nl] body b.gold, html:root[data-nl][data-nl][data-nl] body h3, html:root[data-nl][data-nl][data-nl] body .lc-sec { text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body .pay-step, html:root[data-nl][data-nl][data-nl] body .vd-target, html:root[data-nl][data-nl][data-nl] body b.gold, html:root[data-nl][data-nl][data-nl] body .ev-hv { color: #fff3c4 !important; -webkit-text-fill-color: #fff3c4 !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary:disabled { background: rgb(255 226 150 / .2) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold { background: linear-gradient(180deg, rgb(255 248 205 / .94), rgb(255 222 125 / .8) 46%, rgb(255 205 95 / .7) 60%, rgb(255 232 150 / .86)) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-cta-btn.btn, html:root[data-nl][data-nl][data-nl] body .nl-cta .btn.btn--primary { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5Z' fill='%23fff6d0'/%3E%3C/svg%3E") left 12px center / 8px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5Z' fill='%23fff6d0'/%3E%3C/svg%3E") right 12px center / 8px no-repeat, linear-gradient(180deg, rgb(255 248 205 / .94), rgb(255 222 125 / .8) 46%, rgb(255 205 95 / .7) 60%, rgb(255 232 150 / .86)) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tab[aria-selected='true'], [role=tab][aria-selected='true']), html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true'], html:root[data-nl][data-nl][data-nl] body .pay-chip:is(.active, [aria-pressed='true']), html:root[data-nl][data-nl][data-nl] body #quick-group button:is(.active, [aria-pressed='true']) { background: linear-gradient(180deg, rgb(255 248 205 / .94), rgb(255 222 125 / .8) 46%, rgb(255 205 95 / .7) 60%, rgb(255 232 150 / .86)) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold, html:root[data-nl][data-nl][data-nl] body :is(.tab[aria-selected='true'], [role=tab][aria-selected='true']), html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true'], html:root[data-nl][data-nl][data-nl] body .pay-chip:is(.active, [aria-pressed='true']), html:root[data-nl][data-nl][data-nl] body #quick-group button:is(.active, [aria-pressed='true']) { color: #3a2200 !important; -webkit-text-fill-color: #3a2200 !important; text-shadow: 0 1px 0 rgb(255 252 232 / .8) !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary :is(svg, span, small), html:root[data-nl][data-nl][data-nl] body .btn.btn--gold :is(svg, span, small), html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true'] small, html:root[data-nl][data-nl][data-nl] body .pay-chip[aria-checked='true']::after, html:root[data-nl][data-nl][data-nl] body .tabbar a[aria-current='page'] .tab-label-x { color: #3a2200 !important; -webkit-text-fill-color: #3a2200 !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--jade { color: #03291b !important; -webkit-text-fill-color: #03291b !important; text-shadow: 0 1px 0 rgb(240 255 248 / .75) !important; background: linear-gradient(180deg, rgb(232 255 243 / .94), rgb(150 250 200 / .78) 46%, rgb(100 235 170 / .68) 60%, rgb(170 255 215 / .84)) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--jade :is(svg, span, small) { color: #03291b !important; -webkit-text-fill-color: #03291b !important; }
html:root[data-nl][data-nl][data-nl] body .realm-scene-art img, html:root[data-nl][data-nl][data-nl][data-realm-period='day'] body .realm-scene-art img { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .scene::before { animation: none !important; mix-blend-mode: normal !important; }
html:root[data-nl][data-nl][data-nl] body .particles { display: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-rays { width: 120vmax; height: 120vmax; animation: none !important; mix-blend-mode: normal !important; opacity: .6; }
html:root[data-nl][data-nl][data-nl] body .nl-wisps { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-wisps path { animation: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stars.nl-fx { position: fixed !important; inset: 0; z-index: 45 !important; border-radius: 0; contain: strict; }
html:root[data-nl][data-nl][data-nl] body .nl-fx i.orb { left: var(--x); top: auto; bottom: -6%; width: var(--z); height: var(--z); border-radius: 50%; clip-path: none; background: radial-gradient(circle at 36% 32%, #fff, var(--c) 36%, transparent 72%); animation: nl-rise var(--t) linear var(--d) infinite; will-change: transform, opacity; }
html:root[data-nl][data-nl][data-nl] body :is(#nl-x, *) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(#nl-x, .sidebar, .appbar, .topbar, .tabbar, .modal, .ft-card, .more-panel, .search-results, .nl-select-list, .toast, .page-head, .nl-panel, .nl-stat, .kpi, .auth-card, .glass:not(.glass .glass):not(.vd-card):not(.glass--tight):not(.modal)) { -webkit-backdrop-filter: var(--blur) !important; backdrop-filter: var(--blur) !important; }
html:root[data-nl][data-nl][data-nl] body :is(#nl-x, .modal, .ft-card, .more-panel, .nl-select-list) { -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; }
@media (max-width: 760px), (pointer: coarse) {
  html:root[data-nl][data-nl][data-nl] body :is(#nl-x, .page-head, .nl-panel, .nl-stat, .kpi, .auth-card, .glass:not(.glass .glass):not(.vd-card):not(.glass--tight):not(.modal), .sidebar, .topbar) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  html:root[data-nl][data-nl][data-nl] { --glass: rgb(0 88 74 / .36); }
  html:root[data-nl][data-nl][data-nl][data-realm-period='day'] { --glass: rgb(0 86 72 / .52); }
}
html:root[data-nl][data-nl][data-nl] body :is(.glass, .page-head, .sidebar, .appbar, .topbar, .float-card, .gm-section, .shop-card, .ct-news-card, .tn-tier, .ev-pkg, .ev-wheel-card, .leaderboard-panel, .kpi, .dl-card, .auth-card, .nl-panel, .nl-stat) { background: linear-gradient(155deg, rgb(255 255 255 / .12), transparent 20%, transparent 72%, rgb(140 255 220 / .1)), var(--glass) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .8), inset 0 -1px 0 rgb(255 228 160 / .5), 0 0 22px rgb(255 226 150 / .34), 0 8px 20px rgb(0 40 32 / .16) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass .glass, .glass--flat, .glass .kpi, .nl-tasks ul, .pay-rate .stat) { background: linear-gradient(155deg, rgb(255 255 255 / .13), rgb(255 255 255 / .02) 50%) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .42), 0 0 10px rgb(255 226 150 / .2) !important; }
html:root[data-nl][data-nl][data-nl] body .pay-rate .stat { background: none !important; box-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .page-head.page-head { background: linear-gradient(155deg, rgb(255 255 255 / .1), transparent 18%), var(--glass) !important; }
html:root[data-nl][data-nl][data-nl] body .sidebar { background: linear-gradient(170deg, rgb(255 255 255 / .2), rgb(255 255 255 / .02) 18%, transparent), rgb(6 76 64 / .36) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu { background: linear-gradient(155deg, rgb(255 226 150 / .34), rgb(255 226 150 / .03) 56%), var(--glass) !important; }
html:root[data-nl][data-nl][data-nl] body .vd-card { background: linear-gradient(155deg, rgb(255 255 255 / .2), transparent 42%), rgb(8 86 74 / .34) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.glass:not(.glass .glass):not(.glass--flat), .page-head, .sidebar, .appbar, .auth-card, .kpi, .nl-panel, .nl-stat, .more-panel, .modal, .ft-card, .toast)::before { background: var(--rim) !important; animation: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature::before { background: linear-gradient(135deg, #fff, #ffe9a8 30%, rgb(255 244 205 / .7) 62%, #ffd773) !important; animation: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-feature { box-shadow: 0 0 30px rgb(255 226 140 / .9), 0 0 70px rgb(255 214 120 / .36) !important; }
html:root[data-nl][data-nl][data-nl] body .is-lit::before, html:root[data-nl][data-nl][data-nl] body .is-lit::after { animation: none !important; }
html:root[data-nl][data-nl][data-nl] body .glass--hover:hover, html:root[data-nl][data-nl][data-nl] body .kpi:hover, html:root[data-nl][data-nl][data-nl] body .nl-stat:hover { transform: translateY(-2px); }
html:root[data-nl][data-nl][data-nl] body :is(.glass, .kpi, .nl-stat, .nl-evt, .nl-panel) { transition: transform .18s ease, border-color .18s ease !important; }
html:root[data-nl][data-nl][data-nl] body .modal-back { background: rgb(2 52 44 / .34) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-panel h2, .glass > h2, .glass > h3, .panel-head h3, .ev-sec, .lc-sec, .more-head b, .modal h2, .modal h3, .ft-card h2, .ft-card h3, .auth-card h1) { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #ffe59a !important; color: #ffe59a !important; filter: none !important; text-shadow: var(--halo), 0 0 14px rgb(255 214 120 / .85) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.lc-sec, .ev-sec, .nl-sec):not(.glass *):not(.nl-panel *) { animation: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill), html:root[data-nl][data-nl][data-nl] body .progress i, html:root[data-nl][data-nl][data-nl] body .nl-fan::before, html:root[data-nl][data-nl][data-nl] body .nl-evt::after, html:root[data-nl][data-nl][data-nl] body .btn.btn--primary::after, html:root[data-nl][data-nl][data-nl] body .btn.btn--gold::after, html:root[data-nl][data-nl][data-nl] body :is(.nl-cta, .nl-feature, .nl-stat--xu, .nl-tasks) .btn.btn--primary::after { animation: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-feature, .nl-cta) .btn.btn--primary.btn--primary::after { animation: nl-sheen 5.5s ease-in-out infinite !important; }
html:root[data-nl][data-nl][data-nl] body .btn.btn--primary.btn--primary:hover::after, html:root[data-nl][data-nl][data-nl] body .nl-evt.nl-evt:hover::after { animation: nl-sheen .8s ease-out 1 !important; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-evt img, .nl-feature img, .nl-cards img, .nl-fan img) { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.sidebar a, .tabbar a, .more-grid a) .ico { filter: none !important; background: radial-gradient(circle, color-mix(in srgb, var(--c, #ffe59a) 50%, transparent), transparent 70%) !important; border-radius: 50%; }
html:root[data-nl][data-nl][data-nl] body :is(.chip-ico svg, .nl-tasks li > svg, .nl-stat-ico, .nl-stat-art, .coin svg, .nl-select-btn svg, .appbar .search svg, .lb-xu .chip-ico, .nl-glyph, .nl-kicker .nl-glyph, .nl-tasks-title svg) { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat dd { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--stat-c, #fff) !important; filter: none !important; text-shadow: var(--halo), 0 0 12px var(--statg) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu dd { background: none !important; filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(1) { --stat-c: #ffe28f; }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(2) { --stat-c: #ffc1aa; }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(3) { --stat-c: #b6f3ff; }
html:root[data-nl][data-nl][data-nl] body .nl-stat:nth-child(4) { --stat-c: #b5ffd6; }
html:root[data-nl][data-nl][data-nl] body .nl-stat .nl-xu { -webkit-text-fill-color: #ffe28f; }
html:root[data-nl][data-nl][data-nl] body .nl-stat-ico { background: radial-gradient(circle, color-mix(in srgb, var(--stat-c, #ffe28f) 42%, transparent), transparent 72%); border-radius: 50%; padding: 4px; margin: -4px; }
html:root[data-nl][data-nl][data-nl] body .nl-stat-art { opacity: .3; }
html:root[data-nl][data-nl][data-nl] body .lb-xu-val, html:root[data-nl][data-nl][data-nl] body .lb-xu-val span { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body :is(.ev-lcard, .ev-stat, .ev-ms, .ev-shop-card, .ev-sum, .ev-prize-preview, .ev-res, .ev-hl, .pay-recipient, .ev-daily) { position: relative; opacity: 1 !important; border-radius: 14px !important; color: #fff !important; text-shadow: var(--halo); background: linear-gradient(155deg, rgb(255 255 255 / .12), transparent 30%, color-mix(in srgb, var(--sc, #8dffd0) 16%, transparent)), rgb(0 88 74 / .26) !important; border: 1px solid color-mix(in srgb, var(--sc, #ffe9a8) 72%, #fff) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .62), inset 0 0 18px color-mix(in srgb, var(--sc, #ffe9a8) 16%, transparent), 0 0 13px color-mix(in srgb, var(--sc, #ffe9a8) 42%, transparent) !important; transition: transform .18s ease, box-shadow .18s ease; }
html:root[data-nl][data-nl][data-nl] body :is(.ev-lcard, .ev-stat, .ev-shop-card, .ev-prize-preview):hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff, inset 0 0 22px color-mix(in srgb, var(--sc, #ffe9a8) 28%, transparent), 0 0 26px color-mix(in srgb, var(--sc, #ffe9a8) 82%, transparent) !important; }
html:root[data-nl][data-nl][data-nl] body :is(.ev-lcard, .ev-stat, .ev-shop-card, .ev-prize-preview) :is(.muted, small, span) { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .ev-lcard { padding: 12px 6px !important; gap: 3px; background: radial-gradient(ellipse 80% 70% at 50% 18%, color-mix(in srgb, var(--sc) 40%, transparent), transparent 74%), linear-gradient(155deg, rgb(255 255 255 / .22), rgb(255 255 255 / .03) 50%) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-lchar { font-family: var(--title) !important; font-style: italic; font-weight: 700; font-size: 2rem !important; line-height: 1.15; letter-spacing: .02em; color: color-mix(in srgb, var(--sc) 62%, #fff) !important; text-shadow: 0 0 1px #00261d, 0 1px 3px #00261d, 0 0 11px var(--sc), 0 0 24px var(--sc) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-lcard.lit { border-color: #fff !important; box-shadow: inset 0 1px 0 #fff, inset 0 0 22px color-mix(in srgb, var(--sc) 34%, transparent), 0 0 24px var(--sc) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-lcard b.num { color: #fff !important; font-size: 1.25rem; }
html:root[data-nl][data-nl][data-nl] body .ev-prize-letter { font-family: var(--title) !important; font-style: italic; font-weight: 700; color: #ffe59a !important; background: radial-gradient(circle at 36% 28%, rgb(255 244 205 / .5), rgb(255 255 255 / .05) 70%) !important; border: 1px solid #ffe9a8 !important; box-shadow: 0 0 16px rgb(255 226 150 / .75) !important; text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-prize-copy small { color: #ffe59a !important; font-weight: 700; letter-spacing: .02em; text-transform: none; font-size: .875rem; }
html:root[data-nl][data-nl][data-nl] body .ev-prize-copy b { color: #fff !important; font-family: var(--font-ui) !important; font-size: 1.0625rem; font-weight: 700; }
html:root[data-nl][data-nl][data-nl] body .ev-prize-copy span { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .ev-stat b { color: #fff !important; text-shadow: var(--halo), 0 0 12px rgb(255 226 150 / .8) !important; }
html:root[data-nl][data-nl][data-nl] body .ev-stat.is-total { --sc: #ffd773; }
html:root[data-nl][data-nl][data-nl] body .ev-stat.is-total b { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .ev-ms.done { --sc: #8dffc0; }
html:root[data-nl][data-nl][data-nl] body .ev-ms.next { --sc: #ffd773; }
html:root[data-nl][data-nl][data-nl] body .ev-ms.lock { --sc: #c9e6d8; }
html:root[data-nl][data-nl][data-nl] body .ev-shop { padding: 4px 6px 4px 2px; scrollbar-width: thin; scrollbar-color: #ffe59a transparent; }
html:root[data-nl][data-nl][data-nl] body .ev-shop-card { --sc: #ffe9a8; }
html:root[data-nl][data-nl][data-nl] body .ev-shop-info b { color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .ev-shop-info b .muted { color: #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body .ev-sum { --sc: #ffd773; padding: 10px 14px; }
html:root[data-nl][data-nl][data-nl] body .ev-res.is-letter { --sc: #ffd773; }
html:root[data-nl][data-nl][data-nl] body .slot { --slot: var(--rc, #ffe59a); border-radius: 12px !important; background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--slot) 42%, transparent), color-mix(in srgb, var(--slot) 8%, transparent) 72%) !important; border: 1px solid color-mix(in srgb, var(--slot) 78%, #fff) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 0 11px color-mix(in srgb, var(--slot) 58%, transparent) !important; }
html:root[data-nl][data-nl][data-nl] body .slot .slot-img { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .slot .qty { text-shadow: 0 0 1px #000, 0 1px 2px #000, 0 0 5px #000 !important; color: #fff !important; }
html:root[data-nl][data-nl][data-nl] body .ev-cell-letter { font-size: 8.4px !important; }
html:root[data-nl][data-nl][data-nl] body .ev-wheel { filter: none !important; }
html:root[data-nl][data-nl][data-nl] body .ev-wheel-wrap { border-radius: 50%; box-shadow: 0 0 34px rgb(255 226 150 / .55), 0 0 90px rgb(255 214 120 / .22); }
:root.effects-paused body .nl-stars i, :root.effects-paused body .nl-fan img, :root.effects-paused body .btn::after { animation-play-state: paused !important; }
:root.perf-lite body .nl-stars { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-nl] .nl-stars, html[data-nl] .nl-wisps { display: none !important; }
}
html:root[data-nl][data-nl][data-nl] body .ev-sum { display: block !important; line-height: 1.5; }
html:root[data-nl][data-nl][data-nl] body .ev-sum > * { display: inline; }
html:root[data-nl][data-nl][data-nl] body .ev-sum > div { display: block; }
html:root[data-nl][data-nl][data-nl] body .ev-res { padding: 10px 6px !important; justify-content: flex-start; }
html:root[data-nl][data-nl][data-nl] body .ev-res-letter { font-family: var(--title) !important; font-style: italic; font-weight: 700; font-size: 1.625rem !important; text-shadow: 0 0 1px #00261d, 0 1px 3px #00261d, 0 0 12px currentColor !important; }
html:root[data-nl][data-nl][data-nl] body .nl-fx i.orb { animation-name: nl-rise-soft; }
@keyframes nl-rise-soft {0% { transform: translate3d(0, 0, 0); opacity: 0; } 12% { opacity: .5; } 50% { transform: translate3d(var(--dx), -55vh, 0); opacity: .4; } 88% { opacity: .3; } 100% { transform: translate3d(calc(var(--dx) * -.5), -112vh, 0); opacity: 0; }}
html:root[data-nl][data-nl][data-nl] body .nl-pass { position: relative; display: block; width: 100%; }
html:root[data-nl][data-nl][data-nl] body .nl-pass input { width: 100%; padding-right: 64px; }
html:root[data-nl][data-nl][data-nl] body .nl-pass-eye { all: unset; position: absolute; top: 50%; right: 8px; translate: 0 -50%; min-height: 32px; min-width: 44px; display: grid; place-items: center; cursor: pointer; font-size: .8125rem; font-weight: 600; color: #ffe59a; border-radius: 8px; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-pass-eye:hover { background: rgb(255 226 150 / .18); }
html:root[data-nl][data-nl][data-nl] body .nl-pass-eye:focus-visible { outline: 2px solid #ffe9a8; }
html:root[data-nl][data-nl][data-nl] body :is(.tag, .tag-pill, .badge, .badge *, .who span, .page-notes, .page-notes li, .page-notes strong, .slot .qty, .tabbar .tab-label, .tab-more .tab-label, .nl-stat small, .btn small) { font-size: 12px !important; }
html:root[data-nl][data-nl][data-nl] body small:not(.ev-hub small) { font-size: max(12px, .85em); }
html:root[data-nl][data-nl][data-nl] body .btn--sm { font-size: 13px !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] { background: #0a2b23 !important; --glass: #113a2f; --glass-solid-ish: #0e3329; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .scene { display: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(#nl-x, *) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(.glass, .page-head, .sidebar, .appbar, .kpi, .nl-panel, .gm-section, .modal) { background: var(--glass) !important; box-shadow: none !important; border: 1px solid rgb(244 222 164 / .24) !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(.glass .glass, .glass--flat, .glass .kpi) { background: #0d3127 !important; border-color: rgb(244 222 164 / .16) !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(.glass, .page-head, .sidebar, .appbar, .kpi, .nl-panel, .gm-section, .modal)::before, html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(.glass, .page-head, .sidebar, .appbar, .kpi, .nl-panel, .gm-section, .modal)::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(h1, h2, h3, .panel-head h3, .ev-sec, .page-head h1) { font-family: var(--font-ui) !important; font-style: normal !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #ffe9b0 !important; color: #ffe9b0 !important; filter: none !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(h1, h2, .page-head h1)::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] :is(.muted, .hint, .note, .sub, small, label, p, td, th, span, b, a, li, div) { text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .btn { backdrop-filter: none; box-shadow: none !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .btn::after { display: none !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .sidebar a[aria-current='page'] { box-shadow: inset 3px 0 0 #ffe59a !important; }
html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .table td, html:root[data-nl][data-nl][data-nl] body[data-shell='admin'] .table th { padding-block: 8px; }

/* Công cụ GM: thẻ sáng cũ lệch hẳn với admin, dùng lại bộ biến sẵn có của nó */
html:root[data-nl][data-nl][data-nl] body .gzt { --gz-bg1: #0d3127; --gz-bg2: #0a2b23; --gz-card: #113a2f; --gz-text: #f2f8ef; --gz-muted: #bcd3c6; --gz-line: rgb(244 222 164 / .22); --gz-field: #0b2c23; --gz-accent: #ffe08a; --gz-accent-soft: rgb(255 224 138 / .16); --gz-accent2: #e8b64c; }
html:root[data-nl][data-nl][data-nl] body .gzt :is(input, select, textarea) { background-color: var(--gz-field) !important; color: var(--gz-text) !important; -webkit-text-fill-color: var(--gz-text); border: 1px solid var(--gz-line) !important; box-shadow: none !important; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .gzt input { background-image: none !important; }
html:root[data-nl][data-nl][data-nl] body .gzt :is(input, textarea)::placeholder { color: var(--gz-muted); -webkit-text-fill-color: var(--gz-muted); text-shadow: none; }
html:root[data-nl][data-nl][data-nl] body .gzt :is(button, .gz-chip, .gz-btn) { text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .gzt :is(.gz-chip.on, .gz-btn-main) { color: #241803 !important; -webkit-text-fill-color: #241803; }

/* Tab bar 360px: 5 mục vừa khít khi bỏ đệm hai bên, không cắt chữ */
@media (max-width: 400px) {
  html:root[data-nl][data-nl][data-nl] body :is(.tabbar a, .tabbar .tab-more) { padding-inline: 0 !important; min-width: 0; }
  html:root[data-nl][data-nl][data-nl] body .tabbar .tab-label { overflow: visible !important; text-overflow: clip !important; max-width: none !important; letter-spacing: 0 !important; white-space: nowrap; }
}
/* Tên bị cắt còn một chữ không giúp gì: giữ avatar */
@media (max-width: 380px) {
  html:root[data-nl][data-nl][data-nl] body .who { display: none !important; }
}
/* Chữ header tablet */
@media (max-width: 1100px) {
  html:root[data-nl][data-nl][data-nl] body .who b { font-size: 13px !important; } html:root[data-nl][data-nl][data-nl] body .appbar .coin > span { font-size: max(12px, 1em) !important; }
}

/* Kính trong: khung nội dung không blur, hạt sáng phía sau không còn bắt tính lại mỗi khung hình */
html:root[data-nl][data-nl][data-nl] body :is(#nl-x, .page-head, .nl-panel, .nl-stat, .kpi, .auth-card, .glass:not(.glass .glass):not(.vd-card):not(.glass--tight):not(.modal)) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* Tên game và dòng phụ lấy từ cài đặt */
html:root[data-nl][data-nl][data-nl] body .nl-brand { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; max-width: 100%; line-height: 1.15; text-align: center; }
html:root[data-nl][data-nl][data-nl] body .nl-brand b { font-family: var(--title); font-size: 28px; font-style: italic; font-weight: 700; font-weight: 800; padding-right: .12em; color: #ffecae; -webkit-text-fill-color: #ffecae; text-shadow: var(--title-halo); }
html:root[data-nl][data-nl][data-nl] body .nl-brand small { font-family: var(--font-ui); font-size: 12px !important; font-style: normal; font-weight: 600; letter-spacing: .08em; color: #fff !important; -webkit-text-fill-color: #fff; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .topbar .nl-brand b { font-size: 24px; }
html:root[data-nl][data-nl][data-nl] body .topbar .nl-brand small { display: block; font-size: 11px !important; }
html:root[data-nl][data-nl][data-nl] body .nl-hero-brand { align-items: flex-start; margin-bottom: 8px; text-align: left; }
html:root[data-nl][data-nl][data-nl] body .nl-hero-brand b { font-size: 60px; }
html:root[data-nl][data-nl][data-nl] body .nl-hero-brand small { font-size: 19px !important; }
html:root[data-nl][data-nl][data-nl] body .nl-auth-brand { margin: 0 auto 6px; }
html:root[data-nl][data-nl][data-nl] body .nl-auth-brand b { font-size: 40px; }
html:root[data-nl][data-nl][data-nl] body .nl-auth-brand small { font-size: 14px !important; }
/* Tiêu đề màu đặc + quầng bằng text-shadow. Chữ gradient-clip thành bóng đen khi mất nền và phải dùng filter nặng. */
html:root[data-nl][data-nl][data-nl] body :is(.page-head h1, .nl-welcome h1, .auth-card h1, .nl-sec, .nl-panel h2, .glass > h2, .glass > h3, .panel-head h3, .ev-sec, .lc-sec, .more-head b, .modal h2, .modal h3, .ft-card h2, .ft-card h3, .nl-hero h1, .nl-feature-copy b, .pay-step) { background: none !important; color: #ffecae !important; -webkit-text-fill-color: #ffecae !important; font-weight: 800 !important; filter: none !important; animation: none !important; text-shadow: var(--title-halo) !important; }
html:root[data-nl][data-nl][data-nl] body .nl-stat--xu .coin span { color: #ffe08f; -webkit-text-fill-color: #ffe08f; }
/* Kính trong: chữ nhỏ cần quầng tối để đọc được trên tranh sáng; nút đang chọn nền vàng thì không */
html:root[data-nl][data-nl][data-nl] body:not([data-shell='admin']) :is(label, .label, .eyebrow, .k-label, .stat-label, .more-title, .rail-title, .hint, .muted, .tab:not([aria-selected=true]), .pay-chip:not([aria-checked=true]):not([aria-pressed=true])) { text-shadow: var(--halo) !important; }
html:root[data-nl][data-nl][data-nl] body:not([data-shell='admin']) .danger { color: #ffd0c8 !important; text-shadow: var(--halo), 0 0 10px rgb(255 100 90 / .7) !important; }
/* Banner hiện đủ tranh; 14% dưới cùng của ảnh là dải màu nền, bỏ đi */
html:root[data-nl][data-nl][data-nl] body:is([data-page='spinnew'], [data-page='tichnap'], [data-page='payment'], [data-page='weeklyspend'], [data-page='payment_log'], [data-page='boss'], [data-page='packagenew'], [data-page='giftcode'], [data-page='diemdanh7ngay'], [data-page='vinhdanhlucchien'], [data-page='bxhtoptuan'], [data-page='bxhlucchien'], [data-page='cua-hang'], [data-page='store']) .page-head { min-height: 220px; }
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body:is([data-page='spinnew'], [data-page='tichnap'], [data-page='payment'], [data-page='weeklyspend'], [data-page='payment_log'], [data-page='boss'], [data-page='packagenew'], [data-page='giftcode'], [data-page='diemdanh7ngay'], [data-page='vinhdanhlucchien'], [data-page='bxhtoptuan'], [data-page='bxhlucchien'], [data-page='cua-hang'], [data-page='store']) .page-head { min-height: 0; padding-top: 58% !important; }
  html:root[data-nl][data-nl][data-nl] body:is([data-page='spinnew'], [data-page='tichnap'], [data-page='payment'], [data-page='weeklyspend'], [data-page='payment_log'], [data-page='boss'], [data-page='packagenew'], [data-page='giftcode'], [data-page='diemdanh7ngay'], [data-page='vinhdanhlucchien'], [data-page='bxhtoptuan'], [data-page='bxhlucchien'], [data-page='cua-hang'], [data-page='store']) .page-head > * { max-width: 100%; }
  html:root[data-nl][data-nl][data-nl] body:is([data-page='spinnew'], [data-page='tichnap'], [data-page='payment'], [data-page='weeklyspend'], [data-page='payment_log'], [data-page='boss'], [data-page='packagenew'], [data-page='giftcode'], [data-page='diemdanh7ngay'], [data-page='vinhdanhlucchien'], [data-page='bxhtoptuan'], [data-page='bxhlucchien'], [data-page='cua-hang'], [data-page='store']) .page-head.page-head.page-head.page-head.page-head::after { inset: 0 0 auto 0 !important; aspect-ratio: 720 / 412; border-radius: 16px 16px 0 0; -webkit-mask-image: linear-gradient(180deg, #000 76%, transparent); mask-image: linear-gradient(180deg, #000 76%, transparent); }
  html:root[data-nl][data-nl][data-nl] body .nl-brand b { font-size: 24px; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero-brand { align-items: center; text-align: center; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero-brand b { font-size: 42px; }
  html:root[data-nl][data-nl][data-nl] body .nl-hero-brand small { font-size: 16px !important; }
  html:root[data-nl][data-nl][data-nl] body .nl-auth-brand b { font-size: 34px; }
}
/* Chữ thân đậm hơn một nấc để viền không ăn mất nét; khu vực hero có nền mềm phía sau */
html:root[data-nl][data-nl][data-nl] body:not([data-shell='admin']) :is(p, li, td, label, small, .hint, .muted, .sub, .note, .stat-label, .nl-stat dt, .ct-sub, .tab, .pay-chip) { font-weight: 500; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-hero-copy, .nl-welcome-copy) { position: relative; isolation: isolate; }
html:root[data-nl][data-nl][data-nl] body :is(.nl-hero-copy, .nl-welcome-copy)::before { content: ''; position: absolute; inset: -44px -70px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse closest-side, rgb(0 84 72 / .62), rgb(0 84 72 / .4) 55%, transparent); }
/* Bộ sưu tập tướng: màu viền theo hệ */
html:root[data-nl][data-nl][data-nl] body [data-camp] { --cc: #ffe9a8; }
html:root[data-nl][data-nl][data-nl] body [data-camp='1'] { --cc: #72d4ff; }
html:root[data-nl][data-nl][data-nl] body [data-camp='2'] { --cc: #ff9470; }
html:root[data-nl][data-nl][data-nl] body [data-camp='3'] { --cc: #7ff0a8; }
html:root[data-nl][data-nl][data-nl] body [data-camp='4'] { --cc: #ffe28c; }
html:root[data-nl][data-nl][data-nl] body [data-camp='5'] { --cc: #c9a0ff; }
html:root[data-nl][data-nl][data-nl] body [data-camp='6'] { --cc: #ffa4da; }
html:root[data-nl][data-nl][data-nl] body [data-camp='9'] { --cc: #70f0dd; }
html:root[data-nl][data-nl][data-nl] body .nl-camps { display: flex; gap: 8px; margin-bottom: 6px; padding-block: 4px; overflow-x: auto; scrollbar-width: none; }
html:root[data-nl][data-nl][data-nl] body .nl-camp { display: inline-flex; flex: none; align-items: center; gap: 6px; min-height: 40px; padding: 4px 14px 4px 8px; border: 1px solid color-mix(in srgb, var(--cc) 75%, #fff); border-radius: 999px; background: rgb(0 84 72 / .58); color: #fff; font: 600 14px var(--font-ui); text-shadow: var(--halo); cursor: pointer; }
html:root[data-nl][data-nl][data-nl] body .nl-camp[data-camp='0'] { padding-left: 14px; }
html:root[data-nl][data-nl][data-nl] body .nl-camp img { width: 26px; height: 26px; }
html:root[data-nl][data-nl][data-nl] body .nl-camp small { font-size: 12px !important; }
html:root[data-nl][data-nl][data-nl] body .nl-camp[aria-pressed='true'] { background: linear-gradient(180deg, #fff6d0, var(--cc)); color: #17302a; text-shadow: none; box-shadow: 0 0 14px var(--cc); }
html:root[data-nl][data-nl][data-nl] body .nl-camp[aria-pressed='true'] small { color: #17302a !important; -webkit-text-fill-color: #17302a; text-shadow: none !important; }
html:root[data-nl][data-nl][data-nl] body .nl-roster { position: relative; }
html:root[data-nl][data-nl][data-nl] body .nl-card { position: relative; flex: 0 0 180px; margin: 0; overflow: hidden; border-radius: 12px; scroll-snap-align: start; box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--cc) 72%, #fff), 0 0 12px color-mix(in srgb, var(--cc) 55%, transparent); transition: transform .2s ease; }
html:root[data-nl][data-nl][data-nl] body .nl-card:hover { transform: translateY(-5px); }
html:root[data-nl][data-nl][data-nl] body .nl-card[hidden] { display: none; }
html:root[data-nl][data-nl][data-nl] body .nl-cards img.nl-card-camp { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 0; }
html:root[data-nl][data-nl][data-nl] body .nl-card figcaption { position: absolute; inset: auto 0 0; display: grid; gap: 1px; padding: 34px 10px 8px; background: linear-gradient(180deg, transparent, rgb(0 34 28 / .9) 46%); }
html:root[data-nl][data-nl][data-nl] body .nl-card b { font-size: 14px; font-weight: 700; line-height: 1.25; color: #fff; text-shadow: var(--halo); }
html:root[data-nl][data-nl][data-nl] body .nl-card small { font-size: 12px !important; color: var(--cc) !important; -webkit-text-fill-color: var(--cc); }
html:root[data-nl][data-nl][data-nl] body .nl-roster-nav { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffe9a8; border-radius: 50%; background: rgb(0 84 72 / .78); color: #fff3c4; box-shadow: 0 0 14px rgb(255 226 150 / .6); cursor: pointer; translate: 0 -50%; }
html:root[data-nl][data-nl][data-nl] body .nl-roster-nav[data-dir='-1'] { left: -14px; }
html:root[data-nl][data-nl][data-nl] body .nl-roster-nav[data-dir='-1'] svg { rotate: 180deg; }
html:root[data-nl][data-nl][data-nl] body .nl-roster-nav[data-dir='1'] { right: -14px; }
html:root[data-nl][data-nl][data-nl] body .nl-roster-nav:disabled { display: none; }
@media (max-width: 760px), (pointer: coarse) {
  html:root[data-nl][data-nl][data-nl] body .nl-roster-nav { display: none; }
}
@media (max-width: 760px) {
  html:root[data-nl][data-nl][data-nl] body .nl-card { flex-basis: 44vw; }
  html:root[data-nl][data-nl][data-nl] body .nl-camps { margin-inline: -16px; padding-inline: 16px; }
}
/* Thanh cố định: nội dung cuộn phía dưới không được lẫn vào chữ */
html:root[data-nl][data-nl][data-nl] body:not([data-shell='admin']) :is(#nl-x, .topbar, .appbar, .tabbar) { background: linear-gradient(180deg, rgb(255 255 255 / .12), transparent 46%), rgb(0 72 62 / .72) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; }