/* Pale pink surfaces with readable ink; keep financial colours and artwork intact. */
body.newmagic #nav details>div,
body.newmagic #nav>.more-menu .menu-group>div {background:var(--nm-menu-surface);border-color:var(--nm-menu-border);color:var(--nm-menu-ink);box-shadow:0 6px 18px #773b5520}
body.newmagic #nav details>div button,
body.newmagic #nav details>div summary {background:transparent;color:var(--nm-menu-ink);border-radius:6px}
body.newmagic #nav details>div button:hover,
body.newmagic #nav details>div button:focus-visible,
body.newmagic #nav details>div button.active,
body.newmagic #nav details>div details[open]>summary,
body.newmagic #nav details>div summary:hover {background:var(--nm-menu-hover);color:var(--nm-menu-hover-ink)}
body.newmagic #accountDropdown {background:var(--nm-menu-surface);border-color:var(--nm-menu-border);border-radius:10px;color:var(--nm-menu-ink)}
body.newmagic #accountDropdown button {background:transparent;color:var(--nm-menu-ink)}
body.newmagic #accountDropdown button:hover,
body.newmagic #accountDropdown button:focus-visible {background:var(--nm-menu-hover);color:var(--nm-menu-hover-ink)}
body.newmagic #accountDropdown .account-menu-status {color:#97667e;border-color:#efccdb}
body.newmagic:not(:has(#loginForm,#firstLoginForm)) :is(#main,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]) {background-color:var(--nm-field-surface);background-image:none;border-color:var(--nm-field-border);color:var(--nm-field-ink)}
body.newmagic:not(:has(#loginForm,#firstLoginForm)) :is(#main,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus {border-color:#ca749b;outline-color:#e8a8c3}
body.newmagic:not(:has(#loginForm,#firstLoginForm)) :is(#main,#modal) :is(input,select,textarea):disabled {background-color:#f4edf0;color:#9d8a94;border-color:#e6dce1}
body.newmagic :is(#main,#modal) select option {background:var(--nm-field-surface);color:var(--nm-field-ink)}
body.newmagic .home-game-switch {background:var(--nm-switch-off);border-color:#b2b5bb}
body.newmagic .home-game-switch.is-on {background:var(--nm-switch-on);border-color:var(--nm-switch-on-border)}
body.newmagic .home-game-switch:focus-visible {outline-color:#d29b00}
@media(max-width:760px) {
 body.newmagic > header:has(> .header-tools) > #nav {background:var(--nm-menu-surface);border-color:var(--nm-menu-border)}
 body.newmagic > header:has(> .header-tools) > #nav>button,
 body.newmagic > header:has(> .header-tools) > #nav>details>summary {color:var(--nm-menu-ink)}
}
/* Current location stays distinct from hover, keyboard focus and an opened menu. */
body.newmagic #nav details>div button.active,
body.newmagic #nav details>div button.active:hover,
body.newmagic #nav details>div button.active:focus-visible {background:var(--nm-nav-current);color:var(--nm-nav-current-ink);font-weight:700;box-shadow:inset 4px 0 var(--nm-nav-marker)}
body.newmagic #nav details>div button:not(.active):hover,
body.newmagic #nav details>div button:not(.active):focus-visible,
body.newmagic #nav details>div summary:hover {background:var(--nm-menu-hover);color:var(--nm-menu-hover-ink);box-shadow:none}
body.newmagic #nav details>div .menu-group:has(>div>button.active)>summary {background:#f0aec9;color:#65213f;font-weight:700}
@media(min-width:761px) {
 body.newmagic > header:has(> .header-tools) > #nav > button:not(.active):hover,
 body.newmagic > header:has(> .header-tools) > #nav > details[open] > summary,
 body.newmagic > header:has(> .header-tools) > #nav > details > summary:hover {background:linear-gradient(#fce4ef,#efbcd3);color:#632341;border-color:#eaa5c4;text-shadow:none;box-shadow:inset 0 1px #fff9}
 body.newmagic > header:has(> .header-tools) > #nav > button.active,
 body.newmagic > header:has(> .header-tools) > #nav > button.active:hover,
 body.newmagic > header:has(> .header-tools) > #nav > details:has(button.active) > summary,
 body.newmagic > header:has(> .header-tools) > #nav > details:has(button.active) > summary:hover {background:linear-gradient(#fff0aa,#f9cd58);color:#592d38;border-color:#f7dc88;text-shadow:none;box-shadow:inset 0 1px #fff,0 2px 5px #30103f33;font-weight:800}
}
@media(max-width:760px) {
 body.newmagic #nav>button.active,
 body.newmagic #nav>details:has(button.active)>summary {background:var(--nm-nav-current);color:var(--nm-nav-current-ink);box-shadow:inset 4px 0 var(--nm-nav-marker)}
 body.newmagic #nav>button:not(.active):hover,
 body.newmagic #nav>details:not(:has(button.active))>summary:hover,
 body.newmagic #nav>details:not(:has(button.active))[open]>summary {background:var(--nm-menu-hover);color:var(--nm-menu-hover-ink)}
}
body.newmagic #main .account-balance-value {color:var(--nm-balance-ink);font-size:14px;font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
body.newmagic #main .row-actions [data-account-limit] {color:var(--nm-limit-ink)!important;background:var(--nm-limit-surface)!important;border-color:var(--nm-limit-border)!important}