/* 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(110deg,#07182dee,#10284bec 60%,#101c35ed);border-bottom:1px solid #68ceff66;box-shadow:0 3px 26px #031431aa}
body.newmagic .header-ornament{opacity:.25;filter:hue-rotate(10deg)}
body.newmagic .brand{width:300px;height:95px;left:20px;top:10px}
body.newmagic .game{border-color:#76c3e8;background:linear-gradient(145deg,#b4ecff,#426ba7 48%,#302957)}
body.newmagic .game:after{box-shadow:inset 0 1px 3px #cff8ff66}body.newmagic .game .play{background:linear-gradient(#d8f8ff,#91c9e8);border-color:#d1f5ff;color:#092944}
body.newmagic #categories button:not([data-category=all]){background:linear-gradient(120deg,#112b43e8,#172744e8);border-color:#74c9ef66}
body.newmagic #categories button.active{filter:brightness(1.12) drop-shadow(0 0 6px #55c9ed66)}
body.newmagic #categories button .category-label{color:#d8efff}body.newmagic #categories [data-category=all]{background:linear-gradient(110deg,#102942,#1e365b);border-color:#84dcff88}
body.newmagic .search input,body.newmagic .search button{border-color:#5a9ac577;background:#0d203be8;color:#d9edff}
body.newmagic footer{background:#07142ae8;border-top-color:#81c8ff33;color:#b7d5eb}
body.newmagic .login-art{background:linear-gradient(#04112744,#0a1b3c77),url('/assets/newmagic/crystal-background.png') 80% center/cover}
body.newmagic .login-orbit{width:90%;height:140px;border:0;box-shadow:none;background:none;left:5%;top:9%}
body.newmagic .login-art-copy p{color:#c8eaff}
@media(min-width:761px) and (max-width:1350px){body.newmagic .brand{width:270px;left:16px}}

@media(max-width:760px){body.newmagic>header{height:97px;min-height:97px}body.newmagic .brand{width:187px;height:60px;left:5px;top:3px}body.newmagic .account{top:15px}body.newmagic #categories{background:#07162ccc}body.newmagic .login-orbit{height:90px}}
@media(max-width:380px){body.newmagic .brand{width:163px}}

/* Approved crystal-casino header; replace the previous card ornament only. */
body.newmagic>header{background:#07182d url('/assets/newmagic/casino-header.png') center 48%/auto 180% no-repeat}
body.newmagic .header-ornament{display:none}
body.newmagic .brand{width:350px;height:106px;top:3px}
@media(min-width:761px) and (max-width:1350px){body.newmagic .brand{width:300px}}
@media(max-width:760px){body.newmagic>header{background-size:auto 150%;background-position:65% center}body.newmagic .brand{width:187px;height:68px;top:0}}
@media(max-width:380px){body.newmagic .brand{width:163px}}
/* Transparent crystal category artwork: no tile, border or opaque backing. */
body.newmagic #categories button[data-category]{height:142px;border:0;border-radius:0;background:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:visible;transform:none}
body.newmagic #categories button[data-category]:before,body.newmagic #categories button[data-category]:after{display:none}
body.newmagic #categories button[data-category] .category-art{position:relative;inset:auto;display:block;flex:0 0 auto;width:122px;height:110px;margin:0;padding:0;background:none;border-radius:0;overflow:visible}
body.newmagic #categories button[data-category] .category-art svg.category-picture{display:block;width:100%;height:100%;overflow:visible}
body.newmagic #categories button[data-category] .category-label{display:block;position:relative;inset:auto;font:900 26px/1.15 'Microsoft JhengHei',sans-serif;letter-spacing:2px;color:#d9f6ff;text-shadow:0 2px 3px #000,0 0 8px #308cd6aa;white-space:nowrap;margin:0}
body.newmagic #categories button[data-category].active .category-art,body.newmagic #categories button[data-category]:hover .category-art{filter:drop-shadow(0 0 10px #7cdfff88);transform:translateY(-3px)}
@media(min-width:761px) and (max-width:1350px){body.newmagic #categories button[data-category]{height:126px}body.newmagic #categories button[data-category] .category-art{width:108px;height:94px}body.newmagic #categories button[data-category] .category-label{font-size:24px}}
@media(max-width:760px){body.newmagic #categories button[data-category]{height:99px;min-width:73px;width:73px;flex:0 0 73px}body.newmagic #categories button[data-category] .category-art{width:67px;height:65px}body.newmagic #categories button[data-category] .category-label{font-size:13px;letter-spacing:0}}

body.newmagic>header{background:linear-gradient(105deg,#07182d,#0e2440 65%,#0a1b34)}
body.newmagic .header-ornament{display:block;position:absolute;inset:0 auto 0 27%;width:46%;height:100%;margin:0;background:url('/assets/newmagic/casino-header.png') center/auto 125% no-repeat;opacity:.9;filter:none;transform:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
body.newmagic .brand{height:112px;width:350px;top:1px}
@media(max-width:760px){body.newmagic .brand{width:187px;height:76px;top:0}body.newmagic .header-ornament{left:37%;width:28%;opacity:.45;background-size:auto 100%}}
@media(max-width:380px){body.newmagic .brand{width:163px}}


body.newmagic .credit{background:linear-gradient(#173b60,#081b34);border-color:#91dfff;box-shadow:inset 0 0 10px #58bafa22,0 0 12px #3fbbef22}
body.newmagic .credit strong{color:#e3faff;text-shadow:0 2px 2px #092149}
body.newmagic .credit-title{content:url('/assets/newmagic/credit-title.svg')}
body.newmagic .credit .coin{content:url('/assets/newmagic/crystal-coin.svg')}
body.newmagic .avatar,body.newmagic .avatar img{filter:none!important}
body.newmagic .avatar img{content:url('/assets/newmagic/user-icon.svg')}
body.newmagic .lobby-sound{background:linear-gradient(#245883,#0a2447);border-color:#91dfff;color:#d9f8ff;box-shadow:inset 0 0 8px #5ecbfa33}
body.newmagic .lobby-sound[aria-pressed=false]{color:#82b5d1}
body.newmagic .marquee,body.newmagic .announcement-ticker{background:#0b213de8;border-color:#5aa7d744;color:#d8efff}
body.newmagic #categories{scrollbar-color:#5dadd7 #08172a}
body.newmagic .game .tag{background:linear-gradient(#2469a4,#153a6b);border-color:#9ae6ff;color:#f1fdff}

/* One continuous header surface; transparent scene, no rectangular image panel. */
body.newmagic>header{height:122px;min-height:122px;background:linear-gradient(105deg,#07192ded,#102b47e8 58%,#081e35ed);border-bottom:1px solid #74c9f044;box-shadow:0 6px 24px #020b1d44}
body.newmagic .header-ornament{left:32%;width:36%;height:100%;top:0;background:url('/assets/newmagic/casino-header-cutout.webp') center/auto 103% no-repeat;opacity:.68;mask-image:none;mix-blend-mode:screen;border:0;box-shadow:none}
body.newmagic .header-ornament:before,body.newmagic .header-ornament:after{display:none}
body.newmagic .brand{left:22px;top:3px;height:116px}
body.newmagic .account{right:24px;top:32px;gap:12px;align-items:center}
body.newmagic .lobby-sound{right:287px;top:40px;width:34px;height:34px}
body.newmagic .credit{min-width:177px;height:46px}
@media(max-width:760px){body.newmagic>header{height:97px;min-height:97px}body.newmagic .brand{left:4px;top:0;width:187px;height:76px}body.newmagic .header-ornament{left:41%;width:19%;opacity:.26;background-size:auto 90%}body.newmagic .account{right:9px;top:18px;gap:7px}body.newmagic .credit{min-width:134px;height:39px}body.newmagic .lobby-sound{right:14px;top:61px;width:26px;height:26px}}
@media(max-width:380px){body.newmagic .brand{width:162px}body.newmagic .credit{min-width:125px}}

/* Member-center theme; financial gain/loss colors retain their meaning. */
body.newmagic #modal{background:#0c1c33;color:#dceeff;border:1px solid #72bde566;box-shadow:0 20px 80px #010919bb}
body.newmagic .profile-layout{background:linear-gradient(135deg,#0d203a,#10273f);color:#dceeff}
body.newmagic .profile-side{background:transparent}
body.newmagic .profile-wallet,body.newmagic .side-label,body.newmagic .profile-side .logout{background:linear-gradient(110deg,#1a4f7b,#367eaa);border-color:#83d9ff66;color:#edfbff;box-shadow:inset 0 1px #c7f3ff20}
body.newmagic .profile-wallet strong{color:#e8fbff;text-shadow:0 1px 5px #081d3b}
body.newmagic .profile-identity .orb{background:linear-gradient(#55b8e7,#1a497b);border-color:#a5e9ff;color:#effcff}
body.newmagic .profile-tiles button{color:#c3def0}body.newmagic .profile-tiles button:hover,body.newmagic .profile-tiles button.selected{color:#f1fdff;background:#205a8444}
body.newmagic .profile-main{background:#0c203add;border-color:#4d8eb155}
body.newmagic .profile-main .modal-head h2,body.newmagic .modal-head h2{color:#c9f1ff}
body.newmagic .profile-main .modal-head{border-bottom-color:#5ca0c944}
body.newmagic .record-ranges .selected,body.newmagic .settlement-ranges .selected,body.newmagic .record-tabs .selected{background:#285e89;border-color:#8cdcff;color:#eaffff}
body.newmagic .login .primary,body.newmagic .profile-layout .primary{background:linear-gradient(#347fac,#205584);border-color:#83d9ff;color:#fff}

@media(min-width:381px) and (max-width:760px){body.newmagic .brand{width:180px}}

/* A sprite image must be clipped to its own measured viewport. */
body.newmagic #categories button[data-category] .category-art svg.category-picture{overflow:hidden}

/* The original TOP10 art is already icy blue; remove the legacy purple recolor. */
body.newmagic .section-head h1 img{filter:none}

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