/* NEW 魔方 administrative surfaces. Presentation only; no content or behavior changes. */
:root{--nm-ink:#3e154d;--nm-muted:#918464;--nm-blue:#821da5;--nm-line:#e7deea;--nm-gold:#d8b56c}
body.newmagic dialog :is(button,a.button){min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.newmagic :is(dialog,.account-menu) button svg{display:block;flex:0 0 auto;vertical-align:middle;stroke-width:1.8}
body.newmagic dialog .form-actions button svg{width:18px;height:18px}
body.newmagic :is(dialog,.account-menu) button{border-radius:8px}
body.newmagic dialog{color:var(--nm-ink);background:#fcfbfd;border:1px solid #e5d8b6;border-top:3px solid var(--nm-gold);border-radius:16px;padding:0;width:min(760px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 90px #1d072566,0 0 0 5px #e8cf8d12;scrollbar-width:thin;scrollbar-color:#c6b588 #f4f0f6;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}
body.newmagic dialog::backdrop{background:#1f0727b5;backdrop-filter:blur(5px)}
body.newmagic #modalBody{padding:0;min-width:0}
body.newmagic dialog .modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;margin:0;padding:18px 22px;background:linear-gradient(110deg,#2f0b3c,#4c1260);color:#f8f6f9;border:0;border-bottom:1px solid #cfae5a66;min-height:78px}
body.newmagic dialog .modal-head::before{content:"";width:24px;height:28px;flex:0 0 24px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:conic-gradient(from 30deg at 50% 50%,#f4dfa8 0deg 120deg,#9321bb 120deg 240deg,#e9c883 240deg 360deg);filter:drop-shadow(0 2px 5px #9221b955)}
body.newmagic dialog .modal-head h2{margin:0;flex:1;min-width:0;font-size:19px;line-height:1.5;letter-spacing:.02em;font-weight:700;overflow-wrap:anywhere;color:inherit}
body.newmagic dialog .modal-head .close{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #e6cd8d5c;border-radius:50%;background:#ffffff09;color:#eee7f1;font-size:26px;line-height:1;box-shadow:none}
body.newmagic dialog .modal-head .close:hover{background:#ffffff1a;border-color:#e7deea;color:white;transform:none}
body.newmagic dialog .modal-body{padding:24px;min-width:0;max-height:none;overflow:visible}
body.newmagic dialog .form{display:grid;gap:18px;margin:0}
body.newmagic dialog label{color:#50295e;line-height:1.5;font-size:14px;font-weight:600;min-width:0}
body.newmagic dialog :is(input,select,textarea){max-width:100%;min-width:0;color:#40164f;background:#fff;border:1px solid #dcd3bd;border-radius:8px;box-shadow:inset 0 1px 2px #50136505;font-size:14px;line-height:1.5;accent-color:#841ea7}
body.newmagic dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select){min-height:44px;padding:10px 12px;width:100%}
body.newmagic dialog textarea{padding:11px 12px;min-height:100px;width:100%;resize:vertical}
body.newmagic dialog input[type=color]{height:44px;width:100%;padding:5px}
body.newmagic dialog :is(input,select,textarea):focus{outline:3px solid #dca71f20;outline-offset:1px;border-color:#9627bd;box-shadow:none}
body.newmagic dialog :is(button,a):focus-visible{outline:3px solid #e3ab1c;outline-offset:3px}
body.newmagic dialog input:is([type=checkbox],[type=radio]){width:19px;height:19px;flex:0 0 19px;margin:0;vertical-align:middle}
body.newmagic dialog label.check{display:flex;align-items:center;gap:9px;min-height:40px;padding:5px 0;font-weight:500}
body.newmagic dialog .checks{display:flex;flex-wrap:wrap;gap:5px 20px}
body.newmagic dialog :is(.help,small,.muted){color:var(--nm-muted);line-height:1.7}
body.newmagic dialog .help{font-size:13px;margin:0}
body.newmagic dialog .notice{color:#59216d;background:#f7f3f8;border:1px solid #e0d4e5;border-left:3px solid #9f26ca;border-radius:9px;padding:14px 16px;line-height:1.8;margin-bottom:20px}
body.newmagic dialog button{min-height:42px;padding:9px 16px;border:1px solid #e2d9c3;border-radius:8px;background:#faf8fa;color:#603170;box-shadow:none;font-weight:600;transition:background .15s,border-color .15s}
body.newmagic dialog button:hover{background:#f3eef5;border-color:#cdb169;color:#64167f;transform:none}
body.newmagic dialog button.primary{background:linear-gradient(110deg,#721a91,#7b1c9c);border-color:#7e1ca1;color:#fff;box-shadow:0 3px 8px #741a931a;min-height:46px;letter-spacing:.04em}
body.newmagic dialog button.primary:hover{background:linear-gradient(110deg,#6a1886,#801da2);color:#fff}
body.newmagic dialog button.danger{background:#fff3f3;border-color:#eab8b8;color:#ad3946}
body.newmagic dialog button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
body.newmagic dialog .form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
body.newmagic dialog .form-actions button{flex:1 1 130px}
body.newmagic dialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.newmagic dialog .form-section{border:1px solid #e5dae9;border-radius:10px;padding:16px;background:#f8f6f9}
body.newmagic dialog :is(.form-section h3,.account-contract-view h3){font-size:15px;color:#631a7c;margin:0 0 12px}
body.newmagic dialog fieldset{min-width:0;border:1px solid #e5dae9;border-radius:10px;padding:16px;margin:12px 0}
body.newmagic dialog legend{color:#81339d;padding:0 8px;font-size:13px}
body.newmagic dialog summary{min-height:44px;display:list-item;align-content:center;padding:10px 12px;background:#f5f1f7;border-radius:7px;color:#692880;cursor:pointer;font-weight:600}
body.newmagic dialog .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e8dfec;border-radius:9px}
body.newmagic dialog table{width:100%;border-collapse:collapse;background:#fff;margin:0;font-variant-numeric:tabular-nums}
body.newmagic dialog :is(th,td){padding:12px 14px;border-bottom:1px solid #ede6ef;font-size:13px;text-align:left;line-height:1.6}
body.newmagic dialog th{background:#f5f1f6;color:#6d3c7e;font-weight:700;white-space:nowrap}
body.newmagic dialog tr:last-child td{border-bottom:0}
body.newmagic dialog tr:nth-child(even) td{background:#fbfafc}
body.newmagic dialog .kv{display:grid;grid-template-columns:minmax(100px,145px) minmax(0,1fr);gap:0;margin:0 0 18px;border:1px solid #e8dfec;border-radius:10px;overflow:hidden}
body.newmagic dialog .kv :is(dt,dd){margin:0;padding:12px 15px;border-bottom:1px solid #eee7f0;overflow-wrap:anywhere;line-height:1.6}
body.newmagic dialog .kv dt{background:#f6f3f7;color:#824897;font-weight:500}
body.newmagic dialog .kv dd{background:#fff;color:#441555}
body.newmagic dialog .kv :is(dt,dd):nth-last-child(-n+2){border-bottom:0}
body.newmagic dialog .code{background:#f5f1f6;color:#5d316c;border:1px solid #e6dce9;border-radius:9px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.8}
body.newmagic dialog .column-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
body.newmagic dialog .message-content{background:#f8f5f9;border:1px solid #e8deeb;border-radius:9px;padding:18px;color:#542864;line-height:1.9;overflow-wrap:anywhere}
body.newmagic dialog:not(#modal){padding:24px;width:min(540px,calc(100vw - 40px))}
body.newmagic dialog:not(#modal) form{display:grid;gap:16px;min-width:0}
body.newmagic dialog:not(#modal) h3{font-size:20px;line-height:1.5;color:#521966;margin:0;padding-bottom:14px;border-bottom:1px solid #e7ddea}
body.newmagic dialog:not(#modal) label{display:grid;gap:8px}
body.newmagic dialog:not(#modal) p{margin:0;color:#844999;line-height:1.8}
body.newmagic dialog:not(#modal) [role=alert]{color:#b3414d}
body.newmagic #toast{border-radius:10px;background:#3b104a;color:#f5f1f6;border:1px solid #8e3daa;box-shadow:0 10px 30px #23082d40;padding:14px 22px;font-size:14px;max-width:calc(100vw - 32px)}
body.newmagic #toast.error{background:#582c38;color:#fff0f0;border-color:#b36d7e}
body.newmagic .account-menu{border-radius:12px;border:1px solid #ddcfe2;box-shadow:0 16px 44px #26093033;background:#fcfbfd}
body.newmagic .account-menu button{color:#542365;min-height:44px}
body.newmagic .account-menu button svg{color:#8d25b1;width:18px;height:18px}
body.newmagic .account-menu button:hover{background:#f4f0f6}
/* Replay stays a separate player; only its surface is themed. */
body:has(#brand):has(#details){background:#21082b;color:#f3eff5;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}
body:has(#brand):has(#details) #brand{background:linear-gradient(110deg,#370c46,#4d1262);border-bottom:2px solid #d6b777;color:#f5f1f7;letter-spacing:.12em}
body:has(#brand):has(#details) main{padding:22px}
body:has(#brand):has(#details) h1{color:#ede6f0;font-size:21px;letter-spacing:.05em}
body:has(#brand):has(#details) h2{color:#e4cf9a;font-size:16px;letter-spacing:.08em}
body:has(#brand):has(#details) .stage{border:1px solid #643275;border-radius:12px;background:radial-gradient(ellipse at 50% 20%,#461458,#200729);overflow:hidden}
body:has(#brand):has(#details) .selectors select{min-height:44px;border-radius:8px;background:#391048;color:#f2edf4;border:1px solid #754187;padding:8px 12px}
body:has(#brand):has(#details) .card{border-radius:9px;border:1px solid #582b68;background:#361043}
body:has(#brand):has(#details) .card h3{background:#411550;color:#dfcd9d}
body:has(#brand):has(#details) .card p{color:#f3eef5;overflow-wrap:anywhere}
body:has(#brand):has(#details) #status{color:#ded3b7;line-height:1.7;padding:8px}
@media(max-width:600px){
 body.newmagic dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}
 body.newmagic dialog .modal-head{padding:12px 14px;min-height:68px;gap:9px}
 body.newmagic dialog .modal-head h2{font-size:17px}
 body.newmagic dialog .modal-head::before{width:20px;height:23px;flex-basis:20px}
 body.newmagic dialog .modal-body{padding:18px 16px}
 body.newmagic dialog .form{gap:16px}
 body.newmagic dialog .form-grid{grid-template-columns:1fr}
 body.newmagic dialog :is(input,select,textarea){font-size:16px}
 body.newmagic dialog button{min-height:44px}
 body.newmagic dialog .checks{gap:3px 12px}
 body.newmagic dialog .form-section{padding:12px}
 body.newmagic dialog .kv{grid-template-columns:100px minmax(0,1fr)}
 body.newmagic dialog .kv :is(dt,dd){padding:10px;font-size:13px}
 body.newmagic dialog .form-actions button{flex:1 1 100px}
 body.newmagic dialog:not(#modal){padding:20px 16px;width:calc(100vw - 24px)}
 body.newmagic dialog .column-options{grid-template-columns:1fr}
 body.newmagic dialog .notice{padding:12px;line-height:1.7}
 body.newmagic dialog th,body.newmagic dialog td{padding:11px 10px}
 body:has(#brand):has(#details) main{padding:16px}
 body:has(#brand):has(#details) .details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(prefers-reduced-motion:reduce){body.newmagic dialog *,body.newmagic .account-menu *{transition:none!important}}

body.newmagic dialog:not(#modal) h3::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:19px;margin-right:9px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:conic-gradient(from 30deg,#f2d792 0deg 120deg,#9221b9 120deg 240deg,#d7b66e 240deg 360deg)}
body.newmagic dialog .self-promotion strong{display:inline-block;padding:6px 12px;border:1px solid #dfd2e4;background:#f6f3f7;border-radius:7px;color:#731a92;font-variant-numeric:tabular-nums}

/* Draw the close mark around the exact button centre, independent of font baselines. */
body.newmagic dialog .modal-head .close{position:relative;font-size:0;text-indent:0;letter-spacing:0;overflow:hidden}
body.newmagic dialog .modal-head .close::before,body.newmagic dialog .modal-head .close::after{content:"";position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:16px;height:2px;margin:0;padding:0;border:0;border-radius:1px;background:currentColor;box-shadow:none;opacity:1;clip-path:none;pointer-events:none;transform-origin:center;transform:translate(-50%,-50%) rotate(45deg)}
body.newmagic dialog .modal-head .close::after{transform:translate(-50%,-50%) rotate(-45deg)}

body.newmagic dialog:not(#modal) button[type=submit]{background:linear-gradient(110deg,#721a91,#7b1c9c);border-color:#7e1ca1;color:#fff;min-height:46px}
body.newmagic dialog:not(#modal) button[type=submit]:hover{background:#751a95;color:white}

/* Preserve the semantics of controls hidden by the existing application. */
body.newmagic :is(dialog,.account-menu) [hidden]{display:none!important}

/* Main-page actions: colours only. Preserve switch geometry and hidden states. */
body.newmagic #main button.primary,body.newmagic #main button#export{background:linear-gradient(110deg,#721a91,#7b1c9c);border-color:#7e1ca1;color:#fff;box-shadow:0 3px 8px #741a931a}
body.newmagic #main button.primary:hover,body.newmagic #main button#export:hover{background:linear-gradient(110deg,#6a1886,#801da2);border-color:#731a92;color:#fff}
body.newmagic .floating-search{background:#831da7;color:#fff}
body.newmagic .account-list{--list-purple:#821da5}
body.newmagic .account-list .row-actions .link[data-detail]{background:#f6f3f7;border-color:#e1d5e6;color:#741a93}
body.newmagic .account-list .row-actions .link:hover{background:#f3eff5;border-color:#dfcd9e;color:#681784}
body.newmagic .account-list .row-actions .link:focus-visible{outline-color:#9426bb}
body.newmagic .account-list>.table-wrap>table>tbody>tr:hover>td,body.newmagic .account-list>.table-wrap>table>tbody>tr:focus-within>td{background:#f7f4f9}
body.newmagic .provider-tab{color:#831da7;border-color:#d9bd76}
body.newmagic nav>button.active,body.newmagic nav details:has(button.active)>summary{background:#48155a;color:#f2ecf4;border-bottom-color:#d8b56c}
body.newmagic #main .notice.warning{background:#fff8e8;border-color:#e9cf94;color:#856224}
body.newmagic main[data-report] .report-heading h2 svg{background:linear-gradient(135deg,#8b1fb1,#661782)}
body.newmagic #main :is(button,a):focus-visible{outline-color:#9121b8}

/* Native check/radio controls must never inherit text-field padding or borders. */
body.newmagic dialog input:is([type=checkbox],[type=radio]){appearance:auto;-webkit-appearance:auto;width:19px;height:19px;min-width:19px;min-height:19px;max-width:19px;max-height:19px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;vertical-align:middle;accent-color:#841ea7}
body.newmagic dialog input:is([type=checkbox],[type=radio]):focus{border:0;background:transparent;box-shadow:none;outline:none}
body.newmagic dialog input:is([type=checkbox],[type=radio]):focus-visible{outline:2px solid #9121b8;outline-offset:3px}

/* Native language selector: language names only. */
body.newmagic #adminLanguage{min-height:40px;width:116px;border:1px solid #d1b877;border-radius:7px;background:#3c104c;color:#f7f4f9;padding:7px 10px;font-size:14px}
body.newmagic #adminLanguage option{background:#fff;color:#461756}
@media(max-width:760px){body.newmagic #nav>label:has(#adminLanguage){display:flex;align-items:center;gap:8px;padding:12px 2px 16px;margin-bottom:8px;border-bottom:1px solid #e5dbe9;color:#5a246d}body.newmagic #nav{padding-top:4px}}

/* Keep navigation and header tools on separate rows before they can overlap. */
@media(min-width:761px) and (max-width:1600px){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;max-width:100%}body.newmagic #nav{order:3;flex:0 0 100%;height:56px}body.newmagic #nav>button,body.newmagic #nav summary{min-height:56px}}

/* Keep nested administrative menus inside their panel instead of flying off-screen. */
@media(min-width:761px){
 body.newmagic #nav>details{position:relative}
 body.newmagic #nav>details>div{position:absolute;top:100%;left:0;right:auto;min-width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain;z-index:120}
 body.newmagic #nav>.more-menu>div{width:260px}
 body.newmagic #nav>.more-menu .menu-group>div{position:static;inset:auto;width:auto;min-width:0;max-width:100%;max-height:none;overflow:visible;transform:none;box-shadow:none;border:0;background:#371543;padding:0 0 6px}
 body.newmagic #nav>.more-menu .menu-group>summary{min-height:44px;padding:10px 12px}
 body.newmagic #nav>.more-menu .menu-group>div>button{width:100%;min-height:42px;padding:10px 16px;white-space:normal;line-height:1.5;text-align:left}
}

/* Reference purple and gold presentation 2026 11 03 */

body.newmagic{background:#f2eaf6;color:#35233e}
body.newmagic::before{background:linear-gradient(#8c5aa333,#f5eef5f2 380px),url("/assets/newmagic/purple-gold-20261103/lobby-background.webp") center top/cover fixed no-repeat}
body.newmagic>header{background:linear-gradient(110deg,#49205f,#794090 60%,#9b639d);border-bottom:2px solid #f2d79b;box-shadow:0 3px 18px #7b409b55}
body.newmagic .page-title{background:linear-gradient(100deg,#fff9f4,#f4e7f6);border-bottom:1px solid #dbc4dd;color:#4e2d63}
body.newmagic :is(.panel,.metrics-top,.metrics-bottom,.provider-report){border-color:#dcc9df}
body.newmagic .panel-head{background:linear-gradient(110deg,#f7edf7,#fff9ef);border-bottom-color:#e4d3e5;color:#4e2a63}
body.newmagic :is(table th,.panel h2){color:#4b2a5d}
body.newmagic table th{background:#eee2f2;border-color:#dfcce2}
body.newmagic table td{border-color:#e8ddea}
body.newmagic tbody tr:hover>td{background:#faf2fb}
body.newmagic :is(button.primary,a.primary,#export){background:linear-gradient(145deg,#a366b5,#683780);color:#fff5df;border-color:#e5c58c;box-shadow:inset 0 1px #f6dafc66,0 2px 4px #5f347026}
body.newmagic :is(button.primary,a.primary,#export):hover{background:linear-gradient(145deg,#af73bf,#7b4494);color:#fff7df}
body.newmagic :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#d0b6d6}
body.newmagic #adminLanguage{background:#5d2c78;border-color:#dfbe89;color:#fff4dc}
body.newmagic nav>button.active,body.newmagic nav details:has(button.active)>summary{background:linear-gradient(#a363b3,#703c88);color:#fff2cd;border-bottom-color:#ffe4a2}
body.newmagic #nav details>div{background:#4b265f;border-color:#dfbc8c}
body.newmagic #nav details>div button{color:#fff0d7}
body.newmagic #nav>.more-menu .menu-group>div{background:#3b1c4f}
body.newmagic dialog{border-color:#d8bbdf;border-top-color:#e6c68a;background:#fffaff;box-shadow:0 24px 80px #28103266,0 0 0 4px #d3a6e022}
body.newmagic dialog .modal-head{background:linear-gradient(110deg,#5a2c72,#9254a5);border-bottom-color:#e1bd83;color:#fff5dc}
body.newmagic dialog .modal-head::before{background:conic-gradient(from 30deg,#ffedb4 0deg 120deg,#bc80cf 120deg 240deg,#e7b86c 240deg 360deg);filter:drop-shadow(0 2px 5px #d19aee55)}
body.newmagic dialog .modal-head .close{border-color:#efd0a0;background:#ffffff0d;color:#fff0d0;transform:none}
body.newmagic .home-game-switch{background:#d6c6de;border-color:#bb9ec9}
body.newmagic .home-game-switch.is-on{background:#8d4da8;border-color:#e2bc82}
body.newmagic .home-cover-upload{background:#f3e7f8;border-color:#c69bd5;color:#70348b}
body.newmagic :is(.account-menu,.profile-action-menu){border-color:#d9bfdc;background:#fffaff}
body.newmagic dialog input:is([type=checkbox],[type=radio]){accent-color:#8a4ba2}
body.newmagic :is(button,a,input,select):focus-visible{outline-color:#ae6bc1}
body.newmagic #mobileMenu{border-color:#e9c995;color:#fff0cc;background:#683580}

body.newmagic dialog #modalBody,body.newmagic dialog .modal-body{background:#fff9fc;color:#3f284b}
body.newmagic dialog form label{color:#563364}
body.newmagic dialog .modal-head{color:#fff5dc}

/* Detailed operational forms: restrained purple-gold, same fields and actions. */
body.newmagic dialog {border:1px solid #d8b9de;border-top:2px solid #ecd099;border-radius:17px;box-shadow:0 24px 72px #2c173d55,inset 0 1px #fff5df;}
body.newmagic dialog .modal-head {background:linear-gradient(120deg,#6b3e82,#9b6ab0);border-bottom:1px solid #e4c18b;box-shadow:inset 0 1px #f7e6cb77;}
body.newmagic dialog .modal-head::before {background:url('/assets/newmagic/favicon-purple-gold-r5.svg') center/contain no-repeat;border-radius:7px;transform:none;filter:drop-shadow(0 1px 2px #4a255533);}
body.newmagic dialog :is(input,select,textarea):not([type=checkbox]):not([type=radio]) {background:linear-gradient(#fffdfb,#f9f0fb);color:#4b2a5d;border:1px solid #c9a8d3;border-radius:9px;box-shadow:inset 0 1px 2px #5631600d;}
body.newmagic dialog :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus {border-color:#b77acc;outline:2px solid #e2c9ec88;outline-offset:1px;}
body.newmagic :is(dialog,.panel) :is(button.primary,a.primary,#export,.home-cover-upload) {background:linear-gradient(#bd91ce 0%,#9f6bb6 15%,#805096 75%,#9d6ab1);color:#fff5df;border:1px solid #ddbd89;border-radius:9px;box-shadow:inset 0 1px #fff4da88,inset 0 -1px #56306466,0 2px 4px #3d204b22;}
body.newmagic .panel :is(input,select,textarea):not([type=checkbox]):not([type=radio]) {border-color:#cdb1d5;border-radius:8px;background:#fffcff;}
body.newmagic .panel-head {background:linear-gradient(110deg,#faf0f8,#fff8ed);border-bottom:1px solid #e4cfdf;}
body.newmagic .panel {border-radius:13px;box-shadow:0 4px 12px #61397111;}
body.newmagic dialog .modal-head .close {background:linear-gradient(#b584c8,#75458e);border-color:#eed4a7;box-shadow:inset 0 1px #fff1d966;}
body.newmagic #modalBody,#modalBody form {accent-color:#9461aa;}
body.newmagic .home-cover-upload {border-radius:8px;box-shadow:inset 0 1px #fff8e588;}

body.newmagic .account-avatar{background:linear-gradient(#b88ccc,#74458a);color:#fff0c4;border:1px solid #e7c790;}

@media(max-width:760px){body.newmagic dialog :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px;min-height:44px;}}