/* New魔方娛樂城 · crystal identity. No report/table palette overrides. */
body.newmagic{isolation:isolate;background:#050e21}
body.newmagic::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#04102244,#06132c33),url('/assets/newmagic/crystal-background.png') center top/cover no-repeat}
body.newmagic::after{content:"";position:fixed;inset:-7%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 65%,#55dfff90 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,#bbadff90 0 1px,transparent 2px),radial-gradient(circle at 84% 66%,#58caff88 0 1px,transparent 2px),radial-gradient(ellipse at 5% 100%,#2462c533,transparent 45%),radial-gradient(ellipse at 100% 15%,#6743d51f,transparent 44%);background-size:213px 241px,307px 379px,487px 421px,100% 100%,100% 100%;animation:nm-atmosphere 22s ease-in-out infinite alternate;opacity:.7}
body.newmagic .animated-brand{overflow:visible;isolation:auto}
body.newmagic .animated-brand:before,body.newmagic .animated-brand:after{display:none}
body.newmagic .animated-brand img{animation:none;filter:drop-shadow(0 3px 8px #1c8aff44);width:100%;height:100%;object-fit:contain}
body.newmagic .brand picture{display:block;width:100%;height:100%}
body.newmagic .login-orbit img,body.newmagic .login-box .logo img{width:100%;height:100%;object-fit:contain}
@keyframes nm-atmosphere{from{transform:translate3d(-.7%,.6%,0);opacity:.4}to{transform:translate3d(.7%,-.6%,0);opacity:.75}}
body.nm-motion-paused::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body.newmagic::after{animation:none!important;transform:none!important}body.newmagic .brand img{animation:none!important}}
@media(max-width:760px){body.newmagic::before{background-position:58% top}body.newmagic::after{animation-duration:30s;opacity:.35}}

body.newmagic>header{background:linear-gradient(105deg,#091c35,#102a49 65%,#101f3c);box-shadow:0 2px 18px #14345e55;border-bottom:1px solid #73d6ff55}
body.newmagic header .brand{width:190px;height:54px;flex:0 0 190px}
body.newmagic .page-title{background:#fffffff5}
body.newmagic>main{background:#ffffffed;border-radius:12px;box-shadow:0 10px 40px #020a1720;margin-top:14px;margin-bottom:22px}
body.newmagic>footer{background:#07172ddd;color:#bed7e9;border-top:1px solid #7bdaff33}
body.newmagic .login-screen{background:transparent}
body.newmagic .login-box{background:#fffffff7;border:1px solid #b8def3;box-shadow:0 20px 60px #030e3377}
body.newmagic .login-box .logo{width:min(100%,340px);height:105px;margin:0 auto 20px;padding:6px;background:linear-gradient(115deg,#0b1c36,#152c50);border-radius:13px;border:1px solid #78ceff55}
@media(max-width:1100px) and (min-width:761px){body.newmagic header .brand{width:150px;flex-basis:150px}}
@media(max-width:760px){body.newmagic header .brand{width:166px;height:49px;flex:0 0 166px}body.newmagic .header-tools{max-width:calc(100% - 210px)}body.newmagic .header-tools .quota{width:100px}body.newmagic .header-tools .admin-sound{display:none}body.newmagic>main{margin:12px 8px 18px;border-radius:9px;padding:10px}body.newmagic .page-title{margin-top:55px}}

@media(min-width:761px) and (max-width:1360px){body.newmagic>header{height:auto;min-height:108px;flex-wrap:wrap;gap:0 12px;padding-top:3px}body.newmagic header .brand{width:190px;flex-basis:190px;height:49px}body.newmagic .header-tools{margin-left:auto;height:49px}body.newmagic #nav{order:3;flex:0 0 100%;height:56px}body.newmagic #nav>button,body.newmagic #nav summary{min-height:56px}}

body.newmagic>header{background:#081b33 url('/assets/newmagic/casino-header.png') center 45%/auto 240% no-repeat}


body.newmagic .header-tools .quota{background:linear-gradient(#173b60,#081b34);border-color:#79c9ef}
body.newmagic .header-tools .quota small{color:#b6e0f6}body.newmagic .header-tools .quota b{color:#e5faff}
body.newmagic .header-tools .account-avatar{background:linear-gradient(#49bbec,#1a578c);color:#edfcff}
body.newmagic .admin-sound{color:#b5efff;border-color:#5cbbe7;background:#123558}
body.newmagic nav>button.active,body.newmagic nav details:has(button.active)>summary{background:#1a3b5d;color:#c1f4ff;border-bottom-color:#8be6ff}

body.newmagic>header{background:linear-gradient(105deg,#091c35f5,#102a49ee 65%,#101f3cf5),url('/assets/newmagic/casino-header-cutout.webp') center/auto 180% no-repeat}
@media(max-width:760px){body.newmagic .login-box{width:100%;min-width:0;max-width:100%;padding:24px 20px}body.newmagic .login-box .logo{max-width:100%}}

/* Stop only the fully covered decorative background; visible artwork is unchanged. */
body.nm-background-paused::after{animation-play-state:paused}