/* SOURCE: dm-saas.css */
/* DarknessMu — SaaS Midnight UI / reference-led hero composition. */
:root{
 --sx-bg:#07080b;--sx-surface:#110c0d;--sx-surface-2:#191113;--sx-ink:#fff3e8;--sx-muted:#c6b1a0;--sx-line:#4a2516;
 --sx-purple:#ff7a1a;--sx-purple-2:#ff9d35;--sx-purple-soft:rgba(255,122,26,.14);--sx-dark:#09070a;--sx-dark-2:#1a0f0d;
 --sx-gold:#ffb24a;--sx-gold-soft:rgba(255,178,74,.14);--sx-green:#26d07c;--sx-red:#ff7467;--sx-blue:#ff8d2c;
 --sx-shadow:0 22px 60px rgba(0,0,0,.34);--sx-shadow-sm:0 12px 32px rgba(0,0,0,.28);--sx-radius:18px;--sx-radius-sm:12px;
 --sx-accent-gradient:linear-gradient(135deg,#ff681f 0%,#ff8f24 55%,#ffb74a 100%);--sx-bg-gradient:linear-gradient(118deg,#050608 0%,#09090b 38%,#160b09 100%);
 --muted:var(--sx-muted);--gold:var(--sx-gold);--arc:var(--sx-purple);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--sx-ink);background:var(--sx-bg);font-size:14px;line-height:;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent }img{max-width:100%;display:block}svg{display:block}.sx-container,.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sx-kicker,.eyebrow{font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-purple)}
/* shared controls */
.sx-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-weight:750;font-size:13px;cursor:pointer;transition:.2s ease;background:var(--sx-dark);color:#fff}.sx-btn:hover,.btn:hover{transform:translateY(-1px);box-shadow:var(--sx-shadow-sm)}.sx-btn-primary,.btn-primary{background:var(--sx-accent-gradient);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(65,123,255,.18)}.sx-btn-dark{background:var(--sx-dark);color:#fff}.sx-btn-light{background:#fff3e8;color:#0b1220;border-color:#fff3e8}.sx-btn-ghost,.btn:not(.btn-primary):not(.btn-gold):not(.btn-danger){background:var(--sx-surface);color:var(--sx-ink);border-color:var(--sx-line)}.sx-btn-sm,.btn-sm{min-height:38px;padding:0 13px;font-size:12px}.btn-gold{background:var(--sx-gold);border-color:var(--sx-gold);color:#20180a}.btn-danger{background:var(--sx-surface)0f2;border-color:#563146;color:#ff758a}.gold,.gold-text{color:var(--sx-gold)!important}.green-text{color:var(--sx-green)!important}.muted{color:var(--sx-muted)!important}.badge{display:inline-flex;align-items:center;border:1px solid var(--sx-line);background:#111b31;color:#8f9bbc;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge-gold{background:var(--sx-gold-soft);color:#916610;border-color:#2d4a69}.alert{padding:13px 15px;border-radius:11px;margin:0 0 18px;font-size:13px;border:1px solid}.alert-success{background:rgba(53,214,160,.10);color:#35d6a0;border-color:#274b50}.alert-error{background:var(--sx-surface)2f4;color:#ff758a;border-color:#563146}.to-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--sx-dark);color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:80}.to-top.show{opacity:1;pointer-events:auto;transform:none}
.language-switcher{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--sx-line);border-radius:9px;background:var(--sx-surface)}.lang-prefix{display:none}.lang-link{display:grid;place-items:center;min-width:28px;height:28px;border-radius:6px;font-size:9px;font-weight:850;color:#cfb29b}.lang-link.active{background:var(--sx-purple-soft);color:var(--sx-purple)}
/* public shell */
.sx-public{background:var(--sx-bg);color:var(--sx-ink)}.sx-header{height:74px;display:flex;align-items:center;background:rgba(11,18,32,.93);border-bottom:1px solid var(--sx-line);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.sx-header-inner{display:flex;align-items:center;gap:30px;height:100%}.sx-brand{display:flex;align-items:center;gap:11px;min-width:max-content}.sx-brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--sx-accent-gradient);color:#fff;font-weight:900;font-size:17px;box-shadow:0 8px 20px rgba(255,122,26,.25);position:relative}.sx-brand-mark:after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--sx-gold);border:2px solid #fff}.sx-brand-copy{display:flex;flex-direction:column;line-height:1.1}.sx-brand-copy strong{font-size:14px;letter-spacing:-.02em}.sx-brand-copy small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#cfb29b;margin-top:4px}.sx-nav-shell{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1}.sx-nav{display:flex;align-items:center;gap:3px}.sx-nav a{height:36px;display:flex;align-items:center;padding:0 10px;border-radius:8px;color:#a5b1cf;font-size:11px;font-weight:750;white-space:nowrap}.sx-nav a:hover,.sx-nav a.active{color:var(--sx-ink);background:#121c32}.sx-nav a.active{box-shadow:inset 0 -2px 0 var(--sx-purple)}.sx-header-actions{display:flex;align-items:center;gap:8px}.sx-menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:9px;color:var(--sx-ink)}
/* home hero */
.sx-hero{position:relative;overflow:hidden;background:var(--sx-bg-gradient);padding:82px 0 66px;border-bottom:1px solid var(--sx-line)}.sx-hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(255,122,26,.13),rgba(255,122,26,0) 68%)}.sx-hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-260px;bottom:-250px;border:1px solid rgba(255,122,26,.1)}.sx-hero-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(255,122,26,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,122,26,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.sx-hero-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}.sx-hero-copy{padding:15px 0}.sx-announcement{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sx-line);border-radius:999px;padding:7px 10px 7px 9px;color:#98a5c5;font-size:10px;font-weight:700;margin-bottom:26px;background:var(--sx-surface);box-shadow:0 4px 15px rgba(20,15,30,.03)}.sx-announcement>span{color:var(--sx-green);font-size:9px}.sx-announcement b{color:var(--sx-ink);font-weight:800;border-left:1px solid var(--sx-line);padding-left:9px}.sx-hero-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px;max-width:620px;font-weight:760}.sx-hero-copy h1 span{color:var(--sx-purple)}.sx-hero-copy>p{font-size:16px;line-height:1.75;color:var(--sx-muted);max-width:570px;margin:0}.sx-hero-actions{display:flex;gap:10px;margin-top:30px}.sx-steps{display:flex;gap:20px;margin-top:32px;padding-top:20px;border-top:1px solid var(--sx-line);color:#cfb29b;font-size:10px;font-weight:700}.sx-steps span{display:flex;gap:8px;align-items:center}.sx-steps b{font-size:9px;color:var(--sx-purple);background:var(--sx-purple-soft);border-radius:5px;padding:3px 5px}
.sx-product-preview{background:var(--sx-dark);color:#fff;border-radius:20px;padding:18px;box-shadow:0 35px 80px rgba(32,20,48,.22);border:1px solid #4a2516;position:relative;overflow:hidden}.sx-product-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 0,rgba(255,122,26,.22),transparent 38%);pointer-events:none}.sx-preview-top,.sx-preview-title,.sx-preview-kpis,.sx-preview-body{position:relative}.sx-preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:0 2px 14px}.sx-preview-top>div{display:flex;align-items:center;gap:9px}.sx-mini-logo{width:25px;height:25px;border-radius:7px;background:var(--sx-accent-gradient);display:grid;place-items:center;font-size:11px;font-weight:900}.sx-preview-top b{font-size:9px;letter-spacing:.14em;color:#9eaaca}.sx-live{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:850;letter-spacing:.09em;color:var(--sx-green)}.sx-live i,.sx-server-badge i{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(22,163,107,.09)}.sx-live.off{color:#cfb29b}.sx-preview-title{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 2px 14px}.sx-preview-title small{font-size:8px;letter-spacing:.16em;color:#766e82}.sx-preview-title h3{font-size:18px;margin:4px 0 0;letter-spacing:-.03em}.sx-preview-title button{border:0;background:rgba(255,255,255,.06);color:#cfb29b;border-radius:7px;width:31px;height:28px}.sx-preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sx-preview-kpis article{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px;min-width:0}.sx-preview-kpis article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:rgba(255,122,26,.18);color:#ffbf72;margin-bottom:15px}.sx-preview-kpis small{display:block;color:#766e82;font-size:7px;letter-spacing:.11em;font-weight:800}.sx-preview-kpis strong{display:block;font-size:20px;line-height:1.1;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-preview-kpis em{font-style:normal;color:#cfb29b;font-size:8px}.sx-preview-body{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:9px}.sx-preview-panel,.sx-activity-card{background:var(--sx-surface);color:var(--sx-ink);border-radius:12px;padding:13px}.sx-preview-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sx-preview-panel-head b{font-size:10px}.sx-preview-panel-head span{font-size:7px;font-weight:800;color:var(--sx-purple)}.sx-server-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #25324f}.sx-server-avatar{width:27px;height:27px;border-radius:7px;background:#10263a;color:var(--sx-green);display:grid;place-items:center;font-size:8px;font-weight:900}.sx-server-avatar.gold{background:var(--sx-gold-soft);color:var(--sx-gold)}.sx-server-avatar.violet{background:var(--sx-purple-soft);color:var(--sx-purple)}.sx-server-row>div{min-width:0;flex:1}.sx-server-row strong{font-size:9px;display:block}.sx-server-row small{font-size:7px;color:#8f9bbc;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-server-row em{font-size:7px;font-style:normal;font-weight:850;color:var(--sx-green);background:#10263a;padding:3px 5px;border-radius:4px}.sx-activity-card{display:flex;flex-direction:column}.sx-activity-card small{font-size:7px;font-weight:850;letter-spacing:.12em;color:#8f9bbc}.sx-activity-card strong{font-size:29px;letter-spacing:-.04em;margin-top:15px}.sx-activity-card span{font-size:8px;color:#cfb29b}.sx-spark{height:46px;margin-top:auto;display:flex;gap:4px;align-items:end}.sx-spark i{display:block;flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(var(--sx-purple),#ffbf72)}.sx-spark i:nth-child(1){height:23%}.sx-spark i:nth-child(2){height:45%}.sx-spark i:nth-child(3){height:35%}.sx-spark i:nth-child(4){height:70%}.sx-spark i:nth-child(5){height:56%}.sx-spark i:nth-child(6){height:82%}.sx-spark i:nth-child(7){height:69%}.sx-spark i:nth-child(8){height:100%}
.sx-proofbar{border-bottom:1px solid var(--sx-line);background:var(--sx-surface)}.sx-proofbar .sx-container{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.sx-proofbar span{font-size:9px;font-weight:850;letter-spacing:.13em;color:#8f9bbc}.sx-proofbar div{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#8f9bbc;white-space:nowrap}.sx-proofbar b{color:var(--sx-purple)}
/* landing sections */
.sx-section{padding:100px 0;background:#0d0908}.sx-section-soft{background:#100c0d;border-block:1px solid var(--sx-line)}.sx-section-heading{max-width:680px;margin-bottom:42px}.sx-section-heading h2,.sx-ops-copy h2,.sx-final-cta h2{font-size:38px;line-height:1.14;letter-spacing:-.045em;margin:12px 0 12px}.sx-section-heading p,.sx-ops-copy p,.sx-final-cta p{color:var(--sx-muted);font-size:14px;line-height:1.7;margin:0}.sx-heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px}.sx-heading-row>a{font-size:11px;font-weight:800;color:var(--sx-purple)}.sx-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sx-feature{min-height:260px;border:1px solid var(--sx-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;background:var(--sx-surface);position:relative;overflow:hidden}.sx-feature:hover{box-shadow:var(--sx-shadow-sm);border-color:#31415f}.sx-feature-wide{grid-column:span 2;background:var(--sx-dark);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.sx-feature-icon{width:36px;height:36px;border-radius:9px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center;font-weight:900;margin-bottom:24px}.sx-feature-wide .sx-feature-icon{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.08);color:#ffbf72}.sx-feature small{font-size:8px;letter-spacing:.14em;font-weight:850;color:var(--sx-purple)}.sx-feature-wide small{color:#ff9d35}.sx-feature h3{font-size:20px;letter-spacing:-.03em;margin:7px 0 10px}.sx-feature p{color:var(--sx-muted);font-size:12px;line-height:1.65;margin:0}.sx-feature-wide p{color:#8f9bbc;max-width:430px}.sx-feature>a{margin-top:auto;color:var(--sx-purple);font-size:11px;font-weight:800}.sx-feature-ui{align-self:end;background:var(--sx-surface);color:var(--sx-ink);border-radius:12px;padding:12px;width:100%}.sx-ui-line{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #4a2516;font-size:9px}.sx-ui-line:last-child{border:0}.sx-feature-badge,.sx-feature-status{margin-top:auto;border:1px solid var(--sx-line);border-radius:9px;padding:10px 11px;font-size:9px;font-weight:850;display:flex;justify-content:space-between;align-items:center}.sx-feature-badge{color:#ffae45;background:var(--sx-gold-soft);border-color:#2d4a69}.sx-feature-status{justify-content:flex-start;gap:8px;color:var(--sx-green);background:#10283a;border-color:#24455a}.sx-feature-status i{width:6px;height:6px;background:var(--sx-green);border-radius:50%}.sx-mini-rank{margin-top:auto}.sx-mini-rank div{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--sx-line);font-size:9px}.sx-mini-rank b{color:var(--sx-purple)}.sx-mini-rank em{font-style:normal;color:#8f9bbc}
.sx-ops-layout{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px}.sx-ops-copy ul{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sx-ops-copy li{font-size:11px;font-weight:700;color:#cfb29b}.sx-ops-copy li span{display:inline-grid;place-items:center;width:19px;height:19px;background:#10283a;color:var(--sx-green);border-radius:5px;margin-right:7px}.sx-ops-card{background:var(--sx-dark);border-radius:18px;color:#fff;padding:18px;box-shadow:var(--sx-shadow)}.sx-ops-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sx-ops-head small{display:block;font-size:7px;letter-spacing:.13em;color:#cfb29b}.sx-ops-head strong{font-size:13px}.sx-ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.sx-ops-metrics article{padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:10px}.sx-ops-metrics small{font-size:7px;color:#cfb29b;font-weight:850}.sx-ops-metrics strong{display:block;font-size:21px;margin:4px 0}.sx-ops-metrics span{font-size:7px;color:#cfb29b}.sx-ops-list{background:var(--sx-surface);color:var(--sx-ink);border-radius:12px;padding:8px 13px}.sx-ops-list div{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid #4a2516;font-size:9px}.sx-ops-list div:last-child{border:0}.sx-ops-list span{display:flex;align-items:center;gap:8px}.sx-ops-list i{width:6px;height:6px;border-radius:50%;background:var(--sx-green)}.sx-ops-list b{color:var(--sx-green);font-size:8px}
.sx-live-grid{display:grid;grid-template-columns:.85fr 1.2fr .95fr;gap:14px}.sx-castle-module,.sx-event-module,.sx-rank-module{border:1px solid var(--sx-line);border-radius:16px;padding:24px;min-height:330px;position:relative;background:var(--sx-surface)}.sx-castle-module{background:var(--sx-dark);color:#fff}.sx-module-index{position:absolute;right:18px;top:16px;font-size:10px;font-weight:900;color:#6e7d9f}.sx-castle-module .sx-module-index{color:#cfb29b}.sx-castle-module>span,.sx-event-module>span,.sx-rank-module>span{font-size:8px;letter-spacing:.14em;font-weight:850;color:var(--sx-purple)}.sx-castle-module>span{color:var(--sx-gold)}.sx-castle-module h3{font-size:28px;margin:70px 0 10px;letter-spacing:-.04em}.sx-castle-module p{color:#cfb29b;font-size:11px}.sx-castle-module a,.sx-rank-module>a{position:absolute;bottom:22px;left:24px;color:#ff9d35;font-size:10px;font-weight:800}.sx-event-row,.sx-rank-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--sx-line)}.sx-event-row>div{flex:1;min-width:0}.sx-event-row b{display:block;font-size:11px}.sx-event-row small{display:block;color:#8f9bbc;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-event-row em{font-style:normal;font-size:9px;font-weight:800;color:var(--sx-purple);background:var(--sx-purple-soft);padding:5px 7px;border-radius:6px}.sx-rank-row{display:grid;grid-template-columns:25px 1fr auto;font-size:10px}.sx-rank-row>b{color:var(--sx-purple)}.sx-rank-row>em{font-style:normal;color:#8f9bbc;font-size:8px}.sx-empty-inline{padding:60px 0;color:#cfb29b;font-size:11px}.sx-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sx-news-card{border:1px solid var(--sx-line);border-radius:16px;padding:24px;min-height:250px;background:var(--sx-surface);transition:.2s}.sx-news-card:hover{transform:translateY(-2px);box-shadow:var(--sx-shadow-sm)}.sx-news-num{float:right;color:#2b3855;font-size:11px;font-weight:900}.sx-news-card small{font-size:8px;letter-spacing:.13em;color:var(--sx-purple);font-weight:850}.sx-news-card h3{font-size:18px;letter-spacing:-.03em;margin:32px 0 10px}.sx-news-card p{font-size:11px;color:var(--sx-muted);line-height:1.65}.sx-news-card>span{display:block;margin-top:28px;font-size:10px;font-weight:800;color:var(--sx-purple)}.sx-final-cta{background:var(--sx-dark);color:#fff;padding:76px 0}.sx-final-cta .sx-container{display:flex;align-items:end;justify-content:space-between;gap:60px}.sx-final-cta h2{max-width:700px}.sx-final-cta p{color:#cfb29b;max-width:650px}.sx-final-cta .sx-kicker{color:#ff9d35}.sx-final-cta .sx-container>div:last-child{display:flex;gap:10px;min-width:max-content}
/* public internal pages */
.page-hero{padding:70px 0 45px;background:linear-gradient(180deg,#140d0e,#fff);border-bottom:1px solid var(--sx-line);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:470px;height:470px;right:-150px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.11),transparent 68%)}.page-hero .container{position:relative}.page-hero h1{font-size:46px;line-height:1.05;letter-spacing:-.05em;margin:13px 0 12px}.page-hero p{max-width:650px;color:var(--sx-muted);font-size:14px}.hero-tags{display:flex;gap:7px;margin-top:20px}.hero-tags span{font-size:9px;font-weight:800;border:1px solid var(--sx-line);padding:6px 9px;border-radius:999px;background:var(--sx-surface)}.section{padding:54px 0;background:var(--sx-surface)}.home-section{padding:70px 0}.section-head,.module-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h1,.module-title h1,.module-title h2{font-size:25px;letter-spacing:-.035em;margin:5px 0}.section-head p,.module-title p{margin:0;color:var(--sx-muted);font-size:12px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:14px;box-shadow:none}.card-pad{padding:20px}.stat{padding:20px}.stat small{display:block;color:#8f9bbc;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stat strong{font-size:28px;letter-spacing:-.04em;display:block;margin-top:6px}.stat em{font-style:normal;color:var(--sx-purple);font-size:10px;font-weight:750}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th{text-align:left;padding:12px 14px;color:#8f9bbc;font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--sx-line);background:#111b31}.table td{padding:14px;border-bottom:1px solid #25324f;font-size:11px}.table tbody tr:hover{background:#111b31}.table tbody tr:last-child td{border-bottom:0}.tabs{display:flex;gap:4px;margin-top:25px}.tabs a,.tab{padding:8px 11px;border:1px solid var(--sx-line);border-radius:8px;font-size:10px;font-weight:750;background:var(--sx-surface);color:#cfb29b}.tabs a.active,.tab.active{background:var(--sx-dark);color:#fff;border-color:var(--sx-dark)}.empty{padding:30px;text-align:center;color:#cfb29b;font-size:11px}.empty strong{display:block;color:var(--sx-ink);font-size:13px;margin-bottom:4px}.rank-profile{display:flex;align-items:center;gap:9px}.rank-avatar{width:32px;height:32px;border-radius:9px;background:var(--sx-purple-soft);display:grid;place-items:center;overflow:hidden;color:var(--sx-purple);font-weight:800}.rank-avatar img{width:100%;height:100%;object-fit:cover}.rank-profile-copy{display:flex;flex-direction:column}.rank-profile-copy strong{font-size:11px}.rank-country{font-size:8px;color:#cfb29b}.ranking-table-card{border-radius:14px}.shop-category-bar{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:20px}.shop-category-chip{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:9px;padding:8px 10px;font-size:9px}.shop-category-chip b{color:var(--sx-purple)}.shop-category-chip em{font-style:normal;background:#151f37;padding:2px 5px;border-radius:4px}.shop-category-chip.active{border-color:var(--sx-purple);box-shadow:0 0 0 2px var(--sx-purple-soft)}.product,.mu-product{padding:14px;display:flex;flex-direction:column;min-height:100%}.product-top{display:flex;justify-content:space-between;gap:5px}.xml-product-image,.r170-product-media{height:145px;display:grid;place-items:center;background:#140d0e;border-radius:10px;margin:12px 0;overflow:hidden}.xml-product-image img{max-width:90%;max-height:125px;object-fit:contain}.xml-product-code{font-size:7px;color:#cfb29b;letter-spacing:.08em}.product h3{font-size:14px;margin:7px 0}.product p{font-size:10px;color:var(--sx-muted);margin:0 0 8px}.item-option-tags{display:flex;flex-wrap:wrap;gap:4px}.item-option-tags span{background:#151f37;color:#cfb29b;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:800}.price{margin-top:auto;padding-top:14px;font-size:18px;font-weight:850;color:var(--sx-purple)}.price small{font-size:8px;color:#cfb29b}.rarity-legend{display:flex;align-items:center;gap:5px;font-size:9px}.rarity-badge-new{background:#10263a;color:#35d6a0}.rarity-badge-rare{background:#111f3a;color:#5db7ff}.rarity-badge-epic{background:var(--sx-purple-soft);color:var(--sx-purple)}.vip-product,.event-card,.news-card,.creator-card{padding:20px}.benefit-list{list-style:none;padding:0;margin:16px 0}.benefit-list li{padding:7px 0;border-bottom:1px solid #25324f;font-size:10px}.price{letter-spacing:-.03em}.legal-copy{max-width:850px;margin:auto;line-height:1.8}.legal-copy h2,.legal-copy h3{letter-spacing:-.03em}.creator-avatar{width:44px;height:44px;border-radius:10px;background:var(--sx-purple-soft);display:grid;place-items:center}.event-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event-premium{border:1px solid var(--sx-line);padding:20px;border-radius:14px}.event-premium-top{display:flex;justify-content:space-between}.event-premium-time{font-weight:800;color:var(--sx-purple)}
/* forms */
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;font-weight:750;color:#cfb29b}.input,.select,.textarea{width:100%;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:9px;min-height:42px;padding:0 12px;color:var(--sx-ink);outline:none;transition:.15s}.textarea{min-height:110px;padding:11px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#ff9d35;box-shadow:0 0 0 3px var(--sx-purple-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .wide{grid-column:1/-1}.admin-form{display:grid;gap:13px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check-row{display:flex;align-items:center;gap:7px;font-size:10px}.note,.notice{padding:12px 14px;border:1px solid #29365d;background:#141d36;border-radius:9px;color:#cfb29b;font-size:10px}.code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* App shell */
.sx-app-body{background:linear-gradient(135deg,#090809 0%,#100909 100%);min-height:100vh;overflow-x:hidden}.sx-app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sx-sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--sx-dark);color:#fff;padding:18px 14px 14px;display:flex;flex-direction:column;z-index:110;border-right:1px solid #202d49}.sx-sidebar-brand{height:47px;padding:0 8px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.sx-sidebar-brand .sx-brand-mark{width:32px;height:32px;font-size:13px;border-radius:9px}.sx-sidebar-brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.sx-sidebar-brand strong{font-size:12px}.sx-sidebar-brand small{font-size:7px;color:#cfb29b;letter-spacing:.13em;font-weight:850;margin-top:3px}.sx-workspace-chip{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px;margin:0 2px 17px}.sx-workspace-chip>span{width:32px;height:32px;border-radius:8px;background:var(--sx-purple);display:grid;place-items:center;font-weight:900;font-size:11px}.sx-workspace-chip small{display:block;font-size:6px;color:#cfb29b;letter-spacing:.12em}.sx-workspace-chip strong{display:block;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-workspace-chip em{font-style:normal;color:#cfb29b}.sx-sidebar-label{font-size:7px;font-weight:850;letter-spacing:.15em;color:#6f7e9f;padding:10px 10px 6px}.sx-sidebar-nav{display:flex;flex-direction:column;gap:2px}.sx-sidebar-nav a{height:37px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;color:#cfb29b;font-size:10px;font-weight:700;position:relative}.sx-sidebar-nav a svg{width:16px;height:16px}.sx-sidebar-nav a:hover{background:rgba(255,255,255,.04);color:#fff}.sx-sidebar-nav a.active{background:rgba(255,122,26,.16);color:#fff}.sx-sidebar-nav a.active:before{content:"";position:absolute;left:-12px;width:2px;height:18px;background:#ff9d35;border-radius:0 3px 3px 0}.sx-sidebar-nav a em{font-style:normal;margin-left:auto;background:rgba(201,149,47,.13);color:#ffb24a;font-size:6px;font-weight:900;padding:3px 5px;border-radius:4px}.sx-sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.sx-sidebar-footer a,.sx-sidebar-footer button{width:100%;height:34px;border:0;background:transparent;color:#cfb29b;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;font-size:9px;cursor:pointer}.sx-sidebar-footer a:hover,.sx-sidebar-footer button:hover{background:rgba(255,255,255,.04);color:#fff}.sx-sidebar-footer form{margin:0}.sx-app-main{grid-column:2;min-width:0}.sx-app-topbar{height:64px;background:rgba(11,18,32,.92);border-bottom:1px solid var(--sx-line);position:sticky;top:0;z-index:80;display:flex;align-items:center;padding:0 28px;gap:15px;backdrop-filter:blur(14px)}.sx-sidebar-toggle{display:none;width:36px;height:36px;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:8px}.sx-topbar-search{width:min(380px,45vw);height:36px;border:1px solid var(--sx-line);border-radius:8px;background:#10192d;display:flex;align-items:center;gap:8px;padding:0 10px;color:#cfb29b;font-size:9px}.sx-topbar-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:10px}.sx-topbar-search kbd{margin-left:auto;border:1px solid var(--sx-line);background:var(--sx-surface);color:#cfb29b2ae;border-radius:4px;padding:2px 5px;font-size:7px}.sx-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.sx-server-badge{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;color:var(--sx-green);background:#10283a;border:1px solid #25465a;border-radius:8px;height:34px;padding:0 10px}.sx-icon-btn{position:relative;width:35px;height:35px;border:1px solid var(--sx-line);border-radius:8px;display:grid;place-items:center;background:var(--sx-surface);color:#8f9bbc}.sx-icon-btn i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:var(--sx-purple);border-radius:50%;border:1px solid #fff}.sx-user-menu{display:flex;align-items:center;gap:8px;border-left:1px solid var(--sx-line);padding-left:10px;margin-left:2px}.sx-user-menu>span{width:31px;height:31px;border-radius:8px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center;font-size:10px;font-weight:900}.sx-user-menu>div{display:flex;flex-direction:column;line-height:1.2;min-width:70px}.sx-user-menu strong{font-size:9px}.sx-user-menu small{font-size:7px;color:#cfb29b}.sx-user-menu em{font-style:normal;color:#cfb29b}.sx-app-content{padding:30px 32px 50px;max-width:1500px;margin:auto}.sx-app-pagehead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.sx-app-pagehead h1{font-size:27px;letter-spacing:-.04em;margin:7px 0 3px}.sx-app-pagehead p{margin:0;color:var(--sx-muted);font-size:10px}.sx-pagehead-actions{display:flex;gap:7px}.sx-app-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.sx-app-kpis>article{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:13px;padding:16px;min-width:0}.sx-kpi-top{display:flex;align-items:center;justify-content:space-between}.sx-kpi-top>span{width:29px;height:29px;border-radius:8px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center}.sx-kpi-top em{font-style:normal;font-size:7px;font-weight:850;letter-spacing:.12em;color:#cfb29b}.sx-app-kpis strong{display:block;font-size:24px;letter-spacing:-.04em;margin:14px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-app-kpis small{font-size:8px;color:#cfb29b}.sx-dashboard-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:12px;margin-top:12px}.sx-panel{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:13px;padding:18px;min-width:0}.sx-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.sx-panel-head small{display:block;font-size:7px;font-weight:850;letter-spacing:.12em;color:#cfb29b}.sx-panel-head h2{font-size:15px;letter-spacing:-.025em;margin:3px 0 0}.sx-panel-head>a{font-size:8px;color:var(--sx-purple);font-weight:800}.sx-account-core{display:flex;align-items:center;gap:11px;padding:12px 0}.sx-account-avatar{width:42px;height:42px;border-radius:11px;background:var(--sx-dark);color:#fff;display:grid;place-items:center;font-weight:900}.sx-account-core>div:nth-child(2){display:flex;flex-direction:column}.sx-account-core strong{font-size:12px}.sx-account-core span{font-size:8px;color:#8f9bbc}.sx-account-core>a{margin-left:auto;font-size:8px;color:var(--sx-purple);font-weight:800}.sx-account-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sx-line);border-radius:10px;margin:10px 0;overflow:hidden}.sx-account-stats div{padding:11px;border-right:1px solid var(--sx-line)}.sx-account-stats div:last-child{border:0}.sx-account-stats small{display:block;font-size:7px;color:#cfb29b}.sx-account-stats b{font-size:11px}.sx-panel-note{background:#140e10;border:1px solid #29365d;border-radius:8px;padding:9px 10px;color:#cfb29b;font-size:8px}.sx-quick-list{display:flex;flex-direction:column}.sx-quick-list a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--sx-line)}.sx-quick-list a:first-child{border-top:0}.sx-quick-list a>span{width:30px;height:30px;border-radius:8px;background:#121c32;display:grid;place-items:center;color:var(--sx-purple)}.sx-quick-list b{display:block;font-size:9px}.sx-quick-list small{display:block;color:#cfb29b;font-size:7px}.sx-quick-list em{font-style:normal;color:#cfb29b}.sx-app-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 12px}.sx-app-section-head h2{font-size:17px;letter-spacing:-.03em;margin:6px 0 0}.sx-app-section-head p{margin:3px 0 0;color:#cfb29b;font-size:9px}.sx-app-section-head>a{font-size:9px;color:var(--sx-purple);font-weight:800}.sx-character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sx-character-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.sx-char-icon{width:38px;height:38px;border-radius:10px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center;font-size:9px;font-weight:900}.sx-character-card strong{display:block;font-size:10px}.sx-character-card small{display:block;font-size:7px;color:#cfb29b}.sx-char-meta{text-align:right}.sx-char-meta span{display:block;font-size:7px;color:#cfb29b}.sx-char-meta b{font-size:10px;color:var(--sx-purple)}.sx-empty-state{grid-column:1/-1;border:1px dashed var(--sx-line);border-radius:12px;padding:28px;text-align:center;background:var(--sx-surface)}.sx-empty-state strong{font-size:11px}.sx-empty-state p{font-size:9px;color:#cfb29b}.sx-admin-dashboard-grid{grid-template-columns:1.25fr .75fr}.sx-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sx-health-grid div{border:1px solid var(--sx-line);border-radius:9px;padding:9px}.sx-health-grid span{display:block;font-size:7px;color:#cfb29b}.sx-health-grid b{font-size:8px;color:var(--sx-green)}.sx-health-chart{height:120px;background:#101a2f;border-radius:10px;margin-top:12px;padding:13px;display:grid;grid-template-columns:1fr 120px;gap:20px;align-items:end}.sx-health-bars{height:85px;display:flex;align-items:end;gap:5px}.sx-health-bars i{flex:1;background:linear-gradient(180deg,var(--sx-purple),#ffe0b5);height:var(--h);border-radius:3px 3px 1px 1px}.sx-health-chart>div:last-child{align-self:center}.sx-health-chart strong{display:block;font-size:23px}.sx-health-chart small{font-size:7px;color:#cfb29b}.sx-admin-rank>div{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:9px 0;border-top:1px solid var(--sx-line);font-size:9px}.sx-admin-rank>div:first-child{border-top:0}.sx-admin-rank b{color:var(--sx-purple)}.sx-admin-rank em{font-style:normal;color:#cfb29b;font-size:7px}.sx-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sx-module-grid>a{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:16px;min-height:150px;position:relative}.sx-module-grid>a:hover{box-shadow:var(--sx-shadow-sm);border-color:#31415f}.sx-module-index{position:absolute;right:13px;top:11px;color:#657596;font-size:8px;font-weight:900}.sx-module-icon{width:31px;height:31px;border-radius:8px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center}.sx-module-grid h3{font-size:12px;margin:12px 0 5px}.sx-module-grid p{color:#8f9bbc;font-size:8px;margin:0}.sx-module-grid em{display:block;font-style:normal;color:var(--sx-purple);font-size:7px;font-weight:850;margin-top:16px}.sx-admin-bottom-grid{grid-template-columns:1fr 1fr;margin-top:12px}.sx-activity-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--sx-line)}.sx-activity-list>div:first-child{border-top:0}.sx-activity-avatar{width:30px;height:30px;border-radius:8px;background:#151f38;display:grid;place-items:center;color:var(--sx-purple);font-size:9px;font-weight:900}.sx-activity-list b{display:block;font-size:9px}.sx-activity-list small{display:block;font-size:7px;color:#cfb29b}.sx-activity-list em{font-style:normal;color:var(--sx-green);font-size:7px}.sx-activity-list em i{display:inline-block;width:5px;height:5px;background:var(--sx-green);border-radius:50%;margin-right:4px}.sx-business-list div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--sx-line);font-size:9px}.sx-business-list div:first-child{border-top:0}.sx-business-list span{color:#8f9bbc}.sx-business-list b{font-size:11px}
/* old admin/player content gets SaaS skin */
.r170-admin-card,.studio-panel,.account-admin-section{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:13px;padding:18px}.r170-admin-section-title{display:flex;justify-content:space-between;align-items:end;margin:27px 0 12px}.r170-admin-section-title h2{font-size:17px;margin:0}.r170-admin-section-title a{font-size:9px;color:var(--sx-purple)}.r170-admin-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.r170-admin-modules>a{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:15px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}.r170-module-icon,.r170-kpi-icon{width:31px;height:31px;border-radius:8px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center}.r170-admin-modules strong{font-size:9px;display:block}.r170-admin-modules small{font-size:7px;color:#cfb29b;display:block}.wallet-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.wallet-mini{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:14px}.wallet-mini span{font-size:7px;color:#cfb29b;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.wallet-mini strong{display:block;font-size:20px;margin-top:5px}.char-card{padding:14px;display:flex;align-items:center;gap:10px}.char-emblem{width:36px;height:36px;border-radius:9px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center;font-size:9px;font-weight:900}.rank-value{margin-left:auto;text-align:right;font-size:9px;color:var(--sx-purple)}.creator-code{background:var(--sx-dark);color:#fff;border-radius:11px;padding:18px}.ticket-stack{display:grid;gap:10px}.ticket-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:15px}.ticket-meta{display:flex;gap:8px;color:#cfb29b;font-size:8px}.ticket-thread{margin-top:12px;border-top:1px solid var(--sx-line);padding-top:10px}.ticket-message{border-radius:9px;background:#140d0e;padding:10px;margin-top:6px}.edit-pop{border:1px solid var(--sx-line);border-radius:10px;background:var(--sx-surface);padding:12px;margin-top:8px}.profile-player-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.profile-preview-card,.profile-editor-card{border:1px solid var(--sx-line);border-radius:13px;background:var(--sx-surface);padding:18px}.profile-avatar-large{width:70px;height:70px;border-radius:16px;overflow:hidden;background:var(--sx-purple-soft);display:grid;place-items:center}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-lock{border:1px solid #2d4a69;background:var(--sx-gold-soft);border-radius:10px;padding:12px}.shop-option-title{font-size:11px;font-weight:800;margin:10px 0}.excellent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.item-rule-strip{display:flex;flex-wrap:wrap;gap:5px}.item-rule-strip span{font-size:8px;padding:4px 6px;border-radius:5px;background:#141e35}.shop-item-preview{display:flex;gap:12px;align-items:center}.shop-item-art{width:70px;height:70px;background:#141e35;border-radius:9px;display:grid;place-items:center}.shop-item-art img{max-width:90%;max-height:90%}
/* auth */
.auth-shell{background:linear-gradient(135deg,#171c42 0%,#0d1a2f 100%);min-height:100vh}.auth-language{position:fixed;right:22px;top:18px;z-index:20}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-art{padding:48px 64px;background:var(--sx-dark);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(255,122,26,.32),transparent 38%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.auth-art>*{position:relative}.auth-art .brand{display:flex;align-items:center;gap:11px}.auth-art .brand img{width:40px;height:40px;object-fit:contain;background:var(--sx-surface);border-radius:10px;padding:5px}.auth-art .brand span{display:flex;flex-direction:column}.auth-art .brand strong{font-size:13px}.auth-art .brand small{font-size:8px;color:#cfb29b;letter-spacing:.12em}.auth-art h1{font-size:45px;max-width:600px;letter-spacing:-.05em;line-height:1.08;margin:12px 0}.auth-art .eyebrow{color:#ffcb86}.auth-art>.muted{color:#cfb29b!important;max-width:520px}.auth-box{display:grid;place-items:center;padding:70px 40px;background:var(--sx-surface)}.auth-form{width:min(420px,100%)}.auth-form h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.auth-form>p{color:var(--sx-muted);font-size:11px;margin-bottom:24px}.auth-form .field{margin:12px 0}
/* footer */
.sx-footer{padding:64px 0 22px;background:#0c0909;border-top:1px solid var(--sx-line)}.sx-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:55px}.sx-footer-grid>div:not(.sx-footer-brand){display:flex;flex-direction:column;gap:8px}.sx-footer-grid>div>strong{font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.sx-footer-grid>div>a{font-size:10px;color:#cfb29b}.sx-footer-grid>div>a:hover{color:var(--sx-purple)}.sx-footer-brand p{max-width:390px;color:#cfb29b;font-size:10px;line-height:1.7;margin:17px 0}.sx-footer-bottom{border-top:1px solid var(--sx-line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;color:#cfb29b2ae;font-size:8px}
/* responsive */
@media(max-width:1100px){.sx-nav a{padding:0 7px;font-size:10px}.sx-header-actions .sx-btn-ghost{display:none}.sx-hero-layout{grid-template-columns:1fr 1fr;gap:35px}.sx-hero-copy h1{font-size:48px}.sx-feature-grid{grid-template-columns:1fr 1fr}.sx-feature-wide{grid-column:1/-1}.sx-live-grid{grid-template-columns:1fr 1fr}.sx-rank-module{grid-column:1/-1;min-height:270px}.sx-app-kpis{grid-template-columns:repeat(2,1fr)}.sx-character-grid{grid-template-columns:repeat(2,1fr)}.r170-admin-modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sx-header{height:64px}.sx-menu-toggle{display:grid;place-items:center;margin-left:auto}.sx-nav-shell{position:fixed;top:64px;left:0;right:0;background:var(--sx-surface);border-bottom:1px solid var(--sx-line);padding:14px 20px 18px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--sx-shadow)}body.nav-open .sx-nav-shell{display:flex}.sx-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.sx-nav a{height:38px}.sx-header-actions{justify-content:space-between}.sx-hero{padding:60px 0}.sx-hero-layout{grid-template-columns:1fr}.sx-hero-copy{max-width:700px}.sx-product-preview{max-width:700px}.sx-proofbar .sx-container{overflow:auto;justify-content:flex-start}.sx-proofbar .sx-container>span{display:none}.sx-ops-layout{grid-template-columns:1fr;gap:35px}.sx-app-shell{display:block}.sx-sidebar{transform:translateX(-105%);transition:.2s;box-shadow:25px 0 60px rgba(0,0,0,.16)}body.sidebar-open .sx-sidebar{transform:none}.sx-app-main{margin-left:0}.sx-sidebar-toggle{display:grid;place-items:center}.sx-topbar-search{width:260px}.sx-app-content{padding:24px 20px 40px}.auth-page{grid-template-columns:1fr}.auth-art{min-height:340px;padding:40px}.auth-art h1{font-size:36px}.auth-box{padding:45px 25px}.sx-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.sx-footer-brand{grid-column:1/-1}}
@media(max-width:650px){.sx-container,.container{width:min(100% - 26px,1180px)}.sx-brand-copy small{display:none}.sx-header-actions .language-switcher{display:none}.sx-nav{grid-template-columns:1fr 1fr}.sx-hero{padding:45px 0}.sx-announcement{margin-bottom:20px}.sx-hero-copy h1{font-size:39px}.sx-hero-copy>p{font-size:13px}.sx-hero-actions{flex-direction:column;align-items:stretch}.sx-steps{display:grid;grid-template-columns:1fr;gap:8px}.sx-product-preview{border-radius:15px;padding:12px}.sx-preview-kpis{grid-template-columns:1fr 1fr}.sx-preview-kpis article:last-child{grid-column:1/-1}.sx-preview-body{grid-template-columns:1fr}.sx-activity-card{display:none}.sx-section{padding:65px 0}.sx-section-heading h2,.sx-ops-copy h2,.sx-final-cta h2{font-size:30px}.sx-feature-grid,.sx-news-grid,.sx-live-grid{grid-template-columns:1fr}.sx-feature-wide{grid-column:auto;grid-template-columns:1fr}.sx-feature-ui{margin-top:25px}.sx-rank-module{grid-column:auto}.sx-ops-copy ul{grid-template-columns:1fr}.sx-ops-metrics{grid-template-columns:1fr 1fr}.sx-heading-row{align-items:flex-start;flex-direction:column}.sx-final-cta .sx-container{align-items:flex-start;flex-direction:column}.sx-final-cta .sx-container>div:last-child{width:100%;flex-direction:column}.page-hero{padding:50px 0 35px}.page-hero h1{font-size:36px}.g2,.g3,.g4,.event-premium-grid{grid-template-columns:1fr}.module-title,.section-head{align-items:flex-start;flex-direction:column}.shop-product-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sx-topbar-search{display:none}.sx-app-topbar{padding:0 13px}.sx-topbar-actions .language-switcher,.sx-server-badge{display:none}.sx-user-menu>div{display:none}.sx-app-content{padding:20px 13px 35px}.sx-app-pagehead{align-items:flex-start;flex-direction:column}.sx-pagehead-actions{width:100%}.sx-pagehead-actions .sx-btn{flex:1}.sx-app-kpis{grid-template-columns:1fr 1fr;gap:8px}.sx-dashboard-grid,.sx-admin-dashboard-grid,.sx-admin-bottom-grid{grid-template-columns:1fr}.sx-character-grid{grid-template-columns:1fr}.sx-health-grid{grid-template-columns:1fr 1fr}.sx-module-grid{grid-template-columns:1fr 1fr}.wallet-strip{grid-template-columns:1fr 1fr}.r170-admin-modules{grid-template-columns:1fr}.profile-player-grid{grid-template-columns:1fr}.auth-art{min-height:290px;padding:30px 24px}.auth-art h1{font-size:31px}.auth-box{padding:38px 20px}.auth-language{right:12px;top:12px}.sx-footer-grid{grid-template-columns:1fr 1fr}.sx-footer-bottom{flex-direction:column;gap:6px}.sx-footer{padding-top:45px}}
@media(max-width:430px){.shop-product-grid{grid-template-columns:1fr}.sx-app-kpis{grid-template-columns:1fr}.sx-module-grid{grid-template-columns:1fr}.wallet-strip{grid-template-columns:1fr}.sx-preview-kpis{grid-template-columns:1fr}.sx-preview-kpis article:last-child{grid-column:auto}}
/* Extended CMS modules — rebuilt inside the SaaS system */
.display{font-weight:800;letter-spacing:-.035em}.rank-list{list-style:none;margin:0;padding:0}.rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid var(--sx-line)}.rank-row:last-child{border-bottom:0}.rank-pos{width:27px;height:27px;border-radius:8px;background:var(--sx-purple-soft);color:var(--sx-purple);display:grid;place-items:center;font-size:8px;font-weight:900}.rank-row>span:nth-child(2){display:flex;flex-direction:column}.rank-row strong{font-size:10px}.rank-row small{font-size:7px;color:#cfb29b}.siege{padding:24px;display:grid;grid-template-columns:1fr 160px;align-items:center;min-height:220px;background:linear-gradient(135deg,#fff,#140e10)}.siege .display{font-size:38px!important}.crest{width:130px;height:130px;border-radius:28px;background:var(--sx-dark);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:900;letter-spacing:-.05em;box-shadow:0 18px 45px rgba(32,20,48,.16)}.tag{display:inline-flex;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-purple);background:var(--sx-purple-soft);border-radius:6px;padding:5px 7px}.r190-news-archive .news-card{padding:0;overflow:hidden}.r190-news-cover{height:170px;background:#141e35;overflow:hidden}.r190-news-cover img{width:100%;height:100%;object-fit:cover}.r190-news-body{padding:17px}.r190-news-body h3{font-size:15px;margin:10px 0 7px}.r190-news-body p{font-size:10px;color:var(--sx-muted);line-height:1.65}.time{font-weight:800;color:var(--sx-purple)}
/* Player webshop */
.r170-shop-hero{border:1px solid var(--sx-line);background:var(--sx-dark);color:#fff;border-radius:15px;padding:22px;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center;position:relative;overflow:hidden}.r170-shop-hero-bg,.r170-shop-hero-mask{display:none}.r170-shop-title{display:flex;align-items:center;gap:14px;position:relative}.r170-shop-crown{width:48px;height:48px;border-radius:12px;background:rgba(255,122,26,.18);color:#ff9d35;display:grid;place-items:center}.r170-shop-title h1{font-size:26px;margin:0 0 5px;letter-spacing:-.04em}.r170-shop-title p{margin:0;color:#cfb29b;font-size:10px}.r170-balance-card{position:relative;background:var(--sx-surface);color:var(--sx-ink);border-radius:11px;padding:13px}.r170-balance-card small{font-size:7px;color:#cfb29b;font-weight:800}.r170-balance-card>div{display:flex;align-items:center;gap:8px;margin:5px 0 10px}.r170-balance-card strong{font-size:21px;letter-spacing:-.04em}.r170-balance-card>div button{margin-left:auto;width:28px;height:28px;border:0;border-radius:7px;background:var(--sx-purple-soft);color:var(--sx-purple)}.r170-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;padding:0 12px;font-size:9px;font-weight:800;border:1px solid var(--sx-line);background:var(--sx-surface)}.r170-btn-gold{background:var(--sx-gold);color:#fff3e8;border-color:var(--sx-gold)}.r170-shop-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 25px}.r170-shop-tabs{display:flex;gap:4px;overflow:auto}.r170-shop-tabs a,.r170-shop-tabs span{display:flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid var(--sx-line);border-radius:8px;background:var(--sx-surface);font-size:8px;white-space:nowrap;color:#cfb29b}.r170-shop-tabs a.active{background:var(--sx-dark);color:#fff;border-color:var(--sx-dark)}.r170-shop-search{display:flex;align-items:center;width:220px;height:34px;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:8px;padding:0 9px;color:#cfb29b}.r170-shop-search input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.r170-shop-section{margin-top:25px}.r170-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.r170-section-heading>div{display:flex;align-items:center;gap:10px}.r170-section-heading h2{font-size:16px;margin:0}.r170-section-heading p{font-size:8px;color:#cfb29b;margin:2px 0 0}.r170-section-heading>a{font-size:8px;color:var(--sx-purple);font-weight:800}.r170-section-icon{width:34px;height:34px;border-radius:9px;background:var(--sx-gold-soft);color:var(--sx-gold);display:grid;place-items:center}.r170-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r170-badge-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 90px;gap:10px;position:relative;overflow:hidden}.r170-badge-card>small,.r170-badge-copy small{font-size:7px;color:#cfb29b;font-weight:850}.r170-badge-copy h3{font-size:16px;margin:4px 0}.r170-badge-copy p{font-size:8px;color:#cfb29b}.r170-badge-copy ul{list-style:none;margin:9px 0;padding:0}.r170-badge-copy li{display:flex;align-items:center;gap:5px;font-size:7px;color:#cfb29b;margin:5px 0}.r170-badge-copy>strong{font-size:8px;color:var(--sx-purple)}.r180-badge-art{width:90px;height:90px;border-radius:10px;background:#140d0e;display:grid;place-items:center;align-self:center}.r180-badge-art img{max-width:80%;max-height:80%;object-fit:contain}.r170-badge-card>a{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:5px;background:#140d0e;border-radius:8px;height:32px;font-size:8px;font-weight:800;color:var(--sx-purple)}.r170-product-browser{display:grid;grid-template-columns:190px 1fr;gap:12px}.r170-filters{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:13px;height:max-content}.r170-filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.r170-filter-title strong{font-size:10px}.r170-filter-title a{font-size:7px;color:var(--sx-purple)}.r170-filters>label{display:block;font-size:7px;font-weight:850;color:#cfb29b;text-transform:uppercase;margin:12px 0 6px}.r170-category-list{display:flex;flex-direction:column}.r170-category-list a{display:flex;justify-content:space-between;padding:7px;border-radius:7px;font-size:8px;color:#cfb29b}.r170-category-list a.active{background:var(--sx-purple-soft);color:var(--sx-purple);font-weight:800}.r170-category-list em{font-style:normal;color:#cfb29b2ae}.r170-rarity-list{display:grid;gap:6px}.r170-rarity-list span{font-size:8px;display:flex;align-items:center;gap:6px}.r170-rarity-list i{width:7px;height:7px;border-radius:50%;background:#cfb29b}.r170-rarity-list .new i{background:var(--sx-green)}.r170-rarity-list .rare i{background:var(--sx-blue)}.r170-rarity-list .epic i{background:var(--sx-purple)}.r170-price-demo>div{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--sx-purple) 40%,#4a2516 40%);margin:7px 0}.r170-price-demo small{display:flex;justify-content:space-between;color:#cfb29b2ae;font-size:7px}.r170-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r170-product-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.r170-product-media{height:145px;background:#140d0e;position:relative;display:grid;place-items:center}.r170-product-media>span{position:absolute;left:9px;top:9px;font-size:7px;font-weight:900;background:var(--sx-surface);border:1px solid var(--sx-line);padding:4px 6px;border-radius:5px}.r170-product-media img{max-width:85%;max-height:120px;object-fit:contain}.r170-product-copy{padding:12px}.r170-product-copy h3{font-size:11px;margin:0 0 4px}.r170-product-copy p{font-size:8px;color:#cfb29b;min-height:26px}.r170-product-mini-tags{display:flex;flex-wrap:wrap;gap:4px}.r170-product-mini-tags span{font-size:6px;font-weight:800;background:#151f38;border-radius:4px;padding:3px 4px}.r170-product-copy>strong{display:block;color:var(--sx-purple);font-size:14px;margin-top:10px}.r170-product-copy>strong small{font-size:7px;color:#cfb29b}.r170-buy{border-top:1px solid var(--sx-line);margin-top:auto}.r170-buy summary{list-style:none;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:800;color:var(--sx-purple)}.r170-buy form{padding:10px;border-top:1px solid var(--sx-line);display:grid;gap:8px}.r170-assurance{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:10px;margin-top:12px;padding:10px 12px}.r170-assurance span{display:flex;align-items:center;gap:4px;font-size:7px;color:#cfb29b}.r170-assurance em{font-size:7px;color:var(--sx-purple);font-style:normal;font-weight:850}
/* Admin shop/editor */
.shop-catalog-stats{margin-bottom:12px}.admin-shop-layout{align-items:start}.shop-editor{position:sticky;top:80px;padding:16px}.shop-option-panel,.xml-browser,.item-rules-overview,.gremory-help{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:14px}.shop-product-image-editor{display:grid;grid-template-columns:90px 1fr;gap:10px}.shop-option-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.excellent-editor{padding:10px;background:#101a2f;border-radius:9px}.shop-advanced-item-options{border-top:1px solid var(--sx-line);margin-top:10px;padding-top:10px}.advanced-delivery{background:#141d36;border:1px solid #2a365d;border-radius:9px;padding:10px}.gremory-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gremory-help-grid>div{background:#121c32;border-radius:8px;padding:9px;font-size:8px}.xml-section-list{display:flex;gap:5px;overflow:auto;padding-bottom:8px}.xml-section-button{white-space:nowrap;border:1px solid var(--sx-line);border-radius:7px;background:var(--sx-surface);padding:6px 8px;font-size:7px}.xml-section-button.active{background:var(--sx-dark);color:#fff}.admin-shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-shop-product{padding:12px}.admin-shop-product-art{height:90px;border-radius:8px;background:#140e10;display:grid;place-items:center}.admin-shop-product-art img{max-height:80px;max-width:90%}.admin-shop-product-body h4{font-size:9px;margin:8px 0 4px}.admin-shop-product-body p{font-size:7px;color:#cfb29b}.shop-admin-price{color:var(--sx-purple);font-weight:850;font-size:10px}
/* admin content studio and profile details */
.locale-tabs{display:flex;gap:4px;flex-wrap:wrap}.locale-tab{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:7px;padding:6px 9px;font-size:8px}.locale-tab.active{background:var(--sx-dark);color:#fff}.studio-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-category{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:10px;padding:12px}.studio-group{display:grid;gap:10px}.studio-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-media-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:11px;overflow:hidden}.studio-media-preview{height:110px;background:#140e10;display:grid;place-items:center;overflow:hidden}.studio-media-preview img{width:100%;height:100%;object-fit:cover}.studio-media-body{padding:10px}.sticky-save{position:sticky;bottom:10px;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow);border-radius:10px;padding:10px;z-index:10}.account-profile-card{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:12px;padding:14px}.account-profile-head{display:flex;align-items:center;gap:10px}.account-profile-avatar{width:42px;height:42px;border-radius:10px;background:var(--sx-purple-soft);display:grid;place-items:center;overflow:hidden}.account-profile-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-id{font-size:8px;color:#cfb29b}.creator-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.creator-flags{display:flex;gap:5px;flex-wrap:wrap}.status-orb,.health-dot{width:7px;height:7px;border-radius:50%;background:var(--sx-green);display:inline-block}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-item{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:10px;padding:12px}.admin-ticket{border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:11px;padding:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview{background:#140d0e;border-radius:10px;padding:12px}
.auth-art .brand img{display:none}.auth-art .brand:before{content:"D";width:38px;height:38px;border-radius:10px;background:var(--sx-purple);display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;box-shadow:0 8px 20px rgba(255,122,26,.25)}
@media(max-width:1100px){.r170-product-grid{grid-template-columns:repeat(2,1fr)}.admin-shop-products{grid-template-columns:repeat(2,1fr)}.r170-badge-grid{grid-template-columns:1fr 1fr}.r170-badge-card:last-child{grid-column:1/-1}.studio-media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.siege{grid-template-columns:1fr}.crest{margin-top:20px}.r170-shop-hero{grid-template-columns:1fr}.r170-shop-tools{align-items:stretch;flex-direction:column}.r170-shop-search{width:100%}.r170-badge-grid,.r170-product-browser{grid-template-columns:1fr}.r170-badge-card:last-child{grid-column:auto}.r170-product-grid,.admin-shop-products{grid-template-columns:1fr}.r170-filters{display:none}.r170-assurance{align-items:flex-start;flex-direction:column}.gremory-help-grid,.studio-category-grid,.studio-media-grid,.health-grid,.split{grid-template-columns:1fr}.shop-editor{position:static}.r170-shop-tabs{width:100%}}

/* === DarknessMu  / VYXO MIDNIGHT PALETTE OVERRIDES === */
body{background:var(--sx-bg-gradient);color:var(--sx-ink)}
.sx-header{background:rgba(8,15,29,.88);border-color:rgba(92,112,156,.24);box-shadow:0 10px 40px rgba(0,0,0,.12)}
.sx-header:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,122,26,.55),rgba(255,141,44,.35),transparent)}
.sx-nav a{color:#dcc1b0}.sx-nav a:hover,.sx-nav a.active{color:#fff;background:rgba(255,122,26,.09)}
.sx-brand-copy small{color:#cfb29b}.language-switcher{background:#100d0e;border-color:var(--sx-line)}.lang-link{color:#cfb29b}.lang-link.active{background:rgba(255,122,26,.16);color:#ffe0b5}
.sx-menu-toggle,.sx-sidebar-toggle{background:#140f10;color:#dce3f7;border-color:var(--sx-line)}
.sx-hero:before{background:radial-gradient(circle,rgba(255,141,44,.15),rgba(255,141,44,0) 68%)}.sx-hero:after{border-color:rgba(255,122,26,.18)}
.sx-hero-grid{opacity:.7;background-image:linear-gradient(rgba(120,135,185,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,135,185,.055) 1px,transparent 1px)}
.sx-announcement{background:rgba(11,18,32,.54);border-color:rgba(102,123,170,.30);color:#98a5c5;box-shadow:none}.sx-announcement b{color:#fff}
.sx-hero-copy h1{color:#fff3e8;text-shadow:0 8px 40px rgba(0,0,0,.16)}.sx-hero-copy h1 span{background:linear-gradient(90deg,#ff9d35,#4fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sx-hero-copy>p{color:#dcc1b0}
.sx-steps{border-color:rgba(93,113,157,.28);color:#cfb29b}.sx-steps b{background:rgba(255,122,26,.13);color:#ffbf72}
.sx-product-preview{background:#090809;border-color:#4a2516;box-shadow:0 40px 95px rgba(0,0,0,.36)}.sx-product-preview:before{background:radial-gradient(circle at 75% 0,rgba(255,122,26,.24),transparent 38%)}
.sx-preview-panel,.sx-activity-card{background:#101a2e;color:#f3f6ff;border:1px solid #24314f}.sx-server-row{border-color:#4a2516}.sx-preview-panel-head span{color:#8a7dff}
.sx-proofbar,.sx-final-cta{background:#0c0909;border-color:var(--sx-line)}
.sx-feature,.sx-news-card,.sx-live-card,.card,.panel,.module,.table-wrap,.sx-panel,.sx-app-kpis>article,.sx-character-card,.sx-module-grid>a,.account-profile-card,.admin-ticket,.r170-admin-card,.r170-badge-card,.r170-product-card,.r170-filters,.shop-option-panel,.xml-browser,.item-rules-overview,.gremory-help,.studio-category,.studio-media-card,.health-item{background:#100d0e;border-color:#4a2516;color:var(--sx-ink)}
.sx-feature:hover,.sx-module-grid>a:hover{border-color:#3a4b73;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.sx-feature-wide{background:linear-gradient(140deg,#0c0909 0%,#121b36 70%,#17234a 100%);border-color:#29385b}
.sx-feature-ui{background:#0c0909;color:#fff3e8;border:1px solid #4a2516}.sx-ui-line{border-color:#4a2516}
.sx-feature-badge{color:#ffb24a;background:rgba(255,141,44,.09);border-color:rgba(255,141,44,.24)}.sx-feature-status{color:#35d6a0;background:rgba(53,214,160,.07);border-color:rgba(53,214,160,.20)}
.sx-app-topbar{background:rgba(10,18,33,.90);border-color:#4a2516}.sx-topbar-search{background:#110d0e;border-color:#4a2516;color:#cfb29b}.sx-topbar-search input{color:#fff3e8}.sx-topbar-search input::placeholder{color:#c7ab96}.sx-topbar-search kbd{background:#140e10;border-color:#6b341a;color:#cfb29b}
.sx-server-badge{background:rgba(53,214,160,.08);border-color:rgba(53,214,160,.20)}.sx-icon-btn{background:#140f10;border-color:#4a2516;color:#cfb29b}.sx-user-menu{border-color:#4a2516}.sx-user-menu>span{background:rgba(255,122,26,.15);color:#ffbf72}
.sx-sidebar{background:linear-gradient(180deg,#090809 0%,#0c0909 100%);border-color:#4a2516}.sx-workspace-chip{background:rgba(255,122,26,.07);border-color:rgba(126,116,255,.16)}.sx-sidebar-nav a{color:#cfb29b}.sx-sidebar-nav a:hover{background:rgba(255,122,26,.07)}.sx-sidebar-nav a.active{background:linear-gradient(90deg,rgba(255,122,26,.18),rgba(255,141,44,.08));color:#fff}.sx-sidebar-nav a.active:before{background:linear-gradient(180deg,#ff9d35,#ff8d2c)}.sx-sidebar-nav a em{background:rgba(255,141,44,.10);color:#ffb24a}
.sx-health-chart{background:#110d0e}.sx-health-bars i{background:linear-gradient(180deg,#ff7a1a,#ff8d2c);box-shadow:0 0 18px rgba(255,122,26,.16)}
.sx-kpi-top>span,.sx-char-icon,.sx-module-icon,.account-profile-avatar,.sx-activity-avatar{background:rgba(255,122,26,.13);color:#ffbf72}
.sx-account-avatar{background:var(--sx-accent-gradient)}
.page-hero{background:linear-gradient(120deg,#171c42 0%,#111a36 52%,#0d1d34 100%);border-color:#4a2516}.page-hero h1,.page-hero h2{color:#fff3e8}
input,select,textarea,.field input,.field select,.field textarea{background:#110d0e!important;color:#fff3e8!important;border-color:#2a3858!important}input::placeholder,textarea::placeholder{color:#657493!important}select option{background:#110d0e;color:#fff3e8}
table{color:#fff3e8}th{color:#8190b0!important}td,th{border-color:#4a2516!important}
.badge{background:#140d0e;color:#9eabc9;border-color:#2a3858}.badge-gold{background:rgba(255,141,44,.10);color:#ffb24a;border-color:rgba(255,141,44,.22)}
.btn:not(.btn-primary):not(.btn-gold):not(.btn-danger),.sx-btn-ghost{background:#140d0e;color:#fff3e8;border-color:#6b341a}.btn-gold{background:linear-gradient(135deg,#ff7a1a,#ff8d2c);border-color:transparent;color:#fff}.btn-danger{background:rgba(255,100,124,.09);border-color:rgba(255,100,124,.22);color:#ff8396}
.auth-art{background:linear-gradient(145deg,#120b0c 0%,#0a0909 100%)}.auth-art:before{background:radial-gradient(circle at 70% 35%,rgba(255,122,26,.28),transparent 38%),linear-gradient(rgba(255,201,158,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,201,158,.035) 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.auth-box{background:#110d0e}.auth-form h2{color:#fff3e8}
.sx-footer-grid>div>strong{color:#dce3f7}.sx-footer-grid>div>a{color:#8693b2}.sx-footer-brand p{color:#cfb29b}.sx-footer-bottom{color:#657493}
.r170-product-media,.r180-badge-art,.admin-shop-product-art,.studio-media-preview,.preview{background:#110d0e}.r170-buy{border-color:#4a2516}.r170-buy form{border-color:#4a2516}.r170-assurance{background:#100d0e;border-color:#4a2516}.excellent-editor,.advanced-delivery{background:#110d0e;border-color:#273553}.xml-section-button,.locale-tab{background:#140f10;color:#dcc1b0;border-color:#2a3858}.xml-section-button.active,.locale-tab.active{background:var(--sx-accent-gradient);color:#fff;border-color:transparent}
@media(max-width:900px){.sx-nav-shell{background:#0c0909;border-color:#4a2516;box-shadow:0 22px 55px rgba(0,0,0,.34)}}


/* === DarknessMu  / reference-led SaaS hero composition === */
.route-home .sx-header{
  position:absolute;inset:0 0 auto;height:78px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;
}
.route-home .sx-header:before{display:none}
.route-home .sx-header-inner{
  width:min(1280px,calc(100% - 36px));height:64px;padding:0 18px;margin:0 auto;
  background:rgba(8,15,29,.92);border:1px solid rgba(83,104,151,.28);border-top:0;
  border-radius:0 0 18px 18px;box-shadow:0 18px 55px rgba(0,0,0,.18);backdrop-filter:blur(18px);
}
.route-home .sx-brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 28px rgba(255,122,26,.28)}
.route-home .sx-brand-mark:after{background:#ff8d2c;border-color:#0c0909}
.route-home .sx-brand-copy strong{font-size:14px}.route-home .sx-brand-copy small{font-size:7px}
.route-home .sx-nav-shell{gap:14px}.route-home .sx-nav{justify-content:center;gap:1px}
.route-home .sx-nav a{font-size:10px;padding:0 8px;height:34px}
.route-home .sx-nav a.active{box-shadow:none;background:rgba(255,122,26,.11);color:#fff}
.sx-header-login{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 6px;font-size:11px;font-weight:800;color:#d7def1}
.sx-header-login:hover{color:#fff}.sx-header-register{min-width:108px}

.route-home .sx-container{width:min(1280px,calc(100% - 36px))}
.sx-hero-v32{min-height:650px;padding:118px 0 70px;background:
  radial-gradient(circle at 78% 22%,rgba(255,141,44,.13),transparent 32%),
  radial-gradient(circle at 34% 28%,rgba(255,122,26,.13),transparent 36%),
  linear-gradient(112deg,#1b1f49 0%,#151d3b 45%,#0d2038 100%)}
.sx-hero-v32:before{width:820px;height:820px;right:-250px;top:-330px;background:radial-gradient(circle,rgba(71,137,255,.12),transparent 68%)}
.sx-hero-v32:after{width:620px;height:620px;left:-370px;bottom:-370px;border-color:rgba(123,106,255,.11)}
.sx-hero-v32 .sx-hero-grid{opacity:.42;background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 60%,transparent 98%)}
.sx-hero-layout-v32{grid-template-columns:minmax(0,.82fr) minmax(610px,1.18fr);gap:48px;min-height:470px}
.sx-hero-copy-v32{padding:0;align-self:center}
.sx-hero-copy-v32>.sx-kicker{color:#9fb0da;font-size:10px;letter-spacing:.2em;margin-bottom:14px}
.sx-hero-copy-v32 h1{font-size:72px;line-height:.98;letter-spacing:-.065em;margin:0 0 22px;max-width:585px;font-weight:790;color:#fff3e8}
.sx-hero-copy-v32 h1 span{background:linear-gradient(90deg,#8a75ff 0%,#4aaeff 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-hero-copy-v32>p{max-width:560px;font-size:15px;line-height:1.8;color:#a7b4d0}
.sx-hero-v32 .sx-hero-actions{margin-top:28px}.sx-hero-v32 .sx-btn{min-height:50px;padding:0 21px;border-radius:11px}
.sx-hero-primary{box-shadow:0 15px 35px rgba(72,112,255,.22)}
.sx-steps-v32{gap:18px;margin-top:28px;padding-top:20px;max-width:560px;border-top:1px solid rgba(111,130,176,.22)}
.sx-steps-v32 span{gap:8px}.sx-steps-v32 b{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(128,111,255,.34);background:rgba(255,122,26,.08);color:#aa9fff}
.sx-steps-v32 em{font-style:normal;font-size:8px;line-height:1.25;letter-spacing:.08em;color:#8e9bbb}
.sx-steps-v32>i{display:block;width:38px;height:1px;background:linear-gradient(90deg,rgba(255,122,26,.52),rgba(255,141,44,.16));align-self:center}

.sx-stage-v32{position:relative;min-width:0;padding:12px 0 16px}
.sx-product-preview-v32{display:grid;grid-template-columns:50px 1fr;min-height:430px;padding:0;border-radius:18px;background:#0b0909;border-color:#223150;box-shadow:0 38px 95px rgba(0,0,0,.38);overflow:hidden}
.sx-product-preview-v32:before{background:radial-gradient(circle at 82% 0,rgba(255,122,26,.17),transparent 36%)}
.sx-preview-rail{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;background:#0c0909;border-right:1px solid #4a2516}
.sx-preview-rail-logo{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--sx-accent-gradient);font-size:11px;font-weight:900;color:#fff;margin-bottom:7px;box-shadow:0 8px 22px rgba(93,86,255,.22)}
.sx-preview-rail i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#140e10;border:1px solid transparent;color:#5f6e90;font-style:normal;font-size:9px}
.sx-preview-rail i.active{background:rgba(255,122,26,.18);border-color:rgba(255,122,26,.22);color:#ffbf72}
.sx-preview-rail-gap{flex:1}.sx-preview-workspace{position:relative;z-index:2;padding:17px 18px 18px;min-width:0}
.sx-preview-top-v32{padding:0 0 13px;border-color:#1e2b46}.sx-preview-top-v32>div{display:block}.sx-preview-top-v32 small{display:block;color:#647394;font-size:6px;font-weight:850;letter-spacing:.15em;margin-bottom:4px}.sx-preview-top-v32 b{font-size:12px;letter-spacing:-.015em;color:#f3f6ff}
.sx-preview-title-v32{padding:16px 0 12px}.sx-preview-title-v32 small{font-size:6px;color:#657493}.sx-preview-title-v32 h3{font-size:17px}.sx-preview-season{font-size:7px;font-weight:850;color:#a7b2cc;border:1px solid #263552;background:#100d0e;border-radius:7px;padding:5px 8px}
.sx-preview-kpis-v32{gap:8px}.sx-preview-kpis-v32 article{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:11px;background:#100d0e;border-color:#4a2516;min-height:72px}
.sx-preview-kpis-v32 article>span{width:31px;height:31px;margin:0;background:rgba(255,122,26,.14);color:#ffbf72}
.sx-preview-kpis-v32 article>div{min-width:0}.sx-preview-kpis-v32 small{font-size:6px;color:#7583a3}.sx-preview-kpis-v32 strong{font-size:18px;margin-top:2px}.sx-preview-kpis-v32 em{font-size:6px;color:#47cfa0;align-self:start;padding-top:4px}
.sx-preview-body-v32{grid-template-columns:1.45fr .55fr;gap:8px;margin-top:8px}.sx-preview-panel-v32,.sx-activity-card-v32{background:#100d0e;border-color:#4a2516;padding:12px}
.sx-preview-panel-v32 .sx-preview-panel-head{margin-bottom:6px}.sx-preview-panel-v32 .sx-preview-panel-head b{font-size:9px}.sx-preview-panel-v32 .sx-preview-panel-head span{font-size:6px;color:#8f82ff}
.sx-preview-panel-v32 .sx-server-row{padding:9px 0}.sx-preview-panel-v32 .sx-server-avatar{width:29px;height:29px}.sx-preview-panel-v32 .sx-server-row strong{font-size:8px}.sx-preview-panel-v32 .sx-server-row small{font-size:6px}.sx-preview-panel-v32 .sx-server-row em{font-size:6px}
.sx-activity-card-v32{min-width:0}.sx-chart-head{display:flex;justify-content:space-between;align-items:flex-start}.sx-chart-head>div{display:flex;flex-direction:column}.sx-chart-head small{font-size:6px}.sx-chart-head strong{font-size:9px;margin:2px 0 0}.sx-chart-head>em{font-size:6px;font-style:normal;color:#7886a7;font-weight:800}
.sx-spark-v32{height:80px;margin-top:18px;gap:5px}.sx-spark-v32 i{background:linear-gradient(180deg,#7d68ff,#4aaeff);box-shadow:0 4px 12px rgba(91,104,255,.16)}
.sx-chart-foot{border-top:1px solid #4a2516;margin-top:14px;padding-top:11px}.sx-chart-foot strong{display:block;font-size:14px;color:#35d6a0;letter-spacing:-.03em}.sx-chart-foot span{font-size:6px;color:#7c8baa}
.sx-float-chip{position:absolute;z-index:5;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-width:155px;padding:9px 11px;background:rgba(9,18,33,.94);border:1px solid #263653;border-radius:11px;box-shadow:0 20px 45px rgba(0,0,0,.26);backdrop-filter:blur(14px)}
.sx-float-chip>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(255,122,26,.16);color:#ffbf72;font-size:10px}.sx-float-chip small{grid-column:2;font-size:5px;letter-spacing:.12em;color:#667596;font-weight:850}.sx-float-chip b{grid-column:2;font-size:8px;color:#f2f5ff;line-height:1.1}.sx-float-chip em{grid-column:3;grid-row:1/3;font-style:normal;color:#35d6a0;font-weight:900}
.sx-float-chip-top{top:0;right:-22px}.sx-float-chip-bottom{left:-38px;bottom:0}

.route-home .sx-proofbar{background:rgba(8,17,31,.72);border-color:#4a2516}.route-home .sx-proofbar .sx-container{min-height:76px}.route-home .sx-proofbar span{color:#cfb29b}.route-home .sx-proofbar div{color:#cfb29b}.route-home .sx-proofbar b{color:#806dff}
.route-home .sx-section{background:#0d0908}.route-home .sx-section-soft{background:#100c0d}.route-home .sx-section-heading h2{font-size:44px;max-width:780px}.route-home .sx-section-heading{max-width:790px}

@media(max-width:1220px){
  .route-home .sx-header-inner,.route-home .sx-container{width:min(100% - 30px,1160px)}
  .route-home .sx-nav a{font-size:9px;padding:0 6px}.route-home .language-switcher{display:none}
  .sx-hero-layout-v32{grid-template-columns:.84fr 1.16fr;gap:32px}.sx-hero-copy-v32 h1{font-size:62px}.sx-product-preview-v32{min-height:410px}.sx-float-chip-top{right:-4px}.sx-float-chip-bottom{left:-18px}
}
@media(max-width:1040px){
  .route-home .sx-header{height:64px}.route-home .sx-header-inner{height:60px;border-radius:0 0 15px 15px}
  .route-home .sx-menu-toggle{display:grid;place-items:center;margin-left:auto}.route-home .sx-nav-shell{position:fixed;top:60px;left:15px;right:15px;background:#0c0909;border:1px solid #4a2516;border-radius:14px;padding:14px 16px 17px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 25px 65px rgba(0,0,0,.38)}body.nav-open .route-home .sx-nav-shell{display:flex}.route-home .sx-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.route-home .sx-header-actions{justify-content:space-between}
  .sx-hero-v32{padding:105px 0 64px}.sx-hero-layout-v32{grid-template-columns:1fr;gap:44px}.sx-hero-copy-v32{max-width:760px}.sx-hero-copy-v32 h1{font-size:66px;max-width:720px}.sx-stage-v32{max-width:760px;width:100%;margin:0 auto}.sx-product-preview-v32{min-height:425px}
}
@media(max-width:700px){
  .route-home .sx-header-inner,.route-home .sx-container{width:min(100% - 24px,1280px);padding-inline:12px}.route-home .sx-header-inner{padding-inline:13px}.route-home .sx-brand-copy strong{font-size:13px}.route-home .sx-header-register{min-width:auto;padding:0 13px}.route-home .sx-header-login{display:none}
  .sx-hero-v32{min-height:auto;padding:92px 0 46px}.sx-hero-copy-v32 h1{font-size:48px;line-height:1}.sx-hero-copy-v32>p{font-size:13px;line-height:1.7}.sx-hero-v32 .sx-hero-actions{display:grid;grid-template-columns:1fr}.sx-steps-v32{display:grid;grid-template-columns:1fr;gap:8px}.sx-steps-v32>i{display:none}.sx-steps-v32 span{justify-content:flex-start}.sx-steps-v32 em br{display:none}
  .sx-stage-v32{padding:0}.sx-float-chip{display:none}.sx-product-preview-v32{grid-template-columns:1fr;min-height:auto;border-radius:15px}.sx-preview-rail{display:none}.sx-preview-workspace{padding:13px}.sx-preview-kpis-v32{grid-template-columns:1fr}.sx-preview-kpis-v32 article:last-child{grid-column:auto}.sx-preview-body-v32{grid-template-columns:1fr}.sx-activity-card-v32{display:block}.sx-spark-v32{height:64px}.route-home .sx-section-heading h2{font-size:32px}
}

/* === DarknessMu  / full SaaS workspace expansion === */
.sx31-workspace-body{background:#090809;color:#fff3e8;min-height:100vh}
.sx31-workspace-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:linear-gradient(145deg,#0b0909 0%,#0c172a 48%,#091522 100%)}
.sx31-sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:120;display:flex;flex-direction:column;padding:14px 12px 12px;background:linear-gradient(180deg,#0b0909 0%,#0c0909 100%);border-right:1px solid #4a2516;box-shadow:20px 0 70px rgba(0,0,0,.08)}
.sx31-sidebar-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;margin-bottom:12px}
.sx31-brand{display:flex;align-items:center;gap:10px;min-width:0}.sx31-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#ff7a1a,#ff8d2c);color:#fff;font-size:13px;font-weight:900;box-shadow:0 10px 28px rgba(255,122,26,.24)}.sx31-brand>span:last-child{display:flex;flex-direction:column;line-height:1.12;min-width:0}.sx31-brand strong{font-size:12px;color:#fff3e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx31-brand small{font-size:6px;letter-spacing:.15em;color:#c7ab96;font-weight:850;margin-top:4px}.sx31-sidebar-close{display:none;width:30px;height:30px;border:1px solid #4a2516;border-radius:8px;background:#110d0e;color:#cfb29b;font-size:19px;line-height:1;cursor:pointer}
.sx31-account-switcher{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:0 3px 13px;padding:10px;background:linear-gradient(135deg,rgba(255,122,26,.10),rgba(255,141,44,.04));border:1px solid rgba(116,104,255,.17);border-radius:11px}.sx31-account-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ff7a1a,#ff9a31);font-size:11px;font-weight:900;color:#fff}.sx31-account-switcher small{display:block;font-size:6px;color:#cfb29b;letter-spacing:.12em;font-weight:850}.sx31-account-switcher strong{display:block;font-size:9px;color:#fff3e8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx31-account-switcher>em{font-style:normal;color:#cfb29b;font-size:11px}.sx31-admin-switcher{background:linear-gradient(135deg,rgba(255,141,44,.09),rgba(255,122,26,.05));border-color:rgba(255,141,44,.15)}
.sx31-nav-caption{padding:10px 9px 5px;color:#566685;font-size:6px;font-weight:900;letter-spacing:.17em}.sx31-nav{display:flex;flex-direction:column;gap:2px}.sx31-nav>a{position:relative;min-height:38px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;padding:0 9px;border-radius:8px;color:#cfb29b;font-size:9px;font-weight:750;transition:.18s}.sx31-nav>a>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#647595}.sx31-nav>a b{font-weight:760}.sx31-nav>a:hover{background:rgba(255,122,26,.055);color:#fff3e8}.sx31-nav>a:hover>span{color:#ffbf72}.sx31-nav>a.active{background:linear-gradient(90deg,rgba(255,122,26,.18),rgba(255,141,44,.06));color:#fff}.sx31-nav>a.active:before{content:"";position:absolute;left:-12px;width:2px;height:20px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff9d35,#ff8d2c);box-shadow:0 0 15px rgba(255,122,26,.5)}.sx31-nav>a.active>span{background:rgba(255,122,26,.14);color:#ffcb86}.sx31-nav-pill{font-style:normal;font-size:5px;letter-spacing:.08em;color:#66bfff;background:rgba(255,141,44,.09);border:1px solid rgba(255,141,44,.12);padding:3px 5px;border-radius:4px}.sx31-sidebar-spacer{flex:1;min-height:10px}
.sx31-service-card{margin:10px 3px 9px;padding:10px;border:1px solid #4a2516;border-radius:10px;background:#0c1729;display:flex;align-items:center;justify-content:space-between;gap:8px}.sx31-service-card span{display:flex;align-items:center;gap:6px;color:#dcc1b0;font-size:7px;font-weight:800}.sx31-service-card span i{width:6px;height:6px;border-radius:50%;background:#35d6a0;box-shadow:0 0 0 4px rgba(53,214,160,.07)}.sx31-service-card small{display:block;color:#586887;font-size:6px;margin-top:3px}.sx31-service-card>a{font-size:6px;font-weight:850;color:#ff9d35;white-space:nowrap}
.sx31-sidebar-footer{padding:8px 3px 0;border-top:1px solid #4a2516;display:grid;grid-template-columns:1fr 1fr;gap:4px}.sx31-sidebar-footer a,.sx31-sidebar-footer button{height:32px;border:0;border-radius:7px;background:transparent;color:#cfb29b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;cursor:pointer}.sx31-sidebar-footer button{width:100%}.sx31-sidebar-footer form{margin:0}.sx31-sidebar-footer a:hover,.sx31-sidebar-footer button:hover{background:#140e10;color:#fff3e8}
.sx31-workspace-main{grid-column:2;min-width:0}.sx31-topbar{height:62px;position:sticky;top:0;z-index:90;display:grid;grid-template-columns:1fr minmax(300px,420px) 1fr;align-items:center;padding:0 26px;background:rgba(8,17,31,.88);border-bottom:1px solid #4a2516;backdrop-filter:blur(18px)}.sx31-topbar-left,.sx31-topbar-actions{display:flex;align-items:center}.sx31-sidebar-toggle{display:none;width:34px;height:34px;border:1px solid #4a2516;border-radius:8px;background:#110d0e;color:#a6b2cc;place-items:center;margin-right:10px}.sx31-breadcrumb{display:flex;align-items:center;gap:8px;font-size:8px;color:#cfb29b}.sx31-breadcrumb i{font-style:normal;color:#364662}.sx31-breadcrumb strong{color:#dcc1b0;font-weight:800}.sx31-command{height:35px;display:flex;align-items:center;gap:8px;width:100%;padding:0 10px;border:1px solid #4a2516;border-radius:8px;background:#0b1629;color:#61708f}.sx31-command>span{font-size:8px}.sx31-command input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:8px;color:#fff3e8!important}.sx31-command input:focus{outline:0}.sx31-command kbd{margin-left:auto;font-size:6px;color:#cfb29b;border:1px solid #2a3a57;background:#101c31;border-radius:4px;padding:2px 5px}.sx31-topbar-actions{justify-content:flex-end;gap:8px}.sx31-online-chip{height:31px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(53,214,160,.16);background:rgba(53,214,160,.055);border-radius:8px;color:#50daa9;font-size:7px;font-weight:850}.sx31-online-chip i{width:5px;height:5px;border-radius:50%;background:#35d6a0}.sx31-icon-action{position:relative;width:33px;height:33px;display:grid;place-items:center;border:1px solid #4a2516;border-radius:8px;background:#110d0e;color:#8493b2}.sx31-icon-action>i{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#ff7a1a;border:1px solid #110d0e}.sx31-user-chip{display:flex;align-items:center;gap:8px;border-left:1px solid #4a2516;padding-left:10px}.sx31-user-chip>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,122,26,.13);color:#ffcb86;font-size:9px;font-weight:900}.sx31-user-chip>div{line-height:1.1}.sx31-user-chip strong{display:block;font-size:8px;color:#fff3e8}.sx31-user-chip small{display:block;font-size:6px;color:#62708d;margin-top:3px}
.sx31-content{width:100%;max-width:1450px;margin:0 auto;padding:26px 28px 60px}.sx31-pagehead{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #4a2516}.sx31-pagehead-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.11);border:1px solid rgba(255,122,26,.14);color:#ffbf72}.sx31-pagehead>div:nth-child(2)>span{font-size:6px;letter-spacing:.16em;font-weight:900;color:#657493}.sx31-pagehead h1{margin:4px 0 3px;font-size:20px;line-height:1.1;letter-spacing:-.035em;color:#fff3e8}.sx31-pagehead p{margin:0;color:#cfb29b;font-size:8px}.sx31-page-actions{display:flex;gap:7px}.sx31-btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #6b341a;border-radius:8px;font-size:8px;font-weight:850;cursor:pointer;transition:.18s}.sx31-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.16)}.sx31-btn.primary{background:linear-gradient(135deg,#ff7a1a,#ff8d2c);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(255,122,26,.17)}.sx31-btn.secondary{background:#0f1a2f;color:#dcc1b0;border-color:#6b341a}.sx31-btn.full{width:100%}.sx31-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

/* KPI + panels */
.sx31-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.sx31-kpi{min-height:94px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:14px;border:1px solid #4a2516;border-radius:11px;background:linear-gradient(145deg,#130e10,#0c1729);position:relative;overflow:hidden}.sx31-kpi:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;top:-72px;background:radial-gradient(circle,rgba(255,122,26,.07),transparent 70%)}.sx31-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px}.sx31-kpi-icon.violet{background:rgba(255,122,26,.12);color:#a79cff}.sx31-kpi-icon.blue{background:rgba(255,141,44,.11);color:#5bb8ff}.sx31-kpi-icon.green{background:rgba(53,214,160,.09);color:#45d9a6}.sx31-kpi-icon.cyan{background:rgba(87,197,255,.09);color:#65c7ff}.sx31-kpi small{display:block;color:#697797;font-size:6px;font-weight:900;letter-spacing:.12em}.sx31-kpi strong{display:block;color:#fff3e8;font-size:19px;line-height:1.1;letter-spacing:-.035em;margin:4px 0 3px}.sx31-kpi span{display:block;color:#cfb29b;font-size:7px}.sx31-kpi>a,.sx31-kpi>em{position:relative;z-index:2;font-style:normal;color:#8c7eff;font-size:8px;font-weight:900;border:1px solid #2a3858;background:#140f10;border-radius:6px;padding:4px 6px}.sx31-kpi>em.positive{color:#3fd5a0;border-color:rgba(53,214,160,.14);background:rgba(53,214,160,.05)}
.sx31-panel{border:1px solid #4a2516;border-radius:12px;background:#110d0e;overflow:hidden}.sx31-panel-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border-bottom:1px solid #4a2516}.sx31-panel-head>div>span{display:block;color:#cfb29b;font-size:6px;font-weight:900;letter-spacing:.14em}.sx31-panel-head h2{font-size:12px;color:#f2f5fd;letter-spacing:-.02em;margin:4px 0 0}.sx31-panel-head>a{font-size:7px;font-weight:850;color:#8c7eff}.sx31-overview-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:11px;margin-bottom:11px}.sx31-roster-list{padding:4px 14px}.sx31-roster-row{min-height:59px;display:grid;grid-template-columns:24px 34px 1fr 150px auto;align-items:center;gap:9px;border-bottom:1px solid #4a2516}.sx31-roster-row:last-child{border-bottom:0}.sx31-roster-rank{font-size:6px;color:#536481;font-weight:900}.sx31-roster-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(255,122,26,.11);color:#a59aff;font-size:7px;font-weight:900}.sx31-roster-copy strong{display:block;font-size:9px;color:#e8edfa}.sx31-roster-copy small{display:block;font-size:6px;color:#c7ab96;margin-top:2px}.sx31-roster-stats{display:flex;justify-content:flex-end;gap:18px}.sx31-roster-stats span{min-width:46px}.sx31-roster-stats b{display:block;font-size:9px;color:#cbd4e8}.sx31-roster-stats small{display:block;font-size:5px;color:#566584;margin-top:2px}.sx31-roster-row>em{font-style:normal;font-size:5px;font-weight:900;color:#55b8ff;border:1px solid rgba(255,141,44,.15);background:rgba(255,141,44,.055);border-radius:5px;padding:3px 5px}.sx31-roster-row>em.active{color:#3ed4a0;background:rgba(53,214,160,.06);border-color:rgba(53,214,160,.15)}
.sx31-status-panel{padding-bottom:13px}.sx31-status-dot{display:flex;align-items:center;gap:6px;color:#45d8a5;font-size:6px;font-weight:900}.sx31-status-dot i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(53,214,160,.06)}.sx31-status-dot.off{color:#cfb29b}.sx31-account-identity{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:15px}.sx31-account-bigavatar{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#ff7a1a,#ff8d2c);font-size:14px;font-weight:900}.sx31-account-identity strong{display:block;font-size:10px}.sx31-account-identity small{display:block;color:#cfb29b;font-size:6px;margin-top:3px}.sx31-account-identity>a{font-size:7px;color:#ff9d35;font-weight:850}.sx31-health-bars{padding:0 15px}.sx31-health-bars>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin:9px 0}.sx31-health-bars span{font-size:7px;color:#cfb29b}.sx31-health-bars b{font-size:7px;color:#dcc1b0}.sx31-health-bars i{grid-column:1/-1;height:3px;border-radius:3px;background:#172540;overflow:hidden}.sx31-health-bars i em{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#ff7a1a,#ff8d2c);border-radius:3px}.sx31-account-note{margin:13px 15px 0;padding:9px;display:flex;align-items:flex-start;gap:7px;border:1px solid #233451;border-radius:8px;background:#110d0e;color:#657493;font-size:6px;line-height:1.55}.sx31-account-note svg{color:#7e70ff;flex:0 0 auto;margin-top:1px}
.sx31-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:11px}.sx31-table-wrap{overflow:auto}.sx31-table{width:100%;border-collapse:collapse;min-width:620px}.sx31-table th{padding:10px 13px!important;text-align:left;background:#110d0e;color:#5e6d8c!important;font-size:6px!important;letter-spacing:.1em;border-bottom:1px solid #4a2516!important}.sx31-table td{padding:11px 13px;border-bottom:1px solid #4a2516!important;color:#aeb9d0;font-size:7px}.sx31-table tr:last-child td{border-bottom:0!important}.sx31-table td:first-child{display:flex;align-items:center;gap:7px;color:#e0e6f5}.sx31-cell-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:rgba(255,122,26,.09);color:#9b90ff}.sx31-table-status{display:inline-flex;padding:3px 6px;border-radius:5px;background:rgba(53,214,160,.06);color:#45d8a5;font-size:6px;font-weight:850}.sx31-quick-grid{display:grid;padding:8px}.sx31-quick-grid>a{min-height:52px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:8px;color:#b8c3da}.sx31-quick-grid>a:hover{background:#101c31}.sx31-quick-grid>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(255,122,26,.09);color:#ffbf72}.sx31-quick-grid strong{display:block;font-size:8px}.sx31-quick-grid small{display:block;color:#5f6f8f;font-size:6px;margin-top:2px}.sx31-quick-grid em{font-style:normal;color:#cfb29b;font-size:9px}.sx31-empty{padding:28px;text-align:center;color:#657493}.sx31-empty strong{display:block;color:#dce3f3;font-size:10px}.sx31-empty p{font-size:7px;margin:4px 0 0}.sx31-empty.compact{padding:20px}.sx31-empty.store{grid-column:1/-1;border:1px dashed #6b341a;border-radius:11px;background:#0c1729}

/* Store workspace */
.sx31-store-head,.sx31-vip-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px;border:1px solid #4a2516;border-radius:12px;background:linear-gradient(135deg,#120d0e 0%,#110d0e 58%,#100d0e 100%);position:relative;overflow:hidden;margin-bottom:10px}.sx31-store-head:after,.sx31-vip-head:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(255,122,26,.14),transparent 68%)}.sx31-store-head>div:first-child,.sx31-vip-head>div:first-child{position:relative;z-index:2}.sx31-store-head>div:first-child>span,.sx31-vip-head>div:first-child>span{display:block;color:#7e70ff;font-size:6px;font-weight:900;letter-spacing:.16em}.sx31-store-head h2,.sx31-vip-head h2{font-size:21px;line-height:1.1;letter-spacing:-.04em;margin:5px 0 6px}.sx31-store-head p,.sx31-vip-head p{margin:0;color:#cfb29b;font-size:8px;max-width:600px}.sx31-wallet-widget{position:relative;z-index:2;display:grid!important;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:300px;padding:10px 11px;border:1px solid #6b341a;border-radius:10px;background:rgba(8,17,31,.75)}.sx31-wallet-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(255,122,26,.12);color:#a399ff}.sx31-wallet-widget small{display:block;color:#60708f;font-size:5px;font-weight:900;letter-spacing:.12em}.sx31-wallet-widget strong{display:block;font-size:14px;color:#f0f4ff;margin-top:2px}.sx31-wallet-widget>a{font-size:6px;font-weight:900;color:#8c7eff;border-left:1px solid #253451;padding-left:10px}.sx31-store-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.sx31-store-metrics article{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid #4a2516;border-radius:10px;background:#110d0e}.sx31-store-metrics>article>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.sx31-store-metrics .violet{background:rgba(255,122,26,.10);color:#ffbf72}.sx31-store-metrics .blue{background:rgba(255,141,44,.08);color:#5cb9ff}.sx31-store-metrics small{display:block;color:#5d6c8b;font-size:5px;font-weight:900;letter-spacing:.12em}.sx31-store-metrics strong{display:block;font-size:12px;margin-top:2px}.sx31-store-metrics em{font-style:normal;color:#657493;font-size:6px}
.sx31-store-tabs{display:flex;gap:4px;overflow:auto;padding:7px;border:1px solid #4a2516;border-radius:10px;background:#0b1629;margin-bottom:10px}.sx31-store-tabs a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 9px;border-radius:7px;color:#72809f;font-size:7px;font-weight:780}.sx31-store-tabs a span{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:#122039;color:#5f6f8e;font-size:5px}.sx31-store-tabs a:hover{background:#101d33;color:#d5ddf0}.sx31-store-tabs a.active{background:rgba(255,122,26,.13);color:#b2a8ff}.sx31-store-tabs a.active span{background:rgba(255,122,26,.12);color:#ffbf72}
.sx31-store-layout{display:grid;grid-template-columns:200px 1fr;gap:10px}.sx31-store-filter{height:max-content;border:1px solid #4a2516;border-radius:11px;background:#110d0e;padding:12px;position:sticky;top:74px}.sx31-filter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #4a2516}.sx31-filter-head span{font-size:6px;font-weight:900;letter-spacing:.13em;color:#cfb29b}.sx31-filter-head a{font-size:6px;color:#8a7cff;font-weight:850}.sx31-filter-block{padding:12px 0;border-bottom:1px solid #4a2516}.sx31-filter-block>small{display:block;font-size:5px;font-weight:900;letter-spacing:.12em;color:#586785;margin-bottom:6px}.sx31-filter-block>a{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;border-radius:6px;color:#7a88a7;font-size:7px}.sx31-filter-block>a:hover,.sx31-filter-block>a.active{background:rgba(255,122,26,.08);color:#b1a8ff}.sx31-filter-block>a em{font-style:normal;font-size:6px;color:#596987}.sx31-rarity{display:grid;gap:7px}.sx31-rarity span{display:flex;align-items:center;gap:6px;color:#7482a1;font-size:7px}.sx31-rarity i{width:6px;height:6px;border-radius:50%;background:#cfb29b}.sx31-rarity i.new{background:#35d6a0}.sx31-rarity i.rare{background:#ff8d2c}.sx31-rarity i.epic{background:#866fff}.sx31-delivery-note{display:flex;align-items:flex-start;gap:8px;padding:10px;margin-top:11px;border:1px solid rgba(53,214,160,.13);border-radius:8px;background:rgba(53,214,160,.035);color:#42d6a1}.sx31-delivery-note strong{display:block;font-size:7px}.sx31-delivery-note small{display:block;color:#61718f;font-size:6px;margin-top:2px}.sx31-store-products,.sx31-public-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx31-product-card{min-width:0;border:1px solid #4a2516;border-radius:11px;background:#110d0e;overflow:hidden;display:flex;flex-direction:column;transition:.18s}.sx31-product-card:hover{transform:translateY(-2px);border-color:#334668;box-shadow:0 16px 40px rgba(0,0,0,.15)}.sx31-product-art{height:150px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#0a1426,#140f10);border-bottom:1px solid #1f2f4a}.sx31-product-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,122,26,.09),transparent 55%);pointer-events:none}.sx31-product-art img{position:relative;z-index:2;max-width:76%;max-height:120px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.32))}.sx31-product-rarity,.sx31-product-code{position:absolute;z-index:3;top:9px;font-size:5px;font-weight:900;letter-spacing:.08em;border:1px solid #2b3a58;background:rgba(8,17,31,.82);border-radius:5px;padding:4px 6px;color:#8592b0}.sx31-product-rarity{left:9px}.sx31-product-code{right:9px;color:#61708f}.sx31-product-card.new .sx31-product-rarity{color:#40d5a0;border-color:rgba(53,214,160,.17)}.sx31-product-card.rare .sx31-product-rarity{color:#58b7ff;border-color:rgba(255,141,44,.17)}.sx31-product-card.epic .sx31-product-rarity{color:#a194ff;border-color:rgba(255,122,26,.2)}.sx31-product-body{padding:12px;display:flex;flex-direction:column;flex:1}.sx31-product-title{display:flex;justify-content:space-between;gap:10px}.sx31-product-title small{display:block;color:#566584;font-size:5px;font-weight:850;letter-spacing:.08em}.sx31-product-title h3{font-size:10px;margin:3px 0 0;color:#eef2fb}.sx31-product-title button{width:27px;height:27px;border:1px solid #6b341a;border-radius:7px;background:#101c31;color:#cfb29b}.sx31-product-body>p{color:#697797;font-size:7px;line-height:1.55;min-height:33px;margin:8px 0}.sx31-product-tags{display:flex;flex-wrap:wrap;gap:4px}.sx31-product-tags span{padding:3px 5px;border-radius:4px;background:#111f37;color:#697897;font-size:5px;font-weight:850}.sx31-product-price{margin-top:auto;padding-top:12px;display:flex;align-items:end;justify-content:space-between;gap:8px}.sx31-product-price small{display:block;color:#566584;font-size:5px;font-weight:900;letter-spacing:.1em}.sx31-product-price strong{display:block;color:#f3f6ff;font-size:14px;letter-spacing:-.02em;margin-top:2px}.sx31-product-price strong span{font-size:6px;color:#8290ae;font-weight:800}.sx31-buy{position:relative}.sx31-buy summary{list-style:none;cursor:pointer;min-height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:7px;background:linear-gradient(135deg,#ff7a1a,#ff8d2c);color:#fff;font-size:7px;font-weight:850}.sx31-buy summary::-webkit-details-marker{display:none}.sx31-buy[open] form{display:grid}.sx31-buy form{display:none;position:absolute;right:0;bottom:42px;z-index:20;width:260px;padding:11px;border:1px solid #2b3b5a;border-radius:10px;background:#0b1629;box-shadow:0 20px 50px rgba(0,0,0,.35);gap:8px}.sx31-buy .field{margin:0}

/* VIP pricing */
.sx31-vip-status{position:relative;z-index:2;min-width:235px;padding:11px 13px;border:1px solid #6b341a;border-radius:10px;background:rgba(8,17,31,.75)}.sx31-vip-status>span{display:flex;align-items:center;gap:6px;color:#cfb29b;font-size:5px;font-weight:900;letter-spacing:.1em}.sx31-vip-status>span i{width:5px;height:5px;border-radius:50%;background:#657493}.sx31-vip-status strong{display:block;font-size:12px;margin:5px 0 2px}.sx31-vip-status small{display:block;font-size:6px;color:#62718f}.sx31-vip-status.active>span{color:#3fd4a0}.sx31-vip-status.active>span i{background:#35d6a0;box-shadow:0 0 0 4px rgba(53,214,160,.07)}.sx31-info-strip{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:10px;border:1px solid rgba(255,141,44,.13);border-radius:8px;background:rgba(255,141,44,.04);color:#cfb29b;font-size:7px}.sx31-info-strip svg{color:#ffb24a;flex:0 0 auto}.sx31-pricing-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 2px}.sx31-pricing-toolbar>div:first-child span,.sx31-public-section-head span{display:block;color:#657493;font-size:6px;font-weight:900;letter-spacing:.13em}.sx31-pricing-toolbar>div:first-child strong{display:block;font-size:10px;color:#fff3e8;margin-top:2px}.sx31-payment-hint{display:flex;align-items:center;gap:6px;color:#cfb29b;font-size:7px}.sx31-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx31-plan-card{position:relative;display:flex;flex-direction:column;padding:17px;border:1px solid #4a2516;border-radius:12px;background:linear-gradient(145deg,#130e10,#0b090a);overflow:hidden}.sx31-plan-card.featured{border-color:rgba(255,122,26,.45);box-shadow:0 0 0 1px rgba(255,122,26,.12),0 20px 45px rgba(0,0,0,.14)}.sx31-plan-card.featured:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(255,122,26,.18),transparent 68%)}.sx31-plan-featured{position:absolute;right:12px;top:12px;z-index:2;padding:4px 6px;border-radius:5px;background:linear-gradient(135deg,#ff7a1a,#ff8d2c);color:#fff;font-size:5px;font-weight:900;letter-spacing:.08em}.sx31-plan-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.sx31-plan-top span{font-size:6px;font-weight:900;color:#ffbf72;letter-spacing:.12em}.sx31-plan-top em{font-style:normal;font-size:5px;color:#cfb29b;border:1px solid #6b341a;background:#140f10;padding:3px 5px;border-radius:4px}.sx31-plan-icon{width:37px;height:37px;display:grid;place-items:center;margin:23px 0 12px;border-radius:10px;background:rgba(255,122,26,.11);color:#ffbf72;position:relative;z-index:2}.sx31-plan-card h3{font-size:16px;letter-spacing:-.035em;margin:0 0 6px;position:relative;z-index:2}.sx31-plan-card>p{color:#cfb29b;font-size:7px;line-height:1.6;min-height:35px;margin:0 0 14px;position:relative;z-index:2}.sx31-plan-price{display:flex;align-items:end;gap:6px;position:relative;z-index:2}.sx31-plan-price strong{font-size:27px;line-height:1;letter-spacing:-.05em}.sx31-plan-price span{color:#cfb29b;font-size:6px;font-weight:850;padding-bottom:3px}.sx31-plan-alt{display:block;color:#60708e;font-size:6px;margin:5px 0 13px;position:relative;z-index:2}.sx31-plan-benefits{list-style:none;padding:0;margin:0 0 16px;position:relative;z-index:2}.sx31-plan-benefits li{display:flex;align-items:flex-start;gap:7px;padding:6px 0;border-bottom:1px solid #4a2516;color:#cfb29b;font-size:7px}.sx31-plan-benefits li:last-child{border-bottom:0}.sx31-plan-benefits li span{color:#3fd4a0;font-weight:900}.sx31-plan-form{display:grid;gap:8px;margin-top:auto;position:relative;z-index:2}.sx31-plan-form .field{margin:0}.sx31-plan-form label{font-size:6px!important}

/* Admin dashboard */
.sx31-admin-overview{display:grid;grid-template-columns:1.35fr .65fr;gap:11px;margin-bottom:11px}.sx31-admin-livepanel{padding-bottom:13px}.sx31-admin-chart-wrap{padding:15px}.sx31-admin-chart-head{display:flex;align-items:flex-start;justify-content:space-between}.sx31-admin-chart-head small{display:block;color:#5d6c8b;font-size:5px;font-weight:900;letter-spacing:.1em}.sx31-admin-chart-head strong{display:block;font-size:27px;line-height:1;margin:5px 0 3px;letter-spacing:-.05em}.sx31-admin-chart-head span{color:#61708f;font-size:6px}.sx31-admin-chart-head>div:last-child{text-align:right}.sx31-admin-chart-head>div:last-child b{display:block;color:#3fd4a0;font-size:11px}.sx31-admin-bars{height:112px;display:flex;align-items:end;gap:5px;margin:18px 0 7px;padding:0 2px;background:repeating-linear-gradient(to top,transparent 0,transparent 27px,rgba(80,99,142,.08) 28px)}.sx31-admin-bars i{flex:1;height:var(--h);min-width:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#7965ff,#3ca9ff);box-shadow:0 5px 16px rgba(91,103,255,.12)}.sx31-admin-chart-axis{display:flex;justify-content:space-between;color:#4f5f7d;font-size:5px}.sx31-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 15px}.sx31-service-grid>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:8px;border:1px solid #4a2516;border-radius:8px;background:#110d0e}.sx31-service-grid>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px}.sx31-service-grid .green{color:#3ed4a0;background:rgba(53,214,160,.07)}.sx31-service-grid .violet{color:#9e93ff;background:rgba(255,122,26,.09)}.sx31-service-grid .blue,.sx31-service-grid .cyan{color:#ffb24a;background:rgba(255,141,44,.07)}.sx31-service-grid small{display:block;color:#5d6c8a;font-size:5px}.sx31-service-grid strong{display:block;font-size:7px;margin-top:2px}.sx31-service-grid em{font-style:normal;color:#4bd7a4;font-size:5px;font-weight:850}.sx31-admin-ranking{padding:5px 13px}.sx31-admin-ranking>div{min-height:48px;display:grid;grid-template-columns:22px 29px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #4a2516}.sx31-admin-ranking>div:last-child{border-bottom:0}.sx31-rank-number{color:#566684;font-size:6px;font-weight:900}.sx31-rank-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(255,122,26,.09);color:#9e93ff;font-size:7px;font-weight:900}.sx31-admin-ranking strong{display:block;font-size:8px}.sx31-admin-ranking small{display:block;font-size:5px;color:#5b6a89;margin-top:2px}.sx31-admin-ranking em{font-style:normal;color:#7584a3;font-size:6px}.sx31-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 2px 10px}.sx31-section-title span{display:block;color:#657493;font-size:6px;font-weight:900;letter-spacing:.13em}.sx31-section-title h2{font-size:15px;margin:4px 0 2px}.sx31-section-title p{font-size:7px;color:#657493;margin:0}.sx31-section-title>a{font-size:7px;color:#8b7dff;font-weight:850}.sx31-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px}.sx31-module-grid>a{min-height:145px;display:flex;flex-direction:column;padding:14px;border:1px solid #21314e;border-radius:10px;background:#110d0e;transition:.18s}.sx31-module-grid>a:hover{transform:translateY(-2px);border-color:#344768;background:#140e10}.sx31-module-top{display:flex;justify-content:space-between;align-items:center}.sx31-module-icon-new{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(255,122,26,.10);color:#ffbf72}.sx31-module-top em{font-style:normal;font-size:5px;color:#637290;border:1px solid #6b341a;background:#140f10;border-radius:4px;padding:3px 5px}.sx31-module-grid>a>small{display:block;color:#53627f;font-size:5px;font-weight:900;margin-top:14px}.sx31-module-grid h3{font-size:11px;margin:3px 0 4px}.sx31-module-grid p{font-size:6px;color:#63718f;line-height:1.5;margin:0}.sx31-module-grid b{margin-top:auto;color:#8172ff;font-size:6px}.sx31-dashboard-grid.admin-bottom{grid-template-columns:1.15fr .85fr}.sx31-session-list{padding:4px 13px}.sx31-session-list>div{min-height:49px;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #4a2516}.sx31-session-list>div:last-child{border-bottom:0}.sx31-session-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(255,122,26,.09);color:#9d92ff;font-size:7px;font-weight:900}.sx31-session-list strong{display:block;font-size:8px}.sx31-session-list small{display:block;color:#5f6e8c;font-size:5px;margin-top:2px}.sx31-session-list em{display:flex;align-items:center;gap:5px;font-style:normal;color:#3ed4a0;font-size:6px}.sx31-session-list em i{width:5px;height:5px;border-radius:50%;background:#35d6a0}.sx31-business-metrics{padding:5px 13px}.sx31-business-metrics>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a2516}.sx31-business-metrics>div:last-child{border-bottom:0}.sx31-business-metrics span{display:flex;align-items:center;gap:7px;color:#7b89a6;font-size:7px}.sx31-business-metrics svg{color:#8173ff}.sx31-business-metrics strong{font-size:10px}

/* Public store / VIP */
.sx31-public-product-hero{padding:105px 0 64px;background:radial-gradient(circle at 75% 18%,rgba(255,141,44,.11),transparent 31%),radial-gradient(circle at 30% 20%,rgba(255,122,26,.12),transparent 34%),linear-gradient(112deg,#160b09 0%,#110d0e 48%,#120d0f 100%);border-bottom:1px solid #4a2516;position:relative;overflow:hidden}.sx31-public-product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(113,130,176,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(113,130,176,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}.sx31-public-product-hero .sx-container{position:relative;display:grid;grid-template-columns:1fr 270px;gap:80px;align-items:center}.sx31-public-product-hero h1{font-size:52px;line-height:1.02;letter-spacing:-.055em;margin:12px 0 15px;max-width:650px}.sx31-public-product-hero h1 span{background:linear-gradient(90deg,#ff9d35,#4eb3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sx31-public-product-hero p{color:#9ca9c5;font-size:13px;line-height:1.75;max-width:650px}.sx31-public-tags{display:flex;gap:7px;margin-top:22px}.sx31-public-tags span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(85,105,151,.28);border-radius:999px;background:rgba(8,17,31,.38);font-size:7px;color:#cfb29b;font-weight:800}.sx31-public-tags i{width:5px;height:5px;border-radius:50%;background:#35d6a0}.sx31-public-product-card{padding:17px;border:1px solid #273754;border-radius:13px;background:rgba(8,17,31,.68);box-shadow:0 25px 60px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.sx31-public-product-card small{display:block;color:#cfb29b;font-size:6px;font-weight:900;letter-spacing:.13em}.sx31-public-product-card strong{display:block;font-size:36px;letter-spacing:-.05em;margin:8px 0 0}.sx31-public-product-card>span{display:block;color:#72809f;font-size:7px;margin-bottom:15px}.sx31-public-product-card .sx31-btn{width:100%}.sx31-public-store{padding:48px 0 80px;background:#0c1628}.sx31-store-tabs.public{margin-bottom:18px}.sx31-public-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sx31-pricing-grid.public{max-width:1100px;margin:0 auto}.sx31-public-section-head{margin-bottom:24px}.sx31-public-section-head h2{font-size:30px;letter-spacing:-.045em;margin:6px 0 6px}.sx31-public-section-head p{color:#7583a1;font-size:9px;margin:0}

/* Make remaining Player/Admin legacy forms feel native to the SaaS shell */
.sx31-content .module-title{align-items:center;margin:0 0 12px;padding:0 2px}.sx31-content .module-title h1,.sx31-content .module-title h2{font-size:16px;color:#fff3e8}.sx31-content .module-title p{font-size:7px;color:#cfb29b}.sx31-content .eyebrow{color:#ff8f24;font-size:6px}.sx31-content .card,.sx31-content .table-wrap,.sx31-content .panel,.sx31-content .admin-ticket{border-color:#4a2516!important;background:#110d0e!important;border-radius:11px!important;box-shadow:none!important}.sx31-content .card-pad,.sx31-content .admin-form{padding:16px!important}.sx31-content .display{color:#f0f4fd;letter-spacing:-.035em}.sx31-content .field{margin-bottom:10px}.sx31-content .field label{display:block;color:#cfb29b;font-size:6px;font-weight:850;letter-spacing:.04em;margin-bottom:5px}.sx31-content input,.sx31-content select,.sx31-content textarea,.sx31-content .input,.sx31-content .select,.sx31-content .textarea{min-height:36px;border:1px solid #2a3a58!important;border-radius:8px!important;background:#110d0e!important;color:#e8edf9!important;font-size:8px!important;padding:8px 10px!important}.sx31-content textarea,.sx31-content .textarea{min-height:90px}.sx31-content .btn{min-height:36px;border-radius:8px;font-size:7px;font-weight:850}.sx31-content .btn-primary,.sx31-content .btn-gold{background:linear-gradient(135deg,#ff7a1a,#ff8d2c)!important;border-color:transparent!important;color:#fff!important}.sx31-content .badge{font-size:5px;padding:4px 6px;background:#111e35;border-color:#6b341a;color:#8593b0}.sx31-content .alert{font-size:7px;border-radius:8px}.sx31-content .grid{gap:10px}.sx31-content .wallet-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.sx31-content .wallet-mini{padding:12px;border:1px solid #4a2516;border-radius:10px;background:#110d0e}.sx31-content .wallet-mini span{display:block;color:#63718f;font-size:6px}.sx31-content .wallet-mini strong{display:block;font-size:13px;margin-top:4px}.sx31-content .char-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px}.sx31-content .char-emblem{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(255,122,26,.10);color:#ffbf72;font-size:8px;font-weight:900}.sx31-content .rank-value{color:#61708f;font-size:10px}.sx31-content .profile-player-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px}.sx31-content .profile-rank-preview{border-color:#4a2516!important;background:#110d0e!important}.sx31-content .profile-avatar-large{background:rgba(255,122,26,.10)!important;border-color:#2a3a58!important}.sx31-content .rank-list,.sx31-content .ticket-stack{display:grid;gap:8px}.sx31-content .rank-row{border-color:#4a2516!important}.sx31-content .ticket-card{padding:15px}.sx31-content .ticket-message{border-color:#4a2516!important;background:#110d0e!important;color:#8e9bb7!important}.sx31-content .ticket-message.staff{background:rgba(255,122,26,.05)!important}.sx31-content .note,.sx31-content .notice{border-color:#253552!important;background:#110d0e!important;color:#cfb29b!important}.sx31-content .action-row{display:flex;gap:6px;flex-wrap:wrap}.sx31-content .form-grid{gap:10px}.sx31-content .check-row{border-color:#4a2516!important;background:#110d0e!important;border-radius:8px!important}.sx31-content table.table{background:transparent}.sx31-content .table th{background:#110d0e!important;color:#5e6d8c!important;font-size:6px!important}.sx31-content .table td{font-size:7px!important;border-color:#4a2516!important}.sx31-content .table tbody tr:hover{background:#140e10!important}
/* old admin commerce/content modules */
.sx31-admin-sidebar~.sx31-workspace-main .r170-admin-card,.sx31-content .shop-option-panel,.sx31-content .xml-browser,.sx31-content .item-rules-overview,.sx31-content .gremory-help,.sx31-content .studio-category,.sx31-content .studio-media-card,.sx31-content .health-item,.sx31-content .excellent-editor,.sx31-content .advanced-delivery{background:#110d0e!important;border-color:#4a2516!important;border-radius:10px!important}.sx31-content .shop-editor{top:75px}.sx31-content .xml-section-button,.sx31-content .locale-tab{background:#140e10!important;border-color:#6b341a!important;color:#7d8aa7!important}.sx31-content .xml-section-button.active,.sx31-content .locale-tab.active{background:linear-gradient(135deg,#ff7a1a,#ff8d2c)!important;color:#fff!important;border-color:transparent!important}

@media(max-width:1280px){
  .sx31-content{padding-inline:20px}.sx31-store-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sx31-public-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx31-topbar{grid-template-columns:1fr 340px 1fr}.sx31-service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1040px){
  .sx31-workspace-shell{grid-template-columns:220px minmax(0,1fr)}.sx31-sidebar{width:220px}.sx31-topbar{grid-template-columns:auto 1fr auto}.sx31-topbar-center{display:none}.sx31-kpi-grid{grid-template-columns:repeat(2,1fr)}.sx31-overview-grid,.sx31-admin-overview,.sx31-dashboard-grid,.sx31-dashboard-grid.admin-bottom{grid-template-columns:1fr}.sx31-store-layout{grid-template-columns:170px 1fr}.sx31-pricing-grid{grid-template-columns:repeat(2,1fr)}.sx31-pricing-grid .sx31-plan-card:last-child:nth-child(odd){grid-column:1/-1}.sx31-module-grid{grid-template-columns:repeat(2,1fr)}.sx31-public-product-hero .sx-container{gap:40px}.sx31-public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .sx31-workspace-shell{display:block}.sx31-sidebar{transform:translateX(-105%);transition:.22s;width:250px;box-shadow:30px 0 70px rgba(0,0,0,.42)}body.sidebar-open .sx31-sidebar{transform:none}.sx31-sidebar-close{display:grid;place-items:center}.sx31-workspace-main{min-width:0}.sx31-sidebar-toggle{display:grid}.sx31-topbar{padding:0 15px}.sx31-content{padding:20px 15px 50px}.sx31-pagehead{grid-template-columns:36px 1fr}.sx31-pagehead-icon{width:36px;height:36px}.sx31-page-actions{grid-column:1/-1}.sx31-page-actions .sx31-btn{flex:1}.sx31-store-filter{display:none}.sx31-store-layout{grid-template-columns:1fr}.sx31-buy form{right:-6px}.sx31-store-head,.sx31-vip-head{align-items:flex-start;flex-direction:column}.sx31-wallet-widget,.sx31-vip-status{min-width:0;width:100%}.sx31-public-product-hero{padding-top:88px}.sx31-public-product-hero .sx-container{grid-template-columns:1fr;gap:28px}.sx31-public-product-card{max-width:380px}.sx31-content .profile-player-grid{grid-template-columns:1fr}.sx31-content .wallet-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .sx31-topbar{height:58px}.sx31-breadcrumb span,.sx31-breadcrumb i,.sx31-user-chip>div,.sx31-topbar-actions .language-switcher,.sx31-online-chip{display:none}.sx31-content{padding-inline:12px}.sx31-pagehead{margin-bottom:15px}.sx31-pagehead p{display:none}.sx31-page-actions{display:none}.sx31-kpi-grid,.sx31-store-metrics{grid-template-columns:1fr 1fr}.sx31-kpi{min-height:82px;padding:11px;grid-template-columns:34px 1fr auto}.sx31-kpi-icon{width:34px;height:34px}.sx31-kpi strong{font-size:16px}.sx31-roster-row{grid-template-columns:22px 32px 1fr auto}.sx31-roster-stats{display:none}.sx31-store-products,.sx31-public-product-grid,.sx31-pricing-grid,.sx31-pricing-grid.public,.sx31-module-grid{grid-template-columns:1fr}.sx31-pricing-grid .sx31-plan-card:last-child:nth-child(odd){grid-column:auto}.sx31-store-tabs{margin-inline:-1px}.sx31-product-art{height:175px}.sx31-product-art img{max-height:145px}.sx31-buy form{position:fixed;left:12px;right:12px;bottom:14px;width:auto;z-index:160}.sx31-service-grid{grid-template-columns:1fr}.sx31-public-product-hero h1{font-size:40px}.sx31-public-tags{flex-wrap:wrap}.sx31-public-store{padding-top:32px}.sx31-public-section-head h2{font-size:24px}.sx31-content .wallet-strip{grid-template-columns:1fr 1fr}.sx31-content .g2,.sx31-content .g3,.sx31-content .g4{grid-template-columns:1fr}.sx31-section-title{align-items:flex-start;flex-direction:column}.sx31-admin-chart-head>div:last-child{display:none}
}
@media(max-width:420px){.sx31-kpi-grid,.sx31-store-metrics,.sx31-content .wallet-strip{grid-template-columns:1fr}.sx31-pagehead h1{font-size:17px}.sx31-store-head h2,.sx31-vip-head h2{font-size:18px}.sx31-wallet-widget{grid-template-columns:32px 1fr}.sx31-wallet-widget>a{grid-column:1/-1;border-left:0;border-top:1px solid #253451;padding:7px 0 0}.sx31-public-product-hero h1{font-size:34px}}

/* === VIP PRO REBUILD  === */
.sx31-vip-hero-sa{padding:110px 0 72px;background:radial-gradient(circle at 18% 18%,rgba(255,122,26,.18),transparent 30%),radial-gradient(circle at 82% 18%,rgba(255,141,44,.18),transparent 28%),linear-gradient(120deg,#150b0a 0%,#110d0e 46%,#0b0909 100%);border-bottom:1px solid #22304a;position:relative;overflow:hidden}.sx31-vip-hero-sa:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,136,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,136,184,.045) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.sx31-vip-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:40px;align-items:start}.sx31-vip-hero-copy h1{font-size:62px;line-height:.98;letter-spacing:-.06em;margin:14px 0 18px;max-width:760px;color:#fff3e8}.sx31-vip-hero-copy h1 span{background:linear-gradient(90deg,#ff9d35,#ff9a31);-webkit-background-clip:text;background-clip:text;color:transparent}.sx31-vip-hero-copy p{max-width:700px;color:#cfb29b;font-size:14px;line-height:1.78;margin:0}.sx31-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.22em;color:#ffb24a}.sx31-kicker:before{content:"";width:42px;height:1px;background:linear-gradient(90deg,#ff8f24,#ff8d2c)}.sx31-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sx31-vip-hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.sx31-vip-hero-points article{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid rgba(48,67,106,.95);border-radius:16px;background:rgba(10,18,34,.55);backdrop-filter:blur(12px)}.sx31-vip-hero-points article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(255,141,44,.16));color:#ffcb86}.sx31-vip-hero-points strong{display:block;font-size:14px;color:#fff3e8;margin-bottom:4px}.sx31-vip-hero-points small{display:block;font-size:11px;line-height:1.55;color:#cfb29b}.sx31-vip-onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.sx31-vip-onboarding>div{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(53,70,111,.72)}.sx31-vip-onboarding b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.12);color:#ffbf72;font-size:11px}.sx31-vip-onboarding span{font-size:11px;font-weight:800;color:#dcc1b0;letter-spacing:.02em}.sx31-vip-control-panel{padding:20px;border:1px solid #4a2516;border-radius:24px;background:linear-gradient(180deg,rgba(10,18,34,.92),rgba(8,15,27,.96));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)}.sx31-vip-control-head small{display:block;color:#cfb29b;font-size:11px;font-weight:900;letter-spacing:.2em}.sx31-vip-control-head strong{display:block;color:#fff3e8;font-size:27px;line-height:1.05;letter-spacing:-.05em;margin-top:8px}.sx31-vip-control-head span{display:block;color:#cfb29b;font-size:12px;line-height:1.65;margin-top:8px}.sx31-vip-control-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.sx31-vip-control-metrics article{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid #4a2516;border-radius:16px;background:#0c1528}.sx31-vip-control-metrics article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,122,26,.12);color:#ffbf72}.sx31-vip-control-metrics small{display:block;color:#68789b;font-size:10px;font-weight:900;letter-spacing:.12em}.sx31-vip-control-metrics strong{display:block;color:#fff3e8;font-size:16px;line-height:1.2;margin-top:3px}.sx31-vip-control-metrics em{font-style:normal;font-size:11px;color:#7f90b0}.sx31-vip-control-featured{margin-top:16px;padding:16px;border:1px solid rgba(255,122,26,.22);border-radius:18px;background:linear-gradient(135deg,rgba(255,122,26,.12),rgba(255,141,44,.08))}.sx31-vip-control-featured-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sx31-vip-control-featured-top span{display:block;color:#8493b3;font-size:10px;font-weight:900;letter-spacing:.16em}.sx31-vip-control-featured-top b{display:block;color:#fff;font-size:18px;line-height:1.1}.sx31-vip-control-price{display:flex;align-items:end;gap:8px;margin-top:12px}.sx31-vip-control-price strong{font-size:42px;line-height:1;color:#fff;letter-spacing:-.06em}.sx31-vip-control-price small{font-size:12px;color:#9eabca;padding-bottom:6px}.sx31-vip-control-featured ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.sx31-vip-control-featured li{display:flex;align-items:center;gap:8px;color:#d6ddf0;font-size:12px}.sx31-vip-control-featured li svg{color:#41d8a5}.sx31-vip-public-shell{padding-top:52px}.sx31-public-section-head.vip-pro{display:flex;align-items:end;justify-content:space-between;gap:24px}.sx31-vip-strip-head-tags{display:flex;flex-wrap:wrap;gap:8px}.sx31-vip-strip-head-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1px solid #283858;background:#0f182c;color:#cfb29b;font-size:11px;font-weight:800}.sx31-vip-strip-head-tags i{width:6px;height:6px;border-radius:50%;background:#35d6a0}.sx31-vip-benefit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.sx31-vip-benefit-strip article{padding:16px;border:1px solid #4a2516;border-radius:18px;background:linear-gradient(145deg,#0e182d,#110d0e)}.sx31-vip-benefit-strip small{display:block;color:#67789d;font-size:10px;font-weight:900;letter-spacing:.16em}.sx31-vip-benefit-strip strong{display:block;color:#fff3e8;font-size:18px;line-height:1.15;margin:10px 0 6px}.sx31-vip-benefit-strip span{display:block;color:#8492b1;font-size:12px;line-height:1.65}.sx31-pricing-grid-vippro{gap:16px}.sx31-plan-card-pro{padding:22px;border-radius:22px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);border:1px solid #4a2516;box-shadow:0 16px 40px rgba(0,0,0,.18)}.sx31-plan-card-pro.featured{transform:translateY(-4px);border-color:rgba(255,122,26,.55);box-shadow:0 0 0 1px rgba(255,122,26,.14),0 26px 60px rgba(0,0,0,.24)}.sx31-plan-pro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sx31-plan-pro-head h3{font-size:28px;margin:6px 0 8px;line-height:1.02;letter-spacing:-.05em}.sx31-plan-card-pro>p,.sx31-plan-pro-head p{color:#8794b3;font-size:12px;line-height:1.65;min-height:0;max-width:420px;margin:0}.sx31-plan-micro{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#9488ff}.sx31-plan-micro:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,#ff8f24,#ff8d2c)}.sx31-plan-pro-head em{font-style:normal;flex:0 0 auto;padding:8px 11px;border-radius:999px;border:1px solid #29405f;background:#0d1b32;color:#8f9cc0;font-size:10px;font-weight:900;letter-spacing:.12em}.sx31-plan-price-block{margin:20px 0 18px;padding:16px;border:1px solid rgba(44,62,99,.88);border-radius:18px;background:linear-gradient(135deg,rgba(255,122,26,.08),rgba(255,141,44,.04))}.sx31-plan-card-pro .sx31-plan-price strong{font-size:44px}.sx31-plan-card-pro .sx31-plan-price span{font-size:12px;padding-bottom:8px}.sx31-plan-card-pro .sx31-plan-alt{margin:8px 0 0;font-size:11px;color:#7f90b0}.sx31-plan-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sx31-plan-specs article{padding:12px;border:1px solid #4a2516;border-radius:14px;background:#110d0e}.sx31-plan-specs small{display:block;color:#66779c;font-size:10px;font-weight:900;letter-spacing:.12em}.sx31-plan-specs strong{display:block;color:#fff3e8;font-size:14px;line-height:1.3;margin-top:6px}.sx31-plan-benefit-zone{margin-top:18px;padding:16px;border:1px solid #4a2516;border-radius:18px;background:rgba(9,15,28,.75)}.sx31-plan-zone-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #4a2516}.sx31-plan-zone-head strong{font-size:14px;color:#fff3e8}.sx31-plan-zone-head span{font-size:11px;color:#cfb29b}.sx31-plan-card-pro .sx31-plan-benefits{margin:12px 0 0}.sx31-plan-card-pro .sx31-plan-benefits li{padding:10px 0;font-size:12px;color:#dcc1b0;border-bottom:1px solid #4a2516}.sx31-plan-card-pro .sx31-plan-benefits.compact li{color:#dcc1b0}.sx31-plan-pro-footer{display:grid;gap:14px;margin-top:auto;padding-top:16px}.sx31-plan-payments,.sx31-plan-payline{display:flex;flex-wrap:wrap;gap:8px}.sx31-plan-payments span,.sx31-plan-payline span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #4a2516;border-radius:999px;background:#100c0d;color:#cfb29b;font-size:10px;font-weight:800}.sx31-plan-form-pro{gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #4a2516}.sx31-plan-form-pro label{font-size:10px!important;color:#cfb29b!important}.sx31-plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sx31-plan-form-pro .input,.sx31-plan-form-pro .select{min-height:46px;border-radius:12px}.sx31-vip-workspace-head{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:18px;padding:18px;border:1px solid #4a2516;border-radius:18px;background:linear-gradient(135deg,#120d0e 0%,#110d0e 58%,#100d0e 100%);position:relative;overflow:hidden;margin-bottom:12px}.sx31-vip-workspace-head:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(255,122,26,.16),transparent 68%)}.sx31-vip-workspace-copy,.sx31-vip-summary-panel{position:relative;z-index:2}.sx31-vip-workspace-copy>span{display:block;color:#8d82ff;font-size:10px;font-weight:900;letter-spacing:.18em}.sx31-vip-workspace-copy h2{font-size:32px;line-height:1.02;letter-spacing:-.05em;margin:8px 0 10px}.sx31-vip-workspace-copy p{margin:0;color:#cfb29b;font-size:13px;line-height:1.7;max-width:760px}.sx31-vip-inline-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sx31-vip-inline-points span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(50,69,109,.92);background:rgba(8,17,31,.42);color:#96a3c5;font-size:11px;font-weight:800}.sx31-vip-summary-panel{display:grid;gap:14px;padding:16px;border:1px solid #2a3a58;border-radius:16px;background:rgba(8,17,31,.72)}.sx31-vip-summary-panel.active{border-color:rgba(53,214,160,.28);box-shadow:0 0 0 1px rgba(53,214,160,.06)}.sx31-vip-summary-state small{display:block;color:#cfb29b;font-size:10px;font-weight:900;letter-spacing:.16em}.sx31-vip-summary-state strong{display:block;color:#fff3e8;font-size:20px;line-height:1.1;margin-top:6px}.sx31-vip-summary-state span{display:block;color:#8a99b8;font-size:12px;margin-top:6px}.sx31-vip-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sx31-vip-summary-grid article{padding:12px;border:1px solid #4a2516;border-radius:12px;background:#0c1528}.sx31-vip-summary-grid small{display:block;color:#68799e;font-size:9px;font-weight:900;letter-spacing:.14em}.sx31-vip-summary-grid strong{display:block;color:#edf3ff;font-size:14px;line-height:1.3;margin-top:5px}.sx31-vip-account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 10px}.sx31-vip-account-cards article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border:1px solid #4a2516;border-radius:15px;background:#110d0e}.sx31-vip-account-cards article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,122,26,.10);color:#ffbf72}.sx31-vip-account-cards small{display:block;color:#cfb29b;font-size:10px;font-weight:900;letter-spacing:.13em}.sx31-vip-account-cards strong{display:block;color:#fff3e8;font-size:16px;line-height:1.2;margin:4px 0}.sx31-vip-account-cards p{margin:0;color:#cfb29b;font-size:11px;line-height:1.6}.sx31-pricing-toolbar.vip-pro{padding:14px 4px 16px}.sx31-pricing-toolbar.vip-pro>div:first-child strong{font-size:16px}.sx31-pricing-toolbar.vip-pro .sx31-payment-hint{font-size:11px}
@media(max-width:1180px){.sx31-vip-hero-grid,.sx31-vip-workspace-head{grid-template-columns:1fr}.sx31-vip-hero-copy h1{font-size:52px}.sx31-vip-control-panel{max-width:520px}.sx31-vip-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sx31-vip-account-cards{grid-template-columns:1fr}.sx31-vip-hero-points{grid-template-columns:1fr}.sx31-public-section-head.vip-pro{align-items:flex-start;flex-direction:column}.sx31-plan-form-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sx31-vip-hero-sa{padding-top:92px}.sx31-vip-hero-copy h1{font-size:40px}.sx31-vip-onboarding{grid-template-columns:1fr}.sx31-vip-control-metrics,.sx31-vip-summary-grid,.sx31-plan-specs{grid-template-columns:1fr 1fr}.sx31-vip-benefit-strip{grid-template-columns:1fr}.sx31-vip-strip-head-tags{width:100%}.sx31-vip-strip-head-tags span{flex:1;justify-content:center}}
@media(max-width:560px){.sx31-vip-hero-copy h1{font-size:34px}.sx31-vip-control-metrics,.sx31-vip-summary-grid,.sx31-plan-specs{grid-template-columns:1fr}.sx31-plan-card-pro{padding:16px;border-radius:18px}.sx31-plan-pro-head{flex-direction:column}.sx31-plan-card-pro .sx31-plan-price strong{font-size:38px}.sx31-vip-hero-points article,.sx31-vip-account-cards article{grid-template-columns:1fr}.sx31-vip-hero-points article>span,.sx31-vip-account-cards article>span{margin-bottom:8px}}

/* === PUBLIC PAGES PRO EXPANSION  === */
.sx31-saas-page-hero.shop{background:radial-gradient(circle at 18% 18%,rgba(255,122,26,.15),transparent 30%),radial-gradient(circle at 82% 18%,rgba(255,141,44,.14),transparent 28%),linear-gradient(120deg,#140b09 0%,#110d0e 46%,#0b0909 100%)}
.sx31-saas-page-hero.ranking{background:radial-gradient(circle at 20% 20%,rgba(255,141,44,.13),transparent 30%),radial-gradient(circle at 82% 18%,rgba(255,122,26,.16),transparent 28%),linear-gradient(120deg,#150b09 0%,#101931 46%,#0c0909 100%)}
.sx31-saas-page-hero.support{background:radial-gradient(circle at 16% 18%,rgba(255,122,26,.15),transparent 30%),radial-gradient(circle at 86% 18%,rgba(255,141,44,.11),transparent 28%),linear-gradient(120deg,#140b09 0%,#0f1730 46%,#0c0909 100%)}
.sx31-saas-page-hero.castle{background:radial-gradient(circle at 20% 18%,rgba(255,122,26,.16),transparent 28%),radial-gradient(circle at 84% 14%,rgba(255,141,44,.10),transparent 28%),linear-gradient(120deg,#160b09 0%,#10172e 48%,#0b0909 100%)}
.sx31-saas-page-hero.events,.sx31-saas-page-hero.downloads,.sx31-saas-page-hero.news,.sx31-saas-page-hero.guide{background:radial-gradient(circle at 20% 18%,rgba(255,122,26,.14),transparent 28%),radial-gradient(circle at 84% 14%,rgba(255,141,44,.12),transparent 28%),linear-gradient(120deg,#141d43 0%,#0f1730 48%,#0b0909 100%)}
.sx31-store-tabs-pro{margin:0 0 20px;display:flex;gap:10px;flex-wrap:wrap}.sx31-store-tabs-pro a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid #263755;background:#0f182c;color:#cfb29b;font-size:11px;font-weight:800}.sx31-store-tabs-pro a span{padding:2px 7px;border-radius:999px;background:#121f37;color:#c4d0ea;font-size:10px}.sx31-store-tabs-pro a.active{background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(255,141,44,.12));border-color:rgba(255,122,26,.45);color:#fff}.sx31-public-product-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sx31-product-card-pro{display:flex;flex-direction:column;border-radius:22px;border:1px solid #4a2516;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.16)}.sx31-product-card-pro .sx31-product-art{background:radial-gradient(circle at 50% 0,rgba(255,122,26,.18),transparent 45%),linear-gradient(180deg,#121f39 0%,#0d182c 100%);height:250px}.sx31-product-card-pro .sx31-product-body{padding:18px}.sx31-product-card-pro .sx31-product-title small{font-size:10px;color:#7d8eb0;letter-spacing:.12em;font-weight:900}.sx31-product-card-pro .sx31-product-title h3{font-size:22px;line-height:1.05;margin-top:6px}.sx31-product-card-pro p{font-size:12px;line-height:1.65;color:#8a99b7}.sx31-product-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.sx31-product-meta-grid article{padding:10px;border:1px solid #4a2516;border-radius:12px;background:#110d0e}.sx31-product-meta-grid small{display:block;color:#69799e;font-size:9px;font-weight:900;letter-spacing:.12em}.sx31-product-meta-grid strong{display:block;color:#fff3e8;font-size:13px;margin-top:5px}.sx31-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.sx31-podium-card{position:relative;padding:18px;border:1px solid #4a2516;border-radius:18px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);display:grid;justify-items:start;gap:8px}.sx31-podium-card.lead{border-color:rgba(255,122,26,.5);box-shadow:0 0 0 1px rgba(255,122,26,.1),0 24px 60px rgba(0,0,0,.2)}.sx31-podium-rank{position:absolute;right:14px;top:14px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ff7a1a,#ff8d2c);color:#fff;font-size:10px;font-weight:900}.sx31-podium-avatar{width:52px;height:52px;border-radius:16px;background:rgba(255,122,26,.12);display:grid;place-items:center;color:#ffe0b5;overflow:hidden}.sx31-podium-avatar img{width:100%;height:100%;object-fit:cover}.sx31-podium-avatar span{font-size:18px;font-weight:900}.sx31-podium-card strong{font-size:20px;line-height:1.08;color:#fff3e8}.sx31-podium-card small,.sx31-podium-card em{font-style:normal;color:#cfb29b;font-size:11px}.sx31-podium-metric{margin-top:8px;padding:10px 12px;border:1px solid #4a2516;border-radius:12px;background:#110d0e}.sx31-podium-metric span{display:block;color:#cfb29b;font-size:9px;font-weight:900;letter-spacing:.13em}.sx31-podium-metric b{display:block;color:#fff;font-size:18px;margin-top:4px}.sx31-table-card-pro{border:1px solid #4a2516;border-radius:22px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);overflow:hidden}.sx31-table-head-pro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #4a2516}.sx31-table-head-pro small{display:block;color:#cfb29b;font-size:10px;font-weight:900;letter-spacing:.18em}.sx31-table-head-pro strong{display:block;color:#fff3e8;font-size:18px;margin-top:4px}.sx31-table-head-pro>span{color:#cfb29b;font-size:11px;font-weight:800}.sx31-table-scroll-pro{overflow:auto}.sx31-table-pro{width:100%;border-collapse:collapse}.sx31-table-pro th,.sx31-table-pro td{padding:14px 16px;border-bottom:1px solid #4a2516;text-align:left;font-size:12px;color:#dcc1b0}.sx31-table-pro thead th{font-size:10px;color:#cfb29b;font-weight:900;letter-spacing:.14em;background:#0c1528}.sx31-table-pro tbody tr:hover{background:rgba(255,141,44,.03)}.sx31-table-pro .gold{color:#ffb24a;font-weight:900}.sx31-rank-list-pro{margin:0;padding:12px;display:grid;gap:10px}.sx31-rank-list-pro .rank-row{background:#110d0e;border:1px solid #4a2516;border-radius:14px;padding:14px 16px}.sx31-rank-list-pro .rank-pos{width:38px;height:38px;border-radius:12px;background:rgba(255,122,26,.12);display:grid;place-items:center;color:#ffbf72;font-weight:900}.sx31-rank-list-pro .rank-value{color:#fff3e8;font-weight:900}.sx31-info-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx31-cta-board{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:20px 22px;border:1px solid #4a2516;border-radius:20px;background:linear-gradient(135deg,rgba(255,122,26,.10),rgba(255,141,44,.06))}.sx31-cta-board small{display:block;color:#cfb29b;font-size:10px;font-weight:900;letter-spacing:.16em}.sx31-cta-board strong{display:block;color:#fff3e8;font-size:28px;line-height:1.05;margin:8px 0}.sx31-cta-board p{margin:0;color:#cfb29b;font-size:12px;line-height:1.7;max-width:640px}.sx31-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sx31-module-card{padding:18px;border:1px solid #4a2516;border-radius:18px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);display:grid;gap:10px}.sx31-module-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffb24a;font-size:10px;font-weight:900;letter-spacing:.16em}.sx31-module-kicker:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,#ff8f24,#ff8d2c)}.sx31-module-card strong{font-size:22px;line-height:1.06;color:#fff3e8}.sx31-module-card p{margin:0;color:#cfb29b;font-size:12px;line-height:1.65}.sx31-module-time{padding:10px 12px;border:1px solid #4a2516;border-radius:12px;background:#110d0e;color:#fff3e8;font-size:14px;font-weight:900}.sx31-module-foot{padding-top:8px;color:#cfb29b;font-size:11px}.sx31-download-card-pro .sx31-download-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sx31-download-card-pro .sx31-download-card-meta span{padding:10px;border:1px solid #4a2516;border-radius:12px;background:#0c1528}.sx31-download-card-pro .sx31-download-card-meta small{display:block;color:#cfb29b;font-size:9px;font-weight:900;letter-spacing:.12em}.sx31-download-card-pro .sx31-download-card-meta b{display:block;color:#eef4ff;font-size:13px;margin-top:4px}.sx31-news-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}.sx31-news-card-pro{display:flex;flex-direction:column;border:1px solid #4a2516;border-radius:20px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);overflow:hidden}.sx31-news-thumb-pro{height:220px;background:#110d0e}.sx31-news-thumb-pro img{width:100%;height:100%;object-fit:cover;display:block}.sx31-news-body-pro{padding:18px;display:grid;gap:10px}.sx31-news-body-pro strong{font-size:22px;line-height:1.06;color:#fff3e8}.sx31-news-body-pro p{margin:0;color:#cfb29b;font-size:12px;line-height:1.7}.sx31-news-body-pro small{color:#cfb29b;font-size:11px}.sx31-class-grid-pro{grid-template-columns:repeat(4,minmax(0,1fr))}.sx31-module-card.class strong{font-size:18px}.sx31-public-section-head.vip-pro.section-gap{margin-top:36px}.ranking-tabs-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ranking-tabs-pro>a{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(53,70,111,.72);color:#dcc1b0}.ranking-tabs-pro>a b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.12);color:#ffbf72;font-size:11px}.ranking-tabs-pro>a span{font-size:11px;font-weight:800}.ranking-tabs-pro>a.active b{background:linear-gradient(135deg,#ff7a1a,#ff8d2c);color:#fff}.ranking-tabs-pro>a.active span{color:#fff}.castle-owner.empty{border-color:rgba(255,141,44,.22)}
@media(max-width:1180px){.sx31-public-product-grid-pro,.sx31-module-grid,.sx31-news-grid-pro,.sx31-class-grid-pro,.sx31-podium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx31-info-module-grid{grid-template-columns:1fr}.sx31-cta-board{flex-direction:column;align-items:flex-start}}
@media(max-width:820px){.sx31-public-product-grid-pro,.sx31-module-grid,.sx31-news-grid-pro,.sx31-class-grid-pro,.sx31-podium-grid,.sx31-info-module-grid{grid-template-columns:1fr}.sx31-product-meta-grid,.sx31-download-card-pro .sx31-download-card-meta{grid-template-columns:1fr}.sx31-table-head-pro{flex-direction:column;align-items:flex-start}.ranking-tabs-pro{grid-template-columns:1fr}}

/* === EMBER PALETTE OVERRIDE  === */
body,.sx-public{background:radial-gradient(circle at top,rgba(255,120,26,.06),transparent 24%),linear-gradient(180deg,#050608 0%,#080709 34%,#0d0908 100%);color:var(--sx-ink)}
.sx-header{background:rgba(8,8,10,.92);border-bottom:1px solid rgba(255,125,28,.12)}
.sx-brand-mark,.sx-mini-logo{background:var(--sx-accent-gradient);box-shadow:0 10px 24px rgba(255,109,31,.22)}
.sx-brand-mark:after{background:#26d07c;border-color:#100c0c}.sx-brand-copy small{color:#d09b73}.sx-nav a{color:#cfb8a5}.sx-nav a:hover,.sx-nav a.active{background:#171012;color:#fff3e8}.sx-nav a.active{box-shadow:inset 0 -2px 0 #ff8f24}
.sx-btn-primary,.btn-primary,.sx31-btn.primary{background:var(--sx-accent-gradient)!important;box-shadow:0 10px 28px rgba(255,111,31,.18)!important;color:#fff!important}.sx31-btn.secondary,.sx-btn-ghost,.btn:not(.btn-primary):not(.btn-gold):not(.btn-danger){background:#140f10!important;border-color:#4d2415!important;color:#fff1e6!important}
.badge,.sx-announcement,.sx31-store-tabs-pro a,.sx31-plan-payments span,.sx31-plan-payline span,.sx31-vip-strip-head-tags span{background:#120d0f!important;border-color:#4a2516!important;color:#dbb8a0!important}.badge-gold{background:rgba(255,132,31,.12)!important;color:#ffb65a!important;border-color:#6a341a!important}
.sx-hero,.sx31-vip-hero-sa,.sx31-saas-page-hero.shop,.sx31-saas-page-hero.ranking,.sx31-saas-page-hero.support,.sx31-saas-page-hero.castle,.sx31-saas-page-hero.events,.sx31-saas-page-hero.downloads,.sx31-saas-page-hero.news,.sx31-saas-page-hero.guide{background:radial-gradient(circle at 18% 18%,rgba(255,126,31,.12),transparent 30%),radial-gradient(circle at 82% 18%,rgba(255,176,74,.08),transparent 28%),linear-gradient(120deg,#050608 0%,#09090b 46%,#170b08 100%)!important;border-bottom:1px solid rgba(255,125,28,.12)!important}
.sx-hero:before,.sx31-vip-hero-sa:before{opacity:.85}.sx-hero-copy h1 span,.sx31-vip-hero-copy h1 span,.sx-kicker,.eyebrow,.sx31-module-kicker,.sx31-plan-micro,.sx31-vip-workspace-copy>span{background:linear-gradient(90deg,#ff7a1a,#ffba4a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.sx-product-preview,.sx31-vip-control-panel,.sx31-plan-card-pro,.sx31-product-card-pro,.sx31-table-card-pro,.sx31-module-card,.sx31-news-card-pro,.sx31-cta-board,.sx31-podium-card,.sx31-vip-workspace-head,.sx31-vip-summary-panel,.sx31-vip-account-cards article,.sx31-vip-benefit-strip article,.sx31-pricing-grid .sx31-plan-card,.sx31-product-card,.sx31-module-card,.card{background:linear-gradient(180deg,#130e10 0%,#0b090a 100%)!important;border-color:#4a2516!important;box-shadow:0 18px 40px rgba(0,0,0,.2)}
.sx-preview-panel,.sx-activity-card,.sx31-product-meta-grid article,.sx31-plan-specs article,.sx31-plan-benefit-zone,.sx31-podium-metric,.sx31-download-card-pro .sx31-download-card-meta span,.sx31-vip-summary-grid article,.sx31-vip-control-metrics article,.sx31-vip-hero-points article,.sx31-vip-control-featured,.sx31-module-time,.sx31-plan-price-block{background:#110d0e!important;border-color:#4a2516!important}
.sx31-vip-control-metrics article>span,.sx31-vip-hero-points article>span,.sx31-vip-account-cards article>span,.sx31-podium-avatar,.sx31-rank-list-pro .rank-pos,.sx-preview-kpis article>span{background:rgba(255,122,26,.14)!important;color:#ffb24a!important}.sx31-podium-rank,.ranking-tabs-pro>a.active b{background:var(--sx-accent-gradient)!important}
.sx31-table-pro thead th{background:#130d0f!important;color:#d6b39e!important}.sx31-table-pro th,.sx31-table-pro td,.sx31-news-body-pro p,.sx31-module-card p,.sx31-product-card-pro p,.sx31-vip-control-head span,.sx31-vip-benefit-strip span,.sx31-cta-board p,.sx31-vip-workspace-copy p,.sx31-vip-summary-state span,.sx31-vip-account-cards p{color:#c4b0a1!important}
.sx31-table-pro tbody tr:hover{background:rgba(255,122,26,.03)!important}.sx31-table-pro .gold,.gold,.gold-text{color:#ffb64f!important}.sx31-plan-featured{background:var(--sx-accent-gradient)!important;color:#fff!important}
.sx31-store-tabs-pro a.active,.ranking-tabs-pro>a.active span,.lang-link.active{background:rgba(255,122,26,.12)!important;border-color:#7b3b1b!important;color:#fff4e8!important}.language-switcher,.sx-menu-toggle,.sx31-plan-pro-head em{background:#130d10!important;border-color:#4a2516!important;color:#d7b39b!important}
.sx-live,.green-text,.alert-success{color:#26d07c!important}.alert-success{background:rgba(38,208,124,.10)!important;border-color:#255b41!important}.alert-error{background:rgba(255,116,103,.08)!important;border-color:#6a2a26!important;color:#ff9f95!important}
.sx31-news-thumb-pro,.sx31-product-card-pro .sx31-product-art{background:radial-gradient(circle at 50% 0,rgba(255,122,26,.16),transparent 45%),linear-gradient(180deg,#1c110e 0%,#120d0f 100%)!important}
.sx31-vip-control-featured,.sx31-cta-board{background:linear-gradient(135deg,rgba(255,122,26,.10),rgba(255,178,74,.06))!important}
.sx31-module-kicker:before,.sx31-plan-micro:before,.sx31-kicker:before{background:linear-gradient(90deg,#ff7a1a,#ffb74a)!important}
@media(max-width:820px){.sx-header{background:#08080a}}

/* === ZERO PURPLE / FULL EMBER CLEANSE  === */
.route-home .sx-proofbar,.sx-proofbar{background:#080809!important;border-color:#4a2516!important}.route-home .sx-proofbar span,.sx-proofbar span,.route-home .sx-proofbar div,.sx-proofbar div{color:#d1b29a!important}.route-home .sx-proofbar b,.sx-proofbar b{color:#ff9f33!important}
.route-home .sx-section,.sx-section{background:linear-gradient(180deg,#090809 0%,#0d0908 100%)!important}.route-home .sx-section-soft,.sx-section-soft{background:linear-gradient(180deg,#120d0e 0%,#0a0809 100%)!important;border-block-color:#4a2516!important}
.sx-section-heading p,.sx-ops-copy p,.sx-final-cta p,.sx-feature p,.sx-feature-wide p,.sx-news-card p,.sx-castle-module p,.sx-event-row small,.sx-rank-row>em,.sx-mini-rank em,.sx-app-pagehead p,.sx-panel-head small,.sx-account-core span,.sx-business-list span,.sx-app-section-head p,.sx-module-grid p,.sx-character-card small,.sx-empty-state p,.sx-health-grid span,.sx-health-chart small,.sx-news-body-pro small{color:#c3aea0!important}
.sx-heading-row>a,.sx-feature>a,.sx-castle-module a,.sx-rank-module>a,.sx-news-card>span,.sx-panel-head>a,.sx-account-core>a,.sx-app-section-head>a,.sx-module-grid em{color:#ff9d38!important}.sx-feature small,.sx-news-card small,.sx-castle-module>span,.sx-event-module>span,.sx-rank-module>span,.sx-final-cta .sx-kicker{color:#ffb14c!important}
.sx-feature,.sx-news-card,.sx-castle-module,.sx-event-module,.sx-rank-module,.sx-ops-card,.sx-panel,.sx-app-kpis>article,.sx-character-card,.sx-module-grid>a,.sx-empty-state,.sx-health-grid div,.sx-health-chart,.sx-table-card-pro,.sx-product-preview-v32,.sx-product-preview,.sx-live-card,.sx-activity-card,.sx-preview-panel,.account-profile-card,.admin-ticket,.r170-admin-card,.r170-badge-card,.r170-product-card,.r170-filters,.shop-option-panel,.xml-browser,.item-rules-overview,.gremory-help,.studio-category,.studio-media-card,.health-item,.panel,.module,.table-wrap,.card{background:linear-gradient(180deg,#140e10 0%,#0b090a 100%)!important;border-color:#4a2516!important;color:#fff3e8!important}
.sx-feature-wide,.sx-castle-module,.sx-final-cta,.sx-sidebar{background:linear-gradient(140deg,#170d0b 0%,#120b0b 62%,#090809 100%)!important;border-color:#5a2916!important}.sx-final-cta .sx-container p{color:#d0b29c!important}
.sx-feature-icon,.sx-char-icon,.sx-kpi-top>span,.sx-module-icon,.sx-user-menu>span,.sx-quick-list a>span,.sx-activity-avatar,.sx-preview-kpis article>span,.sx-workspace-chip>span{background:rgba(255,125,28,.12)!important;color:#ffb24a!important}
.sx-feature-wide .sx-feature-icon{background:rgba(255,178,74,.10)!important;color:#ffcb76!important}.sx-feature-icon,.sx-preview-rail i.active,.sx-icon-btn i{box-shadow:none!important}
.sx-feature-ui,.sx-ops-list,.sx-ui-line,.sx-panel-note,.sx-account-stats,.sx-account-stats div,.sx-health-bars i,.sx-topbar-search,.sx-topbar-search kbd,.sx-sidebar-footer,.sx-workspace-chip,.sx-preview-rail,.sx-preview-rail i,.sx-server-row,.sx-preview-top,.sx-ops-head,.sx-ops-metrics article,.sx-vip-summary-grid article{border-color:#4a2516!important}
.sx-feature-ui,.sx-ops-list,.sx-topbar-search,.sx-topbar-search kbd,.sx-panel-note,.sx-preview-rail,.sx-preview-rail i,.sx-server-row,.sx-preview-panel,.sx-activity-card,.sx-ops-metrics article{background:#110d0e!important;color:#fff0e5!important}
.sx-preview-rail i{color:#bb8c67!important}.sx-preview-rail i.active{background:rgba(255,125,28,.12)!important;color:#ffb24a!important;border-color:#7a3b1d!important}.sx-preview-rail-logo{background:var(--sx-accent-gradient)!important;box-shadow:0 8px 22px rgba(255,122,26,.20)!important}
.sx-mini-rank b,.sx-rank-row>b,.sx-char-meta b,.sx-admin-rank b,.sx-news-num,.sx-module-index,.sx-kpi-top em,.sx-account-stats small,.sx-ops-head small,.sx-ops-metrics small,.sx-ops-metrics span,.sx-server-row small,.sx-preview-title small,.sx-preview-top small,.sx-preview-panel-head span,.sx-panel-head small,.sx-feature-badge,.sx-ui-line span{color:#d19a73!important}
.sx-feature-badge{background:rgba(255,163,59,.08)!important;border-color:#6b341a!important}.sx-feature-status,.sx-server-badge{background:rgba(38,208,124,.08)!important;border-color:#255b41!important;color:#2bd889!important}.sx-feature-status i,.sx-ops-list i,.sx-live i,.sx-server-badge i,.sx-activity-list em i{background:#26d07c!important}
.sx-app-body{background:linear-gradient(135deg,#080809 0%,#0e0908 100%)!important}.sx-app-topbar{background:rgba(10,8,8,.94)!important;border-color:#4a2516!important}.sx-topbar-search input,.sx-app-kpis strong,.sx-health-chart strong,.sx-panel h2,.sx-panel strong,.sx-character-card strong,.sx-business-list b,.sx-app-pagehead h1,.sx-sidebar-brand strong,.sx-account-core strong{color:#fff3e8!important}.sx-topbar-search input::placeholder,.sx-sidebar-brand small,.sx-user-menu small,.sx-user-menu em,.sx-app-kpis small,.sx-topbar-search,.sx-sidebar-nav a,.sx-sidebar-label,.sx-workspace-chip small,.sx-workspace-chip em{color:#c7ae9b!important}
.sx-sidebar-nav a:hover{background:rgba(255,122,26,.08)!important;color:#fff!important}.sx-sidebar-nav a.active{background:linear-gradient(90deg,rgba(255,122,26,.18),rgba(255,178,74,.08))!important;color:#fff!important}.sx-sidebar-nav a.active:before{background:linear-gradient(180deg,#ff8f24,#ffbf59)!important}.sx-sidebar-nav a em{background:rgba(255,163,59,.10)!important;color:#ffb24a!important}
.sx-icon-btn,.sx-sidebar-toggle,.sx-menu-toggle{background:#140f10!important;border-color:#4a2516!important;color:#e0bfaa!important}.sx-user-menu,.sx-topbar-search,.sx-sidebar,.sx-sidebar-footer{border-color:#4a2516!important}
.sx-health-bars i{background:linear-gradient(180deg,#ff7a1a,#ffbf59)!important}.sx-health-grid b,.green-text{color:#26d07c!important}.gold-text,.sx-kicker,.eyebrow{color:#ffb24a!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.sx-hero-copy h1 span,.sx31-vip-hero-copy h1 span{background:linear-gradient(90deg,#ff7a1a,#ffba4a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.route-home .sx-proofbar b,.sx-proofbar b,.sx-kicker,.eyebrow,.sx31-module-kicker,.sx31-plan-micro,.sx31-vip-workspace-copy>span{background:none!important;color:#ffb24a!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.sx-float-chip,.sx-announcement,.sx-steps b,.sx-preview-season,.sx-event-row em{background:#130d0f!important;border-color:#6b341a!important;color:#ffb24a!important}.sx-float-chip em{color:#26d07c!important}.sx-float-chip small,.sx-announcement small,.sx-preview-season small{color:#d3a47f!important}
.sx-ops-copy li,.sx-ops-copy li span{color:#ffe9d5!important}.sx-ops-copy li span{background:rgba(38,208,124,.08)!important;border:1px solid #255b41}
.sx-news-grid .sx-news-card,.sx-live-grid article,.sx-feature-grid article,.sx-module-grid>a{box-shadow:0 18px 40px rgba(0,0,0,.18)!important}.sx-news-grid .sx-news-card:hover,.sx-feature:hover,.sx-module-grid>a:hover{border-color:#7a3b1d!important;box-shadow:0 22px 48px rgba(0,0,0,.24)!important}
.sx-footer,.sx-footer-bottom{background:#090809!important;border-color:#4a2516!important}.sx-footer *{border-color:#4a2516!important}.sx-footer p,.sx-footer small,.sx-footer a,.sx-footer span{color:#c5ad9b!important}.sx-footer strong{color:#fff3e8!important}

/* === FINAL EMBER LOCK / ALL PAGES  === */
:root{--sx-blue:#ff8d2c!important;--sx-purple:#ff7a1a!important;--sx-purple-2:#ff9d35!important;--sx-purple-soft:rgba(255,122,26,.14)!important;--sx-gold:#ffb24a!important;--sx-gold-soft:rgba(255,178,74,.14)!important;--sx-accent-gradient:linear-gradient(135deg,#ff681f 0%,#ff9228 58%,#ffb74a 100%)!important;--sx-bg-gradient:linear-gradient(118deg,#050608 0%,#09090b 38%,#160b09 100%)!important}

html body{background:#070708!important}
.sx-header,.sx-nav-shell{background:rgba(8,8,9,.94)!important;border-color:#4a2516!important}
.sx-brand-copy strong,.sx-brand-copy small,.sx-nav a,.language-switcher a,.lang-link,.sx-header-actions a{color:#fff0e6!important}
.sx-nav a:hover,.sx-nav a.active{background:rgba(255,122,26,.10)!important;border-color:#6b341a!important;color:#fff8f1!important;box-shadow:inset 0 0 0 1px rgba(255,122,26,.16)!important}
.sx-nav a.active{box-shadow:inset 0 0 0 1px rgba(255,122,26,.22)!important,0 0 0 1px rgba(255,122,26,.06)!important}
.language-switcher,.lang-link.active{background:#140d0d!important;border-color:#6b341a!important;color:#ffbd66!important}

.route-home .sx-hero,.sx-hero,.sx-hero-v32{background:radial-gradient(circle at 18% 24%,rgba(255,120,26,.10),transparent 28%),radial-gradient(circle at 84% 18%,rgba(255,178,74,.08),transparent 26%),linear-gradient(110deg,#060607 0%,#0a0909 42%,#180b08 100%)!important;border-bottom:1px solid #4a2516!important}
.sx-hero-grid{background-image:linear-gradient(rgba(255,125,28,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,125,28,.05) 1px,transparent 1px)!important;background-size:38px 38px!important;opacity:.45!important}
.sx-hero-copy h1,.sx-hero-copy p,.sx-hero-copy .sx-kicker{position:relative;z-index:2}.sx-hero-copy p{color:#dfc7b5!important}.sx-hero-copy h1{color:#fff4ea!important}.sx-hero-copy h1 span{background:linear-gradient(90deg,#ff7a1a,#ffb44a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.sx-steps span,.sx-steps-v32 span{color:#dbc2af!important}.sx-steps b,.sx-steps-v32 b{background:#140d0d!important;border:1px solid #6b341a!important;color:#ffb24a!important}
.sx-steps i,.sx-steps-v32 i{background:linear-gradient(90deg,#6b341a,rgba(255,178,74,.16))!important}

.sx-product-preview,.sx-product-preview-v32{background:linear-gradient(180deg,#120b0b 0%,#0a0808 100%)!important;border-color:#6a3219!important;box-shadow:0 38px 95px rgba(0,0,0,.42)!important}
.sx-product-preview:before,.sx-product-preview-v32:before{background:radial-gradient(circle at 82% 0,rgba(255,122,26,.14),transparent 36%)!important}
.sx-preview-rail{background:#0e0a0a!important;border-right:1px solid #4a2516!important}.sx-preview-rail i{background:#171012!important;border-color:#4a2516!important;color:#c69067!important}.sx-preview-rail i.active{background:rgba(255,122,26,.12)!important;border-color:#7a3b1d!important;color:#ffb24a!important}
.sx-preview-top,.sx-preview-title,.sx-preview-panel-head,.sx-ops-head{border-color:#4a2516!important}.sx-preview-top b,.sx-preview-title small,.sx-preview-kpis small,.sx-activity-card small,.sx-server-row small,.sx-preview-kpis em,.sx-activity-card span,.sx-preview-panel-head span,.sx-ops-head small,.sx-ops-metrics small,.sx-ops-metrics span{color:#d09a74!important}
.sx-preview-kpis article,.sx-preview-panel,.sx-activity-card,.sx-ops-card,.sx-ops-list,.sx-ops-metrics article{background:#110d0e!important;border:1px solid #4a2516!important;color:#fff2e7!important}
.sx-preview-kpis article>span,.sx-server-avatar,.sx-server-avatar.violet,.sx-server-avatar.gold{background:rgba(255,122,26,.12)!important;color:#ffb24a!important}
.sx-server-row{border-color:#4a2516!important}.sx-server-row em{background:rgba(38,208,124,.09)!important;color:#26d07c!important}
.sx-spark i,.sx-health-bars i{background:linear-gradient(180deg,#ff7a1a,#ffb64d)!important}.sx-chart-foot strong{color:#ffb24a!important}
.sx-float-chip,.sx-float-chip-top,.sx-float-chip-bottom{background:#100c0d!important;border:1px solid #6b341a!important;color:#fff0e6!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important}.sx-float-chip span{background:rgba(255,122,26,.12)!important;color:#ffb24a!important}.sx-float-chip small{color:#d4a37f!important}.sx-float-chip em{color:#26d07c!important}

.route-home .sx-proofbar,.sx-proofbar{background:#090809!important;border-top:1px solid #4a2516!important;border-bottom:1px solid #4a2516!important}
.route-home .sx-section,.sx-section{background:#0b0909!important}.route-home .sx-section-soft,.sx-section-soft{background:#120d0d!important;border-color:#4a2516!important}
.sx-section-heading h2,.sx-ops-copy h2,.sx-final-cta h2,.sx-news-card h3,.sx-feature h3,.sx-castle-module h3,.sx-app-pagehead h1,.sx-panel-head h2,.sx-app-section-head h2,.sx31-public-section-head h2,.sx31-vip-workspace-copy h2{color:#fff3e8!important}
.sx-feature,.sx-news-card,.sx-castle-module,.sx-event-module,.sx-rank-module,.sx-module-grid>a,.sx31-module-card,.sx31-news-card-pro,.sx31-product-card-pro,.sx31-podium-card,.sx31-table-card-pro,.sx31-plan-card-pro,.sx31-vip-control-panel,.sx31-vip-workspace-head,.sx31-vip-summary-panel,.sx31-vip-account-cards article,.sx31-vip-benefit-strip article,.sx31-module-time,.sx31-download-card-pro .sx31-download-card-meta span,.sx31-product-meta-grid article,.sx31-podium-metric,.sx31-rank-list-pro .rank-row,.sx31-cta-board{background:linear-gradient(180deg,#140e10 0%,#0b090a 100%)!important;border-color:#4a2516!important}
.sx-feature-wide,.sx-final-cta,.sx-sidebar,.sx31-vip-hero-sa,.sx31-saas-page-hero.shop,.sx31-saas-page-hero.ranking,.sx31-saas-page-hero.support,.sx31-saas-page-hero.castle,.sx31-saas-page-hero.events,.sx31-saas-page-hero.downloads,.sx31-saas-page-hero.news,.sx31-saas-page-hero.guide{background:radial-gradient(circle at 18% 20%,rgba(255,122,26,.12),transparent 30%),radial-gradient(circle at 84% 16%,rgba(255,178,74,.08),transparent 28%),linear-gradient(118deg,#070708 0%,#0a0909 40%,#160b09 100%)!important;border-color:#4a2516!important}
.sx-feature-icon,.sx31-podium-avatar,.sx31-rank-list-pro .rank-pos,.sx31-vip-hero-points article>span,.sx31-vip-control-metrics article>span,.sx31-vip-account-cards article>span,.sx31-vip-summary-grid article>span,.sx31-module-icon,.sx31-plan-pro-head em,.ranking-tabs-pro>a b{background:rgba(255,122,26,.12)!important;color:#ffb24a!important}
.sx-feature small,.sx-news-card small,.sx-castle-module>span,.sx-event-module>span,.sx-rank-module>span,.sx31-kicker,.sx31-module-kicker,.sx31-plan-micro,.sx31-vip-workspace-copy>span,.sx31-public-section-head span,.sx31-table-head-pro small,.sx31-vip-control-head small{color:#ffb24a!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.sx-feature>a,.sx-news-card>span,.sx-castle-module a,.sx-rank-module>a,.sx-heading-row>a,.sx31-btn.secondary,.sx31-table-pro .gold,.sx31-rank-list-pro .rank-value,.gold-text{color:#ffb24a!important}
.sx-news-num,.sx-module-index,.sx-mini-rank b,.sx-rank-row>b,.sx31-podium-rank,.sx31-table-pro .gold{color:#ffb24a!important}.sx31-podium-rank{background:#1a100d!important;border:1px solid #6b341a!important}
.sx-event-row em,.sx31-store-tabs-pro a.active,.ranking-tabs-pro>a.active,.ranking-tabs-pro>a.active b,.sx31-plan-featured,.sx31-btn.primary,.sx-btn-primary{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;color:#fff!important;border-color:#8a431d!important}
.sx-event-row em{padding:5px 8px!important}.sx31-store-tabs-pro a,.sx31-plan-payments span,.sx31-plan-payline span,.sx31-vip-strip-head-tags span,.sx31-vip-inline-points span{background:#110d0e!important;border-color:#4a2516!important;color:#dcc1b0!important}
.sx31-store-tabs-pro a span{background:#171012!important;color:#ffd8b6!important}.sx31-store-tabs-pro a.active span{background:rgba(0,0,0,.18)!important;color:#fff4ea!important}
.sx31-module-kicker:before,.sx31-plan-micro:before,.sx31-kicker:before{background:linear-gradient(90deg,#ff7a1a,#ffb64d)!important}
.sx31-product-card-pro .sx31-product-art,.sx31-news-thumb-pro{background:radial-gradient(circle at 50% 0,rgba(255,122,26,.14),transparent 45%),linear-gradient(180deg,#1a100d 0%,#120d0e 100%)!important}
.sx31-table-pro thead th{background:#140e10!important;color:#d5aa8a!important}.sx31-table-pro th,.sx31-table-pro td,.sx31-news-body-pro p,.sx31-module-card p,.sx31-product-card-pro p,.sx31-vip-control-head span,.sx31-vip-benefit-strip span,.sx31-cta-board p,.sx31-vip-workspace-copy p,.sx31-vip-summary-state span,.sx31-vip-account-cards p,.sx31-product-card-pro .sx31-product-title small,.sx31-table-head-pro>span,.sx31-download-card-pro .sx31-download-card-meta small,.sx31-news-body-pro small{color:#ccb3a1!important}
.sx31-table-pro tbody tr:hover{background:rgba(255,122,26,.04)!important}.sx31-vip-control-featured,.sx31-cta-board,.sx31-plan-price-block{background:linear-gradient(135deg,rgba(255,122,26,.10),rgba(255,178,74,.05))!important;border-color:#6b341a!important}

.sx-app-body{background:linear-gradient(135deg,#090809 0%,#160b09 100%)!important}.sx-sidebar{border-right:1px solid #4a2516!important}.sx-sidebar-brand small,.sx-sidebar-label,.sx-sidebar-nav a,.sx-workspace-chip small,.sx-workspace-chip em,.sx-user-menu small,.sx-user-menu em,.sx-app-kpis small,.sx-app-pagehead p,.sx-app-section-head p,.sx-character-card small{color:#cfb39d!important}
.sx-workspace-chip,.sx-topbar-search,.sx-icon-btn,.sx-user-menu,.sx-app-kpis>article,.sx-panel,.sx-character-card,.sx-health-grid div,.sx-health-chart,.sx-panel-note,.sx-account-stats,.sx-account-stats div,.sx-quick-list a,.sx-business-list div,.sx-activity-list>div,.sx-sidebar-footer{background:#110d0e!important;border-color:#4a2516!important}
.sx-sidebar-nav a:hover{background:rgba(255,122,26,.08)!important}.sx-sidebar-nav a.active{background:linear-gradient(90deg,rgba(255,122,26,.16),rgba(255,178,74,.06))!important}.sx-sidebar-nav a.active:before{background:linear-gradient(180deg,#ff7a1a,#ffb64d)!important}
.sx-kpi-top>span,.sx-char-icon,.sx-module-icon,.sx-activity-avatar,.sx-user-menu>span{background:rgba(255,122,26,.12)!important;color:#ffb24a!important}
.sx-panel-head>a,.sx-account-core>a,.sx-app-section-head>a,.sx-module-grid em,.sx-char-meta b,.sx-admin-rank b{color:#ffb24a!important}
.sx-server-badge,.sx-feature-status{background:rgba(38,208,124,.08)!important;border-color:#255b41!important;color:#26d07c!important}

@media(max-width:820px){.sx-header,.sx-nav-shell,.sx-app-topbar{background:#090809!important}}

/* === CROSS-PAGES + PLAYER HUB EMBER COMPLETION  === */
html body .page-hero,
html body .page-hero.page-hero-dark,
html body .module,
html body .panel,
html body .table-wrap,
html body .card,
html body .shop-option-panel,
html body .account-profile-card,
html body .admin-ticket,
html body .r170-admin-card,
html body .r170-badge-card,
html body .r170-product-card,
html body .r170-filters,
html body .xml-browser,
html body .item-rules-overview,
html body .gremory-help,
html body .studio-category,
html body .studio-media-card,
html body .health-item,
html body .wallet-strip > *,
html body .profile-player-grid > *,
html body .event-premium-grid > *,
html body .shop-product-grid > *,
html body .g2 > *,
html body .g3 > *,
html body .g4 > *{background:linear-gradient(180deg,#140e10 0%,#0b090a 100%)!important;border-color:#4a2516!important;color:#fff3e8!important}

html body .page-hero,
html body .section-head,
html body .module-title{border-color:#4a2516!important}
html body .page-hero{background:radial-gradient(circle at 18% 18%,rgba(255,122,26,.11),transparent 30%),radial-gradient(circle at 84% 14%,rgba(255,178,74,.08),transparent 28%),linear-gradient(118deg,#070708 0%,#0b0909 42%,#160b09 100%)!important}
html body .section-head h1,
html body .section-head h2,
html body .module-title h2,
html body .module-title h3,
html body .page-hero h1,
html body .page-hero h2,
html body .page-hero h3,
html body .auth-form h2{color:#fff3e8!important}
html body .section-head p,
html body .module-title p,
html body .page-hero p,
html body .page-hero small,
html body .module-title small,
html body .section-head small,
html body .shop-product-grid p,
html body .event-premium-grid p,
html body .wallet-strip p,
html body .profile-player-grid p,
html body .table-wrap td,
html body .table-wrap th{color:#ccb3a1!important}
html body .badge,
html body .badge-outline,
html body .pill,
html body .status-pill,
html body .tag,
html body .chip{background:#140d0d!important;border-color:#6b341a!important;color:#ffb24a!important}
html body .btn-outline,
html body .btn-secondary,
html body .button-secondary,
html body .module-title a,
html body .section-head a{background:#140f10!important;border-color:#4a2516!important;color:#ffcf9b!important}
html body .btn-primary,
html body .button-primary,
html body .btn-gold,
html body .section-head .btn,
html body .module-title .btn{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;border-color:#8a431d!important;color:#fff!important}

html body .auth-shell{background:linear-gradient(135deg,#090809 0%,#150b09 100%)!important}
html body .auth-art{background:linear-gradient(145deg,#120b0c 0%,#0a0909 100%)!important;color:#fff3e8!important}
html body .auth-art:before{background:radial-gradient(circle at 70% 35%,rgba(255,122,26,.22),transparent 38%),linear-gradient(rgba(255,201,158,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,201,158,.03) 1px,transparent 1px)!important;background-size:auto,45px 45px,45px 45px!important}
html body .auth-art .eyebrow,
html body .auth-art .brand small{color:#ffb24a!important}
html body .auth-art>.muted,
html body .auth-form>p{color:#d1b6a1!important}
html body .auth-art .brand:before{background:linear-gradient(135deg,#ff7a1a,#ffb44a)!important;box-shadow:0 8px 20px rgba(255,122,26,.18)!important}
html body .auth-box{background:#100d0e!important}

html body .sx31-workspace-body,
html body .sx31-workspace-shell{background:linear-gradient(135deg,#090809 0%,#150b09 100%)!important}
html body .sx31-sidebar{background:linear-gradient(180deg,#0b0909 0%,#140b09 100%)!important;border-right:1px solid #4a2516!important;box-shadow:20px 0 70px rgba(0,0,0,.20)!important}
html body .sx31-brand-mark,
html body .sx31-account-avatar,
html body .sx31-account-bigavatar{background:linear-gradient(135deg,#ff7a1a,#ffb44a)!important;box-shadow:0 10px 28px rgba(255,122,26,.18)!important;color:#fff!important}
html body .sx31-brand small,
html body .sx31-nav-caption,
html body .sx31-account-switcher small,
html body .sx31-account-switcher>em,
html body .sx31-service-card small,
html body .sx31-breadcrumb,
html body .sx31-pagehead>div:nth-child(2)>span,
html body .sx31-pagehead p,
html body .sx31-user-chip small,
html body .sx31-account-identity small,
html body .sx31-health-bars span,
html body .sx31-table th,
html body .sx31-table td,
html body .sx31-wallet-box small,
html body .sx31-card-note,
html body .sx31-inline-note,
html body .sx31-workspace-grid p,
html body .sx31-command>span,
html body .sx31-command kbd{color:#cfb29b!important}
html body .sx31-sidebar-close,
html body .sx31-sidebar-toggle,
html body .sx31-icon-action,
html body .sx31-command,
html body .sx31-service-card,
html body .sx31-account-switcher,
html body .sx31-service-card,
html body .sx31-topbar,
html body .sx31-pagehead,
html body .sx31-workspace-card,
html body .sx31-overview-card,
html body .sx31-account-card,
html body .sx31-status-card,
html body .sx31-shop-card,
html body .sx31-vip-card,
html body .sx31-wallet-box,
html body .sx31-table-wrap,
html body .sx31-table,
html body .sx31-card,
html body .sx31-form-card,
html body .sx31-inline-card,
html body .sx31-command-center,
html body .sx31-content .card,
html body .sx31-content .panel{background:#110d0e!important;border-color:#4a2516!important;color:#fff3e8!important}
html body .sx31-topbar{background:rgba(11,9,9,.92)!important;border-bottom:1px solid #4a2516!important}
html body .sx31-command input{color:#fff3e8!important}
html body .sx31-command input::placeholder{color:#c7ab96!important}
html body .sx31-icon-action>i{background:#ff8f24!important;border-color:#110d0e!important}
html body .sx31-user-chip,
html body .sx31-sidebar-footer{border-color:#4a2516!important}
html body .sx31-user-chip>span,
html body .sx31-pagehead-icon,
html body .sx31-nav>a>span,
html body .sx31-kpi-icon,
html body .sx31-table .status-icon,
html body .sx31-summary-icon{background:rgba(255,122,26,.12)!important;color:#ffb24a!important;border-color:#6b341a!important}
html body .sx31-nav>a,
html body .sx31-sidebar-footer a,
html body .sx31-sidebar-footer button{color:#d5baa7!important}
html body .sx31-nav>a:hover{background:rgba(255,122,26,.08)!important;color:#fff!important}
html body .sx31-nav>a:hover>span{color:#ffb24a!important}
html body .sx31-nav>a.active{background:linear-gradient(90deg,rgba(255,122,26,.16),rgba(255,178,74,.06))!important;color:#fff!important}
html body .sx31-nav>a.active:before{background:linear-gradient(180deg,#ff7a1a,#ffb64d)!important;box-shadow:0 0 15px rgba(255,122,26,.24)!important}
html body .sx31-nav>a.active>span{background:rgba(255,122,26,.14)!important;color:#ffcb86!important}
html body .sx31-nav-pill{background:rgba(255,122,26,.10)!important;border:1px solid rgba(255,122,26,.18)!important;color:#ffbf76!important}
html body .sx31-service-card span,
html body .sx31-service-card>a,
html body .sx31-account-identity>a,
html body .sx31-panel-head a,
html body .sx31-table a,
html body .sx31-link,
html body .sx31-text-link{color:#ffb24a!important}
html body .sx31-pagehead h1,
html body .sx31-brand strong,
html body .sx31-account-switcher strong,
html body .sx31-breadcrumb strong,
html body .sx31-user-chip strong,
html body .sx31-account-identity strong,
html body .sx31-content h2,
html body .sx31-content h3,
html body .sx31-content strong{color:#fff3e8!important}
html body .sx31-btn.primary,
html body .sx31-page-actions .sx31-btn.primary,
html body .sx31-content .btn-primary{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;border-color:#8a431d!important;color:#fff!important;box-shadow:0 8px 22px rgba(255,122,26,.17)!important}
html body .sx31-btn.secondary,
html body .sx31-page-actions .sx31-btn.secondary{background:#140f10!important;color:#ffcf9b!important;border-color:#4a2516!important}
html body .sx31-health-bars i,
html body .sx31-account-note,
html body .sx31-table th,
html body .sx31-table td{border-color:#4a2516!important}
html body .sx31-health-bars i{background:#1a100d!important}
html body .sx31-health-bars i em{background:linear-gradient(90deg,#ff7a1a,#ffb64d)!important}
html body .sx31-account-note{background:#140e10!important;color:#d0b39d!important}
html body .sx31-account-note svg{color:#ffb24a!important}

html body .language-switcher,
html body .language-switcher a,
html body .lang-link{border-color:#6b341a!important;background:#140d0d!important;color:#e9d4c2!important}
html body .lang-link.active{color:#ffb24a!important}

/* === PUBLIC STORE / INNER PAGES BACKGROUND FIX  === */
html body .sx31-public-store,
html body .sx31-vip-public-shell,
html body .sx31-content,
html body .sx31-workspace-main,
html body .sx31-public-product-hero + .sx31-public-store,
html body .sx31-vip-hero-sa + .sx31-public-store,
html body .sx31-saas-page-hero + .sx31-public-store{background:#090809!important}

html body .sx31-public-product-hero{background:radial-gradient(circle at 75% 18%,rgba(255,141,44,.10),transparent 31%),radial-gradient(circle at 30% 20%,rgba(255,122,26,.11),transparent 34%),linear-gradient(112deg,#120b0a 0%,#0d0909 48%,#160b09 100%)!important;border-bottom:1px solid #4a2516!important}
html body .sx31-public-product-hero:before{background-image:linear-gradient(rgba(255,201,158,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,201,158,.035) 1px,transparent 1px)!important}
html body .sx31-public-product-hero h1,
html body .sx31-public-product-hero h2,
html body .sx31-public-product-hero h3{color:#fff3e8!important}
html body .sx31-public-product-hero h1 span{background:linear-gradient(90deg,#ff8f24,#ffb44a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body .sx31-public-product-hero p,
html body .sx31-public-product-card>span,
html body .sx31-public-section-head p,
html body .sx31-filter-block>small,
html body .sx31-filter-block>a,
html body .sx31-filter-block>a em,
html body .sx31-product-title small,
html body .sx31-product-body>p,
html body .sx31-product-price small,
html body .sx31-product-price strong span,
html body .sx31-delivery-note small,
html body .sx31-public-tags span{color:#cfb29b!important}
html body .sx31-public-tags span,
html body .sx31-public-product-card,
html body .sx31-store-filter,
html body .sx31-store-tabs.public,
html body .sx31-store-tabs,
html body .sx31-buy form,
html body .sx31-download-card-pro .sx31-download-card-meta span{background:#110d0e!important;border-color:#4a2516!important}
html body .sx31-public-product-card{box-shadow:0 25px 60px rgba(0,0,0,.18)!important}
html body .sx31-public-product-card small,
html body .sx31-filter-head span,
html body .sx31-public-section-head span{color:#ffb24a!important}
html body .sx31-store-tabs a,
html body .sx31-store-tabs.public a{background:#140d0d!important;border:1px solid #6b341a!important;color:#dcc1b0!important}
html body .sx31-store-tabs a:hover,
html body .sx31-store-tabs a.active,
html body .sx31-store-tabs.public a:hover,
html body .sx31-store-tabs.public a.active{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;border-color:#8a431d!important;color:#fff!important}
html body .sx31-store-tabs a em,
html body .sx31-store-tabs.public a em{background:rgba(0,0,0,.14)!important;color:#ffe3c1!important}
html body .sx31-filter-head a,
html body .sx31-filter-block>a:hover,
html body .sx31-filter-block>a.active{color:#ffb24a!important}
html body .sx31-delivery-note{border-color:rgba(53,214,160,.15)!important;background:rgba(53,214,160,.04)!important;color:#35d6a0!important}
html body .sx31-product-card,
html body .sx31-product-card-pro{background:linear-gradient(180deg,#140e10 0%,#0b090a 100%)!important;border-color:#4a2516!important}
html body .sx31-product-card:hover,
html body .sx31-product-card-pro:hover{border-color:#6b341a!important;box-shadow:0 18px 42px rgba(0,0,0,.2)!important}
html body .sx31-product-art,
html body .sx31-product-card-pro .sx31-product-art{background:radial-gradient(circle at 50% 0,rgba(255,122,26,.14),transparent 44%),linear-gradient(180deg,#1a100d 0%,#110d0e 100%)!important;border-bottom:1px solid #4a2516!important}
html body .sx31-product-rarity,
html body .sx31-product-code{background:rgba(17,13,14,.92)!important;border-color:#6b341a!important;color:#cfb29b!important}
html body .sx31-product-card.new .sx31-product-rarity,
html body .sx31-rarity i.new{color:#35d6a0!important;background:#35d6a0!important}
html body .sx31-product-card.rare .sx31-product-rarity,
html body .sx31-rarity i.rare{color:#ffb24a!important;background:#ff8d2c!important}
html body .sx31-product-card.epic .sx31-product-rarity,
html body .sx31-rarity i.epic{color:#ffbf72!important;background:#ff9d35!important}
html body .sx31-product-title h3,
html body .sx31-product-price strong,
html body .sx31-plan-card h3,
html body .sx31-content .card h1,
html body .sx31-content .card h2,
html body .sx31-content .card h3{color:#fff3e8!important}
html body .sx31-product-title button{background:#140f10!important;border-color:#6b341a!important;color:#ffb24a!important}
html body .sx31-product-tags span{background:#140d0d!important;color:#cfb29b!important}
html body .sx31-buy summary{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;color:#fff!important}
html body .sx31-buy form .input,
html body .sx31-buy form .select,
html body .sx31-buy form .textarea{background:#140f10!important;border-color:#4a2516!important;color:#fff3e8!important}
html body .sx31-buy form label{color:#cfb29b!important}

/* === VIP SPOTLIGHT REFINEMENT  === */
.sx31-pricing-grid-vippro{align-items:end}
@media(min-width:981px){
  .sx31-pricing-grid-vippro{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro{position:relative;min-height:100%;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured){margin-top:28px}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{transform:translateY(-18px) scale(1.04);z-index:3;border-color:#ff8f24!important;box-shadow:0 0 0 1px rgba(255,122,26,.16),0 34px 80px rgba(0,0,0,.30)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(180deg,rgba(255,183,74,.95),rgba(255,122,26,.55),rgba(255,183,74,.28));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:after{content:"";position:absolute;left:12%;right:12%;top:-20px;height:54px;border-radius:999px;background:radial-gradient(circle,rgba(255,141,44,.22),transparent 70%);filter:blur(10px);pointer-events:none}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price-block{background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(255,178,74,.10))!important;border-color:#8a431d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-benefit-zone{border-color:#6b341a!important;background:linear-gradient(180deg,rgba(20,14,16,.95),rgba(11,9,10,.98))!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-btn.secondary,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-btn.primary{background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;color:#fff!important;border-color:#8a431d!important;box-shadow:0 10px 24px rgba(255,122,26,.18)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{top:-14px;left:50%;right:auto;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ff7a1a,#ffb44a)!important;color:#fff!important;box-shadow:0 14px 28px rgba(255,122,26,.22)}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-pro-head h3{font-size:32px}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price strong{font-size:52px}
}
@media(max-width:980px){
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{order:-1;transform:none}
}

/* === VIP FEATURED LINE FIX  === */
@media(min-width:981px){
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:before,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:after{display:none!important;content:none!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{overflow:visible;transform:translateY(-16px) scale(1.035);box-shadow:0 0 0 1px rgba(255,122,26,.18),0 28px 68px rgba(0,0,0,.28),0 0 36px rgba(255,141,44,.08)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{top:-16px;z-index:5}
}

/* === VIP FEATURED POSITION ADJUST  === */
@media(min-width:981px){
  .sx31-pricing-grid-vippro{margin-top:24px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured){margin-top:34px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{transform:translateY(12px) scale(1.03)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{top:-12px!important}
}

/* === GLOBAL READABILITY + VIP PREMIUM REFINEMENT  === */
/* Public shell readability */
.sx-brand-copy strong{font-size:15px!important}.sx-brand-copy small{font-size:9px!important}.sx-nav a{font-size:12.5px!important}.sx-header-login,.sx-header-register,.lang-link{font-size:11px!important}.language-switcher{min-height:36px!important}.sx-btn,.btn,.sx31-btn{font-size:11.5px!important}.field label{font-size:11.5px!important}.input,.select,.textarea{font-size:13.5px!important}.field small,.muted{font-size:11.5px}.badge{font-size:10px!important}.eyebrow,.sx-kicker{font-size:10px!important}.page-hero p{font-size:14px!important}.page-hero small{font-size:11px!important}
.sx-public-section-head span,.sx31-public-section-head span{font-size:9.5px!important}.sx31-public-section-head h2{font-size:32px!important}.sx31-public-section-head p{font-size:12.5px!important;line-height:1.65!important}.sx31-store-tabs-pro a{font-size:11.5px!important}.sx31-store-tabs-pro a span{font-size:10px!important}
.sx31-product-title small,.sx31-product-price small,.sx31-product-meta-grid small,.sx31-module-kicker,.sx31-download-card-meta small{font-size:9.5px!important}.sx31-product-card-pro p,.sx31-module-card p,.sx31-news-body-pro p{font-size:12.5px!important}.sx31-product-tags span{font-size:8.5px!important}.sx31-product-meta-grid strong{font-size:13.5px!important}.sx31-table-pro th{font-size:10.5px!important}.sx31-table-pro td{font-size:12.5px!important}.sx31-table-head-pro small{font-size:9.5px!important}.sx31-table-head-pro>span{font-size:11px!important}.sx31-module-foot,.sx31-news-body-pro small{font-size:10.5px!important}

/* Home readability */
.sx-proofbar,.sx-proofbar span,.sx-proofbar b{font-size:10.5px!important}.sx-feature small,.sx-news-card small,.sx-castle-module>span,.sx-event-module>span,.sx-rank-module>span{font-size:9.5px!important}.sx-feature p,.sx-news-card p,.sx-castle-module p,.sx-event-row small,.sx-final-cta p{font-size:13px!important;line-height:1.65!important}.sx-feature>a,.sx-news-card>span,.sx-castle-module a,.sx-rank-module>a,.sx-heading-row>a{font-size:11.5px!important}.sx-event-row em,.sx-mini-rank em,.sx-rank-row em{font-size:10px!important}

/* VIP premium refinement */
.sx31-vip-benefit-strip small{font-size:10px!important}.sx31-vip-benefit-strip strong{font-size:18px!important}.sx31-vip-benefit-strip span{font-size:12px!important}.sx31-vip-strip-head-tags span{font-size:10.5px!important}.sx31-plan-micro{font-size:10px!important}.sx31-plan-pro-head p{font-size:12.5px!important}.sx31-plan-pro-head em{font-size:10px!important}.sx31-plan-alt{font-size:10.5px!important}.sx31-plan-specs small{font-size:9.5px!important}.sx31-plan-specs strong{font-size:13.5px!important}.sx31-plan-zone-head strong{font-size:14px!important}.sx31-plan-zone-head span{font-size:10.5px!important}.sx31-plan-benefits li{font-size:12.5px!important}.sx31-plan-payments span,.sx31-plan-payline span{font-size:9.5px!important}
@media(min-width:981px){
  .sx31-pricing-grid-vippro{gap:22px!important;align-items:stretch!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured){transform:scale(.985);margin-top:42px!important;border-color:#3d2117!important;background:linear-gradient(180deg,#120e0f 0%,#0a0909 100%)!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured) .sx31-plan-pro-head h3{font-size:26px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured) .sx31-plan-price strong{font-size:42px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{transform:translateY(10px) scale(1.055)!important;border-color:#ff8f24!important;background:linear-gradient(180deg,#18100e 0%,#0c0909 100%)!important;box-shadow:0 0 0 1px rgba(255,122,26,.20),0 34px 90px rgba(0,0,0,.34),0 0 48px rgba(255,122,26,.10)!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-pro-head h3{font-size:34px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price strong{font-size:54px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price-block{padding:20px!important}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{font-size:9px!important;padding:8px 16px!important;letter-spacing:.08em!important}
}

/* Player Hub / Control Center readability */
.sx31-brand strong{font-size:14px!important}.sx31-brand small{font-size:8.5px!important}.sx31-account-switcher small{font-size:8px!important}.sx31-account-switcher strong{font-size:11.5px!important}.sx31-account-switcher>em{font-size:12px!important}.sx31-nav-caption{font-size:8.5px!important;letter-spacing:.14em!important;padding-top:13px!important}.sx31-nav>a{font-size:11.5px!important;min-height:42px!important}.sx31-nav-pill{font-size:7.5px!important}.sx31-service-card span{font-size:9px!important}.sx31-service-card small{font-size:8px!important}.sx31-service-card>a{font-size:9px!important}.sx31-sidebar-footer a,.sx31-sidebar-footer button{font-size:10px!important;height:36px!important}
.sx31-breadcrumb{font-size:10px!important}.sx31-command>span,.sx31-command input{font-size:11px!important}.sx31-command kbd{font-size:8px!important}.sx31-online-chip{font-size:9px!important}.sx31-user-chip strong{font-size:10.5px!important}.sx31-user-chip small{font-size:8.5px!important}
.sx31-pagehead>div:nth-child(2)>span{font-size:8.5px!important}.sx31-pagehead h1{font-size:25px!important}.sx31-pagehead p{font-size:11.5px!important}.sx31-pagehead-icon{width:44px!important;height:44px!important}.sx31-pagehead{grid-template-columns:44px 1fr auto!important;gap:14px!important}
.sx31-kpi{min-height:110px!important;padding:16px!important}.sx31-kpi small{font-size:8.5px!important;letter-spacing:.11em!important}.sx31-kpi strong{font-size:22px!important}.sx31-kpi span{font-size:10.5px!important}.sx31-kpi em,.sx31-kpi>a{font-size:10px!important}.sx31-kpi-icon{width:42px!important;height:42px!important}
.sx31-panel-head>div>span{font-size:8.5px!important}.sx31-panel-head h2{font-size:15.5px!important}.sx31-panel-head>a{font-size:10px!important}.sx31-panel-head{min-height:62px!important;padding:15px 17px!important}
.sx31-roster-rank{font-size:10px!important}.sx31-roster-copy strong{font-size:12.5px!important}.sx31-roster-copy small{font-size:10px!important}.sx31-roster-stats b{font-size:12px!important}.sx31-roster-stats small{font-size:8px!important}.sx31-roster-row>em{font-size:8px!important}.sx31-roster-row{min-height:58px!important}
.sx31-status-dot{font-size:9px!important}.sx31-account-identity strong{font-size:12px!important}.sx31-account-identity small{font-size:9.5px!important}.sx31-account-identity>a{font-size:10px!important}.sx31-health-bars span,.sx31-health-bars b{font-size:10.5px!important}.sx31-account-note{font-size:10px!important;line-height:1.6!important}
.sx31-table th{font-size:9.5px!important;padding:12px 14px!important}.sx31-table td{font-size:11.5px!important;padding:13px 14px!important}.sx31-table-status{font-size:9px!important}.sx31-cell-icon{width:28px!important;height:28px!important}.sx31-empty strong{font-size:13px!important}.sx31-empty p{font-size:10.5px!important}
.sx31-quick-grid a{min-height:72px!important;padding:12px!important}.sx31-quick-grid a strong{font-size:11.5px!important}.sx31-quick-grid a small{font-size:9.5px!important}.sx31-quick-grid a>em{font-size:12px!important}
.sx31-content .module-title .eyebrow,.sx31-content .eyebrow{font-size:8.5px!important}.sx31-content .module-title h1,.sx31-content .module-title h2{font-size:22px!important}.sx31-content .module-title p{font-size:11.5px!important}.sx31-content .card h2.display{font-size:22px!important}.sx31-content .card p,.sx31-content .card .muted{font-size:11.5px!important;line-height:1.65!important}.sx31-content .field label{font-size:11px!important}.sx31-content .input,.sx31-content .select,.sx31-content .textarea{font-size:13px!important;min-height:44px!important}.sx31-content .field small{font-size:10.5px!important}.sx31-content .badge{font-size:9px!important}.sx31-content .note strong{font-size:12px!important}.sx31-content .note p{font-size:10.5px!important}
.sx31-content table th{font-size:10px!important}.sx31-content table td{font-size:12px!important}.sx31-content .btn{font-size:11.5px!important;min-height:38px!important}.sx31-content .check-row strong{font-size:11.5px!important}.sx31-content .check-row small{font-size:10px!important}

/* Admin inherits the same workspace system but needs a little extra density */
.sx31-admin-sidebar .sx31-nav>a{font-size:11px!important}.sx31-admin-sidebar .sx31-nav-caption{font-size:8.5px!important}.sx31-admin-overview small,.sx31-admin-chart-head small{font-size:9px!important}.sx31-admin-overview strong,.sx31-admin-chart-head strong{font-size:14px!important}.sx31-content .r170-admin-card p,.sx31-content .admin-ticket p,.sx31-content .health-item p{font-size:11.5px!important}.sx31-content .r170-admin-card small,.sx31-content .health-item small{font-size:9.5px!important}

/* Auth readability */
.auth-art .brand strong{font-size:14px!important}.auth-art .brand small{font-size:9px!important}.auth-art .eyebrow{font-size:10px!important}.auth-art>.muted{font-size:13px!important;line-height:1.65!important}.auth-form h2{font-size:30px!important}.auth-form>p{font-size:12.5px!important}.auth-form .field label{font-size:11.5px!important}.auth-form .input,.auth-form .select{font-size:13.5px!important;min-height:44px!important}

@media(max-width:650px){
  .sx31-pagehead h1{font-size:22px!important}.sx31-kpi strong{font-size:19px!important}.sx31-nav>a{font-size:12px!important}.sx31-content .module-title h1,.sx31-content .module-title h2{font-size:20px!important}.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{transform:none!important}
}

/* === GLOBAL READABILITY PASS 2 / PLAYER HUB SCALE  === */
/* Public pages: remove remaining microtype */
.sx-nav a{font-size:13px!important}
.sx-brand-copy strong{font-size:16px!important}.sx-brand-copy small{font-size:9.5px!important}
.sx-kicker,.eyebrow,.sx31-kicker{font-size:11.5px!important;letter-spacing:.15em!important}
.sx31-public-section-head span{font-size:10.5px!important}.sx31-public-section-head p{font-size:13.5px!important}
.sx31-vip-strip-head-tags span{font-size:11.5px!important}.sx31-vip-benefit-strip small{font-size:10.5px!important}.sx31-vip-benefit-strip span{font-size:13px!important}
.sx31-plan-micro{font-size:11px!important}.sx31-plan-pro-head p{font-size:13px!important}.sx31-plan-pro-head em{font-size:11px!important}.sx31-plan-alt{font-size:11.5px!important}
.sx31-plan-specs small{font-size:10.5px!important}.sx31-plan-specs strong{font-size:14.5px!important}.sx31-plan-zone-head span{font-size:11.5px!important}.sx31-plan-benefits li{font-size:13px!important}
.sx31-plan-payments span,.sx31-plan-payline span{font-size:10.5px!important}.sx31-plan-featured{font-size:10.5px!important}
.sx31-product-title small,.sx31-product-price small,.sx31-product-meta-grid small,.sx31-download-card-meta small{font-size:10.5px!important}
.sx31-product-card-pro p,.sx31-module-card p,.sx31-news-body-pro p{font-size:13px!important}.sx31-product-tags span{font-size:9.5px!important}.sx31-module-kicker{font-size:10.5px!important}
.sx31-table-pro th{font-size:11px!important}.sx31-table-pro td{font-size:13px!important}.sx31-table-head-pro>span{font-size:12px!important}

/* Player workspace: designed to be readable at browser zoom 100% */
@media(min-width:1181px){
  .sx31-workspace-shell{grid-template-columns:280px minmax(0,1fr)!important}
  .sx31-sidebar{width:280px!important;padding:18px 15px 14px!important}
  .sx31-sidebar-head{height:54px!important;margin-bottom:14px!important}
  .sx31-brand-mark{width:40px!important;height:40px!important;font-size:15px!important}
  .sx31-brand strong{font-size:15px!important}.sx31-brand small{font-size:9px!important}
  .sx31-account-switcher{grid-template-columns:40px 1fr auto!important;padding:12px!important;margin-bottom:16px!important}
  .sx31-account-avatar{width:40px!important;height:40px!important;font-size:13px!important}.sx31-account-switcher small{font-size:9.5px!important}.sx31-account-switcher strong{font-size:13px!important}.sx31-account-switcher>em{font-size:14px!important}
  .sx31-nav-caption{font-size:10px!important;padding:14px 10px 7px!important;letter-spacing:.13em!important}
  .sx31-nav{gap:4px!important}.sx31-nav>a{min-height:46px!important;font-size:13px!important;grid-template-columns:32px 1fr auto!important;gap:9px!important;padding:0 11px!important}.sx31-nav>a>span{width:32px!important;height:32px!important}.sx31-nav-pill{font-size:8.5px!important;padding:4px 6px!important}
  .sx31-service-card{padding:12px!important}.sx31-service-card span{font-size:10.5px!important}.sx31-service-card small{font-size:9px!important}.sx31-service-card>a{font-size:10px!important}
  .sx31-sidebar-footer a,.sx31-sidebar-footer button{font-size:11px!important;height:40px!important}
}

.sx31-topbar{height:70px!important;padding:0 30px!important}.sx31-breadcrumb{font-size:11.5px!important;gap:9px!important}.sx31-breadcrumb strong{font-size:12px!important}
.sx31-command{height:40px!important;padding:0 12px!important}.sx31-command>span,.sx31-command input{font-size:12px!important}.sx31-command kbd{font-size:9px!important;padding:3px 6px!important}
.sx31-icon-action{width:38px!important;height:38px!important}.sx31-user-chip>span{width:36px!important;height:36px!important;font-size:11px!important}.sx31-user-chip strong{font-size:12px!important}.sx31-user-chip small{font-size:9.5px!important}
.sx31-content{max-width:1500px!important;padding:32px 34px 68px!important}
.sx31-pagehead{grid-template-columns:50px 1fr auto!important;gap:16px!important;padding-bottom:25px!important;margin-bottom:24px!important}.sx31-pagehead-icon{width:50px!important;height:50px!important}.sx31-pagehead>div:nth-child(2)>span{font-size:10px!important;letter-spacing:.14em!important}.sx31-pagehead h1{font-size:30px!important;margin:5px 0 5px!important}.sx31-pagehead p{font-size:13px!important}.sx31-page-actions .sx31-btn{min-height:40px!important;font-size:12px!important}

.sx31-kpi-grid{gap:14px!important;margin-bottom:15px!important}.sx31-kpi{min-height:124px!important;padding:18px!important;grid-template-columns:46px 1fr auto!important;gap:13px!important;border-radius:14px!important}.sx31-kpi-icon{width:46px!important;height:46px!important}.sx31-kpi small{font-size:10px!important;letter-spacing:.11em!important}.sx31-kpi strong{font-size:26px!important;line-height:1.05!important}.sx31-kpi span{font-size:12px!important;margin-top:5px!important}.sx31-kpi em,.sx31-kpi>a{font-size:11.5px!important}

.sx31-overview-grid,.sx31-dashboard-grid{gap:14px!important}.sx31-panel{border-radius:15px!important}.sx31-panel-head{min-height:70px!important;padding:17px 19px!important}.sx31-panel-head>div>span{font-size:10px!important;letter-spacing:.12em!important}.sx31-panel-head h2{font-size:19px!important;margin-top:4px!important}.sx31-panel-head>a{font-size:12px!important}.sx31-status-dot{font-size:10.5px!important}

.sx31-roster-row{min-height:68px!important;padding:10px 16px!important;gap:12px!important}.sx31-roster-rank{font-size:11px!important}.sx31-roster-avatar{width:38px!important;height:38px!important;font-size:11px!important}.sx31-roster-copy strong{font-size:14px!important}.sx31-roster-copy small{font-size:11px!important;margin-top:3px!important}.sx31-roster-stats b{font-size:14px!important}.sx31-roster-stats small{font-size:9.5px!important}.sx31-roster-row>em{font-size:9.5px!important;padding:5px 7px!important}

.sx31-account-identity{grid-template-columns:50px 1fr auto!important;padding:17px!important}.sx31-account-bigavatar{width:50px!important;height:50px!important;font-size:16px!important}.sx31-account-identity strong{font-size:14px!important}.sx31-account-identity small{font-size:10.5px!important}.sx31-account-identity>a{font-size:11.5px!important}.sx31-health-bars{padding:0 17px!important}.sx31-health-bars span,.sx31-health-bars b{font-size:11.5px!important}.sx31-account-note{font-size:11px!important;padding:11px!important;margin:15px 17px 0!important}

.sx31-table th{font-size:10.5px!important;padding:14px 16px!important}.sx31-table td{font-size:13px!important;padding:15px 16px!important}.sx31-table-status{font-size:10px!important;padding:5px 8px!important}.sx31-cell-icon{width:32px!important;height:32px!important}
.sx31-empty strong{font-size:14px!important}.sx31-empty p{font-size:11.5px!important}

.sx31-quick-grid{gap:10px!important;padding:14px!important}.sx31-quick-grid a{min-height:84px!important;padding:14px!important;border-radius:12px!important}.sx31-quick-grid a>span{width:36px!important;height:36px!important}.sx31-quick-grid a strong{font-size:13px!important}.sx31-quick-grid a small{font-size:11px!important;margin-top:3px!important}.sx31-quick-grid a>em{font-size:14px!important}

/* Generic player pages */
.sx31-content .module-title .eyebrow,.sx31-content .eyebrow{font-size:10px!important}.sx31-content .module-title h1,.sx31-content .module-title h2{font-size:25px!important}.sx31-content .module-title p{font-size:13px!important}
.sx31-content .card p,.sx31-content .card .muted,.sx31-content .panel p,.sx31-content .panel .muted{font-size:13px!important;line-height:1.68!important}.sx31-content .field label{font-size:12.5px!important}.sx31-content .input,.sx31-content .select,.sx31-content .textarea{font-size:14px!important;min-height:46px!important}.sx31-content .field small{font-size:11.5px!important}.sx31-content .badge{font-size:10px!important}
.sx31-content table th{font-size:11px!important}.sx31-content table td{font-size:13px!important}.sx31-content .btn{font-size:12.5px!important;min-height:41px!important}.sx31-content .check-row strong{font-size:13px!important}.sx31-content .check-row small{font-size:11.5px!important}

/* Player VIP / Store specific microcopy */
.sx31-vip-workspace-copy>span{font-size:10.5px!important}.sx31-vip-workspace-copy p{font-size:13.5px!important}.sx31-vip-inline-points span{font-size:11.5px!important}.sx31-vip-summary-state small{font-size:10.5px!important}.sx31-vip-summary-state span{font-size:12px!important}.sx31-vip-summary-grid small{font-size:9.5px!important}.sx31-vip-summary-grid strong{font-size:14.5px!important}.sx31-vip-account-cards small{font-size:10px!important}.sx31-vip-account-cards p{font-size:12px!important}.sx31-payment-hint{font-size:11px!important}

/* Keep medium desktops balanced */
@media(min-width:981px) and (max-width:1180px){
  .sx31-sidebar{width:240px!important}.sx31-workspace-shell{grid-template-columns:240px minmax(0,1fr)!important}.sx31-nav>a{font-size:12px!important}.sx31-content{padding:26px 22px 56px!important}.sx31-pagehead h1{font-size:27px!important}.sx31-kpi strong{font-size:23px!important}
}
@media(max-width:980px){
  .sx31-topbar{height:62px!important;padding:0 15px!important}.sx31-content{padding:22px 15px 48px!important}.sx31-pagehead{grid-template-columns:44px 1fr!important}.sx31-pagehead-icon{width:44px!important;height:44px!important}.sx31-pagehead h1{font-size:24px!important}.sx31-pagehead p{font-size:12px!important}.sx31-nav>a{font-size:13px!important}
}

/* === HOME READABILITY PASS 3 /  === */
.route-home .sx-kicker{font-size:12.5px!important;letter-spacing:.15em!important}
.route-home .sx-hero-copy>p{font-size:17px!important;line-height:1.72!important}
.route-home .sx-steps,.route-home .sx-steps-v32{font-size:11.5px!important;gap:22px!important}
.route-home .sx-steps b,.route-home .sx-steps-v32 b{font-size:10.5px!important;padding:4px 6px!important}
.route-home .sx-steps em,.route-home .sx-steps-v32 em{font-size:11.5px!important;line-height:1.25!important;font-style:normal!important;letter-spacing:.04em!important}

.route-home .sx-preview-top b{font-size:11.5px!important;letter-spacing:.11em!important}
.route-home .sx-live{font-size:10.5px!important}
.route-home .sx-preview-title small{font-size:9.5px!important;letter-spacing:.14em!important}
.route-home .sx-preview-title h3{font-size:20px!important}
.route-home .sx-preview-season{font-size:9.5px!important}
.route-home .sx-preview-kpis small{font-size:9.5px!important;letter-spacing:.09em!important}
.route-home .sx-preview-kpis strong{font-size:23px!important}
.route-home .sx-preview-kpis em{font-size:9.5px!important}
.route-home .sx-preview-panel-head b{font-size:12px!important}
.route-home .sx-preview-panel-head span{font-size:9.5px!important}
.route-home .sx-server-row strong{font-size:11.5px!important}
.route-home .sx-server-row small{font-size:9.5px!important}
.route-home .sx-server-row em{font-size:9px!important;padding:4px 6px!important}
.route-home .sx-chart-head small{font-size:9.5px!important}
.route-home .sx-chart-head strong{font-size:12px!important}
.route-home .sx-chart-head em{font-size:9px!important}
.route-home .sx-chart-foot strong{font-size:18px!important}
.route-home .sx-chart-foot span{font-size:9.5px!important}
.route-home .sx-float-chip small{font-size:8.5px!important}
.route-home .sx-float-chip b{font-size:10px!important}

.route-home .sx-proofbar .sx-container>span{font-size:11px!important;letter-spacing:.11em!important}
.route-home .sx-proofbar .sx-container>div{font-size:12px!important}
.route-home .sx-proofbar .sx-container>div b{font-size:12px!important}

.route-home .sx-section-heading h2{font-size:42px!important;line-height:1.12!important}
.route-home .sx-section-heading p{font-size:15.5px!important;line-height:1.7!important}
.route-home .sx-feature small{font-size:11px!important;letter-spacing:.1em!important}
.route-home .sx-feature h3{font-size:24px!important;line-height:1.14!important}
.route-home .sx-feature p{font-size:14.5px!important;line-height:1.68!important}
.route-home .sx-feature>a{font-size:12.5px!important}
.route-home .sx-ui-line span{font-size:11.5px!important}
.route-home .sx-ui-line b{font-size:13px!important}
.route-home .sx-mini-rank b{font-size:10.5px!important}
.route-home .sx-mini-rank span{font-size:12px!important}
.route-home .sx-mini-rank em{font-size:10.5px!important}
.route-home .sx-feature-badge,.route-home .sx-feature-status{font-size:10.5px!important}

.route-home .sx-ops-copy .sx-kicker{font-size:12px!important}
.route-home .sx-ops-copy h2{font-size:42px!important}
.route-home .sx-ops-copy p{font-size:15px!important;line-height:1.72!important}
.route-home .sx-ops-copy li{font-size:13.5px!important}
.route-home .sx-ops-copy .sx-btn{font-size:13px!important}
.route-home .sx-ops-head small{font-size:10.5px!important}
.route-home .sx-ops-head strong{font-size:17px!important}
.route-home .sx-ops-head .sx-live{font-size:10px!important}
.route-home .sx-ops-metrics small{font-size:9.5px!important}
.route-home .sx-ops-metrics strong{font-size:24px!important}
.route-home .sx-ops-metrics span{font-size:10px!important}
.route-home .sx-ops-list div{font-size:11.5px!important}
.route-home .sx-ops-list b{font-size:10.5px!important}

.route-home .sx-heading-row>a{font-size:12.5px!important}
.route-home .sx-castle-module>span,.route-home .sx-event-module>span,.route-home .sx-rank-module>span{font-size:10.5px!important;letter-spacing:.1em!important}
.route-home .sx-castle-module h3,.route-home .sx-event-module h3,.route-home .sx-rank-module h3{font-size:24px!important}
.route-home .sx-castle-module p,.route-home .sx-event-module p,.route-home .sx-rank-module p{font-size:14px!important}
.route-home .sx-castle-module a,.route-home .sx-rank-module>a{font-size:12.5px!important}
.route-home .sx-event-row b{font-size:12.5px!important}
.route-home .sx-event-row small{font-size:11px!important}
.route-home .sx-event-row em{font-size:10.5px!important}
.route-home .sx-rank-row span{font-size:12px!important}
.route-home .sx-rank-row em{font-size:10.5px!important}
.route-home .sx-module-index{font-size:11px!important}

.route-home .sx-news-card small{font-size:10.5px!important}
.route-home .sx-news-card h3{font-size:21px!important;line-height:1.2!important}
.route-home .sx-news-card p{font-size:14px!important;line-height:1.65!important}
.route-home .sx-news-card>span{font-size:11px!important}
.route-home .sx-final-cta h2{font-size:40px!important}
.route-home .sx-final-cta p{font-size:15px!important;line-height:1.65!important}

@media(max-width:650px){
  .route-home .sx-hero-copy>p{font-size:15px!important}
  .route-home .sx-section-heading h2,.route-home .sx-ops-copy h2,.route-home .sx-final-cta h2{font-size:32px!important}
  .route-home .sx-section-heading p,.route-home .sx-ops-copy p,.route-home .sx-feature p,.route-home .sx-news-card p{font-size:13.5px!important}
  .route-home .sx-proofbar .sx-container>div{font-size:11px!important}
}

/* === HOME LARGE LOGO SLOT  === */
.sx-home-logo-dock{position:absolute;left:-34px;bottom:-4px;z-index:6;width:240px;min-height:102px;padding:12px 14px;border-radius:18px;border:1px solid #6b341a;background:linear-gradient(180deg,rgba(20,14,16,.96),rgba(11,9,10,.98));box-shadow:0 18px 40px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sx-home-logo-dock img{max-width:100%;max-height:74px;width:auto;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.22))}
.sx-home-logo-placeholder{width:100%;min-height:74px;border:1px dashed rgba(255,178,74,.34);border-radius:14px;display:grid;place-items:center;text-align:center;padding:12px 10px;background:linear-gradient(135deg,rgba(255,122,26,.05),rgba(255,178,74,.03))}
.sx-home-logo-placeholder span{font-size:10px;letter-spacing:.18em;color:#ffb24a;font-weight:800}
.sx-home-logo-placeholder strong{font-size:22px;line-height:1.05;color:#fff3e8}
.sx-home-logo-placeholder small{font-size:11px;line-height:1.35;color:#cfb29b}
.route-home .sx-home-logo-dock{backdrop-filter:blur(12px)}
@media(min-width:981px){
  .sx-stage-v32{padding-bottom:44px}
}
@media(max-width:980px){
  .sx-home-logo-dock{position:static;width:100%;margin-top:14px;min-height:90px}
  .sx-home-logo-dock img{max-height:62px}
}

/* === HOME LOGO DOCK PREMIUM REFINEMENT  === */
@media(min-width:981px){
  .route-home .sx-stage-v32{padding-bottom:78px!important}
  .route-home .sx-home-logo-dock{left:24px!important;bottom:0!important;width:320px!important;min-height:124px!important;padding:14px 18px!important;border-radius:20px!important;border:1px solid #7a3b1d!important;background:linear-gradient(145deg,rgba(21,13,13,.985),rgba(10,8,8,.99))!important;box-shadow:0 24px 54px rgba(0,0,0,.34),0 0 0 1px rgba(255,122,26,.035) inset!important;overflow:hidden!important}
  .route-home .sx-home-logo-dock:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff8f24 20%,#ffb44a 50%,#ff8f24 80%,transparent);opacity:.9}
  .route-home .sx-home-logo-dock:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,178,74,.055);border-radius:15px;pointer-events:none}
  .route-home .sx-home-logo-dock.has-logo{min-height:124px}
  .route-home .sx-home-logo-dock.has-logo img{position:relative;z-index:2;max-width:282px!important;max-height:90px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 22px rgba(0,0,0,.34)) drop-shadow(0 0 16px rgba(255,122,26,.06))!important}
  .route-home .sx-home-logo-shine{position:absolute;z-index:1;width:210px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,122,26,.10),transparent 68%);filter:blur(8px);pointer-events:none}
  .route-home .sx-home-logo-placeholder{position:relative;z-index:2;min-height:88px!important;border-color:rgba(255,178,74,.30)!important;background:linear-gradient(135deg,rgba(255,122,26,.055),rgba(255,178,74,.025))!important}
  .route-home .sx-home-logo-placeholder strong{font-size:24px!important}
  .route-home .sx-home-logo-placeholder small{font-size:12px!important}
}
@media(min-width:981px) and (max-width:1250px){
  .route-home .sx-home-logo-dock{left:14px!important;width:292px!important}
  .route-home .sx-home-logo-dock.has-logo img{max-width:254px!important}
}
@media(max-width:980px){
  .route-home .sx-home-logo-dock{min-height:108px!important;padding:13px 16px!important;border-color:#7a3b1d!important;background:linear-gradient(145deg,#150d0d,#0b0909)!important}
  .route-home .sx-home-logo-dock.has-logo img{max-width:min(82vw,320px)!important;max-height:78px!important;object-fit:contain!important}
}

/* === HOME FULL LOGO SHOWCASE  === */
.route-home .sx-logo-stage{
  min-height:500px;
  padding:0!important;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}
.route-home .sx-home-logo-canvas{
  position:relative;
  width:100%;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  overflow:hidden;
  border:1px solid #6b341a;
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,122,26,.13),transparent 42%),
    radial-gradient(circle at 82% 16%,rgba(255,178,74,.07),transparent 30%),
    linear-gradient(145deg,#130c0b 0%,#0a0808 62%,#160b08 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
}
.route-home .sx-home-logo-canvas:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,178,74,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,178,74,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at center,#000 12%,transparent 78%);
}
.route-home .sx-home-logo-canvas:after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:8%;height:54px;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,122,26,.13),transparent 70%);
  filter:blur(18px);
}
.route-home .sx-home-logo-canvas>img{
  position:relative;
  z-index:2;
  display:block;
  width:auto;
  height:auto;
  max-width:92%;
  max-height:390px;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.42));
}
.route-home .sx-home-logo-empty{
  position:relative;
  z-index:2;
  width:min(520px,88%);
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:34px;
  text-align:center;
  border:1px dashed rgba(255,178,74,.34);
  border-radius:22px;
  background:rgba(15,10,10,.5);
}
.route-home .sx-home-logo-empty span{font-size:12px;letter-spacing:.18em;color:#ffb24a;font-weight:850}
.route-home .sx-home-logo-empty strong{font-size:38px;line-height:1;color:#fff3e8}
.route-home .sx-home-logo-empty small{max-width:360px;font-size:14px;line-height:1.55;color:#cfb29b}
/* old small logo dock is intentionally disabled after the full-canvas switch */
.route-home .sx-home-logo-dock{display:none!important}
@media(max-width:1180px){
  .route-home .sx-logo-stage,.route-home .sx-home-logo-canvas{min-height:440px}
  .route-home .sx-home-logo-canvas>img{max-height:340px}
}
@media(max-width:980px){
  .route-home .sx-logo-stage{min-height:auto;margin-top:18px}
  .route-home .sx-home-logo-canvas{min-height:360px;padding:28px;border-radius:20px}
  .route-home .sx-home-logo-canvas>img{max-width:94%;max-height:290px}
}
@media(max-width:560px){
  .route-home .sx-home-logo-canvas{min-height:280px;padding:20px}
  .route-home .sx-home-logo-canvas>img{max-height:220px}
  .route-home .sx-home-logo-empty{min-height:220px;padding:24px}
  .route-home .sx-home-logo-empty strong{font-size:30px}
}

/* === DarknessMu  / SaaS Premium Visual Boost === */
@keyframes sxFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sxPulseGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}
@keyframes sxOrbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sxShineSweep{0%{transform:translateX(-120%) skewX(-18deg);opacity:0}35%{opacity:.28}100%{transform:translateX(220%) skewX(-18deg);opacity:0}}

.route-home .sx-hero-v32{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,142,44,.14),transparent 28%),
    radial-gradient(circle at 75% 18%,rgba(255,183,74,.10),transparent 30%),
    radial-gradient(circle at 62% 68%,rgba(255,97,28,.09),transparent 26%),
    linear-gradient(120deg,#050506 0%,#0a0909 42%,#160b09 100%)!important;
}
.route-home .sx-hero-v32:before{background:radial-gradient(circle,rgba(255,154,63,.18),transparent 68%)!important;filter:blur(8px)}
.route-home .sx-hero-v32:after{border-color:rgba(255,178,74,.12)!important}
.route-home .sx-hero-grid{opacity:.52!important}
.route-home .sx-hero-copy-v32 h1{text-shadow:0 14px 44px rgba(0,0,0,.22),0 0 32px rgba(255,122,26,.04)!important}
.route-home .sx-hero-v32 .sx-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,178,74,.18);border-radius:999px;background:rgba(12,10,10,.62);box-shadow:0 14px 28px rgba(0,0,0,.16)}
.route-home .sx-hero-v32 .sx-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffb44a,#ff7a1a);box-shadow:0 0 0 5px rgba(255,122,26,.08)}
.route-home .sx-hero-v32 .sx-hero-primary{position:relative;overflow:hidden;box-shadow:0 18px 36px rgba(255,122,26,.22)!important}
.route-home .sx-hero-v32 .sx-hero-primary:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.26) 50%,transparent 78%);transform:translateX(-130%) skewX(-18deg);animation:sxShineSweep 4.8s ease-in-out infinite}
.route-home .sx-hero-v32 .sx-btn-ghost{backdrop-filter:blur(12px);background:rgba(18,13,14,.86)!important}
.route-home .sx-steps-v32{border-top-color:rgba(255,178,74,.12)!important;gap:24px}
.route-home .sx-steps-v32 span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.015);border:1px solid rgba(255,178,74,.06)}
.route-home .sx-steps-v32 i{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,178,74,.16),transparent)}

.route-home .sx-logo-stage{perspective:1400px}
.route-home .sx-home-logo-canvas{
  isolation:isolate;
  border-color:#7d3b1d!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 0 1px rgba(255,156,63,.07) inset,0 0 80px rgba(255,122,26,.08)!important;
  transform:rotateX(1.8deg) rotateY(-2deg);
}
.route-home .sx-home-logo-canvas:before{
  background-image:linear-gradient(rgba(255,178,74,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,178,74,.03) 1px,transparent 1px)!important;
}
.route-home .sx-home-logo-canvas:after{left:10%!important;right:10%!important;bottom:7%!important;height:62px!important;background:radial-gradient(ellipse,rgba(255,138,41,.18),transparent 72%)!important}
.route-home .sx-home-logo-canvas.has-logo::marker{content:""}
.route-home .sx-home-logo-canvas.has-logo:before{opacity:.8}
.route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center;
  width:min(88%,720px);min-height:320px;padding:38px 40px;border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  border:1px solid rgba(255,178,74,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(12px);
}
.route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate:before{
  content:"";position:absolute;inset:0;border-radius:28px;padding:1px;
  background:linear-gradient(135deg,rgba(255,178,74,.38),rgba(255,122,26,.08),rgba(255,178,74,.22));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.route-home .sx-home-logo-canvas>img,.route-home .sx-home-logo-plate>img{max-width:100%!important;max-height:360px!important;filter:drop-shadow(0 26px 40px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(255,122,26,.08))!important}
.route-home .sx-home-logo-empty{box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}
.route-home .sx-logo-fx{position:absolute;z-index:1;border-radius:999px;pointer-events:none;mix-blend-mode:screen}
.route-home .sx-logo-fx-a{width:180px;height:180px;left:-32px;top:36px;background:radial-gradient(circle,rgba(255,183,74,.26),rgba(255,122,26,.10) 40%,transparent 74%);filter:blur(8px);animation:sxFloatY 6.5s ease-in-out infinite}
.route-home .sx-logo-fx-b{width:130px;height:130px;right:28px;top:62px;background:radial-gradient(circle,rgba(255,122,26,.20),transparent 72%);filter:blur(10px);animation:sxPulseGlow 5.2s ease-in-out infinite}
.route-home .sx-logo-fx-c{width:240px;height:240px;right:-60px;bottom:-30px;background:radial-gradient(circle,rgba(255,178,74,.14),transparent 70%);filter:blur(12px);animation:sxFloatY 8s ease-in-out infinite reverse}
.route-home .sx-logo-orbit{position:absolute;z-index:1;left:50%;top:50%;width:68%;height:68%;border:1px solid rgba(255,178,74,.09);border-radius:50%;transform:translate(-50%,-50%);animation:sxOrbitSpin 24s linear infinite}
.route-home .sx-logo-orbit:before,.route-home .sx-logo-orbit:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffb44a,#ff7a1a);box-shadow:0 0 18px rgba(255,122,26,.16)}
.route-home .sx-logo-orbit:before{width:11px;height:11px;left:14%;top:10%}
.route-home .sx-logo-orbit:after{width:9px;height:9px;right:18%;bottom:12%}
.route-home .sx-logo-gridshine{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.route-home .sx-logo-gridshine:before{content:"";position:absolute;inset:auto -8% 22% auto;width:55%;height:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);filter:blur(12px);transform:rotate(-16deg)}
.route-home .sx-logo-gridshine:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 36%);opacity:.9}

.route-home .sx-proofbar{position:relative;overflow:hidden}
.route-home .sx-proofbar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,178,74,.04),transparent);pointer-events:none}
.route-home .sx-proofbar .sx-container>div{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,178,74,.08);background:rgba(255,255,255,.015)}

.route-home .sx-feature,
.route-home .sx-news-card,
.route-home .sx-castle-module,
.route-home .sx-event-module,
.route-home .sx-rank-module,
.route-home .sx-ops-card{
  position:relative;overflow:hidden;
}
.route-home .sx-feature:before,
.route-home .sx-news-card:before,
.route-home .sx-event-module:before,
.route-home .sx-rank-module:before,
.route-home .sx-castle-module:before,
.route-home .sx-ops-card:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,178,74,.55),transparent);opacity:.85;pointer-events:none;
}
.route-home .sx-feature:after,
.route-home .sx-news-card:after,
.route-home .sx-event-module:after,
.route-home .sx-rank-module:after,
.route-home .sx-castle-module:after,
.route-home .sx-ops-card:after{
  content:"";position:absolute;inset:auto -18% -38% auto;width:54%;height:54%;background:radial-gradient(circle,rgba(255,122,26,.06),transparent 70%);pointer-events:none;
}
.route-home .sx-feature:hover,
.route-home .sx-news-card:hover,
.route-home .sx-event-module:hover,
.route-home .sx-rank-module:hover,
.route-home .sx-castle-module:hover{transform:translateY(-4px);box-shadow:0 30px 55px rgba(0,0,0,.24)!important;border-color:#87401f!important}
.route-home .sx-feature-icon{box-shadow:0 10px 26px rgba(255,122,26,.12)}
.route-home .sx-feature-badge,
.route-home .sx-feature-status,
.route-home .sx-live,
.route-home .sx-ops-list b{box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.route-home .sx-news-card .sx-news-num{opacity:.22}
.route-home .sx-final-cta{position:relative;overflow:hidden}
.route-home .sx-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(255,178,74,.12),transparent 26%),radial-gradient(circle at 16% 76%,rgba(255,122,26,.10),transparent 24%);pointer-events:none}
.route-home .sx-final-cta .sx-btn-light{background:rgba(255,255,255,.05)!important;color:#fff3e8!important;border-color:rgba(255,178,74,.18)!important;backdrop-filter:blur(10px)}

@media(max-width:980px){
  .route-home .sx-home-logo-canvas{transform:none}
  .route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{width:min(100%,680px);min-height:240px;padding:28px 22px;border-radius:22px}
  .route-home .sx-logo-orbit{width:82%;height:82%}
}
@media(max-width:560px){
  .route-home .sx-hero-v32 .sx-kicker{padding:7px 10px;font-size:9.5px}
  .route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{min-height:190px;padding:18px}
  .route-home .sx-home-logo-plate>img{max-height:180px!important}
  .route-home .sx-proofbar .sx-container>div{padding:7px 10px}
}

/* === DarknessMu  / SaaS Premium Visual Boost - Public Pages Expansion === */
@keyframes sxPublicOrbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes sxPublicGlowPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}

body.sx-public:not(.route-home){
  background:
    radial-gradient(circle at 18% 10%,rgba(255,122,26,.035),transparent 24%),
    radial-gradient(circle at 82% 16%,rgba(255,178,74,.03),transparent 22%),
    linear-gradient(180deg,#060607 0%,#080808 100%)!important;
}

body.sx-public:not(.route-home) .sx31-vip-hero-sa,
body.sx-public:not(.route-home) .sx31-saas-page-hero,
body.sx-public:not(.route-home) .page-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,122,26,.13),transparent 28%),
    radial-gradient(circle at 82% 15%,rgba(255,178,74,.09),transparent 30%),
    linear-gradient(120deg,#070708 0%,#0a0909 42%,#150b09 100%)!important;
}
body.sx-public:not(.route-home) .sx31-vip-hero-sa:before,
body.sx-public:not(.route-home) .sx31-saas-page-hero:before,
body.sx-public:not(.route-home) .page-hero:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,178,74,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,178,74,.028) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);
}
body.sx-public:not(.route-home) .sx31-vip-hero-sa:after,
body.sx-public:not(.route-home) .sx31-saas-page-hero:after,
body.sx-public:not(.route-home) .page-hero:after{
  content:"";
  position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.12),transparent 68%);
  filter:blur(12px);pointer-events:none;animation:sxPublicGlowPulse 9s ease-in-out infinite;
}
body.sx-public:not(.route-home) .sx31-vip-hero-copy,
body.sx-public:not(.route-home) .page-hero .container>div,
body.sx-public:not(.route-home) .page-hero .container{
  position:relative;z-index:2;
}
body.sx-public:not(.route-home) .sx31-vip-hero-copy .sx31-kicker,
body.sx-public:not(.route-home) .page-hero .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,178,74,.16);
  background:rgba(15,10,10,.55);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
body.sx-public:not(.route-home) .sx31-vip-hero-copy .sx31-kicker:before,
body.sx-public:not(.route-home) .page-hero .eyebrow:before{
  content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffb44a,#ff7a1a);box-shadow:0 0 0 4px rgba(255,122,26,.08)
}
body.sx-public:not(.route-home) .sx31-vip-hero-copy h1,
body.sx-public:not(.route-home) .page-hero h1{
  text-shadow:0 14px 44px rgba(0,0,0,.24),0 0 30px rgba(255,122,26,.03);
}
body.sx-public:not(.route-home) .sx31-vip-hero-copy p,
body.sx-public:not(.route-home) .page-hero p{max-width:760px}
body.sx-public:not(.route-home) .sx31-hero-actions .sx31-btn,
body.sx-public:not(.route-home) .page-hero .btn{
  box-shadow:0 14px 30px rgba(0,0,0,.16)
}
body.sx-public:not(.route-home) .sx31-vip-hero-points article,
body.sx-public:not(.route-home) .sx31-vip-control-metrics article,
body.sx-public:not(.route-home) .sx31-vip-account-cards article,
body.sx-public:not(.route-home) .sx31-vip-summary-grid article{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(20,14,16,.96),rgba(11,9,10,.98))!important;
  border-color:#6b341a!important;
  box-shadow:0 16px 35px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02);
}
body.sx-public:not(.route-home) .sx31-vip-hero-points article:before,
body.sx-public:not(.route-home) .sx31-vip-control-metrics article:before,
body.sx-public:not(.route-home) .sx31-vip-account-cards article:before,
body.sx-public:not(.route-home) .sx31-vip-summary-grid article:before{
  content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,178,74,.6),transparent)
}

body.sx-public:not(.route-home) .sx31-vip-control-panel,
body.sx-public:not(.route-home) .sx31-vip-control-featured,
body.sx-public:not(.route-home) .sx31-vip-summary-panel,
body.sx-public:not(.route-home) .sx31-vip-workspace-head,
body.sx-public:not(.route-home) .sx31-module-card,
body.sx-public:not(.route-home) .sx31-news-card-pro,
body.sx-public:not(.route-home) .sx31-product-card-pro,
body.sx-public:not(.route-home) .sx31-table-card-pro,
body.sx-public:not(.route-home) .sx31-plan-card-pro,
body.sx-public:not(.route-home) .sx31-download-card-pro,
body.sx-public:not(.route-home) .sx31-podium-card,
body.sx-public:not(.route-home) .sx31-cta-board,
body.sx-public:not(.route-home) .sx31-public-product-card,
body.sx-public:not(.route-home) .card,
body.sx-public:not(.route-home) .panel,
body.sx-public:not(.route-home) .module,
body.sx-public:not(.route-home) .table-wrap{
  position:relative;
  overflow:hidden;
  border-color:#5f2d19!important;
  box-shadow:0 24px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
body.sx-public:not(.route-home) .sx31-vip-control-panel:before,
body.sx-public:not(.route-home) .sx31-vip-control-featured:before,
body.sx-public:not(.route-home) .sx31-vip-summary-panel:before,
body.sx-public:not(.route-home) .sx31-vip-workspace-head:before,
body.sx-public:not(.route-home) .sx31-module-card:before,
body.sx-public:not(.route-home) .sx31-news-card-pro:before,
body.sx-public:not(.route-home) .sx31-product-card-pro:before,
body.sx-public:not(.route-home) .sx31-table-card-pro:before,
body.sx-public:not(.route-home) .sx31-plan-card-pro:before,
body.sx-public:not(.route-home) .sx31-download-card-pro:before,
body.sx-public:not(.route-home) .sx31-podium-card:before,
body.sx-public:not(.route-home) .sx31-cta-board:before,
body.sx-public:not(.route-home) .sx31-public-product-card:before,
body.sx-public:not(.route-home) .card:before,
body.sx-public:not(.route-home) .panel:before,
body.sx-public:not(.route-home) .module:before,
body.sx-public:not(.route-home) .table-wrap:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,178,74,.55),transparent);pointer-events:none
}
body.sx-public:not(.route-home) .sx31-vip-control-panel:after,
body.sx-public:not(.route-home) .sx31-vip-control-featured:after,
body.sx-public:not(.route-home) .sx31-vip-summary-panel:after,
body.sx-public:not(.route-home) .sx31-vip-workspace-head:after,
body.sx-public:not(.route-home) .sx31-module-card:after,
body.sx-public:not(.route-home) .sx31-news-card-pro:after,
body.sx-public:not(.route-home) .sx31-product-card-pro:after,
body.sx-public:not(.route-home) .sx31-table-card-pro:after,
body.sx-public:not(.route-home) .sx31-plan-card-pro:after,
body.sx-public:not(.route-home) .sx31-download-card-pro:after,
body.sx-public:not(.route-home) .sx31-podium-card:after,
body.sx-public:not(.route-home) .sx31-cta-board:after,
body.sx-public:not(.route-home) .sx31-public-product-card:after,
body.sx-public:not(.route-home) .card:after,
body.sx-public:not(.route-home) .panel:after,
body.sx-public:not(.route-home) .module:after,
body.sx-public:not(.route-home) .table-wrap:after{
  content:"";position:absolute;right:-14%;bottom:-22%;width:46%;height:46%;background:radial-gradient(circle,rgba(255,122,26,.055),transparent 72%);pointer-events:none
}
body.sx-public:not(.route-home) .sx31-module-card:hover,
body.sx-public:not(.route-home) .sx31-news-card-pro:hover,
body.sx-public:not(.route-home) .sx31-product-card-pro:hover,
body.sx-public:not(.route-home) .sx31-download-card-pro:hover,
body.sx-public:not(.route-home) .sx31-public-product-card:hover,
body.sx-public:not(.route-home) .card:hover,
body.sx-public:not(.route-home) .table-wrap:hover{
  transform:translateY(-4px);
  border-color:#87401f!important;
  box-shadow:0 28px 62px rgba(0,0,0,.22)!important;
}

body.sx-public:not(.route-home) .sx31-store-tabs,
body.sx-public:not(.route-home) .sx31-store-tabs.public,
body.sx-public:not(.route-home) .ranking-tabs-pro,
body.sx-public:not(.route-home) .sx31-store-filter,
body.sx-public:not(.route-home) .sx31-rank-list-pro .rank-row,
body.sx-public:not(.route-home) .sx31-download-card-pro .sx31-download-card-meta span{
  box-shadow:0 16px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.015)
}
body.sx-public:not(.route-home) .sx31-store-tabs a,
body.sx-public:not(.route-home) .sx31-store-tabs.public a,
body.sx-public:not(.route-home) .ranking-tabs-pro>a{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body.sx-public:not(.route-home) .sx31-store-tabs a:hover,
body.sx-public:not(.route-home) .sx31-store-tabs.public a:hover,
body.sx-public:not(.route-home) .ranking-tabs-pro>a:hover{transform:translateY(-2px)}

body.sx-public:not(.route-home) .sx31-public-store,
body.sx-public:not(.route-home) .sx31-vip-public-shell,
body.sx-public:not(.route-home) .sx31-content{position:relative;overflow:hidden}
body.sx-public:not(.route-home) .sx31-public-store:before,
body.sx-public:not(.route-home) .sx31-vip-public-shell:before,
body.sx-public:not(.route-home) .sx31-content:before{
  content:"";position:absolute;left:-120px;bottom:8%;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,178,74,.06),transparent 70%);filter:blur(8px);pointer-events:none;animation:sxPublicOrbFloat 11s ease-in-out infinite;
}

body.sx-public:not(.route-home) .sx31-public-section-head,
body.sx-public:not(.route-home) .section-head,
body.sx-public:not(.route-home) .module-title,
body.sx-public:not(.route-home) .sx31-table-head-pro{
  position:relative;z-index:2
}
body.sx-public:not(.route-home) .sx31-public-section-head h2,
body.sx-public:not(.route-home) .section-head h2,
body.sx-public:not(.route-home) .module-title h2{letter-spacing:-.04em;text-shadow:0 8px 24px rgba(0,0,0,.14)}

body.sx-public:not(.route-home) .sx31-product-card-pro .sx31-product-art,
body.sx-public:not(.route-home) .sx31-news-thumb-pro,
body.sx-public:not(.route-home) .r170-product-media,
body.sx-public:not(.route-home) .preview{
  position:relative;overflow:hidden;
}
body.sx-public:not(.route-home) .sx31-product-card-pro .sx31-product-art:after,
body.sx-public:not(.route-home) .sx31-news-thumb-pro:after,
body.sx-public:not(.route-home) .r170-product-media:after,
body.sx-public:not(.route-home) .preview:after{
  content:"";position:absolute;inset:auto -12% 12% auto;width:48%;height:48%;background:radial-gradient(circle,rgba(255,178,74,.12),transparent 68%);pointer-events:none
}

body.sx-public:not(.route-home) .sx31-cta-board,
body.sx-public:not(.route-home) .sx-final-cta{
  background:
    radial-gradient(circle at 84% 22%,rgba(255,178,74,.12),transparent 28%),
    radial-gradient(circle at 18% 74%,rgba(255,122,26,.1),transparent 24%),
    linear-gradient(135deg,#120b0b 0%,#0b0909 100%)!important;
}
body.sx-public:not(.route-home) .sx31-cta-board .sx31-btn.secondary{backdrop-filter:blur(10px)}

@media(max-width:980px){
  body.sx-public:not(.route-home) .sx31-vip-hero-copy .sx31-kicker,
  body.sx-public:not(.route-home) .page-hero .eyebrow{padding:7px 10px}
  body.sx-public:not(.route-home) .sx31-vip-control-panel,
  body.sx-public:not(.route-home) .sx31-vip-control-featured,
  body.sx-public:not(.route-home) .sx31-vip-summary-panel,
  body.sx-public:not(.route-home) .sx31-vip-workspace-head,
  body.sx-public:not(.route-home) .sx31-module-card,
  body.sx-public:not(.route-home) .sx31-news-card-pro,
  body.sx-public:not(.route-home) .sx31-product-card-pro,
  body.sx-public:not(.route-home) .sx31-table-card-pro,
  body.sx-public:not(.route-home) .sx31-plan-card-pro,
  body.sx-public:not(.route-home) .sx31-download-card-pro,
  body.sx-public:not(.route-home) .sx31-podium-card,
  body.sx-public:not(.route-home) .sx31-cta-board,
  body.sx-public:not(.route-home) .sx31-public-product-card{box-shadow:0 18px 40px rgba(0,0,0,.18)!important}
}

/* === DarknessMu  / VIP Pricing Layout Stabilization === */
.sx31-pricing-grid-vippro{
  position:relative;
  margin-top:28px!important;
}
.sx31-pricing-grid-vippro .sx31-plan-card-pro{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  transform:none!important;
  margin-top:0!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.sx31-pricing-grid-vippro .sx31-plan-benefit-zone{
  flex:1 1 auto;
}
.sx31-pricing-grid-vippro .sx31-plan-pro-footer,
.sx31-pricing-grid-vippro .sx31-plan-form-pro{
  margin-top:auto;
}

@media(min-width:981px){
  .sx31-pricing-grid-vippro{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
    padding-top:18px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro{
    height:100%!important;
    padding:22px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#130e10 0%,#0b090a 100%)!important;
    border-color:#4f2819!important;
    box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured){
    transform:none!important;
    margin-top:0!important;
    opacity:.96;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{
    transform:none!important;
    margin-top:0!important;
    z-index:2;
    border-color:#ff8f24!important;
    background:linear-gradient(180deg,#18100e 0%,#0d0909 100%)!important;
    box-shadow:0 0 0 1px rgba(255,122,26,.16),0 26px 62px rgba(0,0,0,.26),0 0 34px rgba(255,122,26,.07)!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:before,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:after{
    display:none!important;
    content:none!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{
    position:absolute!important;
    top:-14px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    padding:8px 15px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;
    color:#fff!important;
    font-size:9.5px!important;
    letter-spacing:.08em!important;
    box-shadow:0 10px 28px rgba(255,122,26,.20)!important;
    white-space:nowrap;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro .sx31-plan-pro-head h3{
    font-size:28px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-pro-head h3{
    font-size:30px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro .sx31-plan-price strong{
    font-size:46px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price strong{
    font-size:50px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro .sx31-plan-price-block,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price-block{
    min-height:126px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-specs{
    min-height:142px;
  }
  .sx31-pricing-grid-vippro .sx31-plan-benefit-zone{
    margin-top:18px!important;
    min-height:220px;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:hover{
    transform:translateY(-4px)!important;
    border-color:#87401f!important;
    box-shadow:0 28px 60px rgba(0,0,0,.23)!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:hover{
    border-color:#ff9d35!important;
    box-shadow:0 0 0 1px rgba(255,122,26,.18),0 32px 70px rgba(0,0,0,.28),0 0 38px rgba(255,122,26,.09)!important;
  }
}

@media(max-width:980px){
  .sx31-pricing-grid-vippro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding-top:12px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured,
  .sx31-pricing-grid-vippro .sx31-plan-card-pro:not(.featured){
    transform:none!important;
    margin-top:0!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{order:-1}
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{
    top:12px!important;
    right:12px!important;
    left:auto!important;
    transform:none!important;
  }
}

/* ===  VIP featured badge clarity === */
@media(min-width:981px){
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{
    padding-top:18px!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 14px 0!important;
    padding:9px 14px!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#ff8a23,#ffb44a)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(255,122,26,.22)!important;
    white-space:normal!important;
    font-size:10px!important;
    letter-spacing:.10em!important;
    line-height:1.1!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured i{
    font-style:normal!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
    font-size:11px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured span{
    display:block!important;
    color:#fff!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-pro-head{
    align-items:start!important;
  }
}
@media(max-width:980px){
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 12px 0!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    white-space:normal!important;
  }
  .sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-featured i{
    font-style:normal!important;
    width:16px!important;height:16px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;font-size:10px!important
  }
}

/* ===  VIP Recommended Premium Header === */
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured{
  position:relative!important;
  isolation:isolate;
  border-color:#ff8f24!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,122,26,.10),transparent 26%),
    linear-gradient(180deg,#18100e 0%,#0d0909 100%)!important;
  box-shadow:0 0 0 1px rgba(255,122,26,.16),0 28px 68px rgba(0,0,0,.28),0 0 42px rgba(255,122,26,.08)!important;
}
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18px!important;right:18px!important;top:0!important;height:1px!important;
  background:linear-gradient(90deg,transparent,#ffb44a 26%,#ff8a23 50%,#ffb44a 74%,transparent)!important;
  opacity:.95!important;
  pointer-events:none!important;
}
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;right:18%!important;top:-26px!important;height:70px!important;
  background:radial-gradient(ellipse,rgba(255,122,26,.15),transparent 72%)!important;
  filter:blur(12px)!important;
  pointer-events:none!important;
}
.sx31-plan-recommendation{
  position:relative;z-index:3;
  display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;
  width:100%;margin:0 0 18px;padding:12px 14px;
  border:1px solid rgba(255,151,43,.42);border-radius:16px;
  background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(255,178,74,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(255,122,26,.08);
  overflow:hidden;
}
.sx31-plan-recommendation:before{
  content:"";position:absolute;inset:0 auto 0 -32%;width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:skewX(-18deg);pointer-events:none;
}
.sx31-plan-recommendation-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(135deg,#ff7a1a,#ffb44a);color:#fff;font-size:17px;
  box-shadow:0 10px 22px rgba(255,122,26,.20),inset 0 1px 0 rgba(255,255,255,.20)
}
.sx31-plan-recommendation div{min-width:0}
.sx31-plan-recommendation small{
  display:block;color:#ffd7ad;font-size:9.5px!important;font-weight:900;letter-spacing:.16em;line-height:1.2
}
.sx31-plan-recommendation strong{
  display:block;color:#fff!important;font-size:14px!important;line-height:1.15;margin-top:4px;letter-spacing:.02em
}
.sx31-plan-recommendation em{
  font-style:normal;display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 10px;border-radius:999px;
  border:1px solid rgba(255,178,74,.28);background:rgba(8,8,8,.24);
  color:#ffcf8f;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap
}
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-pro-head h3{color:#fff7ef!important}
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-plan-price-block{
  border-color:#8a431d!important;
  background:linear-gradient(135deg,rgba(255,122,26,.15),rgba(255,178,74,.07))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.sx31-pricing-grid-vippro .sx31-plan-card-pro.featured .sx31-btn.primary{
  background:linear-gradient(135deg,#ff6f1e,#ffb44a)!important;
  box-shadow:0 12px 28px rgba(255,122,26,.20)!important
}
@media(max-width:980px){
  .sx31-plan-recommendation{grid-template-columns:38px 1fr;padding:11px 12px;margin-bottom:14px}
  .sx31-plan-recommendation-icon{width:38px;height:38px;border-radius:12px;font-size:15px}
  .sx31-plan-recommendation em{grid-column:1/-1;justify-self:start;margin-left:50px;margin-top:-4px}
}
@media(max-width:520px){
  .sx31-plan-recommendation{grid-template-columns:36px 1fr;gap:10px}
  .sx31-plan-recommendation-icon{width:36px;height:36px}
  .sx31-plan-recommendation small{font-size:9px!important}
  .sx31-plan-recommendation strong{font-size:13px!important}
}

/*  Player Hub autonomy refresh */
.sx31-roster-link{text-decoration:none;color:inherit;transition:background .18s ease,border-color .18s ease,transform .18s ease}.sx31-roster-link:hover{background:rgba(255,122,26,.04)}
.sx31-account-note.alt{margin-top:10px;background:rgba(255,122,26,.05);border:1px solid rgba(255,122,26,.14)}
.sx31-account-note.alt strong{color:#fff2e7}
.sx31-character-actions{display:flex;gap:8px;flex-wrap:wrap}
.sx31-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sx31-character-card{border:1px solid #4a2516;border-radius:16px;background:linear-gradient(180deg,#120d0f,#0f0d10);padding:18px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.sx31-character-card:before{content:"";position:absolute;inset:-20% auto auto 55%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.12),transparent 68%);pointer-events:none}
.sx31-character-card.preferred{border-color:#ff8a2d;box-shadow:0 24px 56px rgba(255,122,26,.10),0 0 0 1px rgba(255,138,45,.18) inset}
.sx31-character-top{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;position:relative;z-index:1}
.sx31-character-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,122,26,.11);border:1px solid rgba(255,122,26,.18);color:#ffbf72;font-size:13px;font-weight:900}
.sx31-character-title small{display:block;color:#ffb766;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sx31-character-title h3{margin:5px 0 2px;color:#fff1e5;font-size:28px;letter-spacing:-.04em;line-height:1.05}.sx31-character-title p{margin:0;color:#95a7c4;font-size:12px}
.sx31-character-badge{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:999px;background:rgba(255,122,26,.12);border:1px solid rgba(255,122,26,.22);color:#ffd4ab;font-size:11px;font-weight:900;white-space:nowrap}.sx31-character-badge.large{padding:11px 14px}
.sx31-character-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.sx31-character-metrics>div{border:1px solid #4a2516;border-radius:12px;background:#110d0e;padding:14px 15px}.sx31-character-metrics small{display:block;color:#6d7ea0;font-size:10px;font-weight:900;letter-spacing:.11em}.sx31-character-metrics strong{display:block;color:#fff2e7;font-size:24px;letter-spacing:-.04em;margin-top:6px}
.sx31-character-links{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}.sx31-character-links form{margin:0}.sx31-btn.ghost{background:#110d0e;color:#eac4a9;border-color:#4a2516}.sx31-btn.ghost:hover{box-shadow:0 10px 28px rgba(255,122,26,.08)}
.sx31-character-main-note{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;background:rgba(53,214,160,.06);border:1px solid rgba(53,214,160,.16);color:#7de0b3;font-size:11px;font-weight:800}
.sx31-kpi-grid-characters{margin-bottom:15px}
.sx31-character-hero{display:grid;grid-template-columns:1.1fr auto;gap:18px;align-items:center;border:1px solid #4a2516;border-radius:18px;background:linear-gradient(135deg,rgba(18,13,15,.98),rgba(24,12,9,.98));padding:22px;margin-bottom:15px;position:relative;overflow:hidden;box-shadow:0 24px 54px rgba(0,0,0,.18)}
.sx31-character-hero:before{content:"";position:absolute;width:260px;height:260px;right:-60px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.14),transparent 70%)}
.sx31-character-hero.preferred{border-color:#ff8a2d;box-shadow:0 26px 60px rgba(255,122,26,.12)}
.sx31-character-hero-main{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.sx31-character-hero-mark{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(255,122,26,.12);border:1px solid rgba(255,122,26,.22);color:#ffbf72;font-size:20px;font-weight:900}.sx31-character-hero-main span{display:block;color:#ffb766;font-size:10px;letter-spacing:.13em;font-weight:900}.sx31-character-hero-main h2{margin:6px 0 4px;color:#fff2e7;font-size:34px;letter-spacing:-.04em}.sx31-character-hero-main p{margin:0;color:#95a7c4;font-size:13px}
.sx31-character-hero-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.sx31-character-hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#110d0e;border:1px solid #4a2516;color:#ffd9b1;font-size:11px;font-weight:850}
.sx31-character-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;z-index:1;flex-wrap:wrap}.sx31-character-hero-actions form{margin:0}
.sx31-character-workgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}
.sx31-character-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.sx31-character-action-grid>a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid #4a2516;border-radius:14px;background:#110d0e;padding:16px;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sx31-character-action-grid>a:hover{transform:translateY(-2px);border-color:#ff8a2d;box-shadow:0 14px 34px rgba(255,122,26,.10)}.sx31-character-action-grid>a>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,26,.10);border:1px solid rgba(255,122,26,.18);color:#ffbf72}.sx31-character-action-grid>a strong{display:block;color:#fff2e7;font-size:14px}.sx31-character-action-grid>a small{display:block;color:#95a7c4;font-size:11px;line-height:1.55;margin-top:4px}.sx31-character-action-grid>a em{font-style:normal;color:#ffbb74;font-size:12px;font-weight:900}
.sx31-character-summary-list{display:grid;gap:0;padding:10px 18px 16px}.sx31-character-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #4a2516}.sx31-character-summary-list>div:last-child{border-bottom:0}.sx31-character-summary-list span{color:#95a7c4;font-size:11px}.sx31-character-summary-list strong{color:#fff2e7;font-size:13px;text-align:right;max-width:58%;word-break:break-word}
@media(max-width:1200px){.sx31-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx31-character-workgrid{grid-template-columns:1fr}.sx31-character-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sx31-character-hero{grid-template-columns:1fr}.sx31-character-top{grid-template-columns:48px 1fr}.sx31-character-badge{grid-column:1/-1;justify-self:start}.sx31-character-grid{grid-template-columns:1fr}.sx31-character-actions{width:100%}.sx31-character-actions .sx31-btn{flex:1}.sx31-character-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.sx31-character-hero-main{align-items:flex-start}.sx31-character-hero-mark{width:58px;height:58px;font-size:17px}.sx31-character-hero-main h2{font-size:26px}.sx31-character-title h3{font-size:24px}.sx31-character-metrics,.sx31-character-action-grid{grid-template-columns:1fr}.sx31-character-links .sx31-btn,.sx31-character-links form .sx31-btn{width:100%}.sx31-character-summary-list>div{flex-direction:column;align-items:flex-start}.sx31-character-summary-list strong{max-width:none;text-align:left}}

/* ===  Player Hub autonomy phase 2 === */
.sx31-account-control-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px}
.sx31-account-master-card{border:1px solid #5b2d1a;border-radius:18px;background:radial-gradient(circle at 88% 12%,rgba(255,122,26,.13),transparent 34%),linear-gradient(135deg,#150d0d,#0d0a0b 68%);padding:22px;box-shadow:0 24px 56px rgba(0,0,0,.2);position:relative;overflow:hidden}
.sx31-account-master-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,178,74,.6),transparent)}
.sx31-account-master-head{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;position:relative;z-index:1}.sx31-account-master-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ff7a1a,#ffb44a);color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 30px rgba(255,122,26,.18)}.sx31-account-master-avatar img{width:100%;height:100%;object-fit:cover}.sx31-account-master-head>div:nth-child(2)>span{display:block;color:#ffb766;font-size:10px;letter-spacing:.14em;font-weight:900}.sx31-account-master-head h2{margin:5px 0 3px;color:#fff2e7;font-size:28px;letter-spacing:-.04em}.sx31-account-master-head p{margin:0;color:#9aa8be;font-size:12px}
.sx31-account-master-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;position:relative;z-index:1}.sx31-account-master-metrics>div{border:1px solid #4a2516;border-radius:13px;background:rgba(17,13,14,.78);padding:14px}.sx31-account-master-metrics small{display:block;color:#7889a7;font-size:9.5px;font-weight:900;letter-spacing:.1em}.sx31-account-master-metrics strong{display:block;color:#fff2e7;font-size:17px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx31-account-master-metrics span{display:block;color:#a9b4c7;font-size:10px;margin-top:4px}
.sx31-account-command-card .sx31-character-action-grid{padding:14px}.sx31-character-action-grid.account-actions{grid-template-columns:1fr 1fr}.sx31-profile-modern-grid{grid-template-columns:.82fr 1.18fr!important}.sx31-inline-status-row{display:flex;align-items:center;gap:10px;margin:10px 0 14px}.sx31-inline-status-row small{color:#98a7bd;font-size:11px}

.sx31-wallet-overview{display:grid;grid-template-columns:1fr 1fr .9fr;gap:14px;margin-bottom:14px}.sx31-wallet-balance-card{border:1px solid #5a2c19;border-radius:18px;padding:22px;background:radial-gradient(circle at 88% 15%,rgba(255,122,26,.13),transparent 34%),linear-gradient(135deg,#150d0d,#0d0a0b);box-shadow:0 22px 52px rgba(0,0,0,.2);position:relative;overflow:hidden}.sx31-wallet-balance-card.accent{background:radial-gradient(circle at 88% 15%,rgba(255,178,74,.14),transparent 34%),linear-gradient(135deg,#17100d,#0d0a0a)}.sx31-wallet-balance-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,178,74,.6),transparent)}.sx31-wallet-balance-card>span{display:block;color:#ffb766;font-size:10px;letter-spacing:.14em;font-weight:900}.sx31-wallet-balance-card>strong{display:block;color:#fff2e7;font-size:40px;letter-spacing:-.05em;margin:10px 0 8px}.sx31-wallet-balance-card>p{margin:0;color:#a6b1c3;font-size:12px;line-height:1.6}.sx31-wallet-balance-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #4a2516}.sx31-wallet-balance-card>div small{color:#8797b2;font-size:10px}.sx31-wallet-balance-card>div b{color:#ffd3a7;font-size:12px}
.sx31-wallet-stats-card{min-height:100%}.sx31-wallet-stat-list{display:grid;gap:0;padding:8px 16px 14px}.sx31-wallet-stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #4a2516}.sx31-wallet-stat-list>div:last-child{border-bottom:0}.sx31-wallet-stat-list span{color:#98a7bd;font-size:11px}.sx31-wallet-stat-list strong{color:#fff2e7;font-size:14px}
.sx31-wallet-pix-live{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;border:1px solid #5b2d1a;border-radius:18px;padding:22px;margin-bottom:14px;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.03),transparent 35%),linear-gradient(135deg,#140e10,#0e0b0c);box-shadow:0 24px 56px rgba(0,0,0,.2)}.sx31-wallet-qr{display:grid;place-items:center}.sx31-wallet-qr img{width:min(100%,260px);border-radius:16px;background:#fff;padding:12px;box-shadow:0 16px 36px rgba(0,0,0,.24)}.sx31-wallet-pix-copy>span{display:block;color:#ffb766;font-size:10px;letter-spacing:.14em;font-weight:900}.sx31-wallet-pix-copy h2{margin:8px 0;color:#fff2e7;font-size:38px;letter-spacing:-.04em}.sx31-wallet-pix-copy>p{color:#a7b2c5;font-size:12px}.sx31-wallet-benefit{display:inline-flex;padding:8px 10px;border-radius:9px;background:rgba(53,214,160,.06);border:1px solid rgba(53,214,160,.15);color:#62d9a8;font-size:11px;font-weight:800}.sx31-wallet-result{display:inline-flex;flex-direction:column;gap:3px;margin:10px 10px 10px 0;padding:10px 12px;border-radius:10px;background:#110d0e;border:1px solid #4a2516}.sx31-wallet-result small{color:#8797b2;font-size:9.5px}.sx31-wallet-result strong{color:#fff2e7;font-size:15px}.sx31-wallet-pix-copy .textarea{min-height:96px!important;margin:10px 0!important}
.sx31-wallet-purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sx31-wallet-purchase-card{border:1px solid #4a2516;border-radius:18px;background:linear-gradient(180deg,#120d0f,#0e0b0d);padding:22px;box-shadow:0 20px 46px rgba(0,0,0,.16)}.sx31-wallet-purchase-card.accent{border-color:#62321c}.sx31-wallet-purchase-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.18);color:#ffbf72;margin-bottom:15px}.sx31-wallet-purchase-card>div:nth-child(2)>span{display:block;color:#ffb766;font-size:10px;letter-spacing:.12em;font-weight:900}.sx31-wallet-purchase-card h2{margin:6px 0 7px;color:#fff2e7;font-size:24px;letter-spacing:-.04em}.sx31-wallet-purchase-card p{color:#9ca9bd;font-size:12px;line-height:1.65;margin:0 0 18px}.sx31-wallet-purchase-card form{display:grid;gap:11px}.sx31-wallet-history{border-radius:16px!important}

.sx31-security-overview{display:grid;grid-template-columns:1.45fr repeat(3,.7fr);gap:12px;margin-bottom:14px}.sx31-security-score-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border:1px solid #5b2d1a;border-radius:16px;background:radial-gradient(circle at 90% 12%,rgba(255,122,26,.12),transparent 34%),linear-gradient(135deg,#150d0d,#0e0b0c);padding:18px;box-shadow:0 20px 46px rgba(0,0,0,.16)}.sx31-security-score-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.18);color:#ffbf72}.sx31-security-score-card span,.sx31-security-mini-card>span{display:block;color:#ffb766;font-size:9.5px;font-weight:900;letter-spacing:.11em}.sx31-security-score-card strong{display:block;color:#fff2e7;font-size:20px;margin:4px 0}.sx31-security-score-card p{margin:0;color:#9daabd;font-size:11px;line-height:1.55}.sx31-security-score-card>em{font-style:normal;color:#64dcae;font-size:16px;font-weight:900}
.sx31-security-mini-card{border:1px solid #4a2516;border-radius:16px;background:#110d0e;padding:18px}.sx31-security-mini-card strong{display:block;color:#fff2e7;font-size:20px;margin:8px 0 4px}.sx31-security-mini-card small{color:#96a5ba;font-size:10.5px;line-height:1.5}
.sx31-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.sx31-security-card-body{padding:18px}.sx31-security-card-body>p{margin-top:0}.sx31-security-card-body form{display:grid;gap:10px}.sx31-security-session-list{display:grid;gap:0;padding:8px 18px}.sx31-security-session-list>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #4a2516}.sx31-security-session-list>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,122,26,.08);border:1px solid rgba(255,122,26,.14);color:#ffbf72}.sx31-security-session-list small{display:block;color:#8494af;font-size:9.5px;font-weight:900;letter-spacing:.1em}.sx31-security-session-list strong{display:block;color:#fff2e7;font-size:12px;margin-top:4px;word-break:break-word}.sx31-security-logout-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 18px 18px;padding:14px;border:1px solid #4a2516;border-radius:12px;background:rgba(255,122,26,.04)}.sx31-security-logout-zone strong{display:block;color:#fff2e7;font-size:12px}.sx31-security-logout-zone p{margin:4px 0 0;color:#97a5b9;font-size:10.5px}.sx31-security-logout-zone form{margin:0}
.sx31-security-checklist{margin-bottom:6px}.sx31-security-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.sx31-security-check-grid article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;border:1px solid #4a2516;border-radius:12px;background:#110d0e;padding:14px}.sx31-security-check-grid article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(53,214,160,.07);border:1px solid rgba(53,214,160,.14);color:#5dd9a6}.sx31-security-check-grid strong{display:block;color:#fff2e7;font-size:12px}.sx31-security-check-grid p{margin:4px 0 0;color:#96a4b8;font-size:10.5px;line-height:1.55}

@media(max-width:1200px){.sx31-account-control-grid,.sx31-wallet-overview,.sx31-security-grid{grid-template-columns:1fr}.sx31-wallet-overview{grid-template-columns:1fr 1fr}.sx31-wallet-stats-card{grid-column:1/-1}.sx31-security-overview{grid-template-columns:1fr 1fr}.sx31-security-score-card{grid-column:1/-1}.sx31-security-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.sx31-account-master-head{grid-template-columns:50px 1fr}.sx31-account-master-head>.sx31-status-dot{grid-column:1/-1;justify-self:start}.sx31-account-master-metrics{grid-template-columns:1fr 1fr}.sx31-character-action-grid.account-actions,.sx31-wallet-purchase-grid,.sx31-wallet-overview,.sx31-security-overview{grid-template-columns:1fr}.sx31-wallet-stats-card{grid-column:auto}.sx31-wallet-pix-live{grid-template-columns:1fr}.sx31-wallet-qr img{max-width:220px}.sx31-security-check-grid{grid-template-columns:1fr}.sx31-profile-modern-grid{grid-template-columns:1fr!important}}
@media(max-width:560px){.sx31-account-master-metrics{grid-template-columns:1fr}.sx31-wallet-balance-card>strong{font-size:32px}.sx31-wallet-purchase-card{padding:18px}.sx31-security-score-card{grid-template-columns:42px 1fr}.sx31-security-score-card>em{grid-column:1/-1}.sx31-security-logout-zone{align-items:flex-start;flex-direction:column}.sx31-security-logout-zone .sx31-btn{width:100%}}

/*  public privacy display */
.sx-ops-metrics.privacy-mode .sx-ops-server-online{grid-column:1/-1;min-height:112px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(38,208,124,.07),rgba(255,122,26,.035))!important;border-color:rgba(38,208,124,.18)!important}
.sx-ops-metrics.privacy-mode .sx-ops-server-online strong{font-size:27px!important;color:#fff3e8!important;letter-spacing:-.035em}
.sx-ops-metrics.privacy-mode .sx-ops-server-online span{color:#72d9ad!important}
@media(max-width:650px){.sx-ops-metrics.privacy-mode .sx-ops-server-online{grid-column:1/-1;min-height:92px}.sx-ops-metrics.privacy-mode .sx-ops-server-online strong{font-size:22px!important}}

/* === DarknessMu  / WebShop SaaS Commerce Rebuild === */
.sx-shop-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.sx-shop-hero-badges.compact{margin-top:14px}.sx-shop-hero-badges>span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid #4a2516;background:#110d0e;color:#d7baa4;font-size:10px;font-weight:900;letter-spacing:.08em}.sx-shop-hero-badges>span i{width:7px;height:7px;border-radius:50%;background:#8a684d}.sx-shop-hero-badges .new{border-color:rgba(53,214,160,.22);color:#72e1b6}.sx-shop-hero-badges .new i{background:#35d6a0;box-shadow:0 0 12px rgba(53,214,160,.35)}.sx-shop-hero-badges .rare{border-color:rgba(255,122,26,.24);color:#ff9e52}.sx-shop-hero-badges .rare i{background:#ff7a1a;box-shadow:0 0 12px rgba(255,122,26,.35)}.sx-shop-hero-badges .epic{border-color:rgba(255,190,72,.26);color:#ffd37d}.sx-shop-hero-badges .epic i{background:#ffb72f;box-shadow:0 0 14px rgba(255,183,47,.42)}.sx-shop-hero-badges .consumable{border-color:rgba(125,207,94,.22);color:#a7e681}.sx-shop-hero-badges .consumable i{background:#79d450;box-shadow:0 0 12px rgba(121,212,80,.35)}
.sx-shop-overview-card{box-shadow:0 30px 70px rgba(0,0,0,.30),0 0 0 1px rgba(255,122,26,.04) inset!important}.sx-shop-overview-status{margin-top:16px;padding:15px;border:1px solid #5b2d1a;border-radius:16px;background:linear-gradient(135deg,rgba(255,122,26,.08),rgba(255,183,74,.04));position:relative;z-index:2}.sx-shop-overview-status>span{display:flex;align-items:center;gap:8px;color:#79dfb2;font-size:10px;font-weight:900;letter-spacing:.1em}.sx-shop-overview-status>span i{width:7px;height:7px;border-radius:50%;background:#35d6a0;box-shadow:0 0 0 5px rgba(53,214,160,.07)}.sx-shop-overview-status strong{display:block;color:#fff2e7;font-size:18px;margin-top:8px}.sx-shop-overview-status small{display:block;color:#bda893;font-size:11px;margin-top:4px}
.sx-shop-featured-section{margin:8px 0 24px;padding:18px;border:1px solid #4a2516;border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(255,122,26,.08),transparent 32%),linear-gradient(180deg,#120d0f,#0c090a);box-shadow:0 24px 56px rgba(0,0,0,.18);position:relative;overflow:hidden}.sx-shop-featured-section:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,183,74,.58),transparent)}.sx-shop-featured-section.player{margin-top:0}.sx-shop-featured-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.sx-shop-featured-head span{display:block;color:#ffb24a;font-size:10px;font-weight:900;letter-spacing:.14em}.sx-shop-featured-head h3{margin:5px 0 0;color:#fff3e8;font-size:24px;letter-spacing:-.04em}.sx-shop-featured-head small{color:#bca58f;font-size:11px}.sx-shop-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sx-shop-featured-card{display:grid;grid-template-columns:135px 1fr;min-height:168px;border:1px solid #4a2516;border-radius:18px;overflow:hidden;background:#110d0e;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sx-shop-featured-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.20)}.sx-shop-featured-card.new{border-color:rgba(53,214,160,.20)}.sx-shop-featured-card.rare{border-color:rgba(255,122,26,.28)}.sx-shop-featured-card.epic{border-color:rgba(255,183,47,.35);box-shadow:0 0 36px rgba(255,183,47,.05)}.sx-shop-featured-card.consumable{border-color:rgba(121,212,80,.22)}.sx-shop-featured-art{display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,rgba(255,122,26,.12),transparent 55%),#0e0b0c;border-right:1px solid #4a2516}.sx-shop-featured-art img{max-width:80%;max-height:120px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35))}.sx-shop-featured-copy{padding:18px;display:flex;flex-direction:column;justify-content:center}.sx-shop-featured-copy>small{color:#7e8aa1;font-size:9px;font-weight:900;letter-spacing:.12em}.sx-shop-featured-copy h3{margin:5px 0;color:#fff3e8;font-size:20px;letter-spacing:-.035em}.sx-shop-featured-copy p{margin:0;color:#bca690;font-size:11.5px;line-height:1.55}.sx-shop-featured-copy>div{display:flex;align-items:end;gap:6px;margin-top:12px}.sx-shop-featured-copy strong{font-size:24px;color:#fff0df;line-height:1}.sx-shop-featured-copy div span{font-size:10px;color:#d1a177;font-weight:800}
.sx-shop-badge{position:absolute;z-index:6;left:12px;top:12px;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;border:1px solid #4a2516;background:#161011;color:#dbc4b1;font-size:9px;font-weight:950;letter-spacing:.1em;box-shadow:0 8px 18px rgba(0,0,0,.18)}.sx-shop-badge.new{background:rgba(25,87,67,.90);border-color:rgba(53,214,160,.30);color:#a1efd1}.sx-shop-badge.rare{background:rgba(87,38,12,.94);border-color:rgba(255,122,26,.36);color:#ffb370}.sx-shop-badge.epic{background:linear-gradient(135deg,rgba(124,67,9,.96),rgba(89,41,8,.96));border-color:rgba(255,190,72,.48);color:#ffe0a0;box-shadow:0 0 24px rgba(255,183,47,.12)}.sx-shop-badge.consumable{background:rgba(42,79,25,.94);border-color:rgba(121,212,80,.34);color:#c4efa7}.sx-shop-badge.common{background:rgba(17,13,14,.92);color:#cbb4a2}
.sx-shop-badge-filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.sx-shop-badge-filters>a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;border:1px solid #4a2516;background:#110d0e;color:#cfb39d;font-size:10.5px;font-weight:850;transition:.18s}.sx-shop-badge-filters>a:hover,.sx-shop-badge-filters>a.active{transform:translateY(-1px);border-color:#7a3a1d;background:#171011;color:#fff2e7}.sx-shop-badge-filters>a span{font-size:9px;color:#8d735e}.sx-shop-badge-filters>a em{font-style:normal;min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.04);color:#b99578;font-size:9px}.sx-shop-badge-filters>a.new span{color:#35d6a0}.sx-shop-badge-filters>a.rare span{color:#ff7a1a}.sx-shop-badge-filters>a.epic span{color:#ffb72f}.sx-shop-badge-filters>a.consumable span{color:#79d450}.sx-shop-badge-filters>a.active.new{border-color:rgba(53,214,160,.32);box-shadow:0 0 0 1px rgba(53,214,160,.07) inset}.sx-shop-badge-filters>a.active.rare{border-color:rgba(255,122,26,.38)}.sx-shop-badge-filters>a.active.epic{border-color:rgba(255,183,47,.42);box-shadow:0 0 24px rgba(255,183,47,.06)}.sx-shop-badge-filters>a.active.consumable{border-color:rgba(121,212,80,.34)}
.sx-shop-product-grid-v2,.sx-shop-products-v2{gap:14px!important}.sx-shop-product-v2{border-radius:18px!important;min-height:100%;position:relative}.sx-shop-product-v2.new{border-color:rgba(53,214,160,.18)!important}.sx-shop-product-v2.rare{border-color:rgba(255,122,26,.26)!important}.sx-shop-product-v2.epic{border-color:rgba(255,183,47,.32)!important;box-shadow:0 18px 44px rgba(0,0,0,.18),0 0 32px rgba(255,183,47,.04)!important}.sx-shop-product-v2.consumable{border-color:rgba(121,212,80,.20)!important}.sx-shop-product-v2 .sx31-product-art{height:210px!important;background:radial-gradient(circle at 50% 45%,rgba(255,122,26,.10),transparent 56%),linear-gradient(180deg,#160f0f,#0d0a0b)!important;border-bottom:1px solid #4a2516!important}.sx-shop-product-v2.epic .sx31-product-art{background:radial-gradient(circle at 50% 45%,rgba(255,183,47,.16),transparent 56%),linear-gradient(180deg,#1a110c,#0d0a0b)!important}.sx-shop-product-v2.new .sx31-product-art{background:radial-gradient(circle at 50% 45%,rgba(53,214,160,.10),transparent 56%),linear-gradient(180deg,#111510,#0d0a0b)!important}.sx-shop-product-v2.consumable .sx31-product-art{background:radial-gradient(circle at 50% 45%,rgba(121,212,80,.11),transparent 56%),linear-gradient(180deg,#11140f,#0d0a0b)!important}.sx-shop-product-v2 .sx31-product-art img{max-height:165px!important;max-width:78%!important}.sx-shop-product-v2 .sx31-product-code{top:12px!important;right:12px!important;font-size:8px!important;padding:5px 7px!important;border-color:#4a2516!important;background:rgba(14,10,11,.88)!important;color:#bca58f!important}.sx-shop-product-v2 .sx31-product-body{padding:16px!important}.sx-shop-product-v2 .sx31-product-title h3{font-size:20px!important;line-height:1.12!important;margin-top:5px!important}.sx-shop-product-v2 .sx31-product-title small{font-size:9px!important}.sx-shop-product-v2 .sx31-product-body>p{font-size:12px!important;line-height:1.62!important;min-height:58px!important}.sx-shop-product-v2 .sx31-product-tags span{font-size:8.5px!important;padding:5px 7px!important;background:#171011!important;color:#c7ad98!important}.sx-shop-product-v2 .sx31-product-price{padding-top:16px!important}.sx-shop-product-v2 .sx31-product-price strong{font-size:21px!important}.sx-shop-product-v2 .sx31-product-price small{font-size:8px!important}.sx-shop-product-kind{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:8px;background:#171011;border:1px solid #4a2516;color:#c9af9a;font-size:8.5px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.sx-shop-product-kind.new{color:#82e5bd;border-color:rgba(53,214,160,.2)}.sx-shop-product-kind.rare{color:#ffab67;border-color:rgba(255,122,26,.28)}.sx-shop-product-kind.epic{color:#ffd477;border-color:rgba(255,183,47,.30)}.sx-shop-product-kind.consumable{color:#aee58a;border-color:rgba(121,212,80,.24)}
.sx-shop-workspace-head{padding:22px!important;border-radius:18px!important;margin-bottom:14px!important}.sx-shop-workspace-head>div:first-child>span{color:#ffb24a!important;font-size:10px!important}.sx-shop-workspace-head h2{font-size:30px!important}.sx-shop-workspace-head p{font-size:13px!important;line-height:1.65!important}.sx-shop-wallet-widget{min-width:330px!important;border-radius:14px!important;background:rgba(17,13,14,.88)!important}.sx-shop-wallet-widget small{font-size:9px!important}.sx-shop-wallet-widget strong{font-size:20px!important}.sx-shop-wallet-widget span{display:block;color:#b9987e;font-size:9px;margin-top:3px}.sx-shop-wallet-widget>a{font-size:10px!important;color:#ffb24a!important;border-left-color:#4a2516!important}.sx-shop-metrics-v2{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.sx-shop-metrics-v2 article{min-height:82px!important;padding:13px!important;border-radius:13px!important}.sx-shop-metrics-v2 article>span{width:38px!important;height:38px!important;background:rgba(255,122,26,.10)!important;color:#ffb24a!important}.sx-shop-metrics-v2 article.new>span{background:rgba(53,214,160,.08)!important;color:#54d9a8!important}.sx-shop-metrics-v2 article.epic>span{background:rgba(255,183,47,.09)!important;color:#ffca64!important}.sx-shop-metrics-v2 article.consumable>span{background:rgba(121,212,80,.08)!important;color:#92dc6f!important}.sx-shop-metrics-v2 small{font-size:8.5px!important}.sx-shop-metrics-v2 strong{font-size:18px!important}.sx-shop-metrics-v2 em{font-size:9px!important}.sx-shop-store-layout-v2{grid-template-columns:220px 1fr!important;gap:14px!important}.sx-shop-filter-v2{border-radius:15px!important;padding:15px!important}.sx-shop-filter-v2 .sx31-filter-head span{font-size:9px!important}.sx-shop-filter-v2 .sx31-filter-head a{font-size:9px!important;color:#ffb24a!important}.sx-shop-filter-v2 .sx31-filter-block>small{font-size:8px!important}.sx-shop-filter-v2 .sx31-filter-block>a{font-size:10px!important;padding:8px 9px!important}.sx-shop-rarity-list span{font-size:10px!important}.sx-shop-rarity-list i.consumable{background:#79d450!important}.sx-shop-filter-v2 .sx31-delivery-note strong{font-size:10px!important}.sx-shop-filter-v2 .sx31-delivery-note small{font-size:9px!important;line-height:1.45}
/* Admin Commerce */
.sx-admin-shop-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch;margin-bottom:14px;padding:22px;border:1px solid #4a2516;border-radius:18px;background:radial-gradient(circle at 82% 0,rgba(255,122,26,.10),transparent 28%),linear-gradient(135deg,#120d0f,#0d090a);box-shadow:0 24px 54px rgba(0,0,0,.18);position:relative;overflow:hidden}.sx-admin-shop-hero:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,183,74,.58),transparent)}.sx-admin-shop-hero-copy{position:relative;z-index:1}.sx-admin-shop-hero-copy>span{display:block;color:#ffb24a;font-size:10px;font-weight:900;letter-spacing:.14em}.sx-admin-shop-hero-copy h1{margin:7px 0;color:#fff3e8;font-size:34px;letter-spacing:-.045em}.sx-admin-shop-hero-copy p{margin:0;max-width:820px;color:#c3aa95;font-size:12.5px;line-height:1.65}.sx-admin-shop-hero-status{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #5a2b19;border-radius:15px;background:#110d0e;position:relative;z-index:1}.sx-admin-shop-hero-status small{color:#a98f7a;font-size:9px;font-weight:900;letter-spacing:.12em}.sx-admin-shop-hero-status strong{display:block;color:#fff2e7;font-size:38px;line-height:1;margin:8px 0}.sx-admin-shop-hero-status span{color:#c4aa95;font-size:10px}.sx-admin-shop-hero-status em{font-style:normal;margin-top:12px;color:#70ddb0;font-size:9px;font-weight:900;letter-spacing:.08em}.sx-admin-shop-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.sx-admin-shop-metrics article{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:14px;border:1px solid #4a2516;border-radius:14px;background:#110d0e}.sx-admin-shop-metrics article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,122,26,.10);color:#ffb24a}.sx-admin-shop-metrics article.new>span{background:rgba(53,214,160,.08);color:#54d9a8}.sx-admin-shop-metrics article.epic>span{background:rgba(255,183,47,.09);color:#ffcb69}.sx-admin-shop-metrics article.consumable>span{background:rgba(121,212,80,.08);color:#91dc6e}.sx-admin-shop-metrics small{display:block;color:#9d8775;font-size:8px;font-weight:900;letter-spacing:.11em}.sx-admin-shop-metrics strong{display:block;color:#fff3e8;font-size:22px;margin-top:2px}.sx-admin-shop-metrics p{margin:2px 0 0;color:#a68f7c;font-size:9px}.sx-admin-shop-rules{border-radius:13px!important;background:#110d0e!important;border-color:#4a2516!important}.sx-admin-shop-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 12px}.sx-admin-shop-catalog-head>div:first-child>span{display:block;color:#ffb24a;font-size:9px;font-weight:900;letter-spacing:.13em}.sx-admin-shop-catalog-head h2{margin:5px 0 3px;color:#fff3e8;font-size:26px;letter-spacing:-.04em}.sx-admin-shop-catalog-head p{margin:0;color:#b59d89;font-size:11px}.sx-shop-badge-filters.admin{margin:0;justify-content:flex-end}.sx-admin-shop-products-v2{gap:12px!important}.sx-admin-shop-product-v2{padding:0!important;border-radius:15px!important;overflow:hidden!important;background:#110d0e!important;position:relative}.sx-admin-shop-product-v2 .admin-shop-product-art{height:150px!important;border-radius:0!important;background:radial-gradient(circle at 50% 45%,rgba(255,122,26,.10),transparent 56%),#0d0a0b!important;border-bottom:1px solid #4a2516;position:relative}.sx-admin-shop-product-v2.product-rarity-epic{border-color:rgba(255,183,47,.34)!important;box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 30px rgba(255,183,47,.04)!important}.sx-admin-shop-product-v2.product-rarity-rare{border-color:rgba(255,122,26,.28)!important}.sx-admin-shop-product-v2.product-rarity-new{border-color:rgba(53,214,160,.20)!important}.sx-admin-shop-product-v2.product-rarity-consumable{border-color:rgba(121,212,80,.22)!important}.sx-admin-shop-product-v2 .admin-shop-product-art img{max-height:125px!important;max-width:80%!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.32))}.sx-admin-shop-product-v2 .admin-shop-product-body{padding:14px}.sx-admin-shop-product-v2 .admin-shop-product-body h3{font-size:16px!important;margin:10px 0 5px!important;color:#fff2e7}.sx-admin-shop-product-v2 .admin-shop-product-body p{font-size:9.5px!important;line-height:1.45!important}.sx-admin-shop-product-v2 .shop-admin-price{display:block;color:#ffb66a!important;font-size:17px!important;margin:10px 0}.sx-admin-shop-product-v2>.action-row{padding:0 14px 14px!important;gap:6px!important}.sx-admin-shop-product-v2>.action-row .btn{font-size:9.5px!important;min-height:34px!important}.shop-editor{border-radius:17px!important;box-shadow:0 22px 52px rgba(0,0,0,.16)!important}.shop-editor>.eyebrow{font-size:9px!important}.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.shop-badge-picker-v2 .badge-preset-card{min-height:84px!important;padding:12px!important;border-color:#4a2516!important;background:#110d0e!important}.shop-badge-picker-v2 .badge-preset-card b{font-size:10px!important}.shop-badge-picker-v2 .badge-preset-card small{font-size:8.5px!important;line-height:1.45!important}.shop-badge-picker-v2 .badge-preset-new input:checked+.badge-preset-card{border-color:rgba(53,214,160,.34)!important;box-shadow:0 0 0 1px rgba(53,214,160,.08) inset}.shop-badge-picker-v2 .badge-preset-rare input:checked+.badge-preset-card{border-color:rgba(255,122,26,.40)!important;box-shadow:0 0 0 1px rgba(255,122,26,.09) inset}.shop-badge-picker-v2 .badge-preset-epic input:checked+.badge-preset-card{border-color:rgba(255,183,47,.44)!important;box-shadow:0 0 24px rgba(255,183,47,.06)}.shop-badge-picker-v2 .badge-preset-consumable input:checked+.badge-preset-card{border-color:rgba(121,212,80,.36)!important;box-shadow:0 0 0 1px rgba(121,212,80,.08) inset}
@media(max-width:1200px){.sx-shop-featured-grid{grid-template-columns:1fr 1fr}.sx-shop-featured-card:last-child:nth-child(odd){grid-column:1/-1}.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sx-shop-featured-grid{grid-template-columns:1fr}.sx-shop-featured-card:last-child:nth-child(odd){grid-column:auto}.sx-shop-store-layout-v2{grid-template-columns:1fr!important}.sx-shop-filter-v2{display:none}.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:1fr 1fr}.sx-admin-shop-hero{grid-template-columns:1fr}.sx-admin-shop-catalog-head{align-items:flex-start;flex-direction:column}.sx-shop-badge-filters.admin{justify-content:flex-start}}
@media(max-width:650px){.sx-shop-featured-card{grid-template-columns:110px 1fr}.sx-shop-featured-art img{max-height:100px}.sx-shop-featured-head{align-items:flex-start;flex-direction:column}.sx-shop-workspace-head{padding:16px!important}.sx-shop-wallet-widget{min-width:0!important;width:100%!important}.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:1fr}.sx-shop-product-v2 .sx31-product-art{height:190px!important}.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:1fr 1fr!important}.sx-admin-shop-hero-copy h1{font-size:29px}.sx-admin-shop-product-v2 .admin-shop-product-art{height:130px!important}}

/* === DarknessMu  / Player Marketplace === */
.sx31-saas-page-hero.market,.sx31-saas-page-hero.market-item{background:radial-gradient(circle at 18% 20%,rgba(255,122,26,.13),transparent 28%),radial-gradient(circle at 80% 14%,rgba(255,183,74,.09),transparent 30%),linear-gradient(120deg,#070708 0%,#0a0909 44%,#150b09 100%)!important;border-bottom:1px solid #4a2516!important;position:relative;overflow:hidden}.sx31-saas-page-hero.market:before,.sx31-saas-page-hero.market-item:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,178,74,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,178,74,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 95%);pointer-events:none}.sx31-saas-page-hero.market:after,.sx31-saas-page-hero.market-item:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(255,122,26,.13),transparent 70%);filter:blur(8px);pointer-events:none}.sx31-saas-page-hero.market .sx-container,.sx31-saas-page-hero.market-item .sx-container{position:relative;z-index:1}.sx31-saas-page-hero.market h1,.sx31-saas-page-hero.market-item h1{font-size:58px;line-height:1;letter-spacing:-.055em;max-width:820px;margin:14px 0 16px;color:#fff3e8}.sx31-saas-page-hero.market h1 span,.sx31-saas-page-hero.market-item h1 span{background:linear-gradient(90deg,#ff8a23,#ffbe62);-webkit-background-clip:text;background-clip:text;color:transparent}.sx31-saas-page-hero.market p,.sx31-saas-page-hero.market-item p{max-width:740px;color:#c9b19e;font-size:14px;line-height:1.75}
.sx-market-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 440px;gap:36px;align-items:center}.sx-market-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sx-market-hero-stats article{padding:18px;border:1px solid #5b2d1a;border-radius:16px;background:linear-gradient(180deg,rgba(20,14,16,.92),rgba(11,9,10,.96));box-shadow:0 18px 42px rgba(0,0,0,.18);position:relative;overflow:hidden}.sx-market-hero-stats article:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,183,74,.58),transparent)}.sx-market-hero-stats small{display:block;color:#a98f7b;font-size:9px;font-weight:900;letter-spacing:.12em}.sx-market-hero-stats strong{display:block;color:#fff2e7;font-size:31px;letter-spacing:-.04em;margin:8px 0 4px}.sx-market-hero-stats span{color:#c1aa97;font-size:10.5px}
.sx-market-public{padding-top:48px!important}.sx-market-filterbar{display:grid;grid-template-columns:1.25fr 1fr .8fr .7fr .7fr auto;gap:10px;align-items:end;margin:22px 0 12px;padding:14px;border:1px solid #4a2516;border-radius:16px;background:#100c0d;box-shadow:0 18px 40px rgba(0,0,0,.12)}.sx-market-filterbar.compact{grid-template-columns:1.2fr 1fr .8fr auto;margin:0 0 16px}.sx-market-filterbar .field{margin:0!important}.sx-market-filterbar label{display:block;color:#a48d79;font-size:9px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.sx-market-filterbar .sx31-btn{min-height:44px}.sx-market-quicktabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.sx-market-quicktabs a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid #4a2516;background:#110d0e;color:#cdb7a5;font-size:10px;font-weight:850}.sx-market-quicktabs a.active,.sx-market-quicktabs a:hover{background:linear-gradient(135deg,#ff6f1e,#ffb44a);border-color:#8a431d;color:#fff}
.sx-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sx-market-card{position:relative;border:1px solid #4f2819;border-radius:18px;background:linear-gradient(180deg,#140e10,#0b090a);overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sx-market-card:hover{transform:translateY(-4px);border-color:#85401f;box-shadow:0 30px 62px rgba(0,0,0,.24)}.sx-market-card.featured{border-color:#ff8d2d;box-shadow:0 24px 62px rgba(255,122,26,.10),0 0 0 1px rgba(255,122,26,.12) inset}.sx-market-card.rarity-epic{border-color:rgba(255,183,74,.38)}.sx-market-card.rarity-rare{border-color:rgba(255,122,26,.32)}.sx-market-card.rarity-consumable{border-color:rgba(121,212,80,.28)}.sx-market-card.selected{box-shadow:0 0 0 2px rgba(255,178,74,.35),0 28px 65px rgba(0,0,0,.24)}
.sx-market-art{height:230px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,rgba(255,122,26,.11),transparent 55%),linear-gradient(180deg,#190f0d,#100c0d);border-bottom:1px solid #4a2516}.sx-market-art img{max-width:74%;max-height:180px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.38))}.sx-market-badges{position:absolute;left:12px;top:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}.sx-market-badges span{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#140f10;border:1px solid #5a2b18;color:#d9bca3;font-size:8px;font-weight:900;letter-spacing:.08em}.sx-market-badges .featured{background:linear-gradient(135deg,#ff781f,#ffb34b);border-color:transparent;color:#fff}.sx-market-badges .new{background:rgba(53,214,160,.11);border-color:rgba(53,214,160,.22);color:#70e0b3}.sx-market-badges .rare{background:rgba(255,122,26,.12);border-color:rgba(255,122,26,.28);color:#ffae70}.sx-market-badges .epic{background:rgba(255,183,74,.11);border-color:rgba(255,183,74,.30);color:#ffd178}.sx-market-badges .consumable{background:rgba(121,212,80,.09);border-color:rgba(121,212,80,.22);color:#a6e383}.sx-market-timer{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(10,8,8,.84);border:1px solid #4a2516;color:#d8bdab;font-size:9px;font-weight:800;backdrop-filter:blur(8px)}
.sx-market-body{padding:16px}.sx-market-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.sx-market-title small{display:block;color:#8f7967;font-size:8.5px;font-weight:900;letter-spacing:.1em}.sx-market-title h3{margin:5px 0;color:#fff2e7;font-size:21px;letter-spacing:-.035em;line-height:1.12}.sx-market-title h3 em{font-style:normal;color:#ffb56d}.sx-market-title>a{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#110d0e;border:1px solid #4a2516;color:#ffb24a}.sx-market-options{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 13px}.sx-market-options.large{margin:16px 0}.sx-market-options span{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:6px;background:#171012;border:1px solid #4a2516;color:#cdb39f;font-size:8px;font-weight:850;letter-spacing:.04em}.sx-market-seller{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #3e2118;border-bottom:1px solid #3e2118}.sx-market-seller span{color:#8e7a69;font-size:9px}.sx-market-seller strong{color:#f6e8dc;font-size:11px}.sx-market-price{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px}.sx-market-price small,.sx-market-detail-price small{display:block;color:#a18a76;font-size:8.5px;font-weight:900;letter-spacing:.1em}.sx-market-price strong,.sx-market-detail-price strong{display:block;color:#fff3e8;font-size:25px;letter-spacing:-.04em;margin-top:4px}.sx-market-price strong span,.sx-market-detail-price strong span{font-size:9px;color:#d3aa88;letter-spacing:0}.sx-market-own-item{display:flex;align-items:center;justify-content:center;margin-top:12px;min-height:38px;border-radius:10px;border:1px solid rgba(53,214,160,.16);background:rgba(53,214,160,.05);color:#69dbac;font-size:10px;font-weight:850}.sx-market-card form .field{margin:12px 0 8px}.sx-market-card form label{display:block;color:#947e6d;font-size:9px;font-weight:900;margin-bottom:5px}.sx-market-empty{grid-column:1/-1}
.sx-market-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.sx-market-detail-art,.sx-market-detail-panel{border:1px solid #4a2516;border-radius:20px;background:#110d0e;box-shadow:0 24px 54px rgba(0,0,0,.18);position:relative;overflow:hidden}.sx-market-detail-art{min-height:520px;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(255,122,26,.13),transparent 52%),linear-gradient(180deg,#180f0d,#0d0a0b)}.sx-market-detail-art img{max-width:72%;max-height:390px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.42))}.sx-market-detail-panel{padding:28px}.sx-market-detail-panel h2{font-size:38px;letter-spacing:-.045em;color:#fff2e7;margin:8px 0 18px}.sx-market-detail-price{padding:18px;border:1px solid #67331c;border-radius:15px;background:linear-gradient(135deg,rgba(255,122,26,.12),rgba(255,178,74,.06));margin-bottom:16px}.sx-market-detail-price strong{font-size:36px}.sx-market-detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sx-market-detail-specs>div{padding:13px;border:1px solid #4a2516;border-radius:11px;background:#0f0c0d}.sx-market-detail-specs span{display:block;color:#917b69;font-size:9px}.sx-market-detail-specs strong{display:block;color:#fff1e6;font-size:13px;margin-top:5px}
.sx-market-player-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #5b2d1a;border-radius:18px;background:radial-gradient(circle at 84% 18%,rgba(255,122,26,.10),transparent 34%),linear-gradient(135deg,#140d0e,#0d0a0b);margin-bottom:14px;box-shadow:0 22px 52px rgba(0,0,0,.18)}.sx-market-player-head>div:first-child>span,.sx-market-admin-head>div:first-child>span{display:block;color:#ffb24a;font-size:10px;font-weight:900;letter-spacing:.14em}.sx-market-player-head h2,.sx-market-admin-head h2{margin:6px 0;color:#fff2e7;font-size:30px;letter-spacing:-.04em}.sx-market-player-head p,.sx-market-admin-head p{margin:0;color:#a99584;font-size:12px}.sx-market-player-balance{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-width:340px;padding:14px;border:1px solid #4a2516;border-radius:14px;background:#110d0e}.sx-market-player-balance>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,122,26,.10);color:#ffb24a}.sx-market-player-balance small{display:block;color:#907a68;font-size:8.5px;font-weight:900}.sx-market-player-balance strong{display:block;color:#fff2e7;font-size:20px;margin-top:3px}.sx-market-player-balance a{color:#ffb24a;font-size:10px;font-weight:850}.sx-market-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sx-market-player-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:16px}.sx-market-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid #4a2516;background:#110d0e;color:#c7ad99;font-size:9px;font-weight:900;letter-spacing:.06em}.sx-market-state i,.sx-market-admin-state i{width:7px;height:7px;border-radius:50%;background:#d09a56}.sx-market-state.online i,.sx-market-admin-state.online i{background:#35d6a0;box-shadow:0 0 0 4px rgba(53,214,160,.08)}.sx-market-sell-body{padding:18px}.sx-market-bridge-note{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px;border:1px solid rgba(255,178,74,.14);border-radius:12px;background:rgba(255,178,74,.04)}.sx-market-bridge-note svg{color:#ffb24a}.sx-market-bridge-note strong{display:block;color:#fff2e7;font-size:13px}.sx-market-bridge-note p{margin:5px 0 0;color:#a99584;font-size:11px;line-height:1.6}.sx-market-deposit-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.sx-market-deposit-help{display:grid;grid-template-columns:28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:center;margin-top:14px}.sx-market-deposit-help span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,122,26,.10);border:1px solid rgba(255,122,26,.18);color:#ffb24a;font-size:10px;font-weight:900}.sx-market-deposit-help p{margin:0;color:#a18d7b;font-size:10px}.sx-market-policy-list{padding:8px 16px 14px}.sx-market-policy-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #4a2516}.sx-market-policy-list>div:last-child{border-bottom:0}.sx-market-policy-list span{color:#9a8675;font-size:11px}.sx-market-policy-list strong{color:#fff2e7;font-size:13px}.sx-market-section-title{margin-top:26px!important}.sx-market-vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sx-market-vault-card{display:grid;grid-template-columns:110px 1fr 210px;gap:14px;align-items:center;padding:14px;border:1px solid #4a2516;border-radius:16px;background:#110d0e;box-shadow:0 16px 36px rgba(0,0,0,.14)}.sx-market-vault-art{height:110px;border-radius:13px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,122,26,.10),transparent 60%),#0d0a0b}.sx-market-vault-art img{max-width:82%;max-height:92px}.sx-market-vault-copy small{color:#8d7866;font-size:8.5px;font-weight:900}.sx-market-vault-copy h3{margin:5px 0;color:#fff2e7;font-size:17px}.sx-market-vault-form{display:grid;gap:7px}.sx-market-vault-form .field{margin:0}.sx-market-return{grid-column:1/-1;border-top:1px solid #4a2516;padding-top:10px}.sx-market-return summary{cursor:pointer;color:#c9ad97;font-size:10px;font-weight:800}.sx-market-return form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:9px}.sx-market-return label{font-size:9px;color:#8e7968}.player-market-grid{margin-top:0}.sx-market-my-listings{display:grid;gap:8px}.sx-market-my-listings>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #4a2516;border-radius:13px;background:#110d0e}.sx-market-my-listings strong{display:block;color:#fff2e7;font-size:13px;margin:5px 0}.sx-market-my-listings small{color:#9d8876;font-size:10px}.sx-market-status{display:inline-flex;padding:5px 7px;border-radius:999px;border:1px solid #4a2516;color:#c9ad97;font-size:8px;font-weight:900}.sx-market-status.active{color:#62d9a8;border-color:rgba(53,214,160,.18);background:rgba(53,214,160,.05)}.sx-market-status.sold,.sx-market-status.completed{color:#ffcb74;border-color:rgba(255,183,74,.22);background:rgba(255,183,74,.05)}
.sx-market-admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #5b2d1a;border-radius:18px;background:radial-gradient(circle at 86% 16%,rgba(255,122,26,.10),transparent 34%),linear-gradient(135deg,#140d0e,#0d0a0b);margin-bottom:14px;box-shadow:0 22px 52px rgba(0,0,0,.18)}.sx-market-admin-state{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #4a2516;border-radius:13px;background:#110d0e}.sx-market-admin-state small{display:block;color:#8f7968;font-size:8.5px;font-weight:900}.sx-market-admin-state strong{display:block;color:#fff2e7;font-size:13px;margin-top:3px}.sx-market-admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.sx-market-settings-form{padding:18px}.sx-market-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.sx-market-flow{display:grid;gap:0;padding:8px 16px 14px}.sx-market-flow>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #4a2516}.sx-market-flow>div:last-child{border-bottom:0}.sx-market-flow b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.10);border:1px solid rgba(255,122,26,.18);color:#ffb24a;font-size:9px}.sx-market-flow strong{display:block;color:#fff2e7;font-size:12px}.sx-market-flow small{display:block;color:#998574;font-size:10px;margin-top:3px}.sx-market-admin-listings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sx-market-admin-listing{display:grid;grid-template-columns:115px 1fr auto;gap:13px;align-items:center;padding:12px;border:1px solid #4a2516;border-radius:15px;background:#110d0e}.sx-market-admin-listing.featured{border-color:#ff8a2c;box-shadow:0 0 0 1px rgba(255,122,26,.10) inset}.sx-market-admin-art{height:105px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,122,26,.10),transparent 60%),#0d0a0b;position:relative;overflow:hidden}.sx-market-admin-art img{max-width:80%;max-height:90px}.sx-market-admin-art .sx-market-badges{left:7px;top:7px}.sx-market-admin-art .sx-market-badges span{font-size:6.5px;min-height:20px;padding-inline:6px}.sx-market-admin-copy small{color:#8e7968;font-size:8px;font-weight:900}.sx-market-admin-copy h3{margin:5px 0;color:#fff2e7;font-size:16px}.sx-market-admin-copy p{margin:0;color:#9c8775;font-size:9.5px}.sx-market-admin-actions{display:flex;flex-direction:column;gap:6px}.sx-market-admin-actions form{margin:0}.sx-market-admin-actions .btn{white-space:nowrap}
@media(max-width:1200px){.sx-market-hero-grid,.sx-market-admin-grid,.sx-market-player-grid{grid-template-columns:1fr}.sx-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-market-filterbar{grid-template-columns:1fr 1fr 1fr}.sx-market-filterbar .sx31-btn{grid-column:1/-1}.sx-market-vault-grid,.sx-market-admin-listings{grid-template-columns:1fr}.sx-market-player-balance{min-width:0}.sx-market-toggle-grid{grid-template-columns:1fr}}
@media(max-width:800px){.sx31-saas-page-hero.market h1,.sx31-saas-page-hero.market-item h1{font-size:42px}.sx-market-hero-stats{grid-template-columns:1fr 1fr}.sx-market-grid{grid-template-columns:1fr}.sx-market-filterbar,.sx-market-filterbar.compact{grid-template-columns:1fr 1fr}.sx-market-detail-grid{grid-template-columns:1fr}.sx-market-detail-art{min-height:360px}.sx-market-player-head,.sx-market-admin-head{align-items:flex-start;flex-direction:column}.sx-market-player-balance{width:100%}.sx-market-vault-card{grid-template-columns:90px 1fr}.sx-market-vault-form{grid-column:1/-1}.sx-market-deposit-form{grid-template-columns:1fr}.sx-market-deposit-help{grid-template-columns:28px 1fr}.sx-market-admin-listing{grid-template-columns:90px 1fr}.sx-market-admin-actions{grid-column:1/-1;flex-direction:row}.sx-market-metrics{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.sx31-saas-page-hero.market h1,.sx31-saas-page-hero.market-item h1{font-size:34px}.sx-market-hero-stats,.sx-market-filterbar,.sx-market-filterbar.compact,.sx-market-detail-specs,.sx-market-metrics{grid-template-columns:1fr!important}.sx-market-art{height:200px}.sx-market-detail-panel{padding:20px}.sx-market-detail-panel h2{font-size:30px}.sx-market-price{align-items:stretch;flex-direction:column}.sx-market-price .sx31-btn{width:100%}.sx-market-vault-card{grid-template-columns:1fr}.sx-market-vault-art{height:150px}.sx-market-return form{grid-template-columns:1fr}.sx-market-admin-listing{grid-template-columns:1fr}.sx-market-admin-art{height:150px}.sx-market-admin-actions{flex-wrap:wrap}}

/* ===  International Market Wallet / BRL + USD === */
.sx-market-badges .currency{background:linear-gradient(135deg,rgba(255,178,74,.13),rgba(255,122,26,.08));border-color:rgba(255,178,74,.24);color:#ffd39c}
.sx-market-dual-wallet{grid-template-columns:42px minmax(110px,1fr) minmax(110px,1fr) auto!important;min-width:520px!important}
.sx-market-dual-wallet>div{padding-right:10px;border-right:1px solid #4a2516}.sx-market-dual-wallet>div:nth-last-child(2){border-right:0}
.sx-market-money-note{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:13px;margin:14px 0;border:1px solid rgba(255,178,74,.15);border-radius:12px;background:rgba(255,178,74,.04)}.sx-market-money-note svg{color:#ffb24a}.sx-market-money-note strong{display:block;color:#fff2e7;font-size:12px}.sx-market-money-note small{display:block;color:#aa9481;font-size:10px;line-height:1.6;margin-top:3px}
.sx31-wallet-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sx31-wallet-balance-card.international{background:radial-gradient(circle at 88% 15%,rgba(72,184,255,.09),transparent 34%),linear-gradient(135deg,#111317,#0d0a0b)}.sx31-wallet-balance-card.international:before{background:linear-gradient(90deg,transparent,rgba(255,178,74,.45),transparent)}
.sx-market-settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1200px){.sx-market-dual-wallet{min-width:0!important;width:100%;grid-template-columns:42px 1fr 1fr auto!important}.sx31-wallet-overview{grid-template-columns:1fr 1fr!important}.sx31-wallet-stats-card{grid-column:1/-1}}
@media(max-width:800px){.sx-market-dual-wallet{grid-template-columns:42px 1fr!important}.sx-market-dual-wallet>span{grid-row:1/3}.sx-market-dual-wallet>a{grid-column:1/-1}.sx-market-dual-wallet>div{border-right:0;padding-right:0}.sx31-wallet-overview{grid-template-columns:1fr!important}.sx-market-settings-form .form-grid{grid-template-columns:1fr}}

/* === DarknessMu  / Market Bridge Operational UI === */
.sx-market-bridge-note.warning{border-color:rgba(255,157,53,.22);background:rgba(255,157,53,.055)}
.sx-market-bridge-health{margin:4px 16px 16px;padding:13px 14px;border:1px solid #4a2516;border-radius:12px;background:#0f0c0d;display:grid;gap:5px}.sx-market-bridge-health>span{display:flex;align-items:center;gap:8px;color:#d7b69c;font-size:11px;font-weight:900}.sx-market-bridge-health>span i{width:8px;height:8px;border-radius:50%;background:#d09a56}.sx-market-bridge-health>small{color:#9d8876;font-size:10.5px;line-height:1.55}.sx-market-bridge-health.online{border-color:rgba(53,214,160,.20);background:rgba(53,214,160,.035)}.sx-market-bridge-health.online>span{color:#65dcae}.sx-market-bridge-health.online>span i{background:#35d6a0;box-shadow:0 0 0 5px rgba(53,214,160,.07)}.sx-market-bridge-health.admin{margin:16px}
.sx-market-bridge-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.sx-market-bridge-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #4a2516;border-radius:12px;background:#100d0e}.sx-market-bridge-steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.10);border:1px solid rgba(255,122,26,.18);color:#ffb24a;font-size:9px}.sx-market-bridge-steps strong{display:block;color:#fff2e7;font-size:11.5px}.sx-market-bridge-steps small{display:block;color:#9d8876;font-size:10px;line-height:1.55;margin-top:3px}.sx-market-bridge-steps code,.sx-market-command,.sx-market-deposit-token{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#09090a;border:1px solid #5a2b19;color:#ffd19f;border-radius:7px;padding:3px 6px;font-size:10px}.sx-market-bridge-steps.admin{padding:0 16px 14px;margin-top:0}
.sx-market-deposit-stack{display:grid;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid #4a2516}.sx-market-deposit-stack-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sx-market-deposit-stack-head strong{color:#fff2e7;font-size:12px}.sx-market-deposit-stack-head small{color:#917d6d;font-size:9.5px}.sx-market-deposit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #4a2516;border-radius:11px;background:#0f0c0d}.sx-market-deposit-row>div>strong{display:inline-block;color:#fff2e7;font-size:11.5px;margin-left:7px}.sx-market-deposit-row>div>small{display:block;color:#927d6c;font-size:9.5px;margin-top:5px}.sx-market-deposit-token,.sx-market-command{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;white-space:nowrap}.sx-market-command{color:#ffb24a}
.sx-market-review-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;border:1px solid #5a2b19;background:rgba(255,122,26,.05);color:#d8b18f;font-size:8px;font-weight:900;letter-spacing:.05em}.sx-market-review-badge.pending{color:#ffbe72;border-color:rgba(255,178,74,.22)}.sx-market-review-badge.processing{color:#ffb24a;border-color:rgba(255,122,26,.22)}.sx-market-review-badge.deposited{color:#64dcad;border-color:rgba(53,214,160,.22);background:rgba(53,214,160,.045)}.sx-market-review-badge.review_required{color:#ff8b79;border-color:rgba(255,116,103,.25);background:rgba(255,116,103,.05)}.sx-market-review-badge.expired,.sx-market-review-badge.cancelled{color:#a59080}.sx-market-review-row{background:rgba(255,116,103,.025)!important}.sx-market-admin-state span{display:block;color:#997d68;font-size:9px;margin-top:2px}
@media(max-width:980px){.sx-market-bridge-steps{grid-template-columns:1fr}.sx-market-deposit-row{grid-template-columns:1fr}.sx-market-deposit-token,.sx-market-command{width:100%;white-space:normal;overflow-wrap:anywhere}.sx-market-deposit-stack-head{align-items:flex-start;flex-direction:column}}

/*  Direct Warehouse Marketplace */
.sx-market-warehouse-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sx-market-warehouse-tabs a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:150px;padding:10px 12px;border:1px solid #4a2516;border-radius:11px;background:#0d0a0b;color:#c7ad99;text-decoration:none}.sx-market-warehouse-tabs a strong{font-size:11px;color:#e8d2bf}.sx-market-warehouse-tabs a small{font-size:9px;color:#8e7764}.sx-market-warehouse-tabs a:hover,.sx-market-warehouse-tabs a.active{border-color:#9a4a22;background:linear-gradient(135deg,rgba(255,122,26,.10),rgba(255,178,74,.035));box-shadow:inset 0 0 0 1px rgba(255,122,26,.06)}.sx-market-warehouse-tabs a.active strong{color:#ffbd68}.sx-market-warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx-market-warehouse-item{display:grid;grid-template-rows:116px auto auto;gap:10px;padding:12px;border:1px solid #4a2516;border-radius:14px;background:linear-gradient(155deg,#140e10,#0b090a);box-shadow:0 12px 28px rgba(0,0,0,.16);transition:.2s ease}.sx-market-warehouse-item:hover{transform:translateY(-2px);border-color:#74381d}.sx-market-warehouse-item.locked{opacity:.58}.sx-market-warehouse-art{position:relative;display:grid;place-items:center;border:1px solid #352015;border-radius:12px;background:radial-gradient(circle at 50% 42%,rgba(255,145,47,.11),transparent 54%),#0b0909;overflow:hidden}.sx-market-warehouse-art img{max-width:82%;max-height:88px;filter:drop-shadow(0 9px 14px rgba(0,0,0,.48))}.sx-market-warehouse-art>.sx-market-slot-label{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:6px;background:#130d0d;border:1px solid #4a2516;color:#b69a84;font-size:8px;font-weight:900;letter-spacing:.08em;z-index:2}.sx-market-warehouse-copy h3{margin:0;color:#fff1e5;font-size:13px;line-height:1.25}.sx-market-warehouse-copy h3 em{font-style:normal;color:#ffb24a}.sx-market-warehouse-copy>small{display:block;margin-top:5px;color:#8f7968;font-size:9px}.sx-market-buy-destination{margin-bottom:9px;padding:10px;border:1px solid #4a2516;border-radius:10px;background:#0d0a0b}.sx-market-buy-destination small{display:block;color:#8c7664;font-size:8px;font-weight:900;letter-spacing:.1em}.sx-market-buy-destination strong{display:block;margin:3px 0;color:#ffbd68;font-size:12px}.sx-market-buy-destination span{display:block;color:#9f8a79;font-size:9px}.sx-market-state.pending{color:#d0aa82}.sx-market-bridge-note.warning{border-color:rgba(255,122,26,.25);background:rgba(255,122,26,.055)}
html body .sx31-kpi-icon.violet,html body .sx31-kpi-icon.blue,html body .sx31-kpi-icon.cyan{background:rgba(255,122,26,.11)!important;color:#ffad58!important}html body .sx31-kpi>a,html body .sx31-kpi>em{color:#ffb24a!important;border-color:#5b2d1a!important;background:#140f10!important}
@media(max-width:1100px){.sx-market-warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sx-market-warehouse-grid{grid-template-columns:1fr}.sx-market-warehouse-tabs{display:grid;grid-template-columns:1fr 1fr}.sx-market-warehouse-tabs a{min-width:0}.sx-market-return form{grid-template-columns:1fr}.sx-market-player-grid{grid-template-columns:1fr}}

/*  Real game item information */
.sx-market-item-tooltip{position:absolute;z-index:8;left:50%;top:50%;width:min(340px,calc(100% - 22px));max-height:225px;overflow:auto;padding:14px 16px;border:1px solid #654025;border-radius:11px;background:rgba(31,27,26,.975);box-shadow:0 22px 58px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,210,165,.045);backdrop-filter:blur(12px);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-46%) scale(.98);transition:opacity .16s ease,visibility .16s ease,transform .16s ease;color:#ead9ca}
.sx-market-item-tooltip>strong{display:block;color:#ffbd68;font-size:13px;line-height:1.35;margin-bottom:6px;text-shadow:0 0 16px rgba(255,157,53,.13)}
.sx-market-item-tooltip .meta{color:#f5e8dc;font-size:11px;line-height:1.55;margin:2px 0;font-weight:700}
.sx-market-item-tooltip-lines{display:grid;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,178,74,.12)}
.sx-market-item-tooltip-lines span{display:block;font-size:10.5px;line-height:1.42;color:#d8c0ab}
.sx-market-item-tooltip-lines .luck{color:#72ddb0}.sx-market-item-tooltip-lines .excellent{color:#ffd078}.sx-market-item-tooltip-lines .ancient{color:#ffb45f}.sx-market-item-tooltip-lines .harmony{color:#e9a476}.sx-market-item-tooltip-lines .socket{color:#ead8c8}.sx-market-item-tooltip-lines .option,.sx-market-item-tooltip-lines .option380{color:#f0c39d}.sx-market-item-tooltip-lines .skill{color:#f6dfc8}.sx-market-item-tooltip-lines .duration,.sx-market-item-tooltip-lines .muted{color:#a99483}
.sx-market-art:hover .sx-market-item-tooltip,.sx-market-art:focus .sx-market-item-tooltip,.sx-market-warehouse-art:hover .sx-market-item-tooltip,.sx-market-warehouse-art:focus .sx-market-item-tooltip,.sx-market-vault-art:hover .sx-market-item-tooltip,.sx-market-vault-art:focus .sx-market-item-tooltip,.sx-market-admin-art:hover .sx-market-item-tooltip,.sx-market-admin-art:focus .sx-market-item-tooltip,.sx-market-detail-art:hover .sx-market-item-tooltip,.sx-market-detail-art:focus .sx-market-item-tooltip{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.sx-market-vault-art{position:relative;overflow:hidden}.sx-market-detail-art{position:relative;overflow:hidden}.sx-market-art:focus,.sx-market-warehouse-art:focus,.sx-market-vault-art:focus,.sx-market-admin-art:focus,.sx-market-detail-art:focus{outline:1px solid rgba(255,178,74,.34);outline-offset:-2px}
.sx-market-real-options{margin:14px 0;padding:14px;border:1px solid #56301e;border-radius:14px;background:linear-gradient(180deg,rgba(255,151,48,.045),rgba(13,10,11,.76))}
.sx-market-real-options-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid #4a2516}.sx-market-real-options-head span{color:#ff9d35;font-size:8px;font-weight:950;letter-spacing:.12em}.sx-market-real-options-head strong{color:#fff0e3;font-size:12px}
.sx-market-real-option{padding:5px 0;color:#d8c0ab;font-size:10.5px;line-height:1.5}.sx-market-real-option.meta{display:flex;justify-content:space-between;gap:14px}.sx-market-real-option.meta span{color:#9d8775}.sx-market-real-option.meta strong{color:#f4e4d5}.sx-market-real-option.luck{color:#72ddb0}.sx-market-real-option.excellent{color:#ffd078}.sx-market-real-option.ancient{color:#ffb45f}.sx-market-real-option.harmony{color:#e9a476}.sx-market-real-option.socket{color:#ead8c8}.sx-market-real-option.option,.sx-market-real-option.option380{color:#f0c39d}.sx-market-real-option.skill{color:#f6dfc8}.sx-market-real-option.duration,.sx-market-real-option.muted{color:#9e8978}
@media(max-width:560px){.sx-market-item-tooltip{width:calc(100% - 16px);max-height:185px;padding:12px}.sx-market-real-options-head{align-items:flex-start;flex-direction:column;gap:4px}}


/*  Player Hub real item tooltip layout fix */
.sx-market-warehouse-art{overflow:visible}
.sx-market-warehouse-item{position:relative;z-index:1;overflow:visible}
.sx-market-warehouse-item:hover,.sx-market-warehouse-item:focus-within{z-index:40}
.sx-market-warehouse-art>.sx-market-item-tooltip{width:320px;max-width:calc(100vw - 48px);max-height:320px;overflow:auto;z-index:30}
.sx-market-warehouse-art .sx-market-item-tooltip span{position:static;left:auto;top:auto;padding:0;border:0;border-radius:0;background:transparent;font-size:10.5px;font-weight:400;letter-spacing:normal}
.sx-market-warehouse-art .sx-market-item-tooltip-lines{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,178,74,.12)}
.sx-market-warehouse-art .sx-market-item-tooltip-lines span{display:block;line-height:1.48}
.sx-market-vault-card{position:relative;z-index:1;overflow:visible}
.sx-market-vault-card:hover,.sx-market-vault-card:focus-within{z-index:35}
.sx-market-vault-art{overflow:visible}
.sx-market-vault-art>.sx-market-item-tooltip{width:320px;max-width:calc(100vw - 48px);max-height:320px;overflow:auto;z-index:30}
@media(max-width:680px){.sx-market-warehouse-art>.sx-market-item-tooltip,.sx-market-vault-art>.sx-market-item-tooltip{width:min(320px,calc(100vw - 36px));max-height:280px}}

/*  Admin-controlled promotional slider */
.sx-promo-section{padding-top:72px;padding-bottom:72px}
.sx-promo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.sx-promo-heading h2{margin:6px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.02}
.sx-promo-count{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(255,128,31,.22);border-radius:999px;background:rgba(255,122,26,.06);color:#ffb35b;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.sx-promo-slider{position:relative;border:1px solid #4f2717;border-radius:26px;background:#090708;box-shadow:0 32px 90px rgba(0,0,0,.34);overflow:hidden;isolation:isolate}
.sx-promo-slider::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgba(255,112,26,.16),transparent 38%)}
.sx-promo-track{position:relative;z-index:1;aspect-ratio:2/1;min-height:340px}
.sx-promo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .46s ease,transform .7s ease,visibility .46s ease}
.sx-promo-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}
.sx-promo-banner{display:block;width:100%;height:100%;background:#090708;overflow:hidden}
.sx-promo-banner picture{display:block;width:100%;height:100%}
.sx-promo-banner img{display:block;width:100%;height:100%;object-fit:var(--promo-fit,cover);object-position:center;transition:transform 7s ease}
.sx-promo-slider[data-fit="contain"] .sx-promo-banner img{object-fit:contain}
.sx-promo-slide.is-active .sx-promo-banner:hover img{transform:scale(1.012)}
.sx-promo-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:64px;border:1px solid rgba(255,132,33,.32);border-radius:16px;background:rgba(8,6,7,.76);backdrop-filter:blur(12px);color:#ffe7cd;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 15px 35px rgba(0,0,0,.28);transition:all .2s ease}
.sx-promo-arrow:hover{background:rgba(31,12,7,.92);border-color:rgba(255,155,55,.68);color:#fff;transform:translateY(-50%) scale(1.04)}
.sx-promo-prev{left:18px}.sx-promo-next{right:18px}
.sx-promo-dots{position:absolute;z-index:6;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,137,40,.16);border-radius:999px;background:rgba(7,6,7,.72);backdrop-filter:blur(12px)}
.sx-promo-dots button{appearance:none;border:0;width:9px;height:9px;border-radius:50%;background:rgba(255,226,199,.34);padding:0;cursor:pointer;transition:all .2s ease}
.sx-promo-dots button.is-active{width:30px;border-radius:999px;background:linear-gradient(90deg,#ff771d,#ffb24a)}
@media(max-width:900px){.sx-promo-section{padding-top:52px;padding-bottom:52px}.sx-promo-track{min-height:280px}.sx-promo-arrow{width:42px;height:56px}.sx-promo-prev{left:12px}.sx-promo-next{right:12px}}
@media(max-width:700px){.sx-promo-heading{align-items:flex-start;flex-direction:column}.sx-promo-count{display:none}.sx-promo-slider{border-radius:20px}.sx-promo-track{aspect-ratio:9/12;min-height:460px}.sx-promo-banner img{object-fit:cover}.sx-promo-slider[data-fit="contain"] .sx-promo-banner img{object-fit:contain}.sx-promo-arrow{top:auto;bottom:15px;transform:none;width:40px;height:40px;border-radius:13px;font-size:27px}.sx-promo-arrow:hover{transform:scale(1.04)}.sx-promo-prev{left:14px}.sx-promo-next{right:14px}.sx-promo-dots{bottom:17px;max-width:calc(100% - 130px)}}

/*  Home Portal Columns */
.sx-home-portal-section{position:relative;padding-top:42px}
.sx-home-portal-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.sx-home-portal-head h2{margin:8px 0 0;max-width:850px;font-size:34px;line-height:1.08}
.sx-home-portal-live{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:999px;border:1px solid rgba(43,204,122,.22);background:rgba(14,39,28,.62);color:#72f0ad;font-size:11px;font-weight:900;letter-spacing:.16em;white-space:nowrap}
.sx-home-portal-live i{width:8px;height:8px;border-radius:50%;background:#28d57b;box-shadow:0 0 16px rgba(40,213,123,.7)}
.sx-home-portal-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 250px;gap:18px;align-items:start}
.sx-home-leftbar,.sx-home-centerbar,.sx-home-rightbar{display:flex;flex-direction:column;gap:16px;min-width:0}
.sx-home-widget,.sx-home-center-card,.sx-social-access-card{border:1px solid rgba(255,115,24,.2);background:linear-gradient(180deg,rgba(18,9,9,.96),rgba(10,7,8,.98));box-shadow:0 24px 60px rgba(0,0,0,.22);border-radius:22px;overflow:hidden}
.sx-home-widget{padding:18px}
.sx-home-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.sx-home-widget-head>span{font-size:11px;letter-spacing:.16em;font-weight:900;color:#ffae58}
.sx-home-widget-head small,.sx-home-widget-head a{font-size:10px;letter-spacing:.1em;color:rgba(255,216,183,.62);text-decoration:none}
.sx-home-widget-head a:hover{color:#ffb45f}
.sx-home-widget-status strong{display:block;font-size:22px;color:#fff3e5;margin-bottom:6px}
.sx-home-widget-status p,.sx-home-widget-poll p{margin:0;color:rgba(255,227,204,.7);font-size:13px;line-height:1.6}
.sx-home-widget-head i,.sx-home-team-list i{display:inline-block;width:8px;height:8px;border-radius:50%}
.sx-home-widget-head i.is-online,.sx-home-team-list i.is-online{background:#25d578;box-shadow:0 0 12px rgba(37,213,120,.55)}
.sx-home-team-list i.is-offline{background:#7e5847}
.sx-home-rate-list{display:flex;flex-direction:column}
.sx-home-rate-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,120,30,.11)}
.sx-home-rate-list div:first-child{border-top:0;padding-top:2px}
.sx-home-rate-list span{font-size:12px;color:rgba(255,225,201,.66)}
.sx-home-rate-list b{font-size:12px;color:#fff0df;text-align:right}
.sx-home-event-list{display:flex;flex-direction:column}
.sx-home-event-list>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid rgba(255,120,30,.11);text-decoration:none}
.sx-home-event-list>a:first-child{border-top:0;padding-top:0}
.sx-home-event-list>a div{min-width:0}
.sx-home-event-list b{display:block;color:#fff0e0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}
.sx-home-event-list small{display:block;color:rgba(255,225,201,.52);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}
.sx-home-event-list em{font-style:normal;color:#ffad5a;font-size:10px;white-space:nowrap}
.sx-home-widget-poll h3{margin:0 0 10px;font-size:18px;line-height:1.25;color:#fff1df}
.sx-home-widget-button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:15px;min-height:42px;border-radius:13px;border:1px solid rgba(255,130,27,.3);background:linear-gradient(90deg,#ff761b,#ff9f39);color:#170b05;font-size:11px;font-weight:900;letter-spacing:.08em;text-decoration:none}
.sx-home-widget-button.is-disabled{opacity:.5;background:rgba(255,122,29,.08);color:#cda98f;border-color:rgba(255,122,29,.15)}
.sx-home-team-list{display:flex;flex-direction:column}
.sx-home-team-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,120,30,.11)}
.sx-home-team-list>div:first-child{border-top:0;padding-top:0}
.sx-home-team-list span{display:flex;align-items:center;gap:8px;color:#fff0df;font-size:12px;min-width:0}
.sx-home-team-list b{font-size:9px;letter-spacing:.1em}
.sx-home-team-list b.online{color:#58e79b}.sx-home-team-list b.offline{color:#b67c66}
.sx-home-widget-empty{padding:8px 0;color:rgba(255,226,202,.52);font-size:12px;line-height:1.5}
.sx-home-center-card{padding:20px}
.sx-home-center-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.sx-home-center-title h3{margin:5px 0 0;font-size:26px;line-height:1.08}
.sx-home-center-title>a,.sx-home-center-title>small{color:#ffb15d;text-decoration:none;font-size:11px;letter-spacing:.08em}
.sx-home-promo-card{padding-bottom:18px}
.sx-promo-slider-portal{border-radius:18px;overflow:hidden;border:1px solid rgba(255,120,28,.16);background:#080607}
.sx-promo-slider-portal .sx-promo-banner{border-radius:0}
.sx-home-news-list{display:flex;flex-direction:column}
.sx-home-news-row{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,120,30,.12);text-decoration:none}
.sx-home-news-row:first-child{border-top:0;padding-top:0}
.sx-home-news-index{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,121,25,.08);border:1px solid rgba(255,121,25,.17);color:#ffad55;font-size:11px;font-weight:900}
.sx-home-news-row small{display:block;font-size:9px;letter-spacing:.15em;color:#ff9b43;margin-bottom:5px}
.sx-home-news-row strong{display:block;color:#fff0df;font-size:15px;line-height:1.3}
.sx-home-news-row p{margin:5px 0 0;color:rgba(255,225,202,.6);font-size:12px;line-height:1.55}
.sx-home-news-row em{font-style:normal;color:#ff9d49;font-size:15px;padding-top:8px}
.sx-home-castle-grid{display:grid;grid-template-columns:1fr 1fr 200px;gap:12px}
.sx-home-castle-grid>div{border:1px solid rgba(255,120,28,.14);background:rgba(16,8,8,.72);border-radius:17px;padding:16px}
.sx-home-castle-grid small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#ffae5a;margin-bottom:7px}
.sx-home-castle-grid strong{display:block;font-size:20px;color:#fff0df;line-height:1.1}
.sx-home-castle-grid span{display:block;margin-top:7px;color:rgba(255,225,203,.6);font-size:11px;line-height:1.5}
.sx-home-castle-action{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,rgba(53,19,7,.9),rgba(17,8,8,.9))!important}
.sx-home-castle-action a{display:inline-flex;margin-top:10px;color:#ffb15b;font-size:11px;text-decoration:none;font-weight:800}
.sx-home-rightbar{position:sticky;top:92px}
.sx-social-access-card{position:relative;padding:22px 20px;min-height:220px}
.sx-social-access-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(50px);opacity:.18;right:-55px;top:-55px;pointer-events:none}
.sx-social-discord::before{background:#ff7a22}.sx-social-whatsapp::before{background:#2bd376}
.sx-social-access-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;border:1px solid rgba(255,137,39,.26);background:rgba(255,119,25,.09);color:#ffb05a;font-size:18px;font-weight:900;margin-bottom:24px}
.sx-social-whatsapp .sx-social-access-icon{border-color:rgba(42,209,118,.26);background:rgba(42,209,118,.08);color:#66e8a1}
.sx-social-access-card small{position:relative;z-index:1;display:block;font-size:10px;letter-spacing:.16em;color:#ff9f48;font-weight:900;margin-bottom:7px}
.sx-social-whatsapp small{color:#58da94}
.sx-social-access-card h3{position:relative;z-index:1;margin:0 0 9px;font-size:22px;color:#fff1df}
.sx-social-access-card p{position:relative;z-index:1;margin:0;color:rgba(255,225,202,.66);font-size:13px;line-height:1.65}
.sx-social-access-card a,.sx-social-access-card>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin-top:20px;min-height:43px;border-radius:13px;border:1px solid rgba(255,125,30,.22);color:#ffb15c;background:rgba(255,119,25,.07);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.05em}
.sx-social-whatsapp a,.sx-social-whatsapp>span{border-color:rgba(42,209,118,.2);color:#67e5a0;background:rgba(42,209,118,.06)}
@media(max-width:1280px){.sx-home-portal-grid{grid-template-columns:240px minmax(0,1fr) 220px}.sx-home-castle-grid{grid-template-columns:1fr 1fr}.sx-home-castle-action{grid-column:1/-1}}
@media(max-width:1050px){.sx-home-portal-grid{grid-template-columns:230px minmax(0,1fr)}.sx-home-rightbar{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr}.sx-social-access-card{min-height:190px}}
@media(max-width:760px){.sx-home-portal-head{align-items:flex-start;flex-direction:column}.sx-home-portal-grid{grid-template-columns:1fr}.sx-home-leftbar{order:2}.sx-home-centerbar{order:1}.sx-home-rightbar{order:3;grid-template-columns:1fr}.sx-home-center-title{align-items:flex-start;flex-direction:column;gap:8px}.sx-home-castle-grid{grid-template-columns:1fr}.sx-home-castle-action{grid-column:auto}.sx-home-news-row{grid-template-columns:36px minmax(0,1fr) 18px}.sx-home-news-index{width:34px;height:34px}.sx-home-portal-head h2{font-size:29px}}

/*  Home portal spacing refinement */
.sx-home-portal-container{width:min(1520px,calc(100% - 16px))!important}
.sx-home-portal-section{padding-top:24px}
.sx-home-portal-grid{grid-template-columns:230px minmax(0,1fr) 200px;gap:20px;align-items:start}
.sx-home-leftbar,.sx-home-rightbar{position:relative}
.sx-home-rightbar{position:sticky;top:92px}
@media(max-width:1440px){.sx-home-portal-container{width:min(1460px,calc(100% - 16px))!important}.sx-home-portal-grid{grid-template-columns:220px minmax(0,1fr) 190px}}
@media(max-width:1280px){.sx-home-portal-container{width:min(100% - 14px,1420px)!important}.sx-home-portal-grid{grid-template-columns:210px minmax(0,1fr) 180px;gap:16px}}
@media(max-width:1050px){.sx-home-portal-container{width:min(100% - 20px,1280px)!important}.sx-home-portal-grid{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.sx-home-portal-container{width:min(100% - 18px,1280px)!important}.sx-home-portal-grid{grid-template-columns:1fr}}

/*  Home logo showcase expansion */
.route-home .sx-logo-stage{
  min-height:620px!important;
}
.route-home .sx-home-logo-canvas{
  min-height:620px!important;
  padding:34px!important;
}
.route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{
  width:min(94%,920px)!important;
  min-height:420px!important;
  padding:44px 46px!important;
  border-radius:34px!important;
}
.route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate:before{
  border-radius:34px!important;
}
.route-home .sx-home-logo-canvas>img,
.route-home .sx-home-logo-plate>img{
  max-width:100%!important;
  max-height:470px!important;
}
.route-home .sx-logo-orbit{
  width:78%!important;
  height:78%!important;
}
.route-home .sx-home-logo-canvas:after{
  left:7%!important;
  right:7%!important;
  bottom:6%!important;
  height:88px!important;
}
@media (max-width:1180px){
  .route-home .sx-logo-stage,
  .route-home .sx-home-logo-canvas{min-height:540px!important}
  .route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{width:min(94%,820px)!important;min-height:350px!important;padding:34px 36px!important}
  .route-home .sx-home-logo-canvas>img,
  .route-home .sx-home-logo-plate>img{max-height:390px!important}
}
@media (max-width:980px){
  .route-home .sx-logo-stage,
  .route-home .sx-home-logo-canvas{min-height:420px!important}
  .route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{width:min(96%,700px)!important;min-height:270px!important;padding:24px 22px!important;border-radius:24px!important}
  .route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate:before{border-radius:24px!important}
  .route-home .sx-home-logo-canvas>img,
  .route-home .sx-home-logo-plate>img{max-height:290px!important}
}

/*  Home logo direct-canvas spotlight */
.route-home .sx-home-logo-canvas.has-logo{
  padding:26px!important;
  min-height:640px!important;
}
.route-home .sx-home-logo-canvas.has-logo .sx-home-logo-plate{
  display:contents!important;
}
.route-home .sx-home-logo-main,
.route-home .sx-home-logo-canvas.has-logo>img{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:96%!important;
  max-height:540px!important;
  object-fit:contain!important;
  margin:auto!important;
  filter:drop-shadow(0 30px 48px rgba(0,0,0,.48)) drop-shadow(0 0 34px rgba(255,112,24,.20)) drop-shadow(0 0 70px rgba(255,169,69,.09))!important;
}
.route-home .sx-home-logo-canvas.has-logo:before{
  opacity:.58!important;
}
.route-home .sx-home-logo-canvas.has-logo:after{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:5%!important;
  height:110px!important;
  z-index:1!important;
  background:radial-gradient(ellipse,rgba(255,123,31,.20),rgba(255,177,73,.07) 36%,transparent 72%)!important;
  filter:blur(22px)!important;
  pointer-events:none!important;
}
.route-home .sx-logo-orbit{width:82%!important;height:82%!important;opacity:.72}
.route-home .sx-logo-fx-a{width:220px!important;height:220px!important}
.route-home .sx-logo-fx-c{width:290px!important;height:290px!important}
@media(max-width:1180px){
  .route-home .sx-home-logo-canvas.has-logo{min-height:560px!important;padding:24px!important}
  .route-home .sx-home-logo-main,.route-home .sx-home-logo-canvas.has-logo>img{max-width:96%!important;max-height:465px!important}
}
@media(max-width:980px){
  .route-home .sx-home-logo-canvas.has-logo{min-height:430px!important;padding:20px!important}
  .route-home .sx-home-logo-main,.route-home .sx-home-logo-canvas.has-logo>img{max-width:96%!important;max-height:350px!important}
}
@media(max-width:560px){
  .route-home .sx-home-logo-canvas.has-logo{min-height:310px!important;padding:16px!important}
  .route-home .sx-home-logo-main,.route-home .sx-home-logo-canvas.has-logo>img{max-width:98%!important;max-height:250px!important}
}

/*  Hero logo area organization */
.route-home .sx-logo-stage{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:18px!important;
  min-height:640px!important;
  padding:22px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,138,38,.34)!important;
  background:linear-gradient(180deg,rgba(20,11,10,.96),rgba(12,8,8,.98))!important;
  box-shadow:0 32px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,185,95,.06)!important;
  overflow:hidden!important;
}
.route-home .sx-logo-stage:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,150,58,.08),transparent 32%,transparent 68%,rgba(255,111,27,.08));
}
.route-home .sx-logo-stage-head,.route-home .sx-logo-stage-foot{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.route-home .sx-logo-stage-head{
  padding:2px 2px 0;
}
.route-home .sx-logo-stage-head span,
.route-home .sx-logo-stage-foot small{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffb44a;
}
.route-home .sx-logo-stage-head span:before,
.route-home .sx-logo-stage-foot small:before{
  content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffbf57,#ff7a1a);box-shadow:0 0 14px rgba(255,138,38,.35);
}
.route-home .sx-logo-stage-head b{
  display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,138,38,.24);
  background:rgba(255,255,255,.03);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f7d8b6;
}
.route-home .sx-logo-stage-foot{
  padding:0 2px 2px;
}
.route-home .sx-logo-stage-foot small{color:#f6c589;letter-spacing:.14em}
.route-home .sx-logo-stage-foot span{font-size:12px;color:#cfa98b}
.route-home .sx-home-logo-canvas{
  position:relative!important;
  min-height:500px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,146,48,.16)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,145,44,.10),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 0 1px rgba(255,112,20,.05)!important;
  padding:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.route-home .sx-logo-core-glow{
  position:absolute;z-index:1;left:50%;top:50%;width:min(74%,620px);height:min(74%,620px);transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle,rgba(255,125,26,.25),rgba(255,125,26,.12) 28%,rgba(255,178,74,.06) 42%,transparent 68%);
  filter:blur(10px);pointer-events:none;
}
.route-home .sx-home-logo-main{
  position:relative!important;z-index:3!important;display:block!important;margin:auto!important;
  width:min(86%,780px)!important;height:auto!important;max-height:390px!important;object-fit:contain!important;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.36)) drop-shadow(0 0 22px rgba(255,122,26,.18));
}
.route-home .sx-logo-orbit{
  width:74%!important;height:74%!important;border-color:rgba(255,178,74,.07)!important;
}
.route-home .sx-logo-gridshine:before{width:48%!important;height:28%!important;opacity:.85}
.route-home .sx-logo-fx-a{left:-14px!important;top:78px!important;width:140px!important;height:140px!important;opacity:.9}
.route-home .sx-logo-fx-b{right:10px!important;top:62px!important;width:110px!important;height:110px!important;opacity:.85}
.route-home .sx-logo-fx-c{right:-30px!important;bottom:22px!important;width:180px!important;height:180px!important;opacity:.78}
.route-home .sx-home-logo-empty{position:relative;z-index:3;text-align:center;padding:18px}
@media(max-width:1180px){
  .route-home .sx-logo-stage{min-height:560px!important;padding:18px!important;gap:14px!important}
  .route-home .sx-home-logo-canvas{min-height:430px!important}
  .route-home .sx-home-logo-main{width:min(88%,690px)!important;max-height:340px!important}
}
@media(max-width:980px){
  .route-home .sx-logo-stage{min-height:470px!important;border-radius:24px!important}
  .route-home .sx-home-logo-canvas{min-height:340px!important;border-radius:20px!important;padding:20px!important}
  .route-home .sx-home-logo-main{width:min(90%,560px)!important;max-height:250px!important}
  .route-home .sx-logo-stage-head,.route-home .sx-logo-stage-foot{flex-direction:column;align-items:flex-start}
}


/*  Clean logo showcase */
.route-home .sx-logo-stage{
  min-height:640px!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.route-home .sx-logo-stage:before,
.route-home .sx-logo-stage:after,
.route-home .sx-logo-stage-head,
.route-home .sx-logo-stage-foot,
.route-home .sx-logo-orbit,
.route-home .sx-logo-gridshine,
.route-home .sx-logo-fx,
.route-home .sx-home-logo-canvas:before,
.route-home .sx-home-logo-canvas:after{
  display:none!important;
  content:none!important;
}
.route-home .sx-home-logo-canvas{
  min-height:640px!important;
  padding:8px!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.route-home .sx-logo-core-glow{
  display:block!important;
  width:min(82%,760px)!important;
  height:min(82%,760px)!important;
  background:radial-gradient(circle,rgba(255,124,26,.22) 0%,rgba(255,124,26,.11) 28%,rgba(255,185,90,.05) 44%,transparent 68%)!important;
  filter:blur(18px)!important;
}
.route-home .sx-home-logo-main{
  width:min(96%,880px)!important;
  max-height:520px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(255,122,26,.10))!important;
}
@media(max-width:1180px){
  .route-home .sx-logo-stage,
  .route-home .sx-home-logo-canvas{min-height:540px!important}
  .route-home .sx-home-logo-main{max-height:430px!important;width:min(96%,740px)!important}
}
@media(max-width:980px){
  .route-home .sx-logo-stage,
  .route-home .sx-home-logo-canvas{min-height:420px!important}
  .route-home .sx-home-logo-main{max-height:310px!important;width:min(96%,560px)!important}
}


/*  Ranking SaaS Rebuild */
.ranking-premium-shell .sx31-vip-control-panel{min-height:100%}
.ranking-pro-head{margin-bottom:20px}
.sx31-ranking-podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:18px;align-items:end;margin:24px 0 28px}
.sx31-ranking-podium-card{position:relative;padding:24px;border-radius:28px;border:1px solid rgba(255,134,42,.30);background:linear-gradient(180deg,rgba(20,8,10,.97),rgba(15,6,8,.94));box-shadow:0 18px 40px rgba(0,0,0,.28);min-height:300px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.sx31-ranking-podium-card:before{content:"";position:absolute;inset:auto -15% -35% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(255,133,32,.22),transparent 72%);pointer-events:none}
.sx31-ranking-podium-card.is-featured{min-height:360px;transform:translateY(-16px);border-color:rgba(255,170,79,.7);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 0 1px rgba(255,152,52,.22),0 0 28px rgba(255,133,32,.20)}
.sx31-ranking-podium-card.is-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,145,54,.06),transparent 24%,transparent 70%,rgba(255,145,54,.07));pointer-events:none}
.sx31-ranking-podium-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.sx31-ranking-place-pill,.sx31-ranking-crown{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,145,54,.35);background:rgba(255,120,24,.08);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffb25a}
.sx31-ranking-crown{background:linear-gradient(180deg,#ffb454,#ff8b2f);color:#241007;border-color:rgba(255,190,108,.55);box-shadow:0 12px 30px rgba(255,135,42,.25)}
.sx31-ranking-podium-user{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.sx31-ranking-podium-avatar{width:76px;height:76px;border-radius:24px;background:linear-gradient(180deg,rgba(255,136,36,.22),rgba(255,136,36,.10));border:1px solid rgba(255,144,45,.3);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.sx31-ranking-podium-avatar img{width:100%;height:100%;object-fit:cover}
.sx31-ranking-podium-avatar span{font-size:34px;font-weight:900;color:#ffb25a}
.sx31-ranking-podium-copy{display:flex;flex-direction:column;gap:6px}
.sx31-ranking-podium-copy strong{font-size:38px;line-height:1;font-weight:900;color:#fff4ea}
.sx31-ranking-podium-card:not(.is-featured) .sx31-ranking-podium-copy strong{font-size:28px}
.sx31-ranking-podium-copy small{font-size:15px;color:#ffb25a;font-weight:700}
.sx31-ranking-inline-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#b89f93;font-size:13px}
.sx31-ranking-inline-meta span{display:inline-flex;align-items:center;gap:6px}
.sx31-ranking-inline-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.sx31-ranking-inline-badges.compact{margin-top:8px}
.sx31-ranking-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,132,34,.25);background:rgba(255,132,34,.08);color:#d9c8bc}
.sx31-ranking-chip.success{background:rgba(12,140,86,.14);border-color:rgba(26,200,124,.26);color:#51f0aa}
.sx31-ranking-chip.muted{background:rgba(136,101,86,.12);border-color:rgba(155,113,96,.22);color:#d7b49b}
.sx31-ranking-chip.vip{background:rgba(92,56,24,.18);border-color:rgba(255,150,54,.22);color:#f1c188}
.sx31-ranking-chip.vip.active{background:rgba(255,152,44,.15);border-color:rgba(255,176,89,.45);color:#ffd39a}
.sx31-ranking-podium-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto}
.sx31-ranking-podium-stats div{padding:16px 14px;border-radius:18px;border:1px solid rgba(255,140,42,.18);background:rgba(17,9,11,.72)}
.sx31-ranking-podium-stats span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b28d77;margin-bottom:8px}
.sx31-ranking-podium-stats b{font-size:30px;line-height:1;color:#fff2e5}
.sx31-ranking-row-player{display:flex;align-items:flex-start;gap:14px}
.sx31-ranking-row-copy{display:flex;flex-direction:column;gap:6px;min-width:220px}
.sx31-ranking-row-copy strong{font-size:15px;color:#fff6f0}
.sx31-table-ranking-upgrade td{vertical-align:top}
.ranking-table-premium .sx31-table-head-pro{border-bottom:1px solid rgba(255,134,42,.16)}
@media(max-width:1100px){
  .sx31-ranking-podium{grid-template-columns:1fr;gap:16px}
  .sx31-ranking-podium-card.is-featured{transform:none;order:-1}
  .sx31-ranking-podium-copy strong,.sx31-ranking-podium-card:not(.is-featured) .sx31-ranking-podium-copy strong{font-size:28px}
}
@media(max-width:720px){
  .sx31-ranking-podium-user{align-items:flex-start}
  .sx31-ranking-podium-avatar{width:62px;height:62px;border-radius:20px}
  .sx31-ranking-podium-stats{grid-template-columns:1fr}
  .sx31-ranking-row-player{min-width:230px}
}


/*  Ranking compact identity meta */
.sx31-ranking-namebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sx31-status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;flex:0 0 10px;box-shadow:0 0 0 3px rgba(255,255,255,.03)}
.sx31-status-dot.online{background:#34e291;box-shadow:0 0 0 3px rgba(52,226,145,.12),0 0 14px rgba(52,226,145,.35)}
.sx31-status-dot.offline{background:#ff5d5d;box-shadow:0 0 0 3px rgba(255,93,93,.12),0 0 14px rgba(255,93,93,.25)}
.sx31-ranking-meta-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;color:#b89f93;font-size:13px}
.sx31-ranking-country{display:inline-flex;align-items:center;gap:6px;color:#c8b5a8}.sx31-flag-icon{display:block;width:20px;height:14px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px rgba(0,0,0,.20)}
.sx31-ranking-level-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,144,45,.07);border:1px solid rgba(255,144,45,.16);color:#e1c0a1;font-weight:700}
.sx31-vip-tier-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sx31-vip-tier-chip.bronze{background:linear-gradient(180deg,rgba(140,88,50,.26),rgba(94,54,28,.22));border-color:rgba(191,124,73,.45);color:#f1c39a}
.sx31-vip-tier-chip.silver{background:linear-gradient(180deg,rgba(149,156,171,.22),rgba(92,103,121,.20));border-color:rgba(181,193,214,.50);color:#eef4ff}
.sx31-vip-tier-chip.gold{background:linear-gradient(180deg,rgba(255,199,96,.26),rgba(169,111,20,.22));border-color:rgba(255,214,120,.58);color:#fff1ba;box-shadow:0 0 18px rgba(255,196,80,.16)}
.sx31-ranking-row-copy.compact-meta{gap:8px}
.sx31-ranking-row-copy.compact-meta strong{font-size:16px}
.sx31-ranking-podium-copy .sx31-ranking-namebar strong{font-size:inherit}
.sx31-ranking-podium-copy .sx31-ranking-meta-compact{margin-top:2px}
.sx31-table-ranking-upgrade td:nth-child(2){min-width:340px}
@media(max-width:720px){
  .sx31-table-ranking-upgrade td:nth-child(2){min-width:250px}
}


/*  Ranking identity line + podium stats alignment */
.sx31-ranking-identity-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.sx31-ranking-identity-line>strong{font-size:28px;line-height:1.05;color:#fff5ec;font-weight:900;white-space:nowrap}
.sx31-ranking-identity-line.table-line{flex-wrap:nowrap;gap:8px}
.sx31-ranking-identity-line.table-line>strong{font-size:15px;max-width:145px;overflow:hidden;text-overflow:ellipsis}
.sx31-ranking-identity-line .sx31-ranking-country{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;padding:0;border:0;background:transparent}
.sx31-ranking-identity-line .sx31-vip-tier-chip{padding:5px 9px;font-size:10px;line-height:1;white-space:nowrap}
.sx31-status-dot{width:9px!important;height:9px!important;flex:0 0 9px!important}
.sx31-vip-tier-chip.bronze{background:linear-gradient(180deg,#70411f,#3b2416)!important;border-color:#a86432!important;color:#ffd0a3!important;box-shadow:inset 0 1px 0 rgba(255,220,180,.10)!important}
.sx31-vip-tier-chip.silver{background:linear-gradient(180deg,#626a76,#333943)!important;border-color:#9da9ba!important;color:#f5f8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 12px rgba(190,202,220,.08)!important}
.sx31-vip-tier-chip.gold{background:linear-gradient(180deg,#b97912,#704204)!important;border-color:#e4aa35!important;color:#fff0ad!important;box-shadow:inset 0 1px 0 rgba(255,246,191,.18),0 0 16px rgba(255,188,49,.14)!important}
.sx31-ranking-podium-copy{min-width:0;flex:1}
.sx31-ranking-podium-copy>small{display:block;margin-top:7px;font-size:14px;color:#ffad4d;font-weight:800}
.sx31-ranking-podium-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.sx31-ranking-podium-stats.with-pk{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.sx31-ranking-podium-stats div{min-height:92px!important;display:flex;flex-direction:column;justify-content:center;padding:14px 12px!important}
.sx31-ranking-podium-stats span{font-size:9.5px!important;line-height:1.35;min-height:26px;margin-bottom:6px!important}
.sx31-ranking-podium-stats b{font-size:25px!important}
.sx31-ranking-row-copy.compact-meta{min-width:0!important;flex:1;justify-content:center}
.sx31-ranking-row-player{align-items:center!important}
.sx31-table-ranking-upgrade td:nth-child(2){min-width:390px!important}
@media(max-width:1100px){
  .sx31-ranking-identity-line.table-line{flex-wrap:wrap}
  .sx31-table-ranking-upgrade td:nth-child(2){min-width:300px!important}
}
@media(max-width:720px){
  .sx31-ranking-identity-line>strong{font-size:23px}
  .sx31-ranking-podium-stats,.sx31-ranking-podium-stats.with-pk{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sx31-ranking-identity-line.table-line{min-width:220px}
}

/*  VIP in-game benefits + Gremory rewards */
.vip-gremory-reward-zone{margin-top:16px;padding:16px;border:1px solid rgba(255,142,43,.18);border-radius:18px;background:linear-gradient(180deg,rgba(255,124,26,.055),rgba(10,8,9,.42))}
.vip-gremory-reward-zone.public{margin-top:14px}
.vip-gremory-reward-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.vip-gremory-reward-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid rgba(255,143,45,.15);border-radius:15px;background:rgba(10,8,9,.72)}
.vip-gremory-reward-art{width:62px;height:62px;border-radius:13px;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(255,139,39,.16),transparent 58%),#100c0d;border:1px solid rgba(255,142,43,.13)}
.vip-gremory-reward-art img{max-width:54px;max-height:54px;object-fit:contain}
.vip-gremory-reward-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.vip-gremory-reward-copy strong{font-size:13px;color:#fff3e8}.vip-gremory-reward-copy small{font-size:10px;color:#c9a98f}
.vip-gremory-option-list{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:3px}.vip-gremory-option-list span{font-size:9px;line-height:1.35;color:#ddb996}
.sx31-plan-form-grid.has-gremory{grid-template-columns:1.25fr 1fr 1fr}.vip-gremory-character-select small{display:block;margin-top:5px;font-size:9px;line-height:1.45}
.vip-admin-plan-grid{display:grid;grid-template-columns:1fr;gap:18px}.vip-admin-plan-card{position:relative;overflow:visible!important}
.vip-admin-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.vip-admin-plan-head h2{margin:5px 0 7px;font-size:26px}.vip-admin-plan-head p{margin:0;color:#c6a993;max-width:720px}.vip-admin-plan-head-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.vip-admin-plan-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.vip-admin-plan-kpis>div{padding:13px 14px;border:1px solid #4a2516;border-radius:13px;background:#110d0e}.vip-admin-plan-kpis small{display:block;font-size:8px;letter-spacing:.12em;color:#c6a993;text-transform:uppercase}.vip-admin-plan-kpis strong{display:block;margin-top:5px;font-size:14px;color:#fff3e8}
.vip-admin-plan-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.vip-admin-plan-actions details{position:relative}.vip-admin-edit-panel{position:absolute;z-index:40;left:0;top:38px;width:min(680px,88vw);padding:18px;border:1px solid #5d2c18;border-radius:16px;background:#0d0a0b;box-shadow:0 26px 70px rgba(0,0,0,.55)}
.vip-admin-benefit-preview{padding:16px;border:1px solid rgba(255,141,44,.13);border-radius:16px;background:rgba(255,255,255,.012)}.vip-admin-benefit-preview ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:11px 0 0;padding:0;list-style:none}.vip-admin-benefit-preview li{font-size:12px;color:#e4c7b0}
.vip-admin-rewards-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,141,44,.12)}.vip-admin-rewards-head h3{margin:4px 0 0}.vip-admin-rewards-head details{position:relative}.vip-admin-reward-pop{position:absolute;right:0;top:38px;z-index:60;width:min(760px,90vw);padding:18px;border:1px solid #603019;border-radius:18px;background:#0c090a;box-shadow:0 28px 80px rgba(0,0,0,.58)}.vip-admin-reward-pop.edit{right:0;width:min(760px,90vw)}
.vip-admin-reward-list{display:grid;gap:10px;margin-top:13px}.vip-admin-reward-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,140,42,.14);border-radius:16px;background:#100c0d}.vip-admin-reward-card.is-disabled{opacity:.56}.vip-admin-reward-art{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(255,140,42,.16);border-radius:15px;background:#160e0c}.vip-admin-reward-art img{max-width:66px;max-height:66px;object-fit:contain}.vip-admin-reward-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.vip-admin-reward-copy>span{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#ffad56}.vip-admin-reward-copy>strong{font-size:16px;color:#fff3e8}.vip-admin-reward-copy>small{font-size:10px;color:#c5a993}.vip-admin-reward-options{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:4px}.vip-admin-reward-options em{font-style:normal;font-size:9px;color:#dcb997}.vip-admin-reward-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.vip-admin-reward-actions details{position:relative}.vip-admin-empty-rewards{padding:18px;text-align:center;border:1px dashed rgba(255,142,43,.22);border-radius:15px;color:#c7a98f}.vip-admin-empty-rewards strong{display:block;color:#fff3e8;margin-bottom:5px}.vip-reward-editor .shop-item-preview{margin:12px 0}.vip-reward-editor .shop-advanced-item-options{margin-top:12px}
@media(max-width:960px){.sx31-plan-form-grid.has-gremory{grid-template-columns:1fr}.vip-admin-plan-kpis{grid-template-columns:repeat(2,1fr)}.vip-admin-benefit-preview ul{grid-template-columns:1fr}.vip-admin-reward-card{grid-template-columns:64px minmax(0,1fr)}.vip-admin-reward-actions{grid-column:1/-1;justify-content:flex-start}.vip-admin-reward-art{width:64px;height:64px}.vip-admin-reward-art img{max-width:56px;max-height:56px}}
@media(max-width:640px){.vip-admin-plan-head{flex-direction:column}.vip-admin-plan-kpis{grid-template-columns:1fr 1fr}.vip-admin-reward-pop,.vip-admin-edit-panel{position:fixed;left:12px;right:12px;top:76px;width:auto;max-height:78vh;overflow:auto}.vip-gremory-reward-card{grid-template-columns:52px minmax(0,1fr)}.vip-gremory-reward-art{width:52px;height:52px}.vip-gremory-reward-art img{max-width:46px;max-height:46px}}

/*  Excellent capability lock: VIP/WebShop editors follow exact Data/Item rules */
.excellent-editor{border:1px solid rgba(255,140,42,.16);transition:opacity .18s ease,border-color .18s ease,background .18s ease}
.excellent-editor .shop-option-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.excellent-family{display:block;font-size:9px;color:#c6a98e;margin-bottom:9px}
.excellent-status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid transparent}
.excellent-status.is-available{background:rgba(53,190,120,.10);border-color:rgba(53,190,120,.24);color:#7fe0aa}
.excellent-status.is-locked{background:rgba(130,139,158,.08);border-color:rgba(130,139,158,.20);color:#8e98aa}
.excellent-editor.is-locked{background:#0d0d10!important;border-style:dashed!important;border-color:rgba(126,137,158,.22)!important}
.excellent-editor.is-locked .excellent-grid{pointer-events:none;user-select:none}
.excellent-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px dashed rgba(126,137,158,.22);border-radius:9px;background:rgba(126,137,158,.05);color:#8993a4}
.excellent-empty strong{font-size:10px;color:#b9c0cc}.excellent-empty span{font-size:9px;line-height:1.45}

/* ===  · ACCOUNT COUNTRY + VIP CHARACTER AVATARS === */
.character-avatar-section{margin-top:12px}
.character-avatar-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.character-avatar-section-head>div{max-width:760px}.character-avatar-section-head h2{margin:5px 0 7px}
.character-avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.character-avatar-card{border:1px solid #4a2516;border-radius:11px;background:linear-gradient(180deg,#140e10 0%,#0b090a 100%);padding:14px;min-width:0}
.character-avatar-card.is-disabled{opacity:.72}
.character-avatar-card-head{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center}
.character-avatar-picture{position:relative;width:54px;height:54px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:rgba(255,122,26,.11);border:1px solid #4a2516;color:#ffb24a;font-weight:900;font-size:18px}
.character-avatar-picture img{width:100%;height:100%;object-fit:cover}
.character-avatar-lock{position:absolute;right:3px;bottom:3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#110d0e;border:1px solid #6b341a;color:#ff9e42;font-style:normal;font-size:6px}
.character-avatar-meta{min-width:0}.character-avatar-meta small{display:block;color:#ff8f24;font-size:6px;font-weight:900;letter-spacing:.08em}.character-avatar-meta strong{display:block;color:#fff3e8;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-avatar-meta span{display:block;color:#9b887a;font-size:7px;margin-top:3px}
.character-avatar-form,.character-avatar-disabled-fields{margin-top:13px;padding-top:12px;border-top:1px solid #321b13}.character-avatar-form .btn,.character-avatar-disabled-fields .btn{width:100%}
.character-avatar-disabled-fields input:disabled,.character-avatar-disabled-fields button:disabled{cursor:not-allowed;opacity:.55}
.profile-avatar-global-lock{margin:8px 0 4px}.profile-avatar-global-lock .btn{margin-top:9px}
.sx31-inline-status-row .badge.success,.character-avatar-section-head .badge.success{background:rgba(38,208,124,.08)!important;border-color:#255b41!important;color:#26d07c!important}
@media(max-width:900px){.character-avatar-grid{grid-template-columns:1fr}}
@media(max-width:650px){.character-avatar-section-head{flex-direction:column}.character-avatar-card-head{grid-template-columns:48px 1fr}.character-avatar-card-head>.badge{grid-column:1/-1;width:max-content}.character-avatar-picture{width:48px;height:48px}}
html body .character-avatar-card-head .badge.success{background:rgba(38,208,124,.08)!important;border-color:#255b41!important;color:#26d07c!important}
.character-workspace-avatar-panel{margin:12px 0}.character-workspace-avatar-body{display:grid;grid-template-columns:72px minmax(180px,.8fr) minmax(280px,1.2fr);gap:16px;align-items:center}.workspace-avatar-picture{width:72px;height:72px;border-radius:16px;font-size:22px}.character-workspace-avatar-copy strong{display:block;color:#fff3e8;font-size:11px}.character-workspace-avatar-copy p{margin:5px 0;color:#a99586;font-size:8px;line-height:1.55}.character-workspace-avatar-copy small{display:block;color:#ffb24a;font-size:7px;line-height:1.45}.character-workspace-avatar-form{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:end}.character-workspace-avatar-form .field{margin:0}.character-workspace-avatar-form .check-row{grid-column:1/-1}.character-workspace-avatar-form .btn{min-width:170px}.character-workspace-avatar-locked{border:1px solid #4a2516;border-radius:9px;background:#110d0e;padding:12px}.character-workspace-avatar-locked strong{display:block;color:#ffb24a;font-size:9px}.character-workspace-avatar-locked p{margin:5px 0 9px;font-size:7px;color:#a99586}.character-workspace-avatar-panel .badge.success{background:rgba(38,208,124,.08)!important;border-color:#255b41!important;color:#26d07c!important}
@media(max-width:1000px){.character-workspace-avatar-body{grid-template-columns:64px 1fr}.character-workspace-avatar-form,.character-workspace-avatar-locked{grid-column:1/-1}.workspace-avatar-picture{width:64px;height:64px}}
@media(max-width:650px){.character-workspace-avatar-body{grid-template-columns:52px 1fr;gap:11px}.workspace-avatar-picture{width:52px;height:52px}.character-workspace-avatar-form{grid-template-columns:1fr}.character-workspace-avatar-form .btn{min-width:0;width:100%}}

/* — Compact configurable sections (Admin + Player Hub) */
.dm-config-panel{display:block!important;padding:0!important;margin-top:12px!important;overflow:hidden;border:1px solid rgba(255,132,35,.18)!important;border-radius:13px!important;background:rgba(17,13,14,.58)!important}
.dm-config-toggle{width:100%;min-height:54px;border:0;background:transparent;color:#fff2e7;display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:10px;padding:10px 13px;cursor:pointer;text-align:left;font:inherit}
.dm-config-toggle:hover{background:rgba(255,122,26,.045)}
.dm-config-toggle-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,154,55,.18);border-radius:9px;background:rgba(255,122,26,.08);color:#ffb24a;font-size:13px}
.dm-config-toggle-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.dm-config-toggle-copy strong{font-size:11.5px;line-height:1.2;color:#fff2e7}.dm-config-toggle-copy small{font-size:8.5px;line-height:1.2;color:#927b69;font-weight:700;letter-spacing:.02em}
.dm-config-chevron{display:grid;place-items:center;color:#cda688;font-size:17px;transition:transform .18s ease}.dm-config-panel.is-open .dm-config-chevron{transform:rotate(180deg)}
.dm-config-body{padding:14px;border-top:1px solid rgba(255,132,35,.14)}.dm-config-body[hidden]{display:none!important}.dm-config-body>.module-title.compact:first-child{margin-top:0!important}
.sx-market-vault-form .dm-config-body{display:grid;gap:7px}
.account-profile-card>.dm-config-panel,.card.admin-form>.dm-config-panel,.sx31-security-card-body>.dm-config-panel{box-shadow:none!important}
.card.admin-form>form.dm-config-panel:first-of-type{margin-top:14px!important}
.studio-panel:not([open])>summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-panel>summary{cursor:pointer}.studio-panel:not([open]){padding-top:0!important;padding-bottom:0!important}
@media(max-width:640px){.dm-config-toggle{min-height:50px;padding:9px 11px}.dm-config-body{padding:11px}.dm-config-toggle-copy strong{font-size:11px}}

/*  Professional Admin Account Control Center */
.sx40-admin-list-title{align-items:center}.sx40-list-counter{min-width:150px;padding:14px 16px;border:1px solid rgba(255,133,35,.22);border-radius:14px;background:linear-gradient(180deg,rgba(255,126,27,.08),rgba(255,126,27,.02));text-align:right}.sx40-list-counter strong{display:block;font-size:24px;color:#fff5ec}.sx40-list-counter span{font-size:10px;color:#bfa99a;text-transform:uppercase;letter-spacing:.08em}.sx40-account-filterbar{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(4,minmax(130px,.7fr)) auto;gap:12px;align-items:end;padding:16px;margin-bottom:14px}.sx40-account-filterbar .field{margin:0}.sx40-filter-search label,.sx40-account-filterbar label{display:block;margin-bottom:6px;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#b89f93}.sx40-filter-actions{display:flex;gap:7px;align-items:center}.sx40-account-list-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 2px 12px;color:#b89f93;font-size:11px}.sx40-account-table-card{overflow:hidden}.sx40-account-table{width:100%;border-collapse:collapse;min-width:1120px}.sx40-account-table thead th{padding:11px 14px;text-align:left;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#a88f82;background:#0f0b0c;border-bottom:1px solid rgba(255,133,35,.18)}.sx40-account-table tbody td{padding:13px 14px;border-bottom:1px solid rgba(255,133,35,.11);vertical-align:middle;font-size:11px}.sx40-account-table tbody tr:last-child td{border-bottom:0}.sx40-account-table tbody tr:hover{background:rgba(255,133,35,.035)}.sx40-account-table tbody tr.is-blocked{background:rgba(255,75,75,.025)}.sx40-account-identity{display:flex;align-items:center;gap:10px;min-width:200px}.sx40-account-identity>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#4a250f,#28150b);border:1px solid rgba(255,138,42,.18);color:#ff9b36;font-weight:900}.sx40-account-identity div{display:flex;flex-direction:column;min-width:0}.sx40-account-identity strong{font-size:12px;color:#fff4eb}.sx40-account-identity small,.sx40-vip-cell small,.sx40-wallet-cell small,.sx40-number-cell small{font-size:9px;color:#9f8a80;margin-top:2px}.sx40-status-stack,.sx40-vip-cell,.sx40-wallet-cell,.sx40-number-cell{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.sx40-state{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.sx40-state i{width:8px;height:8px;border-radius:999px;display:block}.sx40-state.online{color:#75e7ad}.sx40-state.online i{background:#38d991;box-shadow:0 0 12px rgba(56,217,145,.36)}.sx40-state.offline{color:#9d8c84}.sx40-state.offline i{background:#6d5c55}.sx40-mini{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08)}.sx40-mini.ok{color:#74dca9;background:rgba(51,205,139,.07);border-color:rgba(51,205,139,.16)}.sx40-mini.danger{color:#ff9b9b;background:rgba(255,79,79,.08);border-color:rgba(255,79,79,.18)}.sx40-country-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.sx40-country-cell b{font-size:16px}.sx40-actions-cell{text-align:right}.sx40-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}.sx40-pagination a,.sx40-pagination .disabled,.sx40-pagination>span{padding:8px 11px;border-radius:9px;border:1px solid rgba(255,133,35,.14);font-size:10px}.sx40-pagination a{color:#ffd0a3;background:rgba(255,130,30,.05)}.sx40-pagination .disabled{opacity:.45}.sx40-pagination>span:not(.disabled){border:0;background:none;color:#a9958a}
.sx40-manage-topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;padding:18px 20px;border:1px solid rgba(255,133,35,.18);border-radius:16px;background:linear-gradient(135deg,rgba(255,130,32,.07),rgba(255,130,32,.015))}.sx40-manage-topbar h1{font-size:30px;margin:3px 0}.sx40-manage-topbar p{margin:0;color:#ae978b}.sx40-back-link{display:inline-flex;margin-bottom:12px;font-size:10px;color:#ffad58}.sx40-manage-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sx40-account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.sx40-account-kpis article{padding:15px 16px;border:1px solid rgba(255,133,35,.15);border-radius:14px;background:#110d0e}.sx40-account-kpis span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#a88f82}.sx40-account-kpis strong{display:block;font-size:18px;color:#fff2e7;margin:5px 0 3px}.sx40-account-kpis small{font-size:9px;color:#947f75}.sx40-manage-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:16px;align-items:start}.sx40-manage-main,.sx40-manage-side{display:grid;gap:14px}.sx40-control-card{padding:17px}.sx40-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.sx40-control-head span{font-size:8px;color:#ff9f40;font-weight:900;letter-spacing:.1em}.sx40-control-head h2{margin:4px 0;font-size:18px}.sx40-control-head p{margin:0;color:#a9958a;font-size:10px;max-width:650px}.sx40-current-vip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.sx40-current-vip>div{padding:10px;border:1px solid rgba(255,133,35,.12);border-radius:10px;background:rgba(255,133,35,.025)}.sx40-current-vip small{display:block;font-size:8px;color:#927e74;text-transform:uppercase}.sx40-current-vip strong{display:block;margin-top:4px;font-size:11px}.sx40-action-form{padding-top:2px}.sx40-action-row{display:flex;align-items:center;gap:12px;margin-top:10px}.sx40-action-row small{color:#a58d80;font-size:9px}.sx40-danger-inline{display:flex;align-items:center;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,100,100,.12)}.sx40-danger-inline span{font-size:9px;color:#a88f82}.sx40-character-list{display:grid;gap:8px}.sx40-character-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,133,35,.11);border-radius:11px;background:rgba(255,133,35,.018)}.sx40-character-row:hover{border-color:rgba(255,133,35,.28);background:rgba(255,133,35,.045)}.sx40-char-avatar{width:34px;height:34px;border-radius:9px;background:#321b0d;display:grid;place-items:center;color:#ff9f40;font-weight:900}.sx40-character-row strong{display:block;color:#fff1e8;font-size:11px}.sx40-character-row small{display:block;color:#968076;font-size:9px;margin-top:2px}.sx40-manage-side .dm-config-panel{padding:0;overflow:hidden}.sx40-manage-side .dm-config-body{padding:14px 16px 16px}.sx40-manage-side .dm-config-toggle{border:0;border-radius:0;background:transparent}.sx40-access-control .btn{margin-top:4px}
@media(max-width:1250px){.sx40-account-filterbar{grid-template-columns:repeat(3,minmax(160px,1fr))}.sx40-filter-search{grid-column:span 2}.sx40-filter-actions{align-self:end}.sx40-manage-grid{grid-template-columns:1fr}.sx40-manage-side{grid-template-columns:repeat(2,minmax(0,1fr))}.sx40-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sx40-admin-list-title,.sx40-manage-topbar{align-items:flex-start;flex-direction:column}.sx40-list-counter{text-align:left}.sx40-account-filterbar{grid-template-columns:1fr}.sx40-filter-search{grid-column:auto}.sx40-account-list-meta{align-items:flex-start;flex-direction:column}.sx40-account-kpis,.sx40-current-vip,.sx40-manage-side{grid-template-columns:1fr}.sx40-control-head,.sx40-action-row,.sx40-danger-inline{align-items:flex-start;flex-direction:column}.sx40-manage-state{justify-content:flex-start}.sx40-pagination{gap:7px;flex-wrap:wrap}}

/* Professional Admin + Player Control Center
   Production UX layer: navigation, workspaces, tables, forms and responsive hierarchy. */
.sx41-control-center{--sx41-bg:#090809;--sx41-panel:#100d0e;--sx41-panel-2:#151011;--sx41-line:#3a2418;--sx41-line-soft:#251811;--sx41-accent:#ff8a1f;--sx41-accent-2:#ffb248;--sx41-text:#fff4e9;--sx41-muted:#ad9385}
.sx41-control-center .sx31-sidebar{border-right-color:var(--sx41-line-soft);box-shadow:18px 0 60px rgba(0,0,0,.16)}
.sx41-control-center .sx31-sidebar-head{padding-bottom:16px;border-bottom:1px solid var(--sx41-line-soft)}
.sx41-control-center .sx31-account-switcher{margin-top:14px;background:linear-gradient(180deg,rgba(255,138,31,.07),rgba(255,138,31,.025));border-color:rgba(255,138,31,.17)}
.sx41-control-center .sx31-nav-caption{margin-top:19px;color:#836b5f;font-size:9px;letter-spacing:.16em}
.sx41-control-center .sx31-nav a{min-height:42px;border-radius:10px;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.sx41-control-center .sx31-nav a:hover{background:rgba(255,138,31,.045);border-color:rgba(255,138,31,.10);transform:translateX(1px)}
.sx41-control-center .sx31-nav a.active{background:linear-gradient(90deg,rgba(255,138,31,.15),rgba(255,138,31,.035));border-color:rgba(255,138,31,.25);box-shadow:inset 3px 0 0 var(--sx41-accent)}
.sx41-sidebar-health{margin:8px 14px 14px;padding:13px 14px;border:1px solid var(--sx41-line-soft);border-radius:12px;background:linear-gradient(180deg,#120f10,#0d0b0c);display:grid;gap:3px}
.sx41-sidebar-health span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#b59d91;font-weight:800}.sx41-sidebar-health span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34e291;box-shadow:0 0 0 3px rgba(52,226,145,.09);margin-right:6px}.sx41-sidebar-health strong{font-size:13px;color:#fff2e7}.sx41-sidebar-health small{font-size:9px;color:#775f55}
.sx41-topbar{border-bottom-color:var(--sx41-line-soft)!important;background:rgba(9,8,9,.90)!important;backdrop-filter:blur(18px)}
.sx41-command-button{appearance:none;color:inherit;text-align:left;cursor:pointer;width:min(520px,100%)}
.sx41-command-button span{flex:1;color:#a99286}.sx41-icon-button{list-style:none;width:36px;height:36px;border:1px solid var(--sx41-line);border-radius:10px;display:grid;place-items:center;background:#110e0f;color:#f4c69f;cursor:pointer}.sx41-icon-button::-webkit-details-marker{display:none}.sx41-quick-menu{position:relative}.sx41-quick-menu>div{position:absolute;right:0;top:44px;width:210px;padding:8px;background:#100d0e;border:1px solid var(--sx41-line);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.45);z-index:80;display:grid;gap:3px}.sx41-quick-menu>div a{padding:10px 11px;border-radius:8px;color:#d6bba9;font-size:11px;font-weight:750}.sx41-quick-menu>div a:hover{background:rgba(255,138,31,.08);color:#fff2e8}
.sx41-content{max-width:1640px;margin:0 auto;width:100%;padding-bottom:70px}.sx41-pagehead{margin-bottom:14px}.sx41-pagehead h1{letter-spacing:-.035em}.sx41-pagehead p{max-width:760px}.sx41-workspace-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 20px}.sx41-workspace-rail a{min-height:58px;padding:10px 13px;border:1px solid var(--sx41-line-soft);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005));display:flex;flex-direction:column;justify-content:center;transition:.16s}.sx41-workspace-rail a:hover{border-color:rgba(255,138,31,.28);background:rgba(255,138,31,.045);transform:translateY(-1px)}.sx41-workspace-rail b{font-size:10px;color:#f8dec9}.sx41-workspace-rail span{font-size:8px;color:#806a60;margin-top:2px}.sx41-workspace-rail.player a{min-height:52px}.sx41-page-canvas{display:block;min-width:0}

/* Command palette */
.sx41-command-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);z-index:1000;padding:10vh 20px;overflow:auto}.sx41-command-overlay[hidden]{display:none}.sx41-command-dialog{width:min(680px,100%);margin:0 auto;background:#0f0c0d;border:1px solid #4c2a18;border-radius:18px;box-shadow:0 32px 100px rgba(0,0,0,.72);overflow:hidden}.sx41-command-search{height:62px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #2f1e16}.sx41-command-search svg{color:#ff9a36}.sx41-command-search input{flex:1;background:transparent;border:0;outline:0;color:#fff4ea;font-size:15px}.sx41-command-search input::placeholder{color:#806b60}.sx41-command-search kbd,.sx41-command-footer span{font-size:9px;color:#806b60;border:1px solid #35241c;border-radius:6px;padding:4px 6px;background:#0a0909}.sx41-command-results{max-height:54vh;overflow:auto;padding:8px}.sx41-command-results a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid transparent}.sx41-command-results a>span{width:34px;height:34px;border-radius:9px;background:#191111;border:1px solid #2f1c13;display:grid;place-items:center;color:#ff9a36}.sx41-command-results a strong{display:block;font-size:12px;color:#f8e8dc}.sx41-command-results a small{display:block;font-size:9px;color:#806b60;margin-top:2px}.sx41-command-results a em{font-style:normal;color:#775d50}.sx41-command-results a.is-active,.sx41-command-results a:hover{background:rgba(255,138,31,.08);border-color:rgba(255,138,31,.22)}.sx41-command-footer{padding:9px 12px;border-top:1px solid #2a1a13;display:flex;gap:8px;justify-content:flex-end}.sx41-command-open{overflow:hidden}

/* Global module hierarchy */
.sx41-control-center .module-title{margin:5px 0 18px;padding:0 1px;align-items:center}.sx41-control-center .module-title>div:first-child>span.eyebrow{color:#ff9c3b}.sx41-control-center .module-title h1{font-size:24px!important;margin:4px 0 3px!important;color:#fff0e4}.sx41-control-center .module-title p{max-width:820px;line-height:1.55;color:#a58c80}.sx41-control-center .card{border-color:var(--sx41-line-soft);background:linear-gradient(180deg,#100d0e,#0d0b0c);box-shadow:0 10px 34px rgba(0,0,0,.08)}.sx41-control-center .card:hover{border-color:#432719}.sx41-control-center .admin-form{padding:18px}.sx41-control-center .form-grid{gap:12px}.sx41-control-center .field label{color:#d9c2b1;font-size:9px;letter-spacing:.035em}.sx41-control-center .input,.sx41-control-center .select,.sx41-control-center .textarea{background:#0b090a;border-color:#302018;color:#f5e7dc;border-radius:9px;transition:border-color .15s,box-shadow .15s}.sx41-control-center .input:focus,.sx41-control-center .select:focus,.sx41-control-center .textarea:focus{border-color:#8f4f24;box-shadow:0 0 0 3px rgba(255,138,31,.07)}.sx41-control-center .btn,.sx41-control-center .sx31-btn{border-radius:9px}.sx41-control-center .btn-primary,.sx41-control-center .sx31-btn.primary{box-shadow:0 8px 24px rgba(255,112,20,.10)}

/* Compact configuration  */
.sx41-control-center .dm-config-panel{border-radius:12px!important;overflow:hidden}.sx41-control-center .dm-config-toggle{min-height:58px;padding:10px 12px!important;border-radius:10px!important;background:linear-gradient(180deg,#130f0f,#0e0c0c)!important;border:1px solid #342016!important}.sx41-control-center .dm-config-toggle:hover{border-color:#6d3b1e!important;background:rgba(255,138,31,.04)!important}.sx41-control-center .dm-config-toggle-copy strong{font-size:11px!important}.sx41-control-center .dm-config-toggle-copy small{font-size:8px!important}.sx41-control-center .dm-config-body{padding-top:14px!important}.sx41-dirty-dot{width:7px;height:7px;border-radius:50%;background:#ffb248;box-shadow:0 0 0 3px rgba(255,178,72,.10);margin-left:4px}.sx41-form-dirty{border-color:rgba(255,178,72,.30)!important}

/* Data tables: production density */
.sx41-control-center .table-wrap{border:1px solid var(--sx41-line-soft);border-radius:13px;overflow:auto;background:#0d0b0c}.sx41-control-center .table{min-width:760px}.sx41-control-center .table thead th{position:sticky;top:0;z-index:2;background:#121011!important;color:#9f887c!important;border-bottom-color:#352119!important;padding:11px 13px!important}.sx41-control-center .table td{padding:12px 13px!important;border-bottom-color:#241712!important}.sx41-control-center .table tbody tr{transition:background .14s}.sx41-control-center .table tbody tr:hover{background:rgba(255,138,31,.025)!important}.sx41-table-tools{display:flex;align-items:center;gap:12px;margin:14px 0 8px;padding:10px 12px;border:1px solid var(--sx41-line-soft);border-radius:11px;background:#0e0c0d}.sx41-table-tools>div{margin-right:auto}.sx41-table-tools strong{display:block;font-size:10px;color:#ead4c4}.sx41-table-tools small{display:block;font-size:8px;color:#806b60}.sx41-table-tools label{display:flex;align-items:center;gap:8px;min-width:260px;border:1px solid #302018;border-radius:8px;background:#090808;padding:0 10px;height:34px}.sx41-table-tools label span{color:#b67543}.sx41-table-tools input{border:0;background:transparent;outline:0;color:#f4e6dc;width:100%;font-size:10px}.sx41-table-tools em{font-style:normal;font-size:9px;color:#8e7669;min-width:70px;text-align:right}

/* Production filter / toolbars */
.sx41-pro-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--sx41-line-soft);border-radius:12px;background:#0e0c0d;margin-bottom:14px}.sx41-pro-toolbar .sx41-filter-search{flex:1;min-width:260px;display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;background:#090808;border:1px solid #302018;border-radius:9px}.sx41-filter-search input{width:100%;border:0;background:transparent;outline:0;color:#f5e5d9;font-size:11px}.sx41-pro-toolbar .sx41-toolbar-stat{padding:7px 10px;border:1px solid #2d1d16;border-radius:8px;font-size:9px;color:#9e8579}.sx41-pro-toolbar .sx41-toolbar-stat b{color:#f7d7bd;margin-right:3px}.sx41-pro-empty{padding:28px;text-align:center;border:1px dashed #35241c;border-radius:11px;color:#8b7368}

/* Admin characters production list */
.sx41-character-admin-list{display:grid;gap:8px}.sx41-character-admin-row{border:1px solid var(--sx41-line-soft);border-radius:12px;background:#0e0c0d;overflow:hidden}.sx41-character-admin-row>summary{list-style:none;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(90px,.55fr)) 120px;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.sx41-character-admin-row>summary::-webkit-details-marker{display:none}.sx41-character-admin-row[open]{border-color:#5a321d}.sx41-character-admin-row>summary:hover{background:rgba(255,138,31,.025)}.sx41-char-identity{display:flex;align-items:center;gap:10px;min-width:0}.sx41-char-avatar{width:38px;height:38px;border-radius:10px;overflow:hidden;background:#29180f;border:1px solid #4f2c19;display:grid;place-items:center;color:#ffb05e;font-weight:900}.sx41-char-avatar img{width:100%;height:100%;object-fit:cover}.sx41-char-identity strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx41-char-identity small,.sx41-char-cell small{display:block;font-size:8px;color:#806b60}.sx41-char-cell b{font-size:11px;color:#e9d4c5}.sx41-char-admin-body{padding:14px;border-top:1px solid var(--sx41-line-soft);display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.sx41-char-admin-body form{margin:0!important}.sx41-char-chevron{justify-self:end;color:#b77543}

/* Admin module metric cards */
.sx41-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.sx41-metric{padding:14px;border:1px solid var(--sx41-line-soft);border-radius:12px;background:linear-gradient(180deg,#110e0f,#0d0b0c)}.sx41-metric span{display:block;font-size:8px;color:#8e7669;text-transform:uppercase;letter-spacing:.1em}.sx41-metric strong{display:block;font-size:23px;color:#fff0e5;margin:6px 0 2px}.sx41-metric small{font-size:8px;color:#7f675c}.sx41-metric.is-warn strong{color:#ffc277}.sx41-metric.is-good strong{color:#76e1ad}
.sx41-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px}.sx41-stack{display:grid;gap:10px}.sx41-record-card{padding:14px;border:1px solid var(--sx41-line-soft);border-radius:12px;background:#0e0c0d}.sx41-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sx41-record-head h3{margin:2px 0 3px;font-size:15px;color:#f5e4d7}.sx41-record-head p{margin:0;font-size:9px;color:#836d62}.sx41-record-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sx41-record-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sx41-record-meta span{padding:5px 8px;border:1px solid #2f1f18;border-radius:7px;font-size:8px;color:#a98f82;background:#0a0909}

/* Tickets */
.sx41-ticket-board{display:grid;grid-template-columns:260px 1fr;gap:14px}.sx41-ticket-summary{display:grid;gap:8px;align-content:start}.sx41-ticket-summary .sx41-metric{min-height:88px}.sx41-control-center .ticket-stack{display:grid;gap:10px}.sx41-control-center .ticket-card{padding:0;overflow:hidden}.sx41-control-center .ticket-meta{padding:14px 16px;border-bottom:1px solid var(--sx41-line-soft)}.sx41-control-center .ticket-thread{padding:14px 16px;max-height:420px;overflow:auto;background:#0b090a}.sx41-control-center .ticket-reply{padding:14px 16px;background:#0f0c0d}.sx41-control-center .ticket-message{border-radius:10px;max-width:84%}

/* Support + creator player pages */
.sx41-player-hero{padding:20px;border:1px solid var(--sx41-line-soft);border-radius:14px;background:linear-gradient(135deg,rgba(255,138,31,.08),rgba(255,138,31,.015) 45%,#0d0b0c);display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.sx41-player-hero span{font-size:9px;color:#ff9f44;font-weight:850;letter-spacing:.1em}.sx41-player-hero h2{font-size:26px;margin:5px 0;color:#fff2e8}.sx41-player-hero p{margin:0;color:#9d8579;font-size:10px;max-width:700px;line-height:1.6}.sx41-player-hero aside{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sx41-player-hero aside a{white-space:nowrap}
.sx41-player-section-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}.sx41-check-list{display:grid;gap:8px}.sx41-check-list div{display:flex;gap:10px;padding:10px;border:1px solid #2c1d16;border-radius:9px}.sx41-check-list b{display:block;font-size:10px}.sx41-check-list small{display:block;font-size:8px;color:#806b60;margin-top:2px}

/* Studio screens */
.sx41-control-center .studio-panel{border-radius:12px;margin-bottom:9px}.sx41-control-center .studio-panel>summary{cursor:pointer;padding:4px 0}.sx41-control-center .locale-tabs{position:sticky;top:68px;z-index:15;background:rgba(9,8,9,.92);backdrop-filter:blur(14px);padding:8px;border:1px solid var(--sx41-line-soft);border-radius:11px;margin-bottom:12px}.sx41-control-center .preview{border-color:var(--sx41-line-soft)!important;border-radius:14px!important;background:linear-gradient(145deg,#130f10,#0b0909)!important}

/* Player Hub refinements */
.sx-player-body .sx31-kpi,.sx-player-body .sx31-panel,.sx-player-body .sx31-wallet-balance-card,.sx-player-body .sx31-wallet-purchase-card{border-color:var(--sx41-line-soft)!important}.sx-player-body .sx31-quick-grid a,.sx-player-body .sx31-character-action-grid a{border-color:#2d1e17!important;background:#0e0c0d!important}.sx-player-body .sx31-quick-grid a:hover,.sx-player-body .sx31-character-action-grid a:hover{border-color:#75401f!important;background:rgba(255,138,31,.04)!important}.sx-player-body .sx31-store-head,.sx-player-body .sx31-character-hero{border-color:#3b2418!important}.sx-player-body .ticket-card{border-color:#2d1d16!important}.sx-player-body .module-title{margin-top:0}

/* Responsive */
@media(max-width:1180px){.sx41-workspace-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.sx41-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx41-character-admin-row>summary{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(85px,.5fr)) 90px}.sx41-character-admin-row>summary .sx41-hide-mid{display:none}.sx41-two-col,.sx41-player-section-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sx41-workspace-rail{display:flex;overflow:auto;padding-bottom:4px}.sx41-workspace-rail a{min-width:135px}.sx41-pagehead .sx31-page-actions{display:none}.sx41-topbar .sx31-topbar-center{display:none}.sx41-ticket-board{grid-template-columns:1fr}.sx41-ticket-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sx41-char-admin-body{grid-template-columns:1fr}}
@media(max-width:720px){.sx41-content{padding-left:12px!important;padding-right:12px!important}.sx41-workspace-rail{margin-bottom:14px}.sx41-metric-grid{grid-template-columns:1fr 1fr}.sx41-pro-toolbar{align-items:stretch}.sx41-pro-toolbar .sx41-filter-search{min-width:100%}.sx41-character-admin-row>summary{grid-template-columns:1fr 74px}.sx41-character-admin-row>summary .sx41-char-cell{display:none}.sx41-player-hero{align-items:flex-start;flex-direction:column}.sx41-player-hero aside{justify-content:flex-start}.sx41-ticket-summary{grid-template-columns:1fr}.sx41-table-tools{align-items:stretch;flex-wrap:wrap}.sx41-table-tools label{min-width:100%;order:3}.sx41-table-tools em{margin-left:auto}}
.sx41-account-facts{margin-top:14px}.sx41-account-facts>div{background:#0d0b0c;border:1px solid #2c1c15;border-radius:8px;padding:9px 10px}.sx41-account-facts span{font-size:8px;color:#826c61}.sx41-account-facts strong{font-size:10px;color:#eed9ca;text-align:right}

/*  WebShop real item options — synchronized with P2P Market item inspector */
.sx-shop-real-options{margin:14px 0 2px;padding:14px;border:1px solid #56301e;border-radius:14px;background:linear-gradient(180deg,rgba(255,151,48,.045),rgba(13,10,11,.76));text-align:center}
.sx-shop-real-options-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #4a2516;text-align:center}
.sx-shop-real-options-head span{color:#ff9d35;font-size:8px;font-weight:950;letter-spacing:.12em}
.sx-shop-real-options-head strong{color:#fff0e3;font-size:12px}
.sx-shop-real-options-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sx-shop-real-options-meta>div{padding:9px 8px;border:1px solid #402316;border-radius:10px;background:rgba(10,8,9,.44);text-align:center}
.sx-shop-real-options-meta small{display:block;color:#9d8775;font-size:8px;font-weight:900;letter-spacing:.1em}
.sx-shop-real-options-meta strong{display:block;margin-top:4px;color:#f4e4d5;font-size:12px}
.sx-shop-real-options-list{display:grid;gap:0;text-align:center}
.sx-shop-real-option{display:flex;align-items:center;justify-content:center;min-height:27px;padding:5px 8px;border-bottom:1px solid rgba(86,48,30,.58);color:#d8c0ab;font-size:10.5px;line-height:1.45;text-align:center}
.sx-shop-real-option:last-child{border-bottom:0}
.sx-shop-real-option span{display:block;width:100%;text-align:center}
.sx-shop-real-option.luck{color:#72ddb0}.sx-shop-real-option.excellent{color:#ffd078}.sx-shop-real-option.ancient{color:#ffb45f}.sx-shop-real-option.harmony{color:#e9a476}.sx-shop-real-option.socket{color:#ead8c8}.sx-shop-real-option.option,.sx-shop-real-option.option380{color:#f0c39d}.sx-shop-real-option.skill{color:#f6dfc8}.sx-shop-real-option.duration,.sx-shop-real-option.muted{color:#9e8978}
.sx-shop-product-v2 .sx-shop-real-options{margin-top:12px}
@media(max-width:560px){.sx-shop-real-options{padding:12px}.sx-shop-real-options-meta{grid-template-columns:1fr 1fr}.sx-shop-real-option{font-size:10px}}

/*  Warehouse stack quantity sync */
.sx-market-stack-badge{position:absolute;right:8px;bottom:8px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,173,77,.55);background:rgba(17,10,8,.94);box-shadow:0 7px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);color:#ffd39a;font-size:12px;font-weight:950;letter-spacing:.02em}
.sx-market-stack-inline{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border-radius:999px;background:rgba(255,139,35,.10);border:1px solid rgba(255,139,35,.24);color:#ffbd68;font-size:10px;font-weight:900;vertical-align:middle}
.sx-market-detail-art{position:relative}

/*  Public Ranking Character Inventory */
.sx31-ranking-character-name{color:#fff5ec;font:inherit;font-weight:900;text-decoration:none;transition:.18s ease}.sx31-ranking-character-name:hover{color:#ffb35b;text-shadow:0 0 16px rgba(255,140,42,.16)}.sx31-ranking-character-name.table{font-size:15px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.sx31-ranking-character-open{text-decoration:none;cursor:pointer;transition:.18s ease}.sx31-ranking-character-open:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,145,47,.28),0 8px 22px rgba(0,0,0,.22)}
.sx-char-public-hero{padding:36px 0 24px;background:radial-gradient(circle at 50% -20%,rgba(255,124,29,.14),transparent 38%),linear-gradient(180deg,#0b090a,#0e0a0b);border-bottom:1px solid #4a2516}.sx-char-public-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.sx-char-readonly{display:inline-flex;align-items:center;gap:8px;color:#a89380;font-size:10px;font-weight:800}.sx-char-readonly i{width:8px;height:8px;border-radius:50%;background:#34e291;box-shadow:0 0 12px rgba(52,226,145,.34)}
.sx-char-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.sx-char-avatar{width:82px;height:82px;border-radius:21px;display:grid;place-items:center;position:relative;overflow:visible;background:radial-gradient(circle,rgba(255,143,46,.18),transparent 62%),#140e10;border:1px solid #6b341a;box-shadow:0 15px 34px rgba(0,0,0,.28)}.sx-char-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:20px}.sx-char-avatar>span{font-size:32px;font-weight:950;color:#ffad4d}.sx-char-avatar>i{position:absolute;right:-2px;bottom:5px;width:13px;height:13px;border-radius:50%;border:3px solid #0e0a0b}.sx-char-avatar>i.online{background:#35e18d;box-shadow:0 0 13px rgba(53,225,141,.48)}.sx-char-avatar>i.offline{background:#ff5d5d}.sx-char-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sx-char-name-row h1{margin:0;color:#fff6ed;font-size:36px;letter-spacing:-.035em}.sx-char-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:9px;color:#b7a08d;font-size:11px}.sx-char-meta b{color:#ff9c38;margin-right:5px}.sx-char-meta small{color:#806e61}.sx-char-progress-capsules{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px}.sx-char-progress-capsules article{min-width:122px;padding:11px 13px;border:1px solid #59301e;border-radius:12px;background:linear-gradient(150deg,#171011,#0e0b0c);text-align:right}.sx-char-progress-capsules small{display:block;color:#917a67;font-size:7.5px;font-weight:950;letter-spacing:.1em}.sx-char-progress-capsules strong{display:block;color:#ffb055;font-size:21px;margin-top:3px}.sx-char-statbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px;border:1px solid #4f2a1b;border-radius:13px;overflow:hidden;background:#0d0a0b}.sx-char-statbar span{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;border-right:1px solid #4a2516}.sx-char-statbar span:last-child{border-right:0}.sx-char-statbar b{color:#b9a28e;font-size:9px}.sx-char-statbar strong{color:#ff9f3f;font-size:15px}
.sx-char-inventory-section{padding:28px 0 70px;background:linear-gradient(180deg,#0d0a0b,#080708)}.sx-char-inventory-shell{border:1px solid #4f2b1c;border-radius:20px;background:radial-gradient(circle at 45% 0,rgba(255,129,37,.055),transparent 32%),linear-gradient(155deg,#120d0e,#090809);overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.26)}.sx-char-tab-radio{position:absolute;opacity:0;pointer-events:none}.sx-char-inventory-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;background:#0b090a;border-bottom:1px solid #4a2516}.sx-char-inventory-tabs label{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:11px;color:#8f7b6d;font-size:11px;font-weight:900;cursor:pointer;transition:.18s ease}.sx-char-inventory-tabs label span{font-size:8px;padding:3px 7px;border-radius:999px;border:1px solid #4a2516;color:#ab8f78}.sx-char-inventory-shell>#char-equipment-tab:checked~.sx-char-inventory-tabs label[for=char-equipment-tab],.sx-char-inventory-shell>#char-bag-tab:checked~.sx-char-inventory-tabs label[for=char-bag-tab]{background:linear-gradient(180deg,#ff8e2b,#ff6d16);color:#fff;box-shadow:0 8px 20px rgba(255,112,22,.16)}.sx-char-inventory-shell>#char-equipment-tab:checked~.sx-char-inventory-tabs label[for=char-equipment-tab] span,.sx-char-inventory-shell>#char-bag-tab:checked~.sx-char-inventory-tabs label[for=char-bag-tab] span{color:#fff;border-color:rgba(255,255,255,.3)}.sx-char-tab-panel{display:none}.sx-char-inventory-shell>#char-equipment-tab:checked~.sx-char-tab-panels .sx-char-panel-equipment,.sx-char-inventory-shell>#char-bag-tab:checked~.sx-char-tab-panels .sx-char-panel-bag{display:block}.sx-char-inventory-warning{margin:15px 18px 0;padding:12px 14px;border:1px solid rgba(255,132,52,.22);border-radius:11px;background:rgba(255,132,52,.055)}.sx-char-inventory-warning strong{display:block;color:#ffbd72;font-size:11px}.sx-char-inventory-warning span{display:block;color:#9f8875;font-size:9.5px;margin-top:3px}
.sx-char-equipment-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:18px;padding:20px}.sx-char-equipment-stage{position:relative;min-height:650px;border:1px solid #342116;border-radius:18px;background:radial-gradient(ellipse at 50% 43%,rgba(34,87,125,.18),transparent 40%),radial-gradient(circle at 50% 40%,rgba(255,130,38,.09),transparent 56%),linear-gradient(180deg,#090b0e,#07080a);overflow:visible}.sx-char-equipment-stage:before{content:"";position:absolute;inset:18px;border:1px solid rgba(67,114,146,.10);border-radius:14px;pointer-events:none}.sx-char-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:260px;border-radius:90px 90px 28px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 35%,rgba(255,139,49,.13),transparent 48%),linear-gradient(180deg,rgba(17,35,49,.55),rgba(9,12,16,.75));border:1px solid rgba(71,119,149,.18);box-shadow:inset 0 0 45px rgba(34,91,129,.08)}.sx-char-core-avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#151012;border:1px solid #62371f}.sx-char-core-avatar img{width:100%;height:100%;object-fit:cover}.sx-char-core-avatar span{font-size:28px;color:#ffae50;font-weight:950}.sx-char-core>strong{color:#f8e9dd;font-size:14px}.sx-char-core>small{color:#89796b;font-size:9px}
.sx-char-equip-slot{position:absolute;display:grid;place-items:center;border:1px solid #24455d;border-radius:12px;background:linear-gradient(155deg,#0b2232,#07121b);box-shadow:inset 0 0 22px rgba(43,104,145,.12),0 14px 24px rgba(0,0,0,.18);overflow:visible;transition:.18s ease}.sx-char-equip-slot.has-item:hover,.sx-char-equip-slot.has-item:focus{z-index:30;border-color:#ff8f32;box-shadow:0 0 0 1px rgba(255,143,50,.12),0 16px 34px rgba(0,0,0,.3);outline:none}.sx-char-equip-slot>img{display:block;width:74%;height:74%;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 8px rgba(0,0,0,.42));pointer-events:none}
/* Normalize artwork scale per equipped slot. The slot keeps its MU geometry; only the image is scaled. */
.sx-char-equip-slot.slot-pendant>img,.sx-char-equip-slot.slot-ring_left>img,.sx-char-equip-slot.slot-ring_right>img,.sx-char-equip-slot.slot-earring_left>img,.sx-char-equip-slot.slot-earring_right>img{width:56%;height:56%}
.sx-char-equip-slot.slot-helper>img{width:68%;height:68%}
.sx-char-equip-slot.slot-helm>img{width:70%;height:70%}
.sx-char-equip-slot.slot-armor>img,.sx-char-equip-slot.slot-pants>img,.sx-char-equip-slot.slot-gloves>img,.sx-char-equip-slot.slot-boots>img{width:74%;height:74%}
.sx-char-equip-slot.slot-right_hand>img,.sx-char-equip-slot.slot-left_hand>img{width:72%;height:78%}
.sx-char-equip-slot.slot-wings>img{width:78%;height:72%}
.sx-char-equip-slot.slot-elemental>img{width:70%;height:70%}.sx-char-equip-label{position:absolute;left:7px;top:6px;color:#69849a;font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-char-slot-placeholder{color:#3d627c;font-size:12px;font-weight:950;opacity:.48}.sx-char-item-qty{position:absolute;right:6px;bottom:6px;min-width:23px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:8px;background:#ff7c21;color:#fff;font-size:9px;box-shadow:0 5px 12px rgba(0,0,0,.3);z-index:3}
.sx-char-equip-slot.slot-helper{left:4%;top:6%;width:92px;height:92px}.sx-char-equip-slot.slot-helm{left:50%;top:5%;transform:translateX(-50%);width:110px;height:110px}.sx-char-equip-slot.slot-wings{right:4%;top:6%;width:118px;height:118px}.sx-char-equip-slot.slot-pendant{left:calc(50% + 74px);top:23%;width:66px;height:66px}.sx-char-equip-slot.slot-right_hand{left:4%;top:31%;width:120px;height:176px}.sx-char-equip-slot.slot-armor{left:50%;top:29%;transform:translateX(-50%);width:120px;height:176px}.sx-char-equip-slot.slot-left_hand{right:4%;top:31%;width:120px;height:176px}.sx-char-equip-slot.slot-ring_left{left:calc(50% - 142px);top:67%;width:66px;height:66px}.sx-char-equip-slot.slot-ring_right{left:calc(50% + 76px);top:67%;width:66px;height:66px}.sx-char-equip-slot.slot-gloves{left:5%;bottom:5%;width:104px;height:104px}.sx-char-equip-slot.slot-pants{left:50%;bottom:5%;transform:translateX(-50%);width:110px;height:126px}.sx-char-equip-slot.slot-boots{right:5%;bottom:5%;width:104px;height:104px}
.sx-char-equipment-summary{border:1px solid #4a281b;border-radius:17px;background:linear-gradient(180deg,#110d0e,#0b090a);padding:18px;align-self:stretch}.sx-char-summary-head{padding-bottom:15px;border-bottom:1px solid #4a2516}.sx-char-summary-head small{display:block;color:#ff8f32;font-size:8px;font-weight:950;letter-spacing:.12em}.sx-char-summary-head strong{display:block;color:#fff0e4;font-size:20px;margin-top:5px}.sx-char-summary-head span{display:block;color:#9d8876;font-size:10px;line-height:1.55;margin-top:5px}.sx-char-summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.sx-char-summary-metrics article{padding:12px;border:1px solid #41251a;border-radius:11px;background:#0c0a0b}.sx-char-summary-metrics span{display:block;color:#8d7868;font-size:8px}.sx-char-summary-metrics strong{display:block;color:#ffb05a;font-size:16px;margin-top:4px}.sx-char-summary-metrics strong.is-online{color:#43e29b}.sx-char-summary-note{margin-top:14px;padding:13px;border:1px solid rgba(255,143,50,.15);border-radius:11px;background:rgba(255,143,50,.035)}.sx-char-summary-note b{display:block;color:#f0d7c2;font-size:10px}.sx-char-summary-note span{display:block;color:#927d6d;font-size:9px;line-height:1.6;margin-top:4px}
.sx-char-equip-slot>.sx-market-item-tooltip,.sx-char-bag-item>.sx-market-item-tooltip{width:320px;max-width:calc(100vw - 44px);max-height:320px;overflow:auto;z-index:60}.sx-char-equip-slot:hover>.sx-market-item-tooltip,.sx-char-equip-slot:focus>.sx-market-item-tooltip,.sx-char-bag-item:hover>.sx-market-item-tooltip,.sx-char-bag-item:focus>.sx-market-item-tooltip{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.sx-char-panel-bag{padding:20px}.sx-char-bag-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.sx-char-bag-head small{display:block;color:#ff8e2d;font-size:8px;font-weight:950;letter-spacing:.12em}.sx-char-bag-head strong{display:block;color:#fff0e4;font-size:19px;margin-top:3px}.sx-char-bag-head>span{color:#927c6a;font-size:9px}.sx-char-bag-wrap{overflow:auto;padding-bottom:6px}.sx-char-bag-grid{--cell:68px;display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(var(--bag-rows),var(--cell));gap:3px;width:max-content;min-width:100%;justify-content:center;padding:12px;border:1px solid #2b4050;border-radius:15px;background-color:#071018;background-image:linear-gradient(rgba(55,102,132,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(55,102,132,.16) 1px,transparent 1px);background-size:71px 71px;background-position:12px 12px}.sx-char-bag-item{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid rgba(55,113,151,.28);border-radius:8px;background:radial-gradient(circle,rgba(43,105,145,.16),rgba(5,16,24,.78));overflow:visible;z-index:1}.sx-char-bag-item:hover,.sx-char-bag-item:focus{z-index:50;border-color:#ff8d31;outline:none;box-shadow:0 0 0 1px rgba(255,141,49,.15),0 13px 26px rgba(0,0,0,.30)}.sx-char-bag-item>img{max-width:88%;max-height:88%;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.5))}.sx-char-bag-empty{padding:28px;text-align:center;color:#887565;font-size:10px}
@media(max-width:1100px){.sx-char-identity{grid-template-columns:auto 1fr}.sx-char-progress-capsules{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.sx-char-equipment-layout{grid-template-columns:1fr}.sx-char-equipment-summary{min-height:auto}.sx-char-equipment-stage{min-height:620px}}
@media(max-width:760px){.sx-char-public-toolbar{align-items:flex-start;flex-direction:column}.sx-char-identity{grid-template-columns:1fr;text-align:center}.sx-char-avatar{margin:auto}.sx-char-name-row,.sx-char-meta{justify-content:center}.sx-char-name-row h1{font-size:30px}.sx-char-progress-capsules{grid-template-columns:1fr 1fr}.sx-char-progress-capsules article{text-align:center;min-width:0}.sx-char-statbar{grid-template-columns:1fr 1fr}.sx-char-statbar span{border-bottom:1px solid #4a2516}.sx-char-statbar span:nth-child(even){border-right:0}.sx-char-statbar span:last-child{grid-column:1/-1}.sx-char-equipment-layout{padding:12px}.sx-char-equipment-stage{min-height:570px}.sx-char-core{width:140px;height:215px}.sx-char-equip-slot.slot-helper{left:2%;top:5%;width:74px;height:74px}.sx-char-equip-slot.slot-helm{width:86px;height:86px}.sx-char-equip-slot.slot-wings{right:2%;width:86px;height:86px}.sx-char-equip-slot.slot-pendant{left:calc(50% + 55px);width:54px;height:54px}.sx-char-equip-slot.slot-right_hand,.sx-char-equip-slot.slot-left_hand{width:82px;height:142px}.sx-char-equip-slot.slot-right_hand{left:2%}.sx-char-equip-slot.slot-left_hand{right:2%}.sx-char-equip-slot.slot-armor{width:94px;height:145px}.sx-char-equip-slot.slot-ring_left{left:calc(50% - 110px);width:54px;height:54px}.sx-char-equip-slot.slot-ring_right{left:calc(50% + 56px);width:54px;height:54px}.sx-char-equip-slot.slot-gloves,.sx-char-equip-slot.slot-boots{width:78px;height:86px}.sx-char-equip-slot.slot-gloves{left:2%}.sx-char-equip-slot.slot-boots{right:2%}.sx-char-equip-slot.slot-pants{width:88px;height:104px}.sx-char-bag-grid{--cell:58px}.sx-char-inventory-tabs label{font-size:9.5px}.sx-char-summary-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sx-char-equipment-stage{min-width:430px}.sx-char-tab-panel.sx-char-panel-equipment{overflow:auto}.sx-char-bag-grid{--cell:52px}.sx-char-panel-bag{padding:12px}.sx-char-bag-head{align-items:flex-start;flex-direction:column}.sx-char-summary-metrics{grid-template-columns:1fr}.sx-char-inventory-tabs{grid-template-columns:1fr}.sx-char-inventory-tabs label{justify-content:space-between}}

/* — Season 21 public inventory slot map + live position */
.sx-char-equipment-stage{min-height:680px;background:radial-gradient(ellipse at 50% 44%,rgba(32,87,126,.20),transparent 38%),radial-gradient(circle at 50% 44%,rgba(255,130,38,.08),transparent 57%),linear-gradient(180deg,#080b0f,#060709)}
.sx-char-core{width:176px;height:248px;opacity:.72}
.sx-char-equip-slot.slot-helper{left:4%;top:4%;width:94px;height:94px}
.sx-char-equip-slot.slot-pendant{left:calc(50% - 145px);top:5%;width:58px;height:58px}
.sx-char-equip-slot.slot-helm{left:50%;top:4%;transform:translateX(-50%);width:108px;height:108px}
.sx-char-equip-slot.slot-wings{right:4%;top:4%;width:150px;height:96px}
.sx-char-equip-slot.slot-right_hand{left:4%;top:30%;width:112px;height:180px}
.sx-char-equip-slot.slot-earring_left{left:calc(50% - 148px);top:32%;width:58px;height:58px}
.sx-char-equip-slot.slot-armor{left:50%;top:28%;transform:translateX(-50%);width:118px;height:180px}
.sx-char-equip-slot.slot-earring_right{left:calc(50% + 90px);top:32%;width:58px;height:58px}
.sx-char-equip-slot.slot-left_hand{right:4%;top:30%;width:112px;height:180px}
.sx-char-equip-slot.slot-gloves{left:5%;bottom:16%;width:102px;height:102px}
.sx-char-equip-slot.slot-ring_left{left:calc(50% - 148px);bottom:21%;width:58px;height:58px}
.sx-char-equip-slot.slot-pants{left:50%;bottom:12%;transform:translateX(-50%);width:108px;height:126px}
.sx-char-equip-slot.slot-ring_right{left:calc(50% + 90px);bottom:21%;width:58px;height:58px}
.sx-char-equip-slot.slot-boots{right:5%;bottom:16%;width:102px;height:102px}
.sx-char-equip-slot.slot-elemental{right:4%;bottom:2.5%;width:92px;height:92px;border-color:#70512a;background:radial-gradient(circle,rgba(245,180,72,.12),rgba(7,18,27,.9));box-shadow:inset 0 0 24px rgba(235,172,58,.09),0 14px 24px rgba(0,0,0,.2)}
.sx-char-equip-slot.slot-elemental .sx-char-slot-placeholder{font-size:9px;color:#b78a48}.sx-char-equip-slot.slot-elemental .sx-char-equip-label{color:#b78a48}
.sx-char-artifact-system{position:absolute;left:4%;bottom:2.5%;width:92px;height:76px;border:1px solid #5c3e22;border-radius:12px;background:linear-gradient(155deg,#25160d,#0d0a09);display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:10px;gap:0 7px;color:#cda15f;box-shadow:inset 0 0 20px rgba(255,151,40,.05)}
.sx-char-artifact-system>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#9c5b13;display:grid;place-items:center;color:#ffd57e;font-size:15px}.sx-char-artifact-system>strong{font-size:10px;color:#f2d5aa;align-self:end}.sx-char-artifact-system>small{font-size:6.8px;color:#8e7153;align-self:start}
.sx-char-live-sync{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px;background:#755c4c;box-shadow:0 0 0 3px rgba(255,255,255,.025);vertical-align:middle;transition:.2s ease}.sx-char-live-sync.ok{background:#38d992;box-shadow:0 0 0 3px rgba(56,217,146,.10),0 0 9px rgba(56,217,146,.22)}.sx-char-live-sync.syncing{animation:sx-char-live-pulse .8s ease-in-out infinite}@keyframes sx-char-live-pulse{50%{opacity:.35;transform:scale(.75)}}
.sx-char-selected-item{margin-top:14px;padding:14px;border:1px solid #3d291d;border-radius:12px;background:#090809;min-height:92px}.sx-char-selected-item>small{display:block;color:#ff8f32;font-size:7.5px;font-weight:950;letter-spacing:.12em;margin-bottom:7px}.sx-char-selected-item>strong{display:block;color:#f7e7d9;font-size:13px}.sx-char-selected-item>span{display:block;color:#8e7969;font-size:9px;margin-top:4px}.sx-char-selected-item.has-selection>strong{color:#ffbd68;font-size:13px;margin-bottom:5px}.sx-char-selected-item.has-selection .meta{font-size:9px;color:#dbc8b8;margin:2px 0}.sx-char-selected-item.has-selection .sx-market-item-tooltip-lines{display:grid;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,178,74,.12)}.sx-char-selected-item.has-selection .sx-market-item-tooltip-lines span{display:block;font-size:9.5px;line-height:1.45}.sx-char-selected-item.has-selection .excellent{color:#ffd078}.sx-char-selected-item.has-selection .luck{color:#72ddb0}.sx-char-selected-item.has-selection .ancient{color:#ffb45f}.sx-char-selected-item.has-selection .harmony{color:#e9a476}.sx-char-selected-item.has-selection .socket{color:#ead8c8}.sx-char-selected-item.has-selection .option,.sx-char-selected-item.has-selection .option380{color:#f0c39d}.sx-char-selected-item.has-selection .skill{color:#f6dfc8}
.sx-char-bag-grid{position:relative}.sx-char-bag-item{cursor:pointer}.sx-char-bag-item:after{content:attr(data-inventory-slot);position:absolute;right:3px;top:2px;color:rgba(136,178,204,.38);font-size:5.5px;font-weight:800;pointer-events:none}
@media(max-width:1100px){.sx-char-equipment-stage{min-height:680px}}
@media(max-width:760px){.sx-char-equipment-stage{min-height:640px}.sx-char-equip-slot.slot-helper{left:2%;top:4%;width:78px;height:78px}.sx-char-equip-slot.slot-pendant{left:calc(50% - 116px);top:5%;width:50px;height:50px}.sx-char-equip-slot.slot-helm{width:86px;height:86px}.sx-char-equip-slot.slot-wings{right:2%;width:104px;height:78px}.sx-char-equip-slot.slot-right_hand,.sx-char-equip-slot.slot-left_hand{width:80px;height:148px}.sx-char-equip-slot.slot-right_hand{left:2%}.sx-char-equip-slot.slot-left_hand{right:2%}.sx-char-equip-slot.slot-earring_left{left:calc(50% - 115px);width:48px;height:48px}.sx-char-equip-slot.slot-earring_right{left:calc(50% + 67px);width:48px;height:48px}.sx-char-equip-slot.slot-armor{width:92px;height:148px}.sx-char-equip-slot.slot-ring_left{left:calc(50% - 115px);width:48px;height:48px}.sx-char-equip-slot.slot-ring_right{left:calc(50% + 67px);width:48px;height:48px}.sx-char-equip-slot.slot-gloves,.sx-char-equip-slot.slot-boots{width:76px;height:82px}.sx-char-equip-slot.slot-gloves{left:2%}.sx-char-equip-slot.slot-boots{right:2%}.sx-char-equip-slot.slot-pants{width:86px;height:104px}.sx-char-equip-slot.slot-elemental{right:2%;width:74px;height:74px}.sx-char-artifact-system{left:2%;width:76px;height:66px;padding:7px}.sx-char-core{width:132px;height:205px}}

/* — Season 21 backpack geometry (8x8 + 4x 8x5 expansions) */
.sx-char-bag-layout{display:grid;grid-template-columns:minmax(500px,1fr) 300px;gap:18px;align-items:start}
.sx-char-bag-scroll{max-height:790px;overflow:auto;padding:2px 8px 14px 2px;scrollbar-width:thin;scrollbar-color:#6c391c #0c1014}
.sx-char-bag-section{padding:12px;border:1px solid #283d4d;border-radius:15px;background:linear-gradient(180deg,rgba(9,19,27,.96),rgba(5,11,16,.98));box-shadow:inset 0 1px rgba(255,255,255,.02);margin-bottom:12px}
.sx-char-bag-section:last-child{margin-bottom:0}.sx-char-bag-section.is-empty{opacity:.74}.sx-char-bag-section.has-items{border-color:#36536a}
.sx-char-bag-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 9px}.sx-char-bag-section-head small{display:block;color:#ff8b2a;font-size:7px;font-weight:950;letter-spacing:.11em}.sx-char-bag-section-head strong{display:block;color:#f0e4d8;font-size:10px;margin-top:2px}.sx-char-bag-section-head>span{font-size:8px;color:#8da1ae;white-space:nowrap}
.sx-char-bag-grid.sx-char-bag-grid-section{--cell:54px;display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(var(--bag-rows),var(--cell));gap:2px;width:max-content;min-width:0;justify-content:start;padding:7px;border-radius:10px;border:1px solid #203747;background-color:#071018;background-image:linear-gradient(rgba(68,112,139,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(68,112,139,.22) 1px,transparent 1px);background-size:56px 56px;background-position:7px 7px;box-shadow:inset 0 0 28px rgba(0,0,0,.28)}
.sx-char-bag-grid-section .sx-char-bag-item{border-radius:4px;border-color:rgba(71,119,149,.32);background:radial-gradient(circle at 50% 45%,rgba(31,92,127,.13),rgba(4,13,20,.55));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
.sx-char-bag-grid-section .sx-char-bag-item:hover,.sx-char-bag-grid-section .sx-char-bag-item:focus{border-color:#ff8625;box-shadow:0 0 0 1px rgba(255,134,37,.25),0 10px 20px rgba(0,0,0,.35),inset 0 0 18px rgba(255,132,31,.05)}
.sx-char-bag-grid-section .sx-char-bag-item>img{display:block;width:var(--item-img-scale,80%);height:var(--item-img-scale,80%);max-width:none;max-height:none;object-fit:contain;object-position:center;image-rendering:auto;filter:drop-shadow(0 4px 5px rgba(0,0,0,.48));pointer-events:none}
.sx-char-bag-grid-section .sx-char-bag-item.size-1x1>img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.42))}
.sx-char-bag-grid-section .sx-char-bag-item:after{opacity:0;transition:opacity .15s ease}.sx-char-bag-grid-section .sx-char-bag-item:hover:after,.sx-char-bag-grid-section .sx-char-bag-item:focus:after{opacity:1;color:#8eb5cd;background:#071018;padding:2px 3px;border-radius:3px}
.sx-char-bag-guide{position:sticky;top:92px;padding:16px;border:1px solid #3e2a1d;border-radius:14px;background:linear-gradient(180deg,#100c0a,#090a0b);box-shadow:0 16px 34px rgba(0,0,0,.22)}.sx-char-bag-guide>small{display:block;color:#ff8b2a;font-size:7px;font-weight:950;letter-spacing:.12em}.sx-char-bag-guide>strong{display:block;color:#fff0e2;font-size:16px;margin-top:4px}.sx-char-bag-guide>p{font-size:9px;line-height:1.55;color:#9b897c;margin:7px 0 13px}.sx-char-bag-guide-list{display:grid;gap:6px}.sx-char-bag-guide-list>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #25282c;border-radius:8px;background:#0a0d10;color:#887c73}.sx-char-bag-guide-list>span.active{border-color:#60371f;background:#130d09;color:#d8c2ae}.sx-char-bag-guide-list b{font-size:8px}.sx-char-bag-guide-list em{font-style:normal;min-width:21px;height:21px;border-radius:999px;display:grid;place-items:center;background:#151a1f;color:#9bacb7;font-size:7px;font-weight:900}.sx-char-bag-guide-list>span.active em{background:#7b3e13;color:#ffd8a9}
.sx-char-selected-item-bag{margin-top:13px;max-height:280px;overflow:auto}.sx-char-bag-empty{margin-top:12px;border:1px dashed #314655;border-radius:10px;background:#071018}
@media(max-width:980px){.sx-char-bag-layout{grid-template-columns:1fr}.sx-char-bag-guide{position:static;order:-1}.sx-char-bag-scroll{max-height:none;overflow:visible}.sx-char-bag-section{overflow:auto}.sx-char-bag-grid.sx-char-bag-grid-section{margin:auto}}
@media(max-width:620px){.sx-char-bag-grid.sx-char-bag-grid-section{--cell:45px;background-size:47px 47px}.sx-char-bag-section{padding:9px}.sx-char-bag-section-head{align-items:flex-start;flex-direction:column}.sx-char-bag-layout{display:block}.sx-char-bag-guide{margin-bottom:12px}.sx-char-bag-scroll{padding-right:0}}


/* Earring-only artwork scale adjustment. */
.sx-char-equip-slot.slot-earring_left>img,
.sx-char-equip-slot.slot-earring_right>img{
  width:auto!important;
  height:auto!important;
  max-width:44%!important;
  max-height:34px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.sx-char-bag-grid-section .sx-char-bag-item.is-earring>img{
  width:auto!important;
  height:auto!important;
  max-width:46%!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:760px){
  .sx-char-equip-slot.slot-earring_left>img,
  .sx-char-equip-slot.slot-earring_right>img{max-width:42%!important;max-height:29px!important}
  .sx-char-bag-grid-section .sx-char-bag-item.is-earring>img{max-width:45%!important;max-height:39px!important}
}

/* === DarknessMu — Global Typography Readability Pass === */
/* Public website */
body{font-size:15px;line-height:1.58}
.sx-kicker,.eyebrow{font-size:12px}
.sx-nav a{font-size:13px}
.sx-brand-copy strong{font-size:15px}.sx-brand-copy small{font-size:10px}
.sx-announcement{font-size:12px}.sx-steps{font-size:12px}.sx-steps b{font-size:10px}
.badge{font-size:11px}.field label{font-size:12px}.check-row{font-size:12px}.note,.notice{font-size:12px;line-height:1.65}
.table th{font-size:11px}.table td{font-size:12px}
.module-title p,.section-head p{font-size:13px}
.sx-footer-grid>div>strong{font-size:12px;letter-spacing:.12em}
.sx-footer-grid>div>a{font-size:13px;line-height:1.55}
.sx-footer-brand p{font-size:13px;line-height:1.75;max-width:430px}
.sx-footer-bottom{font-size:11px;line-height:1.55}
.sx-footer-brand .sx-brand-copy small{font-size:10px}
.lang-link{font-size:11px}

/* Shared workspace: Player Hub + Admin */
.sx31-brand strong{font-size:14px}.sx31-brand small{font-size:9px}
.sx31-account-switcher small{font-size:9px}.sx31-account-switcher strong{font-size:11px}
.sx31-nav-caption{font-size:9px}.sx31-nav>a{font-size:12px;min-height:42px}.sx31-nav-pill{font-size:8px}
.sx31-service-card span{font-size:10px}.sx31-service-card small{font-size:9px}.sx31-service-card>a{font-size:9px}
.sx31-sidebar-footer a,.sx31-sidebar-footer button{font-size:11px;min-height:36px}
.sx31-breadcrumb{font-size:11px}.sx31-command>span,.sx31-command input{font-size:11px}.sx31-command kbd{font-size:9px}
.sx31-online-chip{font-size:10px}.sx31-user-chip strong{font-size:11px}.sx31-user-chip small{font-size:9px}
.sx31-pagehead>div:nth-child(2)>span{font-size:9px}.sx31-pagehead h1{font-size:23px}.sx31-pagehead p{font-size:12px;line-height:1.55}
.sx31-btn{font-size:11px;min-height:38px}
.sx31-kpi small{font-size:9px}.sx31-kpi span{font-size:10px}.sx31-kpi>a,.sx31-kpi>em{font-size:10px}
.sx31-panel-head>div>span{font-size:9px}.sx31-panel-head h2{font-size:14px}.sx31-panel-head>a{font-size:10px}
.sx31-roster-rank{font-size:9px}.sx31-roster-copy strong{font-size:11px}.sx31-roster-copy small{font-size:9px}.sx31-roster-stats small{font-size:8px}.sx31-roster-row>em{font-size:8px}
.sx31-status-dot{font-size:9px}.sx31-account-identity strong{font-size:12px}.sx31-account-identity small{font-size:9px}.sx31-account-identity>a{font-size:10px}
.sx31-health-bars span,.sx31-health-bars b{font-size:10px}.sx31-account-note{font-size:10px}
.sx31-table th{font-size:9px!important}.sx31-table td{font-size:11px}

/*  professional control center */
.sx41-control-center .dm-config-toggle-copy strong{font-size:13px!important}.sx41-control-center .dm-config-toggle-copy small{font-size:10px!important;line-height:1.5}
.sx41-table-tools strong{font-size:12px}.sx41-table-tools small{font-size:10px}.sx41-table-tools input{font-size:11px}.sx41-table-tools em{font-size:10px}
.sx41-filter-search input{font-size:12px}.sx41-pro-toolbar .sx41-toolbar-stat{font-size:10px}
.sx41-char-identity strong{font-size:13px}.sx41-char-identity small,.sx41-char-cell small{font-size:10px}.sx41-char-cell b{font-size:12px}
.sx41-metric span{font-size:10px}.sx41-metric small{font-size:10px}
.sx41-record-head p{font-size:11px}.sx41-record-meta span{font-size:10px}
.sx41-player-hero span{font-size:11px}.sx41-player-hero p{font-size:12px}.sx41-check-list b{font-size:12px}.sx41-check-list small{font-size:10px}
.sx41-account-facts span{font-size:10px}.sx41-account-facts strong{font-size:12px}
.sx41-command-results small{font-size:10px!important}.sx41-command-footer{font-size:10px!important}

/* Shop / filters / product metadata */
.sx31-filter-head span,.sx31-filter-head a{font-size:9px}.sx31-filter-block>small{font-size:9px}.sx31-filter-block>a{font-size:10px}.sx31-filter-block>a em{font-size:9px}.sx31-rarity span{font-size:10px}
.sx31-delivery-note strong{font-size:10px}.sx31-delivery-note small{font-size:9px}
.sx31-product-rarity,.sx31-product-code{font-size:8px}.sx31-product-title small{font-size:8px}.sx31-product-title h3{font-size:12px}

/* Auth */
.auth-art .brand strong{font-size:15px}.auth-art .brand small{font-size:10px}.auth-form>p{font-size:13px}

/* Mobile keeps readability without wasting space */
@media(max-width:700px){
  body{font-size:14px}
  .sx-nav a{font-size:12px}
  .sx-footer-grid>div>a{font-size:12px}.sx-footer-brand p{font-size:12px}.sx-footer-bottom{font-size:10px}
  .sx31-nav>a{font-size:11px}.sx31-pagehead h1{font-size:21px}.sx31-pagehead p{font-size:11px}
}


/* DarknessMu — Ranking typography alignment.
   Isolate the public ranking from generic table sizing. */
.ranking-table-premium .sx31-table-scroll-pro{overflow-x:auto;overflow-y:hidden}
.ranking-table-premium .sx31-table-ranking-upgrade{min-width:980px;width:100%;table-layout:auto}
.ranking-table-premium .sx31-table-ranking-upgrade th,
.ranking-table-premium .sx31-table-ranking-upgrade td{vertical-align:middle;white-space:nowrap}
.ranking-table-premium .sx31-table-ranking-upgrade th{font-size:10.5px!important;line-height:1.25;padding:13px 14px!important}
.ranking-table-premium .sx31-table-ranking-upgrade td{font-size:12.5px!important;line-height:1.35;padding:14px!important}
.ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(1),
.ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(1){width:52px;min-width:52px}
.ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(2),
.ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(2){width:auto;min-width:350px!important}
.ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(3),
.ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(3){width:150px;min-width:150px}
.ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(n+4),
.ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(n+4){width:86px;min-width:86px;text-align:center}
.ranking-table-premium .sx31-table-ranking-upgrade th:last-child,
.ranking-table-premium .sx31-table-ranking-upgrade td:last-child{min-width:118px}
.ranking-table-premium .sx31-ranking-row-player{display:flex;align-items:center!important;gap:12px;min-width:0}
.ranking-table-premium .sx31-ranking-row-copy.compact-meta{display:flex;flex:0 1 auto!important;min-width:0!important;width:auto!important}
.ranking-table-premium .sx31-ranking-identity-line.table-line{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap!important;gap:8px;min-width:0;width:auto}
.ranking-table-premium .sx31-ranking-character-name{display:inline-block!important;width:auto!important;max-width:170px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2}
.ranking-table-premium .rank-avatar{flex:0 0 32px}
.ranking-table-premium .sx31-status-dot,
.ranking-table-premium .sx31-ranking-country,
.ranking-table-premium .sx31-vip-tier-chip{flex:0 0 auto}
.ranking-table-premium .sx31-vip-tier-chip{font-size:10px!important;padding:5px 9px!important}
.ranking-table-premium .sx31-flag-icon{width:20px;height:14px}
@media(max-width:1100px){
  .ranking-table-premium .sx31-table-ranking-upgrade{min-width:930px}
  .ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(2),
  .ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(2){min-width:320px!important}
  .ranking-table-premium .sx31-ranking-identity-line.table-line{flex-wrap:nowrap!important}
}
@media(max-width:700px){
  .ranking-table-premium .sx31-table-ranking-upgrade{min-width:900px}
  .ranking-table-premium .sx31-table-ranking-upgrade th{font-size:10px!important}
  .ranking-table-premium .sx31-table-ranking-upgrade td{font-size:12px!important}
  .ranking-table-premium .sx31-table-ranking-upgrade th:nth-child(2),
  .ranking-table-premium .sx31-table-ranking-upgrade td:nth-child(2){min-width:300px!important}
}


/* ===============================
   DarknessMu Next
   Premium MU Background System
   =============================== */
body.sx-public,
body .sx31-workspace-shell,
body .sx31-auth-shell,
body .sx31-vip-public-shell,
body .sx31-public-store,
body .sx31-content{position:relative}

body.sx-public::before,
body.sx-public::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
}
body.sx-public::before{
  background:
    radial-gradient(circle at 14% 8%, rgba(30,150,255,.08), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(255,130,30,.10), transparent 26%),
    radial-gradient(circle at 50% 82%, rgba(26,198,170,.05), transparent 28%),
    linear-gradient(180deg,#040506 0%,#080809 28%,#0d0908 72%,#050506 100%);
}
body.sx-public::after{
  background:
    linear-gradient(115deg, transparent 0%, rgba(78,142,255,.04) 22%, transparent 42%),
    linear-gradient(65deg, transparent 0%, rgba(255,154,61,.045) 30%, transparent 50%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 140px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.012) 0 1px, transparent 1px 140px);
  opacity:.52;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.92) 35%,rgba(0,0,0,.78) 60%,transparent 100%);
}

.sx31-workspace-shell{
  background:
    radial-gradient(circle at 0% 0%, rgba(255,128,32,.08), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(41,122,255,.08), transparent 24%),
    linear-gradient(140deg,#060708 0%,#0d0908 46%,#08111e 100%)!important;
}
.sx31-workspace-main,
.sx31-content,
.sx31-public-store,
.sx31-vip-public-shell{
  position:relative;
  z-index:1;
}
.sx31-workspace-main::before,
.sx31-content::after,
.sx31-public-store::after,
.sx31-vip-public-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.sx31-workspace-main::before{
  z-index:0;
  background:
    radial-gradient(circle at 84% 6%, rgba(255,122,26,.10), transparent 18%),
    radial-gradient(circle at 10% 14%, rgba(56,120,255,.07), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.012), transparent 26%);
}
.sx31-content::after,
.sx31-public-store::after,
.sx31-vip-public-shell::after{
  z-index:0;
  background:
    radial-gradient(circle at 86% 16%, rgba(255,178,74,.07), transparent 18%),
    radial-gradient(circle at 8% 62%, rgba(82,146,255,.06), transparent 20%),
    linear-gradient(135deg, transparent 0%, rgba(255,255,255,.012) 24%, transparent 48%);
  opacity:.9;
}
.sx31-content > *,
.sx31-public-store > *,
.sx31-vip-public-shell > *{position:relative;z-index:1}

.sx-header,
.sx31-sidebar,
.sx31-topbar,
.sx31-panel,
.sx31-kpi,
.sx31-table-card-pro,
.sx31-module-card,
.sx31-plan-card-pro,
.sx31-product-card-pro,
.sx31-news-card-pro,
.sx31-table-wrap,
.sx31-wallet-widget,
.sx31-vip-status,
.sx31-vip-summary-panel,
.sx31-vip-workspace-head,
.sx31-character-profile,
.sx31-character-inventory-shell,
.card,
.table-wrap{
  backdrop-filter: blur(8px) saturate(112%);
}

.sx-hero,
.sx31-vip-hero-sa,
.sx31-saas-page-hero.shop,
.sx31-saas-page-hero.ranking,
.sx31-saas-page-hero.support,
.sx31-saas-page-hero.castle,
.sx31-saas-page-hero.events,
.sx31-saas-page-hero.downloads,
.sx31-saas-page-hero.news,
.sx31-saas-page-hero.guide{
  position:relative;
  overflow:hidden;
}
.sx-hero::before,
.sx31-vip-hero-sa::before,
.sx31-saas-page-hero.shop::before,
.sx31-saas-page-hero.ranking::before,
.sx31-saas-page-hero.support::before,
.sx31-saas-page-hero.castle::before,
.sx31-saas-page-hero.events::before,
.sx31-saas-page-hero.downloads::before,
.sx31-saas-page-hero.news::before,
.sx31-saas-page-hero.guide::before{
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),transparent 92%);
}
.sx-hero::after,
.sx31-vip-hero-sa::after,
.sx31-saas-page-hero.shop::after,
.sx31-saas-page-hero.ranking::after,
.sx31-saas-page-hero.support::after,
.sx31-saas-page-hero.castle::after,
.sx31-saas-page-hero.events::after,
.sx31-saas-page-hero.downloads::after,
.sx31-saas-page-hero.news::after,
.sx31-saas-page-hero.guide::after{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-170px;
  top:-230px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,136,37,.14), rgba(255,136,37,0) 68%);
  pointer-events:none;
}

.sx31-public-section-head,
.sx31-pagehead,
.sx31-panel-head,
.sx31-table-head-pro,
.sx31-vip-workspace-copy,
.sx31-vip-summary-panel,
.sx31-character-header-meta{position:relative}
.sx31-public-section-head::after,
.sx31-pagehead::after,
.sx31-panel-head::after,
.sx31-table-head-pro::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:84px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,143,36,.92), rgba(255,143,36,0));
}

.sx31-panel,
.sx31-kpi,
.sx31-table-card-pro,
.sx31-module-card,
.sx31-product-card-pro,
.sx31-news-card-pro,
.sx31-plan-card-pro,
.sx31-character-profile,
.sx31-character-inventory-shell,
.card,
.table-wrap{
  box-shadow:
    0 24px 54px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.sx31-sidebar{
  background:
    linear-gradient(180deg, rgba(13,10,10,.96) 0%, rgba(9,8,8,.98) 100%),
    linear-gradient(145deg, transparent 0%, rgba(255,122,26,.04) 100%);
}
.sx31-topbar{
  background:rgba(9,8,8,.84);
  backdrop-filter:blur(10px) saturate(115%);
  border-bottom:1px solid rgba(255,125,28,.10);
}

@media (max-width: 980px){
  body.sx-public::after{opacity:.34}
  .sx-hero::after,
  .sx31-vip-hero-sa::after,
  .sx31-saas-page-hero.shop::after,
  .sx31-saas-page-hero.ranking::after,
  .sx31-saas-page-hero.support::after,
  .sx31-saas-page-hero.castle::after,
  .sx31-saas-page-hero.events::after,
  .sx31-saas-page-hero.downloads::after,
  .sx31-saas-page-hero.news::after,
  .sx31-saas-page-hero.guide::after{width:360px;height:360px;right:-140px;top:-160px}
}


/* =====================================================
   DarknessMu Next
   Premium MU Background System — Phase 2 / Module Identity
   ===================================================== */

/* Shared module canvas. Keeps layout/cards intact and changes atmosphere only. */
body.route-ranking,
body.route-ranking-character,
body.route-shop,
body.route-market,
body.route-market-item,
body.route-vip{
  --dm-module-accent:255,139,39;
  --dm-module-secondary:65,126,255;
  --dm-module-soft:rgba(var(--dm-module-accent),.08);
}

body.route-ranking::before,
body.route-ranking-character::before,
body.route-shop::before,
body.route-market::before,
body.route-market-item::before,
body.route-vip::before{
  background:
    radial-gradient(circle at 12% 12%, rgba(var(--dm-module-secondary),.10), transparent 25%),
    radial-gradient(circle at 86% 12%, rgba(var(--dm-module-accent),.12), transparent 27%),
    radial-gradient(circle at 48% 86%, rgba(var(--dm-module-accent),.035), transparent 30%),
    linear-gradient(180deg,#040506 0%,#08090a 30%,#0b0909 72%,#050506 100%)!important;
}
body.route-ranking::after,
body.route-ranking-character::after,
body.route-shop::after,
body.route-market::after,
body.route-market-item::after,
body.route-vip::after{
  background:
    linear-gradient(115deg,transparent 0%,rgba(var(--dm-module-secondary),.035) 22%,transparent 43%),
    linear-gradient(65deg,transparent 0%,rgba(var(--dm-module-accent),.04) 29%,transparent 49%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 152px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.010) 0 1px,transparent 1px 152px)!important;
  opacity:.58!important;
}

/* Ranking — arena / competitive atmosphere */
body.route-ranking{--dm-module-accent:255,122,26;--dm-module-secondary:60,115,224}
body.route-ranking .ranking-premium-shell{
  background:
    radial-gradient(circle at 16% 20%,rgba(54,111,222,.18),transparent 28%),
    radial-gradient(circle at 82% 14%,rgba(255,122,26,.18),transparent 27%),
    linear-gradient(118deg,#06080d 0%,#0a101c 46%,#170b08 100%)!important;
}
body.route-ranking .ranking-premium-shell::after{
  background:radial-gradient(circle,rgba(255,129,32,.18),rgba(255,129,32,0) 68%)!important;
}
body.route-ranking #ranking-board{
  background:
    radial-gradient(circle at 50% 0%,rgba(60,111,220,.045),transparent 28%),
    linear-gradient(180deg,rgba(7,10,16,.78),rgba(10,8,8,.88))!important;
}
body.route-ranking .sx31-table-card-pro,
body.route-ranking .sx31-ranking-podium-card{
  background:linear-gradient(180deg,rgba(18,14,16,.94),rgba(8,9,12,.96))!important;
  box-shadow:0 24px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* VIP — prestige / gold identity */
body.route-vip{--dm-module-accent:255,178,74;--dm-module-secondary:255,116,31}
body.route-vip .sx31-vip-hero-sa{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,181,72,.18),transparent 29%),
    radial-gradient(circle at 82% 16%,rgba(255,104,31,.14),transparent 29%),
    linear-gradient(118deg,#090705 0%,#130b07 48%,#080708 100%)!important;
}
body.route-vip #vip-pricing{
  background:
    radial-gradient(circle at 50% 4%,rgba(255,190,80,.055),transparent 24%),
    linear-gradient(180deg,rgba(11,8,7,.82),rgba(7,7,8,.92))!important;
}
body.route-vip .sx31-plan-card-pro{
  background:linear-gradient(180deg,rgba(22,14,10,.95),rgba(10,8,8,.96))!important;
}
body.route-vip .sx31-plan-card-pro.featured{
  box-shadow:0 0 0 1px rgba(255,186,72,.18),0 28px 72px rgba(0,0,0,.30),0 0 48px rgba(255,151,45,.07)!important;
}

/* WebShop — arcane forge / arsenal */
body.route-shop{--dm-module-accent:255,126,31;--dm-module-secondary:48,139,218}
body.route-shop .sx-shop-saas-hero{
  background:
    radial-gradient(circle at 15% 20%,rgba(47,132,218,.16),transparent 27%),
    radial-gradient(circle at 83% 18%,rgba(255,125,31,.19),transparent 28%),
    linear-gradient(118deg,#06090e 0%,#0b1118 44%,#170b08 100%)!important;
}
body.route-shop .sx-shop-public-shell{
  background:
    linear-gradient(135deg,rgba(43,126,204,.025),transparent 32%),
    radial-gradient(circle at 84% 8%,rgba(255,132,35,.06),transparent 24%),
    linear-gradient(180deg,rgba(7,10,13,.86),rgba(10,8,8,.94))!important;
}
body.route-shop .sx31-product-card-pro,
body.route-shop .sx-shop-featured-card{
  background:linear-gradient(180deg,rgba(14,17,21,.96),rgba(10,8,8,.97))!important;
}

/* Market — vault / economy. Teal kept intentionally subtle. */
body.route-market,
body.route-market-item{--dm-module-accent:255,139,39;--dm-module-secondary:43,184,165}
body.route-market .sx31-saas-page-hero.market,
body.route-market-item .sx31-saas-page-hero.market-item{
  background:
    radial-gradient(circle at 16% 16%,rgba(43,184,165,.13),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(255,137,38,.16),transparent 27%),
    linear-gradient(118deg,#050a0b 0%,#071211 43%,#150b08 100%)!important;
}
body.route-market .sx-market-public,
body.route-market-item .sx31-public-store{
  background:
    radial-gradient(circle at 12% 12%,rgba(41,180,162,.04),transparent 26%),
    linear-gradient(180deg,rgba(5,10,11,.86),rgba(9,8,8,.94))!important;
}
body.route-market .sx-market-card,
body.route-market-item .sx-market-detail-panel,
body.route-market-item .sx-market-detail-art{
  background:linear-gradient(180deg,rgba(10,18,18,.96),rgba(10,8,8,.98))!important;
}

/* Public character profile — heroic character-sheet atmosphere */
body.route-ranking-character{--dm-module-accent:255,137,37;--dm-module-secondary:53,113,220}
body.route-ranking-character .sx-char-public-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 14%,rgba(53,113,220,.17),transparent 27%),
    radial-gradient(circle at 82% 12%,rgba(255,137,37,.16),transparent 26%),
    radial-gradient(circle at 50% 112%,rgba(56,173,216,.07),transparent 34%),
    linear-gradient(120deg,#05070b 0%,#09111d 45%,#160b08 100%)!important;
}
body.route-ranking-character .sx-char-public-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-radial-gradient(circle at 50% 72%,rgba(99,149,255,.035) 0 1px,transparent 1px 58px),
    linear-gradient(110deg,transparent 0%,rgba(80,136,242,.035) 27%,transparent 48%);
  mask-image:linear-gradient(to bottom,#000,transparent 96%);
}
body.route-ranking-character .sx-char-public-hero>.sx-container{position:relative;z-index:1}
body.route-ranking-character .sx-char-inventory-section{
  background:
    radial-gradient(circle at 50% 0%,rgba(55,116,218,.055),transparent 27%),
    radial-gradient(circle at 82% 18%,rgba(255,133,35,.045),transparent 24%),
    linear-gradient(180deg,#06090d 0%,#08090a 48%,#0b0808 100%)!important;
}
body.route-ranking-character .sx-char-inventory-shell{
  background:linear-gradient(180deg,rgba(8,12,17,.95),rgba(9,8,8,.97))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Player Hub module backgrounds mirror their public counterparts. */
body.sx-player-body.route-player-shop .sx31-workspace-main::before{
  background:
    radial-gradient(circle at 84% 8%,rgba(255,126,31,.12),transparent 20%),
    radial-gradient(circle at 12% 14%,rgba(48,139,218,.09),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 30%)!important;
}
body.sx-player-body.route-player-market .sx31-workspace-main::before{
  background:
    radial-gradient(circle at 84% 8%,rgba(255,139,39,.10),transparent 20%),
    radial-gradient(circle at 12% 14%,rgba(43,184,165,.08),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 30%)!important;
}
body.sx-player-body.route-player-vip .sx31-workspace-main::before{
  background:
    radial-gradient(circle at 84% 8%,rgba(255,181,72,.13),transparent 20%),
    radial-gradient(circle at 12% 14%,rgba(255,104,31,.07),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 30%)!important;
}
body.sx-player-body.route-player-character .sx31-workspace-main::before,
body.sx-player-body.route-player-characters .sx31-workspace-main::before{
  background:
    radial-gradient(circle at 84% 8%,rgba(255,134,35,.10),transparent 20%),
    radial-gradient(circle at 12% 14%,rgba(53,113,220,.08),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 30%)!important;
}

/* Light motion only on decorative layers. */
@keyframes dmModuleGlowDrift{
  0%,100%{background-position:0 0,100% 0,50% 100%,0 0}
  50%{background-position:2% 1%,98% 2%,52% 98%,0 0}
}
@media (prefers-reduced-motion:no-preference){
  body.route-ranking::before,
  body.route-ranking-character::before,
  body.route-shop::before,
  body.route-market::before,
  body.route-market-item::before,
  body.route-vip::before{animation:dmModuleGlowDrift 18s ease-in-out infinite}
}
@media(max-width:760px){
  body.route-ranking::after,
  body.route-ranking-character::after,
  body.route-shop::after,
  body.route-market::after,
  body.route-market-item::after,
  body.route-vip::after{opacity:.34!important}
}


/* =====================================================
   DarknessMu Next
   Cinematic Public Background Integration
   ===================================================== */
body.sx-public::before{
  background:
    linear-gradient(180deg, rgba(4,6,10,.76) 0%, rgba(5,9,16,.66) 18%, rgba(7,10,14,.58) 42%, rgba(7,7,9,.72) 76%, rgba(4,5,7,.90) 100%),
    linear-gradient(90deg, rgba(4,5,8,.72) 0%, rgba(4,5,8,.36) 16%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 72%, rgba(4,5,8,.40) 84%, rgba(4,5,8,.74) 100%),
    url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') center top / cover no-repeat fixed !important;
}
body.sx-public::after{
  background:
    radial-gradient(circle at 16% 28%, rgba(255,186,72,.12), transparent 20%),
    radial-gradient(circle at 85% 20%, rgba(255,74,43,.14), transparent 22%),
    radial-gradient(circle at 26% 70%, rgba(50,120,255,.10), transparent 22%),
    radial-gradient(circle at 72% 72%, rgba(111,60,255,.10), transparent 20%),
    linear-gradient(115deg, transparent 0%, rgba(93,154,255,.03) 22%, transparent 42%),
    linear-gradient(65deg, transparent 0%, rgba(255,154,61,.035) 30%, transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 18%, transparent 82%, rgba(255,255,255,.012) 100%);
  opacity:.92;
  mask-image:none;
}
body.sx-public .sx-header,
body.sx-public .sx-footer,
body.sx-public .sx31-content,
body.sx-public .sx31-public-store,
body.sx-public .sx31-vip-public-shell,
body.sx-public .ranking-premium-shell,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-news-list-pro,
body.sx-public .sx31-downloads-shell,
body.sx-public .sx31-guide-shell{
  position:relative;
}
body.sx-public .sx-header::before,
body.sx-public .sx-footer::before,
body.sx-public .sx31-content::before,
body.sx-public .sx31-public-store::before,
body.sx-public .sx31-vip-public-shell::before,
body.sx-public .ranking-premium-shell::before,
body.sx-public .sx-market-public::before,
body.sx-public .sx-shop-public-shell::before,
body.sx-public .sx31-news-list-pro::before,
body.sx-public .sx31-downloads-shell::before,
body.sx-public .sx31-guide-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(5,8,12,.18), rgba(5,7,10,.40));
}
body.sx-public .sx-header > *,
body.sx-public .sx-footer > *,
body.sx-public .sx31-content > *,
body.sx-public .sx31-public-store > *,
body.sx-public .sx31-vip-public-shell > *,
body.sx-public .ranking-premium-shell > *,
body.sx-public .sx-market-public > *,
body.sx-public .sx-shop-public-shell > *,
body.sx-public .sx31-news-list-pro > *,
body.sx-public .sx31-downloads-shell > *,
body.sx-public .sx31-guide-shell > *{position:relative;z-index:1}
body.sx-public .sx31-panel,
body.sx-public .sx31-kpi,
body.sx-public .sx31-table-card-pro,
body.sx-public .sx31-module-card,
body.sx-public .sx31-plan-card-pro,
body.sx-public .sx31-product-card-pro,
body.sx-public .sx31-news-card-pro,
body.sx-public .sx31-download-card-pro,
body.sx-public .sx31-podium-card,
body.sx-public .sx31-public-product-card,
body.sx-public .sx31-store-tabs,
body.sx-public .sx31-store-filter,
body.sx-public .sx31-vip-summary-panel,
body.sx-public .sx31-vip-workspace-head,
body.sx-public .sx31-character-profile,
body.sx-public .sx31-character-inventory-shell,
body.sx-public .card,
body.sx-public .table-wrap{
  background-color:rgba(8,10,14,.82)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-public .sx-hero,
body.sx-public .sx31-vip-hero-sa,
body.sx-public .sx31-saas-page-hero,
body.sx-public .sx-char-public-hero{
  background-color:rgba(5,8,12,.42)!important;
  backdrop-filter:blur(4px) saturate(112%);
}
body.sx-public .sx-footer{background:rgba(4,6,10,.48)!important;backdrop-filter:blur(5px) saturate(108%)}
body.sx-public .sx-footer::before{background:linear-gradient(180deg, rgba(5,7,10,.14), rgba(5,7,10,.56))}

@media (max-width: 980px){
  body.sx-public::before{
    background:
      linear-gradient(180deg, rgba(4,6,10,.82) 0%, rgba(5,9,16,.72) 20%, rgba(7,10,14,.64) 42%, rgba(7,7,9,.80) 76%, rgba(4,5,7,.92) 100%),
      linear-gradient(90deg, rgba(4,5,8,.84) 0%, rgba(4,5,8,.52) 16%, rgba(0,0,0,.14) 38%, rgba(0,0,0,.14) 62%, rgba(4,5,8,.56) 84%, rgba(4,5,8,.84) 100%),
      url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') 52% top / cover no-repeat scroll !important;
  }
  body.sx-public::after{opacity:.86}
}


/* =====================================================
   DarknessMu Next
   Sitewide Cinematic Public Background Coverage
   ===================================================== */
body.route-ranking::before,
body.route-ranking-character::before,
body.route-shop::before,
body.route-market::before,
body.route-market-item::before,
body.route-vip::before,
body.route-news::before,
body.route-downloads::before,
body.route-guide::before,
body.route-support::before,
body.route-castle::before,
body.route-events::before,
body.route-home::before{
  background:
    linear-gradient(180deg, rgba(4,6,10,.72) 0%, rgba(5,9,16,.60) 18%, rgba(7,10,14,.55) 42%, rgba(7,7,9,.68) 76%, rgba(4,5,7,.88) 100%),
    linear-gradient(90deg, rgba(4,5,8,.74) 0%, rgba(4,5,8,.38) 15%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(4,5,8,.42) 85%, rgba(4,5,8,.76) 100%),
    url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') center top / cover no-repeat fixed !important;
}
body.route-ranking::after,
body.route-ranking-character::after,
body.route-shop::after,
body.route-market::after,
body.route-market-item::after,
body.route-vip::after,
body.route-news::after,
body.route-downloads::after,
body.route-guide::after,
body.route-support::after,
body.route-castle::after,
body.route-events::after,
body.route-home::after{
  background:
    radial-gradient(circle at 16% 24%, rgba(255,191,79,.12), transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(255,78,46,.14), transparent 22%),
    radial-gradient(circle at 28% 72%, rgba(53,120,255,.10), transparent 22%),
    radial-gradient(circle at 74% 74%, rgba(112,65,255,.10), transparent 21%),
    linear-gradient(115deg, transparent 0%, rgba(93,154,255,.028) 22%, transparent 42%),
    linear-gradient(65deg, transparent 0%, rgba(255,154,61,.030) 30%, transparent 50%)!important;
  opacity:.94!important;
}

/* Keep module identity, but let the cinematic art remain visible across all public pages. */
body.route-home .sx31-content,
body.route-ranking .ranking-premium-shell,
body.route-ranking-character .sx-char-public-hero,
body.route-ranking-character .sx-char-inventory-section,
body.route-shop .sx-shop-public-shell,
body.route-market .sx-market-public,
body.route-market-item .sx31-public-store,
body.route-vip .sx31-vip-public-shell,
body.route-news .sx31-news-list-pro,
body.route-downloads .sx31-downloads-shell,
body.route-guide .sx31-guide-shell,
body.route-support .sx31-support-shell,
body.route-castle .sx31-castle-shell,
body.route-events .sx31-events-shell{
  background-color:rgba(5,8,12,.18)!important;
  background-image:linear-gradient(180deg, rgba(6,8,12,.16), rgba(6,8,12,.34))!important;
  backdrop-filter:blur(3px) saturate(108%);
}

body.sx-public .sx31-panel,
body.sx-public .sx31-kpi,
body.sx-public .sx31-table-card-pro,
body.sx-public .sx31-module-card,
body.sx-public .sx31-plan-card-pro,
body.sx-public .sx31-product-card-pro,
body.sx-public .sx31-news-card-pro,
body.sx-public .sx31-download-card-pro,
body.sx-public .sx31-podium-card,
body.sx-public .sx31-public-product-card,
body.sx-public .sx31-store-tabs,
body.sx-public .sx31-store-filter,
body.sx-public .sx31-vip-summary-panel,
body.sx-public .sx31-vip-workspace-head,
body.sx-public .sx31-character-profile,
body.sx-public .sx31-character-inventory-shell,
body.sx-public .sx-market-card,
body.sx-public .sx-market-detail-panel,
body.sx-public .sx-market-detail-art,
body.sx-public .sx31-cta-board,
body.sx-public .card,
body.sx-public .table-wrap{
  background-color:rgba(8,10,14,.76)!important;
}

/* External public authentication pages receive the same cinematic atmosphere. */
body.r1916-auth{
  position:relative;
  background:
    linear-gradient(180deg, rgba(4,6,10,.74) 0%, rgba(6,8,12,.84) 100%),
    url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') center center / cover no-repeat fixed !important;
}
body.r1916-auth::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(4,5,8,.78) 0%, rgba(4,5,8,.44) 18%, transparent 42%, transparent 58%, rgba(4,5,8,.48) 82%, rgba(4,5,8,.80) 100%),
    radial-gradient(circle at 18% 22%, rgba(255,181,72,.12), transparent 22%),
    radial-gradient(circle at 84% 18%, rgba(255,72,44,.14), transparent 24%),
    radial-gradient(circle at 30% 75%, rgba(55,122,255,.08), transparent 20%);
  z-index:-1;
}
body.r1916-auth .auth-art,
body.r1916-auth .auth-box{
  background-color:rgba(8,10,14,.74)!important;
  backdrop-filter:blur(8px) saturate(112%);
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.r1916-auth .auth-art::before{display:none!important}
body.r1916-auth .auth-art{background-color:rgba(7,10,14,.58)!important}

@media (max-width: 980px){
  body.route-ranking::before,
  body.route-ranking-character::before,
  body.route-shop::before,
  body.route-market::before,
  body.route-market-item::before,
  body.route-vip::before,
  body.route-news::before,
  body.route-downloads::before,
  body.route-guide::before,
  body.route-support::before,
  body.route-castle::before,
  body.route-events::before,
  body.route-home::before,
  body.r1916-auth{
    background:
      linear-gradient(180deg, rgba(4,6,10,.82) 0%, rgba(5,9,16,.72) 20%, rgba(7,10,14,.64) 42%, rgba(7,7,9,.80) 76%, rgba(4,5,7,.92) 100%),
      linear-gradient(90deg, rgba(4,5,8,.84) 0%, rgba(4,5,8,.54) 16%, rgba(0,0,0,.14) 38%, rgba(0,0,0,.14) 62%, rgba(4,5,8,.58) 84%, rgba(4,5,8,.84) 100%),
      url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') 52% top / cover no-repeat scroll !important;
  }
}

/* =====================================================
   DarknessMu Next
   Legal Center + Registration Consent Gate
   ===================================================== */
.legal-page-hero{padding:96px 0 58px!important;background:linear-gradient(180deg,rgba(5,8,13,.46),rgba(6,8,12,.66))!important}
.legal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.legal-hero-grid h1{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:12px 0 16px}
.legal-hero-grid p{max-width:760px;font-size:15px;line-height:1.75;color:#cdb7a5;margin:0}
.legal-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.legal-meta-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(255,137,37,.24);border-radius:999px;background:rgba(10,12,16,.62);color:#e4c8af;font-size:11px;font-weight:800}
.legal-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.legal-page-section{background:transparent!important;padding:44px 0 78px!important}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.legal-side-card{position:sticky;top:92px;padding:20px;background:rgba(8,10,14,.84)!important;border:1px solid rgba(255,133,33,.22)!important}
.legal-side-card>strong{display:block;font-size:20px;margin:8px 0}.legal-side-card>p{font-size:12px;line-height:1.65;color:#bba798;margin:0 0 18px}.legal-side-card nav{display:grid;gap:7px}.legal-side-card nav a{display:flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.025);font-size:12px;color:#cdb9aa;font-weight:750}.legal-side-card nav a:hover,.legal-side-card nav a.active{border-color:rgba(255,135,34,.36);background:rgba(255,126,31,.08);color:#fff1e5}
.legal-document{padding:clamp(22px,4vw,42px);background:rgba(8,10,14,.86)!important;border:1px solid rgba(255,133,33,.20)!important;box-shadow:0 28px 72px rgba(0,0,0,.28)!important}
.legal-section-block{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid rgba(255,255,255,.065)}.legal-section-block:last-of-type{border-bottom:0}.legal-section-block h2{font-size:20px;line-height:1.25;margin:0 0 10px;color:#fff3e8;letter-spacing:-.025em}.legal-section-block p{font-size:14px;line-height:1.86;color:#c8b6aa;margin:0;white-space:normal}
.legal-contact-box{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding:18px;border:1px solid rgba(255,137,37,.20);border-radius:14px;background:linear-gradient(135deg,rgba(255,126,31,.08),rgba(44,112,220,.035))}.legal-contact-box strong{font-size:15px}.legal-contact-box span{font-size:12px;color:#bca99b}.legal-contact-box .btn{grid-column:2;grid-row:1/3}

.register-legal-gate{margin:18px 0;padding:14px;border:1px solid rgba(255,137,37,.22);border-radius:14px;background:rgba(8,10,14,.52)}
.register-legal-head{display:grid;gap:6px;margin-bottom:10px}.register-legal-head>strong{font-size:13px;line-height:1.45;color:#f6e7da}.register-legal-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.register-legal-row>div strong{display:block;font-size:12px;color:#fff3e8}.register-legal-row>div small{display:block;margin-top:3px;color:#8e7e72;font-size:10px}.register-legal-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,137,37,.18);background:rgba(255,126,31,.06);color:#d5a776;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.register-legal-row.is-accepted .register-legal-status{border-color:rgba(53,214,160,.24);background:rgba(53,214,160,.08);color:#58dda9}.register-legal-row.is-accepted .btn{border-color:rgba(53,214,160,.18)}.register-legal-help{margin:10px 0 0;font-size:10px;line-height:1.5;color:#927f72}.register-submit:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.45);transform:none!important;box-shadow:none!important}

.legal-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px}.legal-modal.is-open{display:flex}.legal-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.legal-modal-panel{position:relative;width:min(860px,100%);max-height:min(88vh,900px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(255,139,39,.28);border-radius:18px;background:linear-gradient(180deg,rgba(13,14,18,.98),rgba(7,9,13,.99));box-shadow:0 40px 110px rgba(0,0,0,.58);overflow:hidden}.legal-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.legal-modal-head h3{font-size:22px;line-height:1.1;margin:6px 0 4px;color:#fff3e8}.legal-modal-head small{font-size:10px;color:#9d8b7e}.legal-modal-x{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#110d0e;color:#f5dfcf;font-size:24px;line-height:1;cursor:pointer}.legal-modal-scroll{overflow:auto;padding:22px 24px;scrollbar-color:#8d4824 #0b0d11;scrollbar-width:thin}.legal-modal-scroll section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.legal-modal-scroll h4{font-size:16px;margin:0 0 8px;color:#fff0e4}.legal-modal-scroll p{font-size:13px;line-height:1.82;color:#c5b3a7;margin:0}.legal-scroll-end{display:grid;place-items:center;min-height:52px;border:1px dashed rgba(255,139,39,.28);border-radius:10px;color:#d8aa79;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.legal-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,6,9,.82)}.legal-modal-foot>div{display:grid;gap:4px}.legal-modal-foot span{font-size:10px;color:#9d897a}.legal-modal-foot a{font-size:10px;color:#ffad55;font-weight:800}.legal-modal-foot .btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}.legal-modal-open{overflow:hidden}

@media(max-width:760px){
  .legal-hero-grid,.legal-layout{grid-template-columns:1fr}.legal-hero-actions{justify-content:flex-start}.legal-side-card{position:relative;top:auto}.legal-side-card nav{grid-template-columns:1fr 1fr}.legal-contact-box{grid-template-columns:1fr}.legal-contact-box .btn{grid-column:auto;grid-row:auto;justify-self:start}.register-legal-row{grid-template-columns:1fr auto}.register-legal-status{grid-column:1}.register-legal-row .btn{grid-column:2;grid-row:1/3}.legal-modal{padding:9px}.legal-modal-panel{max-height:94vh;border-radius:14px}.legal-modal-head{padding:15px}.legal-modal-scroll{padding:18px 16px}.legal-modal-foot{align-items:stretch;flex-direction:column;padding:13px 15px}.legal-modal-foot .btn{width:100%}
}

/* =====================================================
   DarknessMu Next — Account Menu + Notification Center
   ===================================================== */
.sx43-user-menu,.sx43-notification-menu{position:relative}.sx43-user-menu>summary,.sx43-notification-menu>summary{list-style:none;cursor:pointer}.sx43-user-menu>summary::-webkit-details-marker,.sx43-notification-menu>summary::-webkit-details-marker{display:none}.sx43-user-menu[open]>summary,.sx43-notification-menu[open]>summary{border-color:#8a401c!important;background:#160f0e!important}.sx43-user-menu .sx31-user-chip{padding-right:10px}.sx43-user-menu .sx31-user-chip em{font-style:normal;color:#b58b72;font-size:11px;margin-left:3px}.sx43-user-pop,.sx43-notification-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:500;border:1px solid #542713;border-radius:14px;background:rgba(12,9,9,.98);box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(18px)}.sx43-user-pop{width:245px;padding:8px}.sx43-user-pop>a,.sx43-user-pop form button{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#ead8cb;font-size:12px;font-weight:750;text-align:left;cursor:pointer}.sx43-user-pop>a:hover,.sx43-user-pop form button:hover{background:#1b1110;color:#fff}.sx43-user-pop form:last-child button{color:#ff9f8d}.sx43-pop-separator{height:1px;background:#3b1c12;margin:6px 4px}.sx43-notification-menu>.sx31-icon-action{position:relative}.sx43-notification-menu>.sx31-icon-action>b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ff6d30;color:#fff;border:2px solid #0c0909;font-size:8px;font-weight:900}.sx43-notification-pop{width:min(410px,calc(100vw - 28px));overflow:hidden}.sx43-notification-pop>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-bottom:1px solid #3d1d12}.sx43-notification-pop>header small{display:block;color:#a97658;font-size:9px;font-weight:900;letter-spacing:.12em}.sx43-notification-pop>header strong{display:block;color:#fff3e8;font-size:15px;margin-top:2px}.sx43-notification-pop>header button{border:0;background:transparent;color:#ff9d4a;font-size:10px;font-weight:850;cursor:pointer}.sx43-notification-list{max-height:410px;overflow:auto}.sx43-notification-list>a{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:12px 15px;border-bottom:1px solid #28150f;color:#ccb7a8;transition:.16s}.sx43-notification-list>a:hover{background:#160f0e}.sx43-notification-list>a.is-unread{background:linear-gradient(90deg,rgba(255,122,26,.08),rgba(255,122,26,.01))}.sx43-note-dot{width:7px;height:7px;border-radius:50%;background:#6b5042;margin-top:6px}.is-unread>.sx43-note-dot,.sx43-notification-row.is-unread .sx43-note-dot{background:#ff7a1a;box-shadow:0 0 12px rgba(255,122,26,.42)}.sx43-notification-list strong{display:block;color:#fff0e4;font-size:12px}.sx43-notification-list p{margin:3px 0 5px;font-size:11px;line-height:1.45;color:#b89f91}.sx43-notification-list small{font-size:9px;color:#846f64}.sx43-notification-pop>footer{padding:10px 14px;text-align:center;background:#0b0808}.sx43-notification-pop>footer a{color:#ffad5b;font-size:11px;font-weight:850}.sx43-note-empty{padding:25px;text-align:center;color:#88766b;font-size:11px}.sx43-note-empty.large{padding:50px 20px}.sx43-notification-center{border:1px solid #4b2517;border-radius:18px;background:linear-gradient(180deg,#120d0e,#0b0909);overflow:hidden}.sx43-notification-center-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #4b2517}.sx43-notification-center-head span{color:#ff9d40;font-size:10px;font-weight:900;letter-spacing:.14em}.sx43-notification-center-head h2{margin:5px 0 4px;font-size:23px}.sx43-notification-center-head p{margin:0;color:#af998b;font-size:12px}.sx43-notification-feed{display:grid}.sx43-notification-row{display:grid;grid-template-columns:10px 1fr auto;align-items:start;gap:12px;padding:16px 20px;border-bottom:1px solid #351a11;color:#ccb7aa}.sx43-notification-row:last-child{border-bottom:0}.sx43-notification-row:hover{background:#160f0e}.sx43-notification-row.is-unread{background:linear-gradient(90deg,rgba(255,122,26,.07),transparent 52%)}.sx43-notification-row strong{display:block;color:#fff3e8;font-size:14px}.sx43-notification-row p{margin:4px 0 6px;color:#b8a195;font-size:12px}.sx43-notification-row small{font-size:9px;color:#856f63;letter-spacing:.06em}.sx43-notification-row em{font-style:normal;font-size:22px;color:#ff9c43}.sx31-sidebar>.sx31-nav-caption:first-of-type{margin-top:16px}@media(max-width:720px){.sx43-notification-pop{position:fixed;right:10px;left:10px;top:68px;width:auto}.sx43-user-pop{right:0}.sx43-notification-center-head{align-items:flex-start;flex-direction:column}}

/* =====================================================
   DarknessMu Next
   Modern Registration Experience + Legal Modal Fix
   ===================================================== */
.legal-registration-page{
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(4,6,10,.70),rgba(5,7,11,.88)),
    url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') center center / cover no-repeat fixed!important;
}
.legal-registration-page .auth-language{z-index:1250}
.legal-registration-page .auth-page{
  width:min(1540px,100%);
  margin:0 auto;
  grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr);
  background:transparent;
  position:relative;
}
.legal-registration-page .auth-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,176,70,.12),transparent 22%),
    radial-gradient(circle at 88% 14%,rgba(255,88,38,.10),transparent 24%),
    linear-gradient(90deg,rgba(3,5,8,.24),transparent 34%,transparent 70%,rgba(3,5,8,.30));
}
.legal-registration-page .auth-art{
  min-height:100vh;
  padding:52px 54px 42px;
  background:
    linear-gradient(180deg,rgba(5,8,13,.50),rgba(5,7,10,.76))!important;
  border-right:1px solid rgba(255,139,39,.16);
  backdrop-filter:blur(4px) saturate(108%);
  position:sticky;
  top:0;
}
.legal-registration-page .auth-art:before{
  display:block!important;
  background:
    linear-gradient(180deg,rgba(4,7,11,.12),rgba(4,7,11,.68)),
    var(--p16-auth-media,none) center center / cover no-repeat,
    radial-gradient(circle at 72% 28%,rgba(255,132,34,.16),transparent 32%)!important;
  opacity:.70;
}
.legal-registration-page .auth-art .brand{
  width:max-content;
  padding:9px 12px 9px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(6,8,12,.42);
  backdrop-filter:blur(10px);
}
.legal-registration-page .auth-art .brand:before{width:42px;height:42px;border-radius:12px}
.legal-registration-page .register-art-copy{position:relative;z-index:2;max-width:560px;margin:auto 0}
.legal-registration-page .register-art-copy .eyebrow{font-size:11px!important;letter-spacing:.18em!important}
.legal-registration-page .register-art-copy h1{
  max-width:560px;
  font-size:clamp(42px,4.1vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
  margin:16px 0 20px!important;
  text-shadow:0 20px 50px rgba(0,0,0,.42);
}
.legal-registration-page .register-art-copy>p{font-size:14px!important;line-height:1.72!important;max-width:500px}
.legal-registration-page .register-art-points{display:grid;gap:9px;margin-top:28px;max-width:520px}
.legal-registration-page .register-art-points span{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(6,9,14,.42);
  color:#d9c7ba;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(7px);
}
.legal-registration-page .register-art-points b{
  width:34px;height:30px;display:grid;place-items:center;
  border-radius:9px;background:rgba(255,126,31,.12);color:#ffb45e;font-size:10px;letter-spacing:.08em;
}
.legal-registration-page .register-art-foot{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#af9989;font-size:11px;font-weight:750}
.legal-registration-page .register-art-foot i{width:7px;height:7px;border-radius:50%;background:#35d6a0;box-shadow:0 0 0 5px rgba(53,214,160,.08)}

.legal-registration-page .auth-box{
  display:block;
  min-width:0;
  padding:38px clamp(24px,4vw,68px) 56px;
  background:linear-gradient(180deg,rgba(8,9,12,.56),rgba(9,8,9,.70))!important;
  backdrop-filter:blur(10px) saturate(112%);
  overflow:auto;
}
.legal-registration-page .legal-register-form{
  width:min(720px,100%);
  margin:0 auto;
  padding:30px;
  border:1px solid rgba(255,139,39,.20);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,13,14,.88),rgba(8,9,12,.90));
  box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px) saturate(115%);
}
.legal-registration-page .register-form-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.legal-registration-page .register-form-intro h2{font-size:34px!important;line-height:1!important;margin:7px 0 0!important}
.legal-registration-page .register-secure-badge{
  display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;
  border:1px solid rgba(53,214,160,.20);border-radius:999px;background:rgba(53,214,160,.06);color:#72e4b7;font-size:10px;font-weight:850;white-space:nowrap;
}
.legal-registration-page .register-form-lead{margin:10px 0 22px!important;font-size:13px!important;color:#ae9a8d!important}
.legal-registration-page .register-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.legal-registration-page .register-fields-grid .field{margin:0!important}
.legal-registration-page .register-field-wide{grid-column:1/-1}
.legal-registration-page .register-fields-grid label{display:block;margin-bottom:7px;color:#d9c3b2!important;font-size:11px!important;font-weight:800;letter-spacing:.02em}
.legal-registration-page .register-fields-grid .input,
.legal-registration-page .register-fields-grid .select{
  width:100%;min-height:48px!important;border-radius:12px!important;border-color:rgba(255,139,39,.18)!important;background:rgba(7,9,12,.70)!important;color:#fff3e8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.legal-registration-page .register-fields-grid .input:focus,
.legal-registration-page .register-fields-grid .select:focus{border-color:rgba(255,145,45,.54)!important;box-shadow:0 0 0 3px rgba(255,126,31,.08)!important;outline:none}
.legal-registration-page .register-fields-grid small{display:block;margin-top:7px;font-size:10px!important;line-height:1.5}

.legal-registration-page .register-legal-gate{
  margin:20px 0 16px;
  padding:16px;
  border-color:rgba(255,139,39,.20);
  background:linear-gradient(135deg,rgba(255,126,31,.055),rgba(7,10,14,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.legal-registration-page .register-legal-head{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}
.legal-registration-page .register-legal-head .eyebrow{margin:0;padding:5px 7px;border-radius:7px;background:rgba(255,126,31,.10)}
.legal-registration-page .register-legal-row{min-height:66px;padding:12px 0}
.legal-registration-page .register-legal-row .btn{min-width:128px;background:rgba(255,126,31,.08)!important;border-color:rgba(255,139,39,.24)!important;color:#ffd2a1!important}
.legal-registration-page .register-legal-row .btn:hover{background:rgba(255,126,31,.15)!important;border-color:rgba(255,139,39,.40)!important}
.legal-registration-page .register-submit{min-height:50px;border-radius:12px;font-size:13px;font-weight:900;letter-spacing:.02em}

.legal-registration-page .legal-modal{z-index:4000}
.legal-registration-page .legal-modal-backdrop{background:rgba(2,4,7,.84);backdrop-filter:blur(10px)}
.legal-registration-page .legal-modal-panel{
  width:min(920px,100%);
  border-color:rgba(255,143,40,.32);
  background:linear-gradient(180deg,rgba(14,15,20,.995),rgba(6,8,12,.995));
  box-shadow:0 50px 140px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.018);
}
.legal-registration-page .legal-modal-head{padding:20px 22px;background:linear-gradient(90deg,rgba(255,126,31,.055),rgba(255,255,255,.012))}
.legal-registration-page .legal-modal-scroll{padding:24px 28px;background:radial-gradient(circle at 84% 0,rgba(255,136,38,.045),transparent 26%)}
.legal-registration-page .legal-modal-foot{padding:16px 22px;background:rgba(5,7,10,.94)}

@media(max-width:1050px){
  .legal-registration-page .auth-page{grid-template-columns:minmax(320px,.7fr) minmax(540px,1.3fr)}
  .legal-registration-page .auth-art{padding:42px 34px}
  .legal-registration-page .register-art-copy h1{font-size:44px!important}
  .legal-registration-page .legal-register-form{padding:24px}
}
@media(max-width:900px){
  .legal-registration-page .auth-page{display:block}
  .legal-registration-page .auth-art{position:relative;min-height:360px;padding:32px 24px;border-right:0;border-bottom:1px solid rgba(255,139,39,.15)}
  .legal-registration-page .register-art-copy{margin:60px 0 30px}
  .legal-registration-page .register-art-copy h1{font-size:38px!important;max-width:600px}
  .legal-registration-page .register-art-points{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  .legal-registration-page .register-art-points span{grid-template-columns:1fr;align-content:start;min-height:96px}
  .legal-registration-page .auth-box{padding:28px 18px 46px}
}
@media(max-width:650px){
  .legal-registration-page .auth-art{min-height:300px;padding:24px 18px}
  .legal-registration-page .register-art-copy{margin:48px 0 18px}
  .legal-registration-page .register-art-copy h1{font-size:32px!important}
  .legal-registration-page .register-art-points{display:none}
  .legal-registration-page .legal-register-form{padding:20px 16px;border-radius:18px}
  .legal-registration-page .register-form-intro{display:grid;gap:12px}
  .legal-registration-page .register-form-intro h2{font-size:29px!important}
  .legal-registration-page .register-secure-badge{width:max-content}
  .legal-registration-page .register-fields-grid{grid-template-columns:1fr}
  .legal-registration-page .register-field-wide{grid-column:auto}
  .legal-registration-page .register-legal-row{grid-template-columns:1fr}
  .legal-registration-page .register-legal-status{grid-column:auto;width:max-content}
  .legal-registration-page .register-legal-row .btn{grid-column:auto;grid-row:auto;width:100%}
  .legal-registration-page .legal-modal-panel{max-height:96vh;border-radius:14px}
}

/* =====================================================
   DarknessMu Next
   Modern Login Experience — Registration Visual Sync
   ===================================================== */
.modern-login-page .auth-page{
  grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr);
}
.modern-login-page .auth-box{
  display:grid;
  place-items:center;
  min-height:100vh;
  overflow:auto;
}
.modern-login-page .modern-login-form{
  width:min(560px,100%);
  padding:34px;
}
.modern-login-page .login-art-copy{max-width:590px}
.modern-login-page .login-art-copy h1{max-width:590px}
.modern-login-page .login-art-points{max-width:540px}
.modern-login-page .login-form-intro{align-items:flex-start}
.modern-login-page .login-fields-stack{display:grid;gap:14px;margin-top:4px}
.modern-login-page .login-fields-stack .field{margin:0!important}
.modern-login-page .login-fields-stack label{
  display:block;
  margin-bottom:7px;
  color:#d9c3b2!important;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:.02em;
}
.modern-login-page .login-fields-stack .input{
  width:100%;
  min-height:50px!important;
  border-radius:12px!important;
  border-color:rgba(255,139,39,.18)!important;
  background:rgba(7,9,12,.72)!important;
  color:#fff3e8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.modern-login-page .login-fields-stack .input:focus{
  border-color:rgba(255,145,45,.54)!important;
  box-shadow:0 0 0 3px rgba(255,126,31,.08)!important;
  outline:none;
}
.modern-login-page .login-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.modern-login-page .login-label-row label{margin-bottom:7px}
.modern-login-page .login-label-row a{margin-bottom:7px;color:#ffae5b;font-size:10px;font-weight:800}
.modern-login-page .login-label-row a:hover{color:#ffd09a}
.modern-login-page .login-trust-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:18px 0 14px;
}
.modern-login-page .login-trust-strip span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:rgba(7,10,14,.44);
  color:#bfa99a;
  font-size:10.5px;
  font-weight:700;
}
.modern-login-page .login-trust-strip i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#35d6a0;
  box-shadow:0 0 0 4px rgba(53,214,160,.07);
}
.modern-login-page .modern-login-submit{
  min-height:51px;
  margin-top:2px;
  border-radius:12px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.02em;
}
.modern-login-page .modern-login-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 13px;
  color:#8e796c;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.modern-login-page .modern-login-divider:before,
.modern-login-page .modern-login-divider:after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,139,39,.18));
}
.modern-login-page .modern-login-divider:after{transform:scaleX(-1)}
.modern-login-page .modern-login-create{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,139,39,.22);
  border-radius:12px;
  background:rgba(255,126,31,.055);
  color:#ffd2a1;
  font-size:12px;
  font-weight:850;
  transition:.18s ease;
}
.modern-login-page .modern-login-create:hover{
  transform:translateY(-1px);
  border-color:rgba(255,139,39,.40);
  background:rgba(255,126,31,.10);
}
.modern-login-page .modern-login-foot{margin:18px 0 0;text-align:center;font-size:11px}
.modern-login-page .modern-login-foot a{color:#9e897c}
.modern-login-page .modern-login-foot a:hover{color:#fff0e5}

@media(max-width:1050px){
  .modern-login-page .auth-page{grid-template-columns:minmax(330px,.72fr) minmax(500px,1.28fr)}
  .modern-login-page .modern-login-form{padding:28px}
}
@media(max-width:900px){
  .modern-login-page .auth-box{min-height:auto;place-items:stretch}
  .modern-login-page .modern-login-form{width:min(640px,100%)}
}
@media(max-width:650px){
  .modern-login-page .modern-login-form{padding:21px 16px;border-radius:18px}
  .modern-login-page .login-trust-strip{grid-template-columns:1fr}
  .modern-login-page .login-label-row{align-items:flex-start;flex-direction:column;gap:0}
  .modern-login-page .login-label-row a{margin-top:-2px;margin-bottom:8px}
}

/* =====================================================
   DarknessMu Next
   Premium Legal Center + Formatting Fix
   ===================================================== */
body.route-terms,
body.route-privacy{
  --legal-accent:255,139,39;
  --legal-blue:74,134,255;
}
body.route-privacy{--legal-accent:65,184,164;--legal-blue:86,132,255}
body.route-terms::before,
body.route-privacy::before{
  background:
    linear-gradient(180deg,rgba(4,6,10,.74) 0%,rgba(5,8,14,.61) 20%,rgba(7,9,13,.60) 50%,rgba(7,7,9,.77) 82%,rgba(4,5,7,.91) 100%),
    linear-gradient(90deg,rgba(4,5,8,.76) 0%,rgba(4,5,8,.40) 16%,transparent 30%,transparent 70%,rgba(4,5,8,.44) 84%,rgba(4,5,8,.78) 100%),
    url('../images/backgrounds/darknessmu-cinematic-public-bg.webp') center top / cover no-repeat fixed!important;
}
body.route-terms::after,
body.route-privacy::after{
  background:
    radial-gradient(circle at 13% 18%,rgba(var(--legal-blue),.10),transparent 23%),
    radial-gradient(circle at 86% 18%,rgba(var(--legal-accent),.12),transparent 22%),
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.018) 26%,transparent 44%)!important;
  opacity:.92!important;
}
.legal-premium-hero{
  min-height:360px;
  display:flex;
  align-items:flex-end;
  padding:116px 0 58px!important;
  background:
    radial-gradient(circle at 16% 20%,rgba(var(--legal-blue),.12),transparent 29%),
    radial-gradient(circle at 84% 16%,rgba(var(--legal-accent),.15),transparent 28%),
    linear-gradient(180deg,rgba(5,8,13,.18),rgba(6,8,12,.48))!important;
  border-bottom:1px solid rgba(var(--legal-accent),.16)!important;
}
.legal-premium-hero:before{
  inset:0!important;
  width:auto!important;
  height:auto!important;
  right:auto!important;
  top:auto!important;
  border-radius:0!important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(to bottom,#000,transparent 94%);
}
.legal-premium-hero:after{
  content:"";
  position:absolute;
  right:-170px;
  top:-240px;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--legal-accent),.15),transparent 68%);
  pointer-events:none;
}
.legal-premium-hero .legal-hero-grid{position:relative;z-index:2}
.legal-hero-copy{max-width:830px}
.legal-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(var(--legal-accent),.22);border-radius:999px;background:rgba(7,10,14,.44);backdrop-filter:blur(8px)}
.legal-hero-copy h1{font-size:clamp(44px,5.5vw,72px)!important;max-width:900px;text-shadow:0 16px 48px rgba(0,0,0,.34)}
.legal-hero-copy>p{font-size:16px!important;line-height:1.8!important;color:#d7c5b7!important;max-width:790px!important}
.legal-meta-row span{min-height:32px;padding:0 11px;background:rgba(7,10,14,.62)!important;backdrop-filter:blur(9px)}
.legal-premium-page{position:relative;padding:48px 0 88px!important;background:linear-gradient(180deg,rgba(5,8,12,.20),rgba(5,7,10,.38))!important}
.legal-premium-page:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(var(--legal-blue),.045),transparent 20%),
    radial-gradient(circle at 92% 24%,rgba(var(--legal-accent),.045),transparent 20%);
}
.legal-premium-layout{position:relative;z-index:1;grid-template-columns:280px minmax(0,1fr)!important;gap:22px!important;max-width:1240px}
.legal-premium-side{
  top:96px!important;
  padding:22px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(9,12,17,.88),rgba(7,9,13,.92))!important;
  border:1px solid rgba(var(--legal-accent),.20)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(12px) saturate(112%);
}
.legal-premium-side>strong{font-size:22px!important;margin:10px 0 7px!important;color:#fff3e8}
.legal-premium-side>p{font-size:12.5px!important;line-height:1.7!important;color:#bca99a!important}
.legal-main-nav{display:grid!important;gap:8px!important}
.legal-main-nav a{min-height:42px!important;padding:0 13px!important;border-radius:10px!important}
.legal-index{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.legal-index>span{display:block;margin-bottom:9px;color:#8f7f73;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.legal-index>div{display:grid;gap:4px;max-height:330px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(var(--legal-accent),.5) transparent}
.legal-index a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:7px;border-radius:8px;color:#aa9789;transition:.18s ease}
.legal-index a:hover{background:rgba(var(--legal-accent),.07);color:#f3dfd0}
.legal-index b{display:grid;place-items:center;width:28px;height:24px;border-radius:6px;background:rgba(var(--legal-accent),.08);color:rgb(var(--legal-accent));font-size:9px}
.legal-index em{font-style:normal;font-size:10.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.legal-premium-document{
  padding:0!important;
  overflow:hidden;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(9,12,17,.91),rgba(7,9,13,.94))!important;
  border:1px solid rgba(var(--legal-accent),.18)!important;
  box-shadow:0 34px 86px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.028)!important;
  backdrop-filter:blur(12px) saturate(110%);
}
.legal-document-intro{padding:30px 34px 27px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(var(--legal-accent),.06),rgba(var(--legal-blue),.025))}
.legal-document-intro>span{display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid rgba(var(--legal-accent),.20);border-radius:999px;color:rgb(var(--legal-accent));font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.legal-document-intro h2{font-size:27px!important;line-height:1.1;margin:12px 0 8px;color:#fff3e8;letter-spacing:-.035em}
.legal-document-intro p{margin:0;max-width:760px;color:#b9a79a;font-size:13px;line-height:1.7}
.legal-section-stack{padding:12px 34px 8px}
.legal-premium-block{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:16px;
  padding:24px 0!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  scroll-margin-top:100px;
}
.legal-premium-block:last-child{border-bottom:0!important}
.legal-section-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(var(--legal-accent),.18);border-radius:10px;background:linear-gradient(145deg,rgba(var(--legal-accent),.10),rgba(var(--legal-blue),.035));color:rgb(var(--legal-accent));font-size:10px;font-weight:900;letter-spacing:.05em}
.legal-section-content h2{font-size:19px!important;line-height:1.35!important;margin:3px 0 10px!important;color:#fff1e6!important;letter-spacing:-.02em!important}
.legal-section-content p{margin:0!important;max-width:860px;color:#c8b7aa!important;font-size:14px!important;line-height:1.9!important;white-space:normal!important;overflow-wrap:anywhere}
.legal-premium-contact{margin:10px 34px 34px!important;padding:18px 20px!important;grid-template-columns:minmax(0,1fr) auto!important;background:linear-gradient(135deg,rgba(var(--legal-accent),.09),rgba(var(--legal-blue),.04))!important;border-color:rgba(var(--legal-accent),.18)!important}
.legal-premium-contact>div{display:grid;gap:4px}.legal-premium-contact strong{font-size:15px!important}.legal-premium-contact span{font-size:12px!important;line-height:1.55;color:#bca99b!important}.legal-premium-contact .btn{grid-column:auto!important;grid-row:auto!important;align-self:center}

/* Keep legal text formatting consistent inside registration modal too. */
.legal-registration-page .legal-modal-scroll section{padding:0 0 22px;margin:0 0 22px}
.legal-registration-page .legal-modal-scroll h4{font-size:17px!important;line-height:1.35!important;margin:0 0 9px!important}
.legal-registration-page .legal-modal-scroll p{font-size:13.5px!important;line-height:1.86!important;color:#ccb9ab!important;overflow-wrap:anywhere}

@media(max-width:980px){
  .legal-premium-layout{grid-template-columns:1fr!important}
  .legal-premium-side{position:relative!important;top:auto!important}
  .legal-index>div{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .legal-premium-hero{min-height:310px;padding:92px 0 42px!important}
  .legal-hero-copy h1{font-size:39px!important}
  .legal-hero-copy>p{font-size:14px!important}
  .legal-index>div{grid-template-columns:1fr}
  .legal-document-intro{padding:24px 20px 21px}
  .legal-document-intro h2{font-size:23px!important}
  .legal-section-stack{padding:8px 20px}
  .legal-premium-block{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:20px 0!important}
  .legal-section-number{width:32px;height:32px;border-radius:8px}
  .legal-section-content h2{font-size:17px!important}
  .legal-section-content p{font-size:13.5px!important;line-height:1.82!important}
  .legal-premium-contact{margin:8px 20px 24px!important;grid-template-columns:1fr!important}
  .legal-premium-contact .btn{justify-self:start}
}


/* =====================================================
   DarknessMu Next
   Unified Premium Public Page Pattern
   ===================================================== */
body.sx-public .sx31-saas-page-hero,
body.sx-public .page-hero.legal-page-hero,
body.sx-public .sx31-public-store,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-vip-public-shell,
body.sx-public .sx31-news-list-pro,
body.sx-public .sx31-downloads-shell,
body.sx-public .sx31-guide-shell,
body.sx-public .sx31-support-shell,
body.sx-public .sx31-events-shell,
body.sx-public .sx31-castle-shell,
body.sx-public .sx-char-inventory-section,
body.sx-public .sx-char-public-hero,
body.sx-public .ranking-premium-shell,
body.sx-public .legal-premium-page{
  position:relative;
  max-width:min(1320px, calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
  border:1px solid rgba(255,126,26,.14);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 32px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
body.sx-public .sx31-saas-page-hero,
body.sx-public .page-hero.legal-page-hero,
body.sx-public .sx-char-public-hero,
body.sx-public .ranking-premium-shell{
  margin-top:32px;
  background:linear-gradient(180deg, rgba(7,9,13,.72), rgba(7,9,13,.84))!important;
  backdrop-filter:blur(7px) saturate(112%);
}
body.sx-public .sx31-public-store,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-vip-public-shell,
body.sx-public .sx31-news-list-pro,
body.sx-public .sx31-downloads-shell,
body.sx-public .sx31-guide-shell,
body.sx-public .sx31-support-shell,
body.sx-public .sx31-events-shell,
body.sx-public .sx31-castle-shell,
body.sx-public .sx-char-inventory-section,
body.sx-public .legal-premium-page{
  margin-top:18px;
  margin-bottom:32px;
  background:linear-gradient(180deg, rgba(8,10,14,.62), rgba(8,10,14,.84))!important;
  backdrop-filter:blur(9px) saturate(114%);
}
body.sx-public .sx31-saas-page-hero::before,
body.sx-public .page-hero.legal-page-hero::before,
body.sx-public .sx31-public-store::before,
body.sx-public .sx-market-public::before,
body.sx-public .sx-shop-public-shell::before,
body.sx-public .sx31-vip-public-shell::before,
body.sx-public .sx31-news-list-pro::before,
body.sx-public .sx31-downloads-shell::before,
body.sx-public .sx31-guide-shell::before,
body.sx-public .sx31-support-shell::before,
body.sx-public .sx31-events-shell::before,
body.sx-public .sx31-castle-shell::before,
body.sx-public .sx-char-inventory-section::before,
body.sx-public .sx-char-public-hero::before,
body.sx-public .legal-premium-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 16%, rgba(255,166,64,.08), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.08), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.012));
}
body.sx-public .sx31-saas-page-hero > *,
body.sx-public .page-hero.legal-page-hero > *,
body.sx-public .sx31-public-store > *,
body.sx-public .sx-market-public > *,
body.sx-public .sx-shop-public-shell > *,
body.sx-public .sx31-vip-public-shell > *,
body.sx-public .sx31-news-list-pro > *,
body.sx-public .sx31-downloads-shell > *,
body.sx-public .sx31-guide-shell > *,
body.sx-public .sx31-support-shell > *,
body.sx-public .sx31-events-shell > *,
body.sx-public .sx31-castle-shell > *,
body.sx-public .sx-char-inventory-section > *,
body.sx-public .sx-char-public-hero > *,
body.sx-public .legal-premium-page > *{position:relative;z-index:1}

body.sx-public .sx31-saas-page-hero .sx-container,
body.sx-public .sx31-public-store .sx-container,
body.sx-public .sx-market-public .sx-container,
body.sx-public .sx-shop-public-shell .sx-container,
body.sx-public .sx31-vip-public-shell .sx-container,
body.sx-public .sx31-news-list-pro .sx-container,
body.sx-public .sx31-downloads-shell .sx-container,
body.sx-public .sx31-guide-shell .sx-container,
body.sx-public .sx31-support-shell .sx-container,
body.sx-public .sx31-events-shell .sx-container,
body.sx-public .sx31-castle-shell .sx-container,
body.sx-public .sx-char-public-hero .sx-container,
body.sx-public .sx-char-inventory-section .sx-container,
body.sx-public .legal-page-hero .container,
body.sx-public .legal-premium-page .container{
  width:min(1180px, calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
}

body.sx-public .sx31-public-store,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-vip-public-shell,
body.sx-public .sx31-news-list-pro,
body.sx-public .sx31-downloads-shell,
body.sx-public .sx31-guide-shell,
body.sx-public .sx31-support-shell,
body.sx-public .sx31-events-shell,
body.sx-public .sx31-castle-shell,
body.sx-public .sx-char-inventory-section,
body.sx-public .legal-premium-page{padding-top:22px;padding-bottom:24px}

body.sx-public .sx31-panel,
body.sx-public .sx31-kpi,
body.sx-public .sx31-table-card-pro,
body.sx-public .sx31-module-card,
body.sx-public .sx31-plan-card-pro,
body.sx-public .sx31-product-card-pro,
body.sx-public .sx31-news-card-pro,
body.sx-public .sx31-download-card-pro,
body.sx-public .sx31-podium-card,
body.sx-public .sx31-public-product-card,
body.sx-public .sx31-store-tabs,
body.sx-public .sx31-store-filter,
body.sx-public .sx31-vip-summary-panel,
body.sx-public .sx31-vip-workspace-head,
body.sx-public .sx31-character-profile,
body.sx-public .sx31-character-inventory-shell,
body.sx-public .sx-market-card,
body.sx-public .sx-market-detail-panel,
body.sx-public .sx-market-detail-art,
body.sx-public .sx31-cta-board,
body.sx-public .card,
body.sx-public .table-wrap{
  border-radius:22px!important;
  border:1px solid rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.78), rgba(10,12,17,.88))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.sx-public .section-head,
body.sx-public .sx31-section-head,
body.sx-public .sx31-table-head-pro,
body.sx-public .legal-document-intro{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,126,26,.10);
}
body.sx-public .section-head h2,
body.sx-public .sx31-table-head-pro h2,
body.sx-public .legal-document-intro h2{
  letter-spacing:-.02em;
}
body.sx-public .section-head::after,
body.sx-public .sx31-table-head-pro::after,
body.sx-public .legal-document-intro::after{
  content:"";
  display:block;
  width:92px;
  height:1px;
  margin-top:14px;
  background:linear-gradient(90deg, rgba(255,143,36,.95), rgba(255,143,36,0));
}

body.sx-public .sx31-saas-page-hero p,
body.sx-public .page-hero.legal-page-hero p,
body.sx-public .sx-char-public-hero p{max-width:860px}
body.sx-public .sx31-vip-hero-sa .sx-container,
body.sx-public .sx31-saas-page-hero .sx-container{padding-top:8px;padding-bottom:8px}

@media (max-width: 980px){
  body.sx-public .sx31-saas-page-hero,
  body.sx-public .page-hero.legal-page-hero,
  body.sx-public .sx31-public-store,
  body.sx-public .sx-market-public,
  body.sx-public .sx-shop-public-shell,
  body.sx-public .sx31-vip-public-shell,
  body.sx-public .sx31-news-list-pro,
  body.sx-public .sx31-downloads-shell,
  body.sx-public .sx31-guide-shell,
  body.sx-public .sx31-support-shell,
  body.sx-public .sx31-events-shell,
  body.sx-public .sx31-castle-shell,
  body.sx-public .sx-char-inventory-section,
  body.sx-public .sx-char-public-hero,
  body.sx-public .ranking-premium-shell,
  body.sx-public .legal-premium-page{
    max-width:calc(100% - 20px);
    border-radius:22px;
    margin-top:18px;
    margin-bottom:18px;
  }
  body.sx-public .sx31-saas-page-hero .sx-container,
  body.sx-public .sx31-public-store .sx-container,
  body.sx-public .sx-market-public .sx-container,
  body.sx-public .sx-shop-public-shell .sx-container,
  body.sx-public .sx31-vip-public-shell .sx-container,
  body.sx-public .sx31-news-list-pro .sx-container,
  body.sx-public .sx31-downloads-shell .sx-container,
  body.sx-public .sx31-guide-shell .sx-container,
  body.sx-public .sx31-support-shell .sx-container,
  body.sx-public .sx31-events-shell .sx-container,
  body.sx-public .sx31-castle-shell .sx-container,
  body.sx-public .sx-char-public-hero .sx-container,
  body.sx-public .sx-char-inventory-section .sx-container,
  body.sx-public .legal-page-hero .container,
  body.sx-public .legal-premium-page .container{width:calc(100% - 22px)}
}


/* =====================================================
   DarknessMu Next
   Premium Home Page Pattern Sync
   ===================================================== */
body.route-home .sx-hero,
body.route-home .sx-proofbar,
body.route-home .sx-home-portal-section{
  position:relative;
  max-width:min(1320px, calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
  border:1px solid rgba(255,126,26,.14);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 32px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
body.route-home .sx-hero{
  margin-top:32px;
  margin-bottom:18px;
  background:linear-gradient(180deg, rgba(7,9,13,.72), rgba(7,9,13,.84))!important;
  backdrop-filter:blur(7px) saturate(112%);
}
body.route-home .sx-proofbar{
  margin-top:0;
  margin-bottom:18px;
  background:linear-gradient(180deg, rgba(8,10,14,.58), rgba(8,10,14,.78))!important;
  backdrop-filter:blur(8px) saturate(110%);
}
body.route-home .sx-home-portal-section{
  margin-top:0;
  margin-bottom:32px;
  padding-top:24px!important;
  background:linear-gradient(180deg, rgba(8,10,14,.62), rgba(8,10,14,.84))!important;
  backdrop-filter:blur(9px) saturate(114%);
}
body.route-home .sx-hero::before,
body.route-home .sx-proofbar::before,
body.route-home .sx-home-portal-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 16%, rgba(255,166,64,.08), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.08), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.012));
}
body.route-home .sx-hero > *,
body.route-home .sx-proofbar > *,
body.route-home .sx-home-portal-section > *{position:relative;z-index:1}
body.route-home .sx-hero .sx-container,
body.route-home .sx-proofbar .sx-container,
body.route-home .sx-home-portal-container,
body.route-home .sx-home-portal-section .sx-container{
  width:min(1180px, calc(100% - 40px))!important;
  margin-left:auto;
  margin-right:auto;
}
body.route-home .sx-home-portal-head,
body.route-home .sx-home-center-title{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,126,26,.10);
}
body.route-home .sx-home-center-title::after,
body.route-home .sx-home-portal-head::after{
  content:"";
  display:block;
  width:92px;
  height:1px;
  margin-top:14px;
  background:linear-gradient(90deg, rgba(255,143,36,.95), rgba(255,143,36,0));
}
body.route-home .sx-home-widget,
body.route-home .sx-home-center-card,
body.route-home .sx-social-access-card,
body.route-home .sx-home-ranking-card,
body.route-home .sx-home-castle-grid>div,
body.route-home .sx-home-feature,
body.route-home .sx-home-promo-card{
  border-radius:22px!important;
  border:1px solid rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.78), rgba(10,12,17,.88))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.route-home .sx-home-castle-action{
  background:linear-gradient(180deg, rgba(11,13,18,.84), rgba(10,12,17,.92))!important;
}
body.route-home .sx-home-news-row,
body.route-home .sx-home-event-list>a,
body.route-home .sx-home-team-list>div,
body.route-home .sx-home-rate-list div{
  border-top-color:rgba(255,126,26,.10)!important;
}
body.route-home .sx-home-news-index{
  background:rgba(255,121,25,.10)!important;
  border-color:rgba(255,121,25,.18)!important;
}
body.route-home .sx-home-logo-canvas,
body.route-home .sx-stage-v32{
  border-radius:26px!important;
}
body.route-home .sx-hero-copy-v32>p,
body.route-home .sx-home-portal-head p,
body.route-home .sx-home-center-title p{max-width:860px}

@media (max-width: 980px){
  body.route-home .sx-hero,
  body.route-home .sx-proofbar,
  body.route-home .sx-home-portal-section{
    max-width:calc(100% - 20px);
    border-radius:22px;
    margin-top:18px;
    margin-bottom:18px;
  }
  body.route-home .sx-hero .sx-container,
  body.route-home .sx-proofbar .sx-container,
  body.route-home .sx-home-portal-container,
  body.route-home .sx-home-portal-section .sx-container{width:calc(100% - 22px)!important}
}


/* =====================================================
   DarknessMu Next
   Wide Public Layout Tuning
   ===================================================== */
body.sx-public .sx-container,
body.sx-public .container{
  width:min(1480px, calc(100% - 28px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.sx-public .sx31-saas-page-hero,
body.sx-public .page-hero.legal-page-hero,
body.sx-public .sx31-public-store,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-vip-public-shell,
body.sx-public .sx31-news-list-pro,
body.sx-public .sx31-downloads-shell,
body.sx-public .sx31-guide-shell,
body.sx-public .sx31-support-shell,
body.sx-public .sx31-events-shell,
body.sx-public .sx31-castle-shell,
body.sx-public .sx-char-inventory-section,
body.sx-public .sx-char-public-hero,
body.sx-public .ranking-premium-shell,
body.sx-public .legal-premium-page,
body.route-home .sx-hero,
body.route-home .sx-proofbar,
body.route-home .sx-home-portal-section{
  max-width:min(1700px, calc(100% - 20px))!important;
}
body.sx-public .sx31-saas-page-hero .sx-container,
body.sx-public .sx31-public-store .sx-container,
body.sx-public .sx-market-public .sx-container,
body.sx-public .sx-shop-public-shell .sx-container,
body.sx-public .sx31-vip-public-shell .sx-container,
body.sx-public .sx31-news-list-pro .sx-container,
body.sx-public .sx31-downloads-shell .sx-container,
body.sx-public .sx31-guide-shell .sx-container,
body.sx-public .sx31-support-shell .sx-container,
body.sx-public .sx31-events-shell .sx-container,
body.sx-public .sx31-castle-shell .sx-container,
body.sx-public .sx-char-public-hero .sx-container,
body.sx-public .sx-char-inventory-section .sx-container,
body.sx-public .legal-page-hero .container,
body.sx-public .legal-premium-page .container,
body.route-home .sx-hero .sx-container,
body.route-home .sx-proofbar .sx-container,
body.route-home .sx-home-portal-container,
body.route-home .sx-home-portal-section .sx-container{
  width:min(1500px, calc(100% - 32px))!important;
}
body.route-home .sx-home-portal-grid{
  grid-template-columns:260px minmax(0,1fr) 240px!important;
  gap:24px!important;
}
body.route-home .sx-home-centerbar{min-width:0}
body.route-home .sx-home-leftbar,
body.route-home .sx-home-rightbar{align-self:start}
body.route-home .sx-home-rightbar{top:84px!important}

@media (max-width: 1440px){
  body.sx-public .sx-container,
  body.sx-public .container{width:min(1380px, calc(100% - 24px))!important}
  body.route-home .sx-home-portal-grid{grid-template-columns:240px minmax(0,1fr) 220px!important;gap:20px!important}
}
@media (max-width: 1180px){
  body.sx-public .sx-container,
  body.sx-public .container,
  body.sx-public .sx31-saas-page-hero .sx-container,
  body.sx-public .sx31-public-store .sx-container,
  body.sx-public .sx-market-public .sx-container,
  body.sx-public .sx-shop-public-shell .sx-container,
  body.sx-public .sx31-vip-public-shell .sx-container,
  body.sx-public .sx31-news-list-pro .sx-container,
  body.sx-public .sx31-downloads-shell .sx-container,
  body.sx-public .sx31-guide-shell .sx-container,
  body.sx-public .sx31-support-shell .sx-container,
  body.sx-public .sx31-events-shell .sx-container,
  body.sx-public .sx31-castle-shell .sx-container,
  body.sx-public .sx-char-public-hero .sx-container,
  body.sx-public .sx-char-inventory-section .sx-container,
  body.sx-public .legal-page-hero .container,
  body.sx-public .legal-premium-page .container,
  body.route-home .sx-hero .sx-container,
  body.route-home .sx-proofbar .sx-container,
  body.route-home .sx-home-portal-container,
  body.route-home .sx-home-portal-section .sx-container{width:calc(100% - 24px)!important}
}
@media (max-width: 980px){
  body.sx-public .sx31-saas-page-hero,
  body.sx-public .page-hero.legal-page-hero,
  body.sx-public .sx31-public-store,
  body.sx-public .sx-market-public,
  body.sx-public .sx-shop-public-shell,
  body.sx-public .sx31-vip-public-shell,
  body.sx-public .sx31-news-list-pro,
  body.sx-public .sx31-downloads-shell,
  body.sx-public .sx31-guide-shell,
  body.sx-public .sx31-support-shell,
  body.sx-public .sx31-events-shell,
  body.sx-public .sx31-castle-shell,
  body.sx-public .sx-char-inventory-section,
  body.sx-public .sx-char-public-hero,
  body.sx-public .ranking-premium-shell,
  body.sx-public .legal-premium-page,
  body.route-home .sx-hero,
  body.route-home .sx-proofbar,
  body.route-home .sx-home-portal-section{
    max-width:calc(100% - 12px)!important;
    border-radius:20px!important;
  }
  body.route-home .sx-home-portal-grid{grid-template-columns:1fr!important;gap:16px!important}
}


/* =====================================================
   DarknessMu Next
   Configurable Cinematic Background + Sophisticated Retouch
   ===================================================== */
body.sx-public::before,
body.route-home::before,
body.route-ranking::before,
body.route-ranking-character::before,
body.route-shop::before,
body.route-market::before,
body.route-market-item::before,
body.route-vip::before,
body.route-news::before,
body.route-downloads::before,
body.route-guide::before,
body.route-support::before,
body.route-castle::before,
body.route-events::before{
  background-image:
    linear-gradient(180deg,
      rgb(4 6 10 / calc(var(--dm-public-overlay,.72) * .88)) 0%,
      rgb(5 9 16 / calc(var(--dm-public-overlay,.72) * .72)) 19%,
      rgb(7 10 14 / calc(var(--dm-public-overlay,.72) * .60)) 44%,
      rgb(7 7 9 / calc(var(--dm-public-overlay,.72) * .76)) 76%,
      rgb(4 5 7 / calc(var(--dm-public-overlay,.72) * 1.05)) 100%),
    linear-gradient(90deg,rgba(3,5,9,.58) 0%,rgba(3,5,9,.24) 15%,transparent 30%,transparent 70%,rgba(3,5,9,.26) 85%,rgba(3,5,9,.60) 100%),
    var(--dm-public-bg-image,url('../images/backgrounds/darknessmu-cinematic-public-bg.webp'))!important;
  background-position:center center,center center,var(--dm-public-bg-x,50%) var(--dm-public-bg-y,0%)!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body.sx-public::after,
body.route-home::after,
body.route-ranking::after,
body.route-ranking-character::after,
body.route-shop::after,
body.route-market::after,
body.route-market-item::after,
body.route-vip::after,
body.route-news::after,
body.route-downloads::after,
body.route-guide::after,
body.route-support::after,
body.route-castle::after,
body.route-events::after{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,182,72,.10),transparent 21%),
    radial-gradient(circle at 84% 18%,rgba(255,82,46,.11),transparent 23%),
    radial-gradient(circle at 28% 72%,rgba(54,124,255,.075),transparent 23%),
    radial-gradient(circle at 74% 74%,rgba(113,66,255,.075),transparent 22%),
    radial-gradient(ellipse at center,transparent 38%,rgba(3,4,8,.24) 100%),
    linear-gradient(115deg,transparent 0%,rgba(120,169,255,.022) 25%,transparent 44%)!important;
  opacity:.96!important;
  mix-blend-mode:normal;
}
body.r1916-auth{
  background-image:
    linear-gradient(180deg,rgb(4 6 10 / calc(var(--dm-public-overlay,.72) * .92)),rgb(5 7 11 / var(--dm-public-overlay,.72))),
    linear-gradient(90deg,rgba(4,5,8,.68),rgba(4,5,8,.20) 35%,rgba(4,5,8,.20) 65%,rgba(4,5,8,.70)),
    var(--dm-public-bg-image,url('../images/backgrounds/darknessmu-cinematic-public-bg.webp'))!important;
  background-position:center center,center center,var(--dm-public-bg-x,50%) var(--dm-public-bg-y,0%)!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body.sx-public .sx31-saas-page-hero,
body.sx-public .page-hero.legal-page-hero,
body.sx-public .sx31-public-store,
body.sx-public .sx-market-public,
body.sx-public .sx-shop-public-shell,
body.sx-public .sx31-vip-public-shell,
body.sx-public .sx-char-public-hero,
body.sx-public .ranking-premium-shell,
body.sx-public .legal-premium-page,
body.route-home .sx-hero,
body.route-home .sx-proofbar,
body.route-home .sx-home-portal-section{
  box-shadow:0 38px 96px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(255,130,34,.025)!important;
}
@media(max-width:980px){
  body.sx-public::before,
  body.route-home::before,
  body.route-ranking::before,
  body.route-ranking-character::before,
  body.route-shop::before,
  body.route-market::before,
  body.route-market-item::before,
  body.route-vip::before,
  body.route-news::before,
  body.route-downloads::before,
  body.route-guide::before,
  body.route-support::before,
  body.route-castle::before,
  body.route-events::before,
  body.r1916-auth{background-attachment:scroll!important}
}


/* =====================================================
   DarknessMu Next
   Unified Premium Player & Admin Workspace Pattern
   ===================================================== */
body.sx-player-body,
body.sx-admin-body{
  --workspace-shell-bg:rgba(8,10,14,.82);
  --workspace-shell-bg-strong:rgba(10,11,15,.92);
  --workspace-shell-line:rgba(255,126,26,.13);
  --workspace-shell-line-strong:rgba(255,143,36,.22);
  --workspace-shell-shadow:0 28px 72px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.028);
}

body.sx-player-body .sx31-workspace-main,
body.sx-admin-body .sx31-workspace-main{
  position:relative;
  background:
    radial-gradient(circle at 12% 4%,rgba(55,120,255,.065),transparent 22%),
    radial-gradient(circle at 88% 5%,rgba(255,129,31,.075),transparent 24%),
    linear-gradient(180deg,#07090c 0%,#09090b 48%,#0b0808 100%)!important;
}
body.sx-admin-body .sx31-workspace-main{
  background:
    radial-gradient(circle at 10% 4%,rgba(255,142,40,.055),transparent 20%),
    radial-gradient(circle at 90% 4%,rgba(255,92,28,.06),transparent 22%),
    linear-gradient(180deg,#08090b 0%,#0b0909 48%,#0c0808 100%)!important;
}
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{
  content:"";
  position:fixed;
  inset:62px 0 0 var(--sx31-sidebar-w,250px);
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.010) 26%,transparent 48%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 150px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.006) 0 1px,transparent 1px 150px);
  opacity:.52;
  z-index:0;
}
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  background:rgba(7,8,11,.88)!important;
  border-bottom:1px solid rgba(255,126,26,.11)!important;
  backdrop-filter:blur(16px) saturate(116%);
  box-shadow:0 10px 30px rgba(0,0,0,.13);
}
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,126,26,.045),transparent 20%),
    linear-gradient(180deg,rgba(12,10,11,.985),rgba(7,8,10,.995))!important;
  border-right:1px solid rgba(255,126,26,.12)!important;
  box-shadow:18px 0 46px rgba(0,0,0,.16);
}

body.sx-player-body .sx41-content,
body.sx-admin-body .sx41-content{
  position:relative;
  z-index:2;
  max-width:1720px!important;
  padding:30px 26px 72px!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  position:relative;
  overflow:hidden;
  padding:24px 26px!important;
  margin:0 0 14px!important;
  border:1px solid var(--workspace-shell-line)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,132,31,.075),transparent 26%),
    radial-gradient(circle at 10% 20%,rgba(63,124,255,.05),transparent 24%),
    linear-gradient(180deg,rgba(15,14,17,.88),rgba(9,10,13,.92))!important;
  box-shadow:var(--workspace-shell-shadow)!important;
  backdrop-filter:blur(10px) saturate(112%);
}
body.sx-admin-body .sx41-pagehead{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,132,31,.08),transparent 26%),
    linear-gradient(180deg,rgba(16,13,14,.90),rgba(10,9,11,.94))!important;
}
body.sx-player-body .sx41-pagehead::after,
body.sx-admin-body .sx41-pagehead::after{
  content:"";
  position:absolute;
  left:26px;
  bottom:0;
  width:110px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,143,36,.92),rgba(255,143,36,0));
}
body.sx-player-body .sx41-pagehead h1,
body.sx-admin-body .sx41-pagehead h1{font-size:30px!important;letter-spacing:-.035em!important}
body.sx-player-body .sx41-pagehead p,
body.sx-admin-body .sx41-pagehead p{font-size:12.5px!important;line-height:1.6!important;color:#bda99b!important}
body.sx-player-body .sx41-pagehead>div:nth-child(2)>span,
body.sx-admin-body .sx41-pagehead>div:nth-child(2)>span{font-size:9px!important;letter-spacing:.14em!important;color:#e0a06b!important}
body.sx-player-body .sx31-pagehead-icon,
body.sx-admin-body .sx31-pagehead-icon{
  width:48px!important;height:48px!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,122,26,.15),rgba(255,178,74,.07))!important;
  border-color:rgba(255,132,31,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.14);
}

body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{
  position:relative;
  padding:9px!important;
  margin:0 0 14px!important;
  border:1px solid var(--workspace-shell-line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(11,12,16,.76),rgba(9,10,13,.84))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.02)!important;
  backdrop-filter:blur(8px) saturate(110%);
}
body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  min-height:62px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))!important;
  border-color:rgba(255,126,26,.09)!important;
}
body.sx-player-body .sx41-workspace-rail a:hover,
body.sx-admin-body .sx41-workspace-rail a:hover{
  background:linear-gradient(180deg,rgba(255,132,31,.08),rgba(255,132,31,.025))!important;
  border-color:rgba(255,143,36,.24)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
body.sx-player-body .sx41-workspace-rail b,
body.sx-admin-body .sx41-workspace-rail b{font-size:11px!important;color:#f7dfce!important}
body.sx-player-body .sx41-workspace-rail span,
body.sx-admin-body .sx41-workspace-rail span{font-size:9px!important;color:#8f7769!important}

body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  position:relative;
  min-width:0;
  padding:20px!important;
  border:1px solid var(--workspace-shell-line)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 86% 4%,rgba(255,132,31,.038),transparent 20%),
    linear-gradient(180deg,rgba(9,11,15,.74),rgba(8,9,12,.88))!important;
  box-shadow:var(--workspace-shell-shadow)!important;
  backdrop-filter:blur(9px) saturate(112%);
}
body.sx-admin-body .sx41-page-canvas{
  background:
    radial-gradient(circle at 86% 4%,rgba(255,132,31,.042),transparent 20%),
    linear-gradient(180deg,rgba(11,10,13,.78),rgba(9,9,11,.90))!important;
}
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.015),transparent 28%,transparent 72%,rgba(255,255,255,.008));
}
body.sx-player-body .sx41-page-canvas>* ,
body.sx-admin-body .sx41-page-canvas>*{position:relative;z-index:1}

body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  border-radius:19px!important;
  border-color:rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg,rgba(15,13,16,.88),rgba(10,10,13,.94))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.022)!important;
}
body.sx-player-body .sx41-page-canvas .module-title,
body.sx-admin-body .sx41-page-canvas .module-title,
body.sx-player-body .sx41-page-canvas .sx31-section-title,
body.sx-admin-body .sx41-page-canvas .sx31-section-title{
  padding-bottom:14px!important;
  margin-bottom:16px!important;
  border-bottom:1px solid rgba(255,126,26,.10)!important;
}

body.sx-player-body .sx43-notification-pop,
body.sx-player-body .sx43-user-pop,
body.sx-admin-body .sx43-notification-pop,
body.sx-admin-body .sx43-user-pop{
  border-radius:18px!important;
  border-color:rgba(255,126,26,.16)!important;
  background:rgba(10,10,13,.97)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(16px) saturate(116%);
}

@media(max-width:1180px){
  body.sx-player-body .sx41-content,
  body.sx-admin-body .sx41-content{padding:24px 18px 58px!important}
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{padding:16px!important;border-radius:22px!important}
}
@media(max-width:900px){
  body.sx-player-body .sx31-workspace-main::after,
  body.sx-admin-body .sx31-workspace-main::after{left:0}
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead{padding:18px!important;border-radius:20px!important}
  body.sx-player-body .sx41-pagehead h1,
  body.sx-admin-body .sx41-pagehead h1{font-size:25px!important}
  body.sx-player-body .sx41-workspace-rail,
  body.sx-admin-body .sx41-workspace-rail{border-radius:17px!important}
}
@media(max-width:720px){
  body.sx-player-body .sx41-content,
  body.sx-admin-body .sx41-content{padding:16px 10px 46px!important}
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{padding:12px!important;border-radius:18px!important}
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead{padding:16px!important;border-radius:18px!important}
}


/* =====================================================
   DarknessMu Next
   Full Visual Continuity for Player & Admin
   ===================================================== */
body.sx-player-body,
body.sx-admin-body{
  background:
    linear-gradient(180deg, rgba(7,9,13, calc(var(--public-bg-overlay, .72) * .82)), rgba(7,9,13, calc(var(--public-bg-overlay, .72) * .96))),
    var(--public-bg) center center/cover no-repeat fixed!important;
}
body.sx-player-body .sx31-workspace-main,
body.sx-admin-body .sx31-workspace-main{
  background:transparent!important;
}
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before{
  content:"";
  position:fixed;
  inset:0 0 0 var(--sx31-sidebar-w,250px);
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(7,9,13,.72), rgba(7,9,13,.38) 18%, rgba(7,9,13,.18) 50%, rgba(7,9,13,.38) 82%, rgba(7,9,13,.74)),
    radial-gradient(circle at 16% 15%, rgba(255,166,64,.08), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.08), transparent 22%),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed;
  z-index:0;
}
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{
  inset:62px 0 0 var(--sx31-sidebar-w,250px)!important;
  opacity:.30!important;
}
body.sx-player-body .sx31-workspace-shell,
body.sx-admin-body .sx31-workspace-shell{
  background:transparent!important;
}
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:
    linear-gradient(180deg, rgba(12,10,11,.94), rgba(7,8,10,.98)),
    var(--public-bg) center center/cover no-repeat!important;
  box-shadow:24px 0 70px rgba(0,0,0,.26)!important;
}
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  margin:14px 14px 0 14px;
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg, rgba(10,11,15,.76), rgba(9,10,13,.90))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx41-content,
body.sx-admin-body .sx41-content{
  max-width:1780px!important;
  padding:22px 18px 72px!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead,
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail,
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  border-radius:30px!important;
  border:1px solid rgba(255,126,26,.14)!important;
  background:linear-gradient(180deg, rgba(8,10,14,.68), rgba(8,10,14,.86))!important;
  box-shadow:0 32px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  margin-bottom:18px!important;
}
body.sx-player-body .sx41-pagehead::before,
body.sx-admin-body .sx41-pagehead::before,
body.sx-player-body .sx41-workspace-rail::before,
body.sx-admin-body .sx41-workspace-rail::before,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.012)),
    radial-gradient(circle at 16% 16%, rgba(255,166,64,.05), transparent 18%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.05), transparent 20%);
}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{padding:24px!important}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{padding:10px!important;margin-bottom:18px!important}
body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  min-height:66px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.016)!important;
}
body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  border-radius:22px!important;
  border:1px solid rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.78), rgba(10,12,17,.88))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.sx-player-body .sx41-page-canvas .module-title,
body.sx-admin-body .sx41-page-canvas .module-title,
body.sx-player-body .sx41-page-canvas .sx31-section-title,
body.sx-admin-body .sx41-page-canvas .sx31-section-title,
body.sx-player-body .sx41-page-canvas .sx31-panel-head,
body.sx-admin-body .sx41-page-canvas .sx31-panel-head{
  border-bottom:1px solid rgba(255,126,26,.10)!important;
}
@media(max-width:900px){
  body.sx-player-body .sx31-topbar,
  body.sx-admin-body .sx31-topbar{margin:10px 10px 0 10px;border-radius:18px!important}
  body.sx-player-body .sx41-content,
  body.sx-admin-body .sx41-content{padding:16px 10px 46px!important}
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead,
  body.sx-player-body .sx41-workspace-rail,
  body.sx-admin-body .sx41-workspace-rail,
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{border-radius:22px!important}
  body.sx-player-body .sx31-workspace-main::before,
  body.sx-admin-body .sx31-workspace-main::before{left:0}
}


/* =====================================================
   DarknessMu Next
   Transparent Workspace Background Visibility Hotfix
   ===================================================== */
body.sx-player-body,
body.sx-admin-body{
  background:
    linear-gradient(180deg,
      rgba(6,8,12,calc(var(--public-bg-overlay,.72) * .34)) 0%,
      rgba(6,8,12,calc(var(--public-bg-overlay,.72) * .46)) 100%),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed!important;
}
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before{
  background:
    linear-gradient(90deg,rgba(6,8,12,.34),rgba(6,8,12,.10) 18%,rgba(6,8,12,.04) 50%,rgba(6,8,12,.12) 82%,rgba(6,8,12,.36)),
    radial-gradient(circle at 16% 15%,rgba(255,166,64,.055),transparent 20%),
    radial-gradient(circle at 84% 14%,rgba(72,128,255,.055),transparent 22%),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed!important;
}
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{opacity:.12!important}

body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  background:linear-gradient(180deg,rgba(10,11,15,.50),rgba(9,10,13,.62))!important;
  backdrop-filter:blur(13px) saturate(118%)!important;
}
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:
    linear-gradient(180deg,rgba(11,9,10,.72),rgba(7,8,10,.82)),
    var(--public-bg) center center/cover no-repeat!important;
  backdrop-filter:blur(11px) saturate(108%);
}

body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,132,31,.055),transparent 26%),
    linear-gradient(180deg,rgba(10,11,15,.46),rgba(8,10,14,.58))!important;
}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{
  background:linear-gradient(180deg,rgba(9,11,15,.38),rgba(8,10,14,.50))!important;
}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  background:
    radial-gradient(circle at 86% 4%,rgba(255,132,31,.026),transparent 20%),
    linear-gradient(180deg,rgba(8,10,14,.36),rgba(8,10,14,.50))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
}
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{opacity:.48!important}

body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  background:linear-gradient(180deg,rgba(11,13,18,.58),rgba(10,12,17,.70))!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
}

body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
}

body.sx-player-body .sx43-user-pop,
body.sx-player-body .sx43-notification-pop,
body.sx-admin-body .sx43-user-pop,
body.sx-admin-body .sx43-notification-pop{
  background:rgba(10,10,13,.86)!important;
  backdrop-filter:blur(16px) saturate(116%)!important;
}

/* Slight text reinforcement so the more transparent surfaces remain readable. */
body.sx-player-body .sx41-pagehead h1,
body.sx-admin-body .sx41-pagehead h1,
body.sx-player-body .sx41-page-canvas h1,
body.sx-player-body .sx41-page-canvas h2,
body.sx-player-body .sx41-page-canvas h3,
body.sx-admin-body .sx41-page-canvas h1,
body.sx-admin-body .sx41-page-canvas h2,
body.sx-admin-body .sx41-page-canvas h3{
  text-shadow:0 2px 14px rgba(0,0,0,.42);
}

@media(max-width:900px){
  body.sx-player-body,
  body.sx-admin-body{
    background:
      linear-gradient(180deg,rgba(6,8,12,.42),rgba(6,8,12,.58)),
      var(--public-bg) 52% top/cover no-repeat scroll!important;
  }
  body.sx-player-body .sx31-workspace-main::before,
  body.sx-admin-body .sx31-workspace-main::before{
    background:
      linear-gradient(180deg,rgba(6,8,12,.18),rgba(6,8,12,.34)),
      var(--public-bg) 52% top/cover no-repeat scroll!important;
  }
}


/* =====================================================
   DarknessMu Next
   Player/Admin Public-Style Layer Balance Hotfix
   ===================================================== */
body.sx-player-body,
body.sx-admin-body{
  background:
    linear-gradient(180deg,
      rgba(5,7,10,calc(var(--public-bg-overlay,.72) * .58)) 0%,
      rgba(5,7,10,calc(var(--public-bg-overlay,.72) * .72)) 100%),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed!important;
}

/* The workspace background now behaves like the public site: one backdrop, not a second duplicate image layer. */
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before{
  background:
    linear-gradient(90deg,rgba(5,7,10,.42) 0%,rgba(5,7,10,.15) 15%,rgba(5,7,10,.06) 50%,rgba(5,7,10,.17) 85%,rgba(5,7,10,.44) 100%),
    radial-gradient(circle at 16% 16%,rgba(255,166,64,.055),transparent 20%),
    radial-gradient(circle at 84% 14%,rgba(72,128,255,.055),transparent 22%)!important;
  opacity:1!important;
}
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{opacity:.10!important}

/* Same opacity hierarchy used by the public pages. */
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  background:linear-gradient(180deg,rgba(7,9,13,.72),rgba(7,9,13,.84))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{
  background:linear-gradient(180deg,rgba(8,10,14,.58),rgba(8,10,14,.78))!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  background:linear-gradient(180deg,rgba(8,10,14,.62),rgba(8,10,14,.84))!important;
  backdrop-filter:blur(9px) saturate(114%)!important;
}
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{opacity:.72!important}

/* Internal cards are deliberately more solid, exactly as on the public Home. */
body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list>div,
body.sx-player-body .sx41-page-canvas .sx31-account-note,
body.sx-player-body .sx41-page-canvas .sx31-quick-grid>a,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  background:linear-gradient(180deg,rgba(11,13,18,.78),rgba(10,12,17,.88))!important;
  border-color:rgba(255,126,26,.12)!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Remove isolated legacy opaque fills inside account/dashboard modules. */
body.sx-player-body .sx41-page-canvas .sx31-account-identity,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list,
body.sx-player-body .sx41-page-canvas .sx31-roster-list,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap{
  background:transparent!important;
}
body.sx-player-body .sx41-page-canvas .sx31-roster-row,
body.sx-player-body .sx41-page-canvas .sx31-table tbody tr,
body.sx-admin-body .sx41-page-canvas .sx31-table tbody tr{
  background:transparent!important;
}

/* Header/topbar follows the same polished dark-glass level instead of being either too transparent or too opaque. */
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  background:linear-gradient(180deg,rgba(8,10,14,.70),rgba(8,10,14,.84))!important;
  backdrop-filter:blur(12px) saturate(114%)!important;
}
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:linear-gradient(180deg,rgba(10,10,13,.88),rgba(8,9,12,.94))!important;
  backdrop-filter:blur(10px) saturate(108%)!important;
}

/* Rail items match the public proofbar chips, while remaining readable. */
body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  background:linear-gradient(180deg,rgba(12,13,17,.70),rgba(10,11,15,.80))!important;
  border-color:rgba(255,126,26,.11)!important;
}

@media(max-width:900px){
  body.sx-player-body,
  body.sx-admin-body{
    background:
      linear-gradient(180deg,rgba(5,7,10,.58),rgba(5,7,10,.74)),
      var(--public-bg) 52% top/cover no-repeat scroll!important;
  }
}


/* =====================================================
   DarknessMu Next
   Player/Admin Same Visual Pattern as Public Home
   ===================================================== */
body.sx-player-body,
body.sx-admin-body{
  background:
    linear-gradient(180deg, rgba(7,9,13,.58), rgba(7,9,13,.82)),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed!important;
}
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before{
  background:
    linear-gradient(90deg, rgba(7,9,13,.56), rgba(7,9,13,.22) 18%, rgba(7,9,13,.10) 50%, rgba(7,9,13,.24) 82%, rgba(7,9,13,.58)),
    radial-gradient(circle at 16% 15%, rgba(255,166,64,.08), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.08), transparent 22%),
    var(--public-bg) var(--public-bg-x,50%) var(--public-bg-y,50%)/cover no-repeat fixed!important;
  opacity:1!important;
}
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{opacity:.18!important}

/* Sidebar closer to public shell, with visible background */
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:
    linear-gradient(180deg, rgba(8,10,14,.66), rgba(8,10,14,.82)),
    var(--public-bg) 18% var(--public-bg-y,50%)/cover no-repeat fixed!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  border-right:1px solid rgba(255,126,26,.14)!important;
  box-shadow:22px 0 56px rgba(0,0,0,.24)!important;
}
body.sx-player-body .sx31-sidebar::before,
body.sx-admin-body .sx31-sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(10,12,16,.36), rgba(10,12,16,.52)),
    radial-gradient(circle at 20% 10%, rgba(255,166,64,.05), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.010));
}
body.sx-player-body .sx31-sidebar>* ,
body.sx-admin-body .sx31-sidebar>*{position:relative;z-index:1}
body.sx-player-body .sx31-sidebar-footer,
body.sx-admin-body .sx31-sidebar-footer{border-top-color:rgba(255,126,26,.10)!important}

/* topbar same feel as public top shell */
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg, rgba(8,10,14,.62), rgba(8,10,14,.84))!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  box-shadow:0 32px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx31-command,
body.sx-admin-body .sx31-command,
body.sx-player-body .sx31-icon-action,
body.sx-admin-body .sx31-icon-action,
body.sx-player-body .sx31-account-switcher,
body.sx-admin-body .sx31-account-switcher{
  background:linear-gradient(180deg, rgba(11,13,18,.78), rgba(10,12,17,.88))!important;
  border-color:rgba(255,126,26,.12)!important;
}

/* page header / rail / canvas exactly same hierarchy as public home */
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead,
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail,
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  border-radius:30px!important;
  border:1px solid rgba(255,126,26,.14)!important;
  background:linear-gradient(180deg, rgba(8,10,14,.62), rgba(8,10,14,.84))!important;
  box-shadow:0 32px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(9px) saturate(114%)!important;
}
body.sx-player-body .sx41-pagehead::before,
body.sx-admin-body .sx41-pagehead::before,
body.sx-player-body .sx41-workspace-rail::before,
body.sx-admin-body .sx41-workspace-rail::before,
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 16%, rgba(255,166,64,.06), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.06), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.012));
  opacity:1!important;
}
body.sx-player-body .sx41-pagehead::after,
body.sx-admin-body .sx41-pagehead::after,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{opacity:0!important}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{padding:10px!important;margin-bottom:18px!important}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{padding:24px!important}

/* inner cards = more solid, like homepage cards */
body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list>div,
body.sx-player-body .sx41-page-canvas .sx31-account-note,
body.sx-player-body .sx41-page-canvas .sx31-quick-grid>a,
body.sx-player-body .sx41-page-canvas .sx31-account-identity,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list,
body.sx-player-body .sx41-page-canvas .sx31-roster-list,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  border-radius:22px!important;
  border:1px solid rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.78), rgba(10,12,17,.88))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.sx-player-body .sx41-page-canvas .sx31-roster-row,
body.sx-player-body .sx41-page-canvas .sx31-table tbody tr,
body.sx-admin-body .sx41-page-canvas .sx31-table tbody tr{
  border-top-color:rgba(255,126,26,.10)!important;
}
body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  min-height:66px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,126,26,.10)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.016)!important;
}
body.sx-player-body .sx41-workspace-rail a.active,
body.sx-admin-body .sx41-workspace-rail a.active{
  background:linear-gradient(180deg, rgba(255,122,26,.16), rgba(255,141,44,.08))!important;
}
body.sx-player-body .sx41-content,
body.sx-admin-body .sx41-content{max-width:1700px!important;padding:22px 18px 72px!important}

@media(max-width:900px){
  body.sx-player-body .sx31-topbar,
  body.sx-admin-body .sx31-topbar{border-radius:20px!important}
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead,
  body.sx-player-body .sx41-workspace-rail,
  body.sx-admin-body .sx41-workspace-rail,
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{border-radius:22px!important}
}


/* =====================================================
   DarknessMu Next
   Player/Admin Public Layer Architecture Fix
   ===================================================== */
/* One single cinematic background, exactly like the public portal. */
body.sx-player-body,
body.sx-admin-body{
  background-image:
    linear-gradient(180deg,
      rgb(4 6 10 / calc(var(--dm-public-overlay,.72) * .88)) 0%,
      rgb(5 9 16 / calc(var(--dm-public-overlay,.72) * .72)) 19%,
      rgb(7 10 14 / calc(var(--dm-public-overlay,.72) * .60)) 44%,
      rgb(7 7 9 / calc(var(--dm-public-overlay,.72) * .76)) 76%,
      rgb(4 5 7 / calc(var(--dm-public-overlay,.72) * 1.05)) 100%),
    linear-gradient(90deg,rgba(3,5,9,.58) 0%,rgba(3,5,9,.24) 15%,transparent 30%,transparent 70%,rgba(3,5,9,.26) 85%,rgba(3,5,9,.60) 100%),
    var(--dm-public-bg-image,url('../images/backgrounds/darknessmu-cinematic-public-bg.webp'))!important;
  background-position:center center,center center,var(--dm-public-bg-x,50%) var(--dm-public-bg-y,0%)!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-color:#050608!important;
}

/* Remove the duplicated background/overlay that was darkening the center. */
body.sx-player-body .sx31-workspace-main,
body.sx-admin-body .sx31-workspace-main,
body.sx-player-body .sx31-workspace-shell,
body.sx-admin-body .sx31-workspace-shell{
  background:transparent!important;
}
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before,
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{
  display:none!important;
  content:none!important;
}

/* Sidebar is intentionally more solid than the content area. */
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:linear-gradient(180deg,rgba(9,10,13,.94),rgba(8,8,11,.97))!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
  border-right:1px solid rgba(255,126,26,.14)!important;
  box-shadow:22px 0 58px rgba(0,0,0,.28)!important;
}
body.sx-player-body .sx31-sidebar::before,
body.sx-admin-body .sx31-sidebar::before{
  background:
    radial-gradient(circle at 25% 7%,rgba(255,143,36,.055),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%,transparent 76%,rgba(255,255,255,.008))!important;
  opacity:1!important;
}

/* Same large shell hierarchy used by the public Home. */
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  background:linear-gradient(180deg,rgba(8,10,14,.58),rgba(8,10,14,.78))!important;
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:30px!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
  box-shadow:0 32px 86px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  background:linear-gradient(180deg,rgba(7,9,13,.72),rgba(7,9,13,.84))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{
  background:linear-gradient(180deg,rgba(8,10,14,.58),rgba(8,10,14,.78))!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  background:linear-gradient(180deg,rgba(8,10,14,.52),rgba(8,10,14,.72))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead,
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail,
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:30px!important;
  box-shadow:0 32px 86px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx41-pagehead::before,
body.sx-admin-body .sx41-pagehead::before,
body.sx-player-body .sx41-workspace-rail::before,
body.sx-admin-body .sx41-workspace-rail::before,
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before{
  background:
    radial-gradient(circle at 16% 16%,rgba(255,166,64,.08),transparent 20%),
    radial-gradient(circle at 84% 14%,rgba(72,128,255,.08),transparent 22%),
    linear-gradient(135deg,rgba(255,255,255,.020),transparent 28%,transparent 72%,rgba(255,255,255,.012))!important;
  opacity:1!important;
}
body.sx-player-body .sx41-pagehead::after,
body.sx-admin-body .sx41-pagehead::after,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{display:none!important;content:none!important}

/* Cards use the exact same solid/readable level as Home cards. */
body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list>div,
body.sx-player-body .sx41-page-canvas .sx31-account-note,
body.sx-player-body .sx41-page-canvas .sx31-quick-grid>a,
body.sx-player-body .sx41-page-canvas .sx31-account-identity,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list,
body.sx-player-body .sx41-page-canvas .sx31-roster-list,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  background:linear-gradient(180deg,rgba(11,13,18,.78),rgba(10,12,17,.88))!important;
  border:1px solid rgba(255,126,26,.12)!important;
  border-radius:22px!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:none!important;
}

/* Eliminate old flat black fills inside the dashboard. */
body.sx-player-body .sx41-page-canvas .sx31-account-identity,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list,
body.sx-player-body .sx41-page-canvas .sx31-roster-list,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap{
  background:transparent!important;
}
body.sx-player-body .sx41-page-canvas .sx31-roster-row,
body.sx-player-body .sx41-page-canvas .sx31-table tbody tr,
body.sx-admin-body .sx41-page-canvas .sx31-table tbody tr{
  background:transparent!important;
  border-color:rgba(255,126,26,.10)!important;
}

/* Workspace spacing mirrors the public page rhythm. */
body.sx-player-body .sx41-content,
body.sx-admin-body .sx41-content{max-width:1700px!important;padding:22px 18px 72px!important}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{margin-bottom:18px!important}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{margin-bottom:18px!important;padding:10px!important}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{padding:24px!important}

@media(max-width:900px){
  body.sx-player-body,
  body.sx-admin-body{background-attachment:scroll!important}
  body.sx-player-body .sx31-topbar,
  body.sx-admin-body .sx31-topbar,
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead,
  body.sx-player-body .sx41-workspace-rail,
  body.sx-admin-body .sx41-workspace-rail,
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{border-radius:22px!important}
}


/* =====================================================
   DarknessMu Next
   Exact Public-Home Visual Hierarchy for Player/Admin
   ===================================================== */
/* 1) ONE bright cinematic layer for the workspace center. */
body.sx-player-body,
body.sx-admin-body{
  background-image:
    linear-gradient(180deg,
      rgb(4 6 10 / calc(var(--dm-public-overlay,.72) * .56)) 0%,
      rgb(5 9 16 / calc(var(--dm-public-overlay,.72) * .46)) 20%,
      rgb(7 10 14 / calc(var(--dm-public-overlay,.72) * .38)) 48%,
      rgb(7 7 9 / calc(var(--dm-public-overlay,.72) * .50)) 78%,
      rgb(4 5 7 / calc(var(--dm-public-overlay,.72) * .66)) 100%),
    linear-gradient(90deg,rgba(3,5,9,.34) 0%,rgba(3,5,9,.12) 14%,transparent 30%,transparent 70%,rgba(3,5,9,.14) 86%,rgba(3,5,9,.36) 100%),
    var(--dm-public-bg-image,url('../images/backgrounds/darknessmu-cinematic-public-bg.webp'))!important;
  background-position:center center,center center,var(--dm-public-bg-x,50%) var(--dm-public-bg-y,0%)!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-color:#050608!important;
}
body.sx-player-body .sx31-workspace-main,
body.sx-admin-body .sx31-workspace-main,
body.sx-player-body .sx31-workspace-shell,
body.sx-admin-body .sx31-workspace-shell,
body.sx-player-body .sx31-content,
body.sx-admin-body .sx31-content{
  background:transparent!important;
}
body.sx-player-body .sx31-workspace-main::before,
body.sx-admin-body .sx31-workspace-main::before,
body.sx-player-body .sx31-workspace-main::after,
body.sx-admin-body .sx31-workspace-main::after{display:none!important;content:none!important}

/* 2) Sidebar is intentionally SOLID, not glass. */
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  background:linear-gradient(180deg,rgba(9,10,13,.965),rgba(8,8,11,.985))!important;
  backdrop-filter:blur(10px) saturate(105%)!important;
  border-right:1px solid rgba(255,126,26,.16)!important;
  box-shadow:22px 0 58px rgba(0,0,0,.32)!important;
}
body.sx-player-body .sx31-sidebar::before,
body.sx-admin-body .sx31-sidebar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  display:block!important;
  background:radial-gradient(circle at 30% 0,rgba(255,128,31,.055),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 28%)!important;
  opacity:1!important;
}
body.sx-player-body .sx31-sidebar>* ,
body.sx-admin-body .sx31-sidebar>*{position:relative;z-index:1}

/* 3) Public-home shell hierarchy: header / rail / canvas. */
body.sx-player-body .sx31-topbar,
body.sx-admin-body .sx31-topbar{
  background:linear-gradient(180deg,rgba(8,10,14,.48),rgba(8,10,14,.66))!important;
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:28px!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead{
  background:linear-gradient(180deg,rgba(7,9,13,.46),rgba(7,9,13,.62))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
}
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail{
  background:linear-gradient(180deg,rgba(8,10,14,.40),rgba(8,10,14,.56))!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  background:linear-gradient(180deg,rgba(8,10,14,.32),rgba(8,10,14,.46))!important;
  backdrop-filter:blur(6px) saturate(108%)!important;
}
body.sx-player-body .sx41-pagehead,
body.sx-admin-body .sx41-pagehead,
body.sx-player-body .sx41-workspace-rail,
body.sx-admin-body .sx41-workspace-rail,
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{
  border:1px solid rgba(255,126,26,.14)!important;
  border-radius:30px!important;
  box-shadow:0 32px 86px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.sx-player-body .sx41-pagehead::before,
body.sx-admin-body .sx41-pagehead::before,
body.sx-player-body .sx41-workspace-rail::before,
body.sx-admin-body .sx41-workspace-rail::before,
body.sx-player-body .sx41-page-canvas::before,
body.sx-admin-body .sx41-page-canvas::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 16% 16%,rgba(255,166,64,.055),transparent 20%),radial-gradient(circle at 84% 14%,rgba(72,128,255,.055),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.016),transparent 28%,transparent 72%,rgba(255,255,255,.010))!important;
  opacity:1!important;
}
body.sx-player-body .sx41-pagehead::after,
body.sx-admin-body .sx41-pagehead::after,
body.sx-player-body .sx41-page-canvas::after,
body.sx-admin-body .sx41-page-canvas::after{display:none!important;content:none!important}

/* 4) Internal cards match Home cards: readable, but not flat black. */
body.sx-player-body .sx41-page-canvas .card,
body.sx-player-body .sx41-page-canvas .panel,
body.sx-player-body .sx41-page-canvas .table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-panel,
body.sx-player-body .sx41-page-canvas .sx31-kpi,
body.sx-player-body .sx41-page-canvas .sx31-table-wrap,
body.sx-player-body .sx41-page-canvas .sx31-account-identity,
body.sx-player-body .sx41-page-canvas .sx31-character-summary-list,
body.sx-player-body .sx41-page-canvas .sx31-roster-list,
body.sx-player-body .sx41-page-canvas .sx31-account-note,
body.sx-player-body .sx41-page-canvas .sx31-quick-grid>a,
body.sx-admin-body .sx41-page-canvas .card,
body.sx-admin-body .sx41-page-canvas .panel,
body.sx-admin-body .sx41-page-canvas .table-wrap,
body.sx-admin-body .sx41-page-canvas .sx31-panel,
body.sx-admin-body .sx41-page-canvas .sx31-kpi,
body.sx-admin-body .sx41-page-canvas .sx31-table-wrap,
body.sx-admin-body .sx41-page-canvas .r170-admin-card,
body.sx-admin-body .sx41-page-canvas .admin-ticket{
  background:linear-gradient(180deg,rgba(11,13,18,.74),rgba(10,12,17,.84))!important;
  border:1px solid rgba(255,126,26,.12)!important;
  border-radius:22px!important;
  box-shadow:0 22px 56px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:none!important;
}
body.sx-player-body .sx41-page-canvas .sx31-roster-row,
body.sx-player-body .sx41-page-canvas .sx31-table tbody tr,
body.sx-admin-body .sx41-page-canvas .sx31-table tbody tr{background:transparent!important;border-color:rgba(255,126,26,.10)!important}

/* 5) Rail cards mimic Home proofbar pills. */
body.sx-player-body .sx41-workspace-rail a,
body.sx-admin-body .sx41-workspace-rail a{
  min-height:64px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,126,26,.10)!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.014)!important;
}
body.sx-player-body .sx41-workspace-rail a:hover,
body.sx-admin-body .sx41-workspace-rail a:hover{background:rgba(255,126,26,.055)!important;border-color:rgba(255,143,36,.20)!important}

body.sx-player-body .sx41-content,
body.sx-admin-body .sx41-content{max-width:1700px!important;padding:22px 18px 72px!important}
body.sx-player-body .sx41-page-canvas,
body.sx-admin-body .sx41-page-canvas{padding:24px!important}

@media(max-width:900px){
  body.sx-player-body,
  body.sx-admin-body{background-attachment:scroll!important}
  body.sx-player-body .sx31-topbar,
  body.sx-admin-body .sx31-topbar,
  body.sx-player-body .sx41-pagehead,
  body.sx-admin-body .sx41-pagehead,
  body.sx-player-body .sx41-workspace-rail,
  body.sx-admin-body .sx41-workspace-rail,
  body.sx-player-body .sx41-page-canvas,
  body.sx-admin-body .sx41-page-canvas{border-radius:22px!important}
}


/* =====================================================
   DarknessMu Next
   Premium Left Sidebar Level-Up
   ===================================================== */
body.sx-player-body .sx31-sidebar,
body.sx-admin-body .sx31-sidebar{
  padding:18px 14px 14px!important;
  background:linear-gradient(180deg, rgba(8,10,14,.82), rgba(8,10,14,.92))!important;
  border-right:1px solid rgba(255,126,26,.12)!important;
  box-shadow:26px 0 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
body.sx-player-body .sx31-sidebar::before,
body.sx-admin-body .sx31-sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 10%, rgba(255,166,64,.06), transparent 18%),
    radial-gradient(circle at 84% 14%, rgba(72,128,255,.06), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.018), transparent 28%, transparent 72%, rgba(255,255,255,.010));
}
body.sx-player-body .sx31-sidebar::after,
body.sx-admin-body .sx31-sidebar::after{
  content:"";
  position:absolute;
  inset:10px 8px;
  border-radius:28px;
  border:1px solid rgba(255,126,26,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  pointer-events:none;
}
body.sx-player-body .sx31-sidebar-head,
body.sx-admin-body .sx31-sidebar-head{
  height:auto!important;
  min-height:60px;
  padding:0 10px 16px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(255,126,26,.10)!important;
}
body.sx-player-body .sx31-sidebar-head::after,
body.sx-admin-body .sx31-sidebar-head::after{
  content:"";
  position:absolute;
  left:10px;
  bottom:-1px;
  width:88px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,143,36,.95), rgba(255,143,36,0));
}
body.sx-player-body .sx31-brand-mark,
body.sx-admin-body .sx31-brand-mark{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  box-shadow:0 14px 32px rgba(255,122,26,.22)!important;
}
body.sx-player-body .sx31-brand strong,
body.sx-admin-body .sx31-brand strong{font-size:15px!important}
body.sx-player-body .sx31-brand small,
body.sx-admin-body .sx31-brand small{font-size:9px!important;letter-spacing:.16em!important;color:#bfa38f!important}

body.sx-player-body .sx31-nav-caption,
body.sx-admin-body .sx31-nav-caption{
  margin-top:18px!important;
  padding:12px 12px 7px!important;
  color:#b48f73!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
body.sx-player-body .sx31-nav,
body.sx-admin-body .sx31-nav{gap:7px!important}
body.sx-player-body .sx31-nav>a,
body.sx-admin-body .sx31-nav>a{
  min-height:50px!important;
  padding:0 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,126,26,.08)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s!important;
}
body.sx-player-body .sx31-nav>a>span,
body.sx-admin-body .sx31-nav>a>span{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.02)!important;
  color:#b58f76!important;
}
body.sx-player-body .sx31-nav>a:hover,
body.sx-admin-body .sx31-nav>a:hover{
  transform:translateX(2px)!important;
  border-color:rgba(255,126,26,.14)!important;
  background:linear-gradient(180deg, rgba(255,122,26,.08), rgba(255,122,26,.03))!important;
}
body.sx-player-body .sx31-nav>a:hover>span,
body.sx-admin-body .sx31-nav>a:hover>span{
  background:rgba(255,122,26,.10)!important;
  color:#ffcb86!important;
}
body.sx-player-body .sx31-nav>a.active,
body.sx-admin-body .sx31-nav>a.active{
  border-color:rgba(255,126,26,.22)!important;
  background:linear-gradient(90deg, rgba(255,122,26,.18), rgba(255,141,44,.06))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.16), inset 3px 0 0 #ff8d2c!important;
}
body.sx-player-body .sx31-nav>a.active:before,
body.sx-admin-body .sx31-nav>a.active:before{display:none!important}
body.sx-player-body .sx31-nav>a.active>span,
body.sx-admin-body .sx31-nav>a.active>span{
  background:rgba(255,122,26,.16)!important;
  color:#ffd49a!important;
}
body.sx-player-body .sx31-nav-pill,
body.sx-admin-body .sx31-nav-pill{
  min-width:34px;
  text-align:center;
  border-radius:999px!important;
  padding:4px 7px!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
  background:rgba(255,122,26,.10)!important;
  border:1px solid rgba(255,126,26,.16)!important;
  color:#ffbf76!important;
}

body.sx-player-body .sx31-status-card,
body.sx-admin-body .sx31-status-card{
  margin:14px 8px 0!important;
  padding:16px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.76), rgba(10,12,17,.88))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.sx-player-body .sx31-sidebar-footer,
body.sx-admin-body .sx31-sidebar-footer{
  padding:12px 8px 2px!important;
  border-top:1px solid rgba(255,126,26,.10)!important;
  gap:8px!important;
}
body.sx-player-body .sx31-sidebar-footer a,
body.sx-player-body .sx31-sidebar-footer button,
body.sx-admin-body .sx31-sidebar-footer a,
body.sx-admin-body .sx31-sidebar-footer button{
  min-height:40px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,126,26,.08)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
body.sx-player-body .sx31-sidebar-footer a:hover,
body.sx-player-body .sx31-sidebar-footer button:hover,
body.sx-admin-body .sx31-sidebar-footer a:hover,
body.sx-admin-body .sx31-sidebar-footer button:hover{
  background:linear-gradient(180deg, rgba(255,122,26,.08), rgba(255,122,26,.03))!important;
  border-color:rgba(255,126,26,.14)!important;
}


/* =====================================================
   DarknessMu Next
   Premium Public Navigation Level-Up
   ===================================================== */
.sx-public .sx-header{
  height:auto!important;
  padding:8px 0!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.sx-public .sx-header .sx-container{
  max-width:1680px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
.sx-public .sx-header-inner{
  min-height:66px!important;
  padding:8px 16px!important;
  border-radius:24px!important;
  gap:22px!important;
  background:linear-gradient(180deg, rgba(8,10,14,.78), rgba(8,10,14,.90))!important;
  border:1px solid rgba(255,126,26,.14)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  position:relative;
  overflow:hidden;
}
.sx-public .sx-header-inner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,166,64,.06), transparent 18%),
    radial-gradient(circle at 84% 16%, rgba(72,128,255,.06), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.020), transparent 28%, transparent 72%, rgba(255,255,255,.012));
}
.sx-public .sx-header-inner>*{position:relative;z-index:1}
.sx-public .sx-brand{padding-right:12px!important;border-right:1px solid rgba(255,126,26,.08)!important}
.sx-public .sx-brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;box-shadow:0 14px 32px rgba(255,122,26,.22)!important}
.sx-public .sx-brand-copy strong{font-size:15px!important;color:#fff3e8!important}
.sx-public .sx-brand-copy small{font-size:9px!important;color:#d4b39d!important;letter-spacing:.15em!important}
.sx-public .sx-nav-shell{gap:20px!important}
.sx-public .sx-nav{gap:6px!important;flex-wrap:wrap}
.sx-public .sx-nav a{
  height:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.004))!important;
  color:#ecd8c8!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.01)!important;
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s!important;
}
.sx-public .sx-nav a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,126,26,.12)!important;
  background:linear-gradient(180deg, rgba(255,122,26,.08), rgba(255,122,26,.02))!important;
  color:#fff7f0!important;
}
.sx-public .sx-nav a.active{
  color:#fff7f0!important;
  border-color:rgba(255,126,26,.22)!important;
  background:linear-gradient(180deg, rgba(255,122,26,.14), rgba(255,141,44,.08))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.sx-public .sx-nav a.active{box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important}
.sx-public .sx-header-actions{gap:10px!important;padding-left:12px!important;border-left:1px solid rgba(255,126,26,.08)!important;flex-shrink:0}
.sx-public .lang-switch,
.sx-public .sx-header-actions .lang-switch,
.sx-public .sx-header-actions .locale-switch{
  height:40px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,126,26,.14)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.82), rgba(10,12,17,.92))!important;
}
.sx-public .lang-switch a,
.sx-public .sx-header-actions .lang-switch a,
.sx-public .sx-header-actions .locale-switch a,
.sx-public .sx-header-actions .lang-switch button,
.sx-public .sx-header-actions .locale-switch button{
  min-width:34px!important;
  height:32px!important;
  border-radius:10px!important;
  color:#ead4c4!important;
  font-size:11px!important;
  font-weight:800!important;
}
.sx-public .lang-switch a.active,
.sx-public .sx-header-actions .lang-switch a.active,
.sx-public .sx-header-actions .locale-switch a.active,
.sx-public .sx-header-actions .lang-switch button.active,
.sx-public .sx-header-actions .locale-switch button.active{
  background:linear-gradient(180deg, rgba(255,122,26,.16), rgba(255,141,44,.08))!important;
  color:#fff!important;
}
.sx-public .sx-header-actions .sx-btn,
.sx-public .sx-header-actions .btn,
.sx-public .sx-header-actions .sx31-btn{
  min-height:40px!important;
  border-radius:12px!important;
  padding:0 16px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.sx-public .sx-menu-toggle{
  width:40px!important;height:40px!important;border-radius:12px!important;
  border:1px solid rgba(255,126,26,.14)!important;
  background:linear-gradient(180deg, rgba(11,13,18,.82), rgba(10,12,17,.92))!important;
  color:#ecd8c8!important;
}
@media(max-width:1100px){
  .sx-public .sx-header-inner{gap:14px!important;padding:8px 12px!important}
  .sx-public .sx-brand{border-right:0!important;padding-right:0!important}
  .sx-public .sx-header-actions{border-left:0!important;padding-left:0!important}
}
@media(max-width:900px){
  .sx-public .sx-header{padding:6px 0!important}
  .sx-public .sx-header-inner{min-height:60px!important;border-radius:18px!important}
  .sx-public .sx-nav-shell{position:fixed;left:12px;right:12px;top:76px;z-index:120;display:none!important;flex-direction:column;align-items:stretch;padding:14px;border-radius:22px;background:linear-gradient(180deg, rgba(8,10,14,.94), rgba(8,10,14,.98))!important;border:1px solid rgba(255,126,26,.14)!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important}
  body.nav-open .sx-public .sx-nav-shell{display:flex!important}
  .sx-public .sx-nav{flex-direction:column;align-items:stretch!important;gap:8px!important}
  .sx-public .sx-nav a{width:100%;justify-content:flex-start;height:44px!important}
  .sx-public .sx-header-actions{width:100%;justify-content:space-between!important}
  .sx-public .sx-menu-toggle{display:grid!important}
}


/* =====================================================
   DarknessMu Next
   Modern Glass Public Header Background
   ===================================================== */
.sx-public .sx-header{
  background:transparent!important;
}
.sx-public .sx-header-inner{
  background:
    radial-gradient(circle at 12% 20%, rgba(255,145,48,.085), transparent 22%),
    radial-gradient(circle at 82% 15%, rgba(68,125,255,.085), transparent 24%),
    linear-gradient(118deg, rgba(10,16,25,.78) 0%, rgba(16,13,17,.78) 44%, rgba(11,17,27,.78) 100%)!important;
  border:1px solid rgba(255,138,36,.16)!important;
  box-shadow:
    0 26px 64px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(71,124,255,.025)!important;
  backdrop-filter:blur(18px) saturate(122%)!important;
}
.sx-public .sx-header-inner::before{
  background:
    linear-gradient(90deg, rgba(255,126,26,.035), transparent 18%, transparent 82%, rgba(75,132,255,.035)),
    radial-gradient(circle at 18% 50%, rgba(255,163,62,.05), transparent 24%),
    radial-gradient(circle at 78% 50%, rgba(77,132,255,.05), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,0) 42%)!important;
}
.sx-public .sx-header-inner::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,149,52,.44) 18%, rgba(255,190,92,.20) 40%, rgba(96,143,255,.22) 70%, transparent);
  opacity:.92;
  pointer-events:none;
}
.sx-public .sx-brand{
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.004));
  border-radius:14px;
  padding:7px 12px 7px 7px!important;
  border-right:0!important;
}
.sx-public .sx-nav-shell{
  min-width:0;
}
.sx-public .sx-nav a{
  background:rgba(255,255,255,.012)!important;
  border-color:rgba(255,255,255,.012)!important;
}
.sx-public .sx-nav a:hover{
  background:linear-gradient(180deg, rgba(255,130,32,.10), rgba(255,130,32,.035))!important;
  border-color:rgba(255,144,42,.16)!important;
}
.sx-public .sx-nav a.active{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,178,74,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,122,26,.17), rgba(255,141,44,.075))!important;
  border-color:rgba(255,145,43,.26)!important;
  box-shadow:0 15px 36px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.sx-public .sx-header-actions{
  border-left:0!important;
  padding-left:4px!important;
}
.sx-public .sx-header-actions .sx-btn,
.sx-public .sx-header-actions .btn,
.sx-public .sx-header-actions .sx31-btn{
  box-shadow:0 12px 28px rgba(255,122,26,.14)!important;
}
@media(max-width:900px){
  .sx-public .sx-nav-shell{
    background:
      radial-gradient(circle at 12% 10%, rgba(255,145,48,.07), transparent 24%),
      radial-gradient(circle at 86% 14%, rgba(68,125,255,.07), transparent 26%),
      linear-gradient(180deg, rgba(10,14,22,.96), rgba(13,11,15,.98))!important;
    backdrop-filter:blur(18px) saturate(120%)!important;
  }
}


/* =====================================================
   DarknessMu Next
   Public Nav Pill Background Removal Hotfix
   ===================================================== */
.sx-public .sx-nav{
  background:transparent!important;
}
.sx-public .sx-nav a{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.sx-public .sx-nav a:hover{
  background:linear-gradient(180deg, rgba(255,130,32,.08), rgba(255,130,32,.025))!important;
  border-color:rgba(255,144,42,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.sx-public .sx-nav a.active{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,178,74,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,122,26,.15), rgba(255,141,44,.06))!important;
  border-color:rgba(255,145,43,.24)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035)!important;
}


/* =====================================================
   DarknessMu Next
   Public Nav True Transparent State Hotfix
   ===================================================== */
body.sx-public .sx-header .sx-nav,
body.sx-public .sx-header .sx-nav-shell{
  background:transparent!important;
  box-shadow:none!important;
}
body.sx-public .sx-header .sx-nav a,
body.sx-public.route-home .sx-header .sx-nav a{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
body.sx-public .sx-header .sx-nav a::before,
body.sx-public .sx-header .sx-nav a::after,
body.sx-public.route-home .sx-header .sx-nav a::before,
body.sx-public.route-home .sx-header .sx-nav a::after{
  content:none!important;
  display:none!important;
}
body.sx-public .sx-header .sx-nav a:not(.active):hover,
body.sx-public.route-home .sx-header .sx-nav a:not(.active):hover{
  background:linear-gradient(180deg, rgba(255,130,32,.07), rgba(255,130,32,.02))!important;
  background-color:transparent!important;
  border-color:rgba(255,144,42,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.sx-public .sx-header .sx-nav a.active,
body.sx-public.route-home .sx-header .sx-nav a.active{
  background:linear-gradient(180deg, rgba(255,122,26,.14), rgba(255,141,44,.05))!important;
  background-color:transparent!important;
  border-color:rgba(255,145,43,.22)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03)!important;
}


/* =====================================================
   DarknessMu Next
   Home Brand Status Dot Green Sync Hotfix
   ===================================================== */
.route-home .sx-brand-mark:after{
  background:#26d07c!important;
  border-color:#0c0909!important;
}


/* =====================================================
   DarknessMu Next
   WebShop Premium Stamp Badges + Timed NEW badge
   ===================================================== */
.sx-shop-badge-stamp{
  left:auto!important;
  top:14px!important;
  right:-38px!important;
  min-width:148px;
  justify-content:center;
  padding:8px 20px!important;
  border-radius:12px!important;
  text-transform:uppercase;
  letter-spacing:.18em!important;
  font-size:10px!important;
  transform:rotate(36deg);
  transform-origin:center;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
  border-width:1px!important;
  backdrop-filter:blur(8px);
}
.sx31-product-card.has-stamp .sx31-product-art,.sx-admin-shop-product-v2.has-stamp .admin-shop-product-art,.sx-shop-featured-art{overflow:hidden}
.sx-shop-featured-art .sx-shop-badge-stamp{top:16px!important;right:-44px!important;min-width:158px}
.sx-shop-badge-stamp.new{background:linear-gradient(135deg,rgba(17,104,76,.98),rgba(24,144,104,.96))!important;border-color:rgba(112,230,188,.48)!important;color:#eafff7!important}
.sx-shop-badge-stamp.rare{background:linear-gradient(135deg,rgba(122,59,16,.98),rgba(255,122,26,.95))!important;border-color:rgba(255,206,152,.34)!important;color:#fff4e7!important}
.sx-shop-badge-stamp.epic{background:linear-gradient(135deg,rgba(165,113,20,.99),rgba(255,192,65,.96))!important;border-color:rgba(255,232,179,.42)!important;color:#2d1700!important;text-shadow:none!important}
.sx-shop-badge-stamp.consumable{background:linear-gradient(135deg,rgba(64,112,28,.98),rgba(121,212,80,.95))!important;border-color:rgba(206,255,177,.34)!important;color:#102500!important;text-shadow:none!important}
.sx-shop-badge-stamp.custom{background:linear-gradient(135deg,rgba(37,44,68,.98),rgba(84,98,136,.96))!important;border-color:rgba(173,187,235,.26)!important;color:#eef3ff!important}

.sx-shop-product-v2 .sx31-product-art,.sx-admin-shop-product-v2 .admin-shop-product-art{position:relative!important}
.sx-shop-product-v2.has-stamp .sx31-product-code{top:16px!important;right:16px!important}
.sx-shop-product-v2 .sx31-product-title{align-items:flex-start}
.sx-shop-product-v2 .sx-shop-product-kind,.sx-admin-shop-product-v2 .sx-shop-product-kind{border-radius:999px!important;padding:0 10px!important;min-height:28px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.sx-admin-shop-product-v2 .admin-shop-product-body .product-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.sx-shop-display-card{border-radius:16px!important;border-color:#4a2516!important;background:#110d0e!important}
.sx-shop-stamp-preview{display:flex;flex-wrap:wrap;gap:18px;padding:18px 12px 8px;overflow:visible;min-height:96px;align-items:flex-start}
.sx-shop-stamp-preview .sx-shop-badge-stamp{position:relative!important;right:auto!important;top:auto!important;transform:rotate(-18deg);min-width:138px}

@media(max-width:900px){
  .sx-shop-badge-stamp{right:-46px!important;min-width:138px;font-size:9px!important}
}
@media(max-width:650px){
  .sx-shop-badge-stamp{right:-52px!important;top:12px!important;min-width:128px;font-size:8.5px!important;padding:7px 16px!important}
  .sx-shop-featured-art .sx-shop-badge-stamp{right:-50px!important;min-width:136px}
  .sx-shop-stamp-preview{gap:10px;min-height:auto}
  .sx-shop-stamp-preview .sx-shop-badge-stamp{min-width:120px}
}


/* =====================================================
   DarknessMu Next
   WebShop Limited Badge + Epic Gold Prestige Pass
   ===================================================== */
.sx-shop-hero-badges .limited{border-color:rgba(225,72,94,.28);color:#ff9aaa}
.sx-shop-hero-badges .limited i{background:#e5485e;box-shadow:0 0 14px rgba(229,72,94,.42)}
.sx-shop-badge-filters>a.limited span{color:#ef5d73}
.sx-shop-badge-filters>a.active.limited{border-color:rgba(229,72,94,.42);box-shadow:0 0 24px rgba(229,72,94,.07)}
.sx-shop-rarity-list i.limited,.sx31-rarity i.limited{background:#e5485e!important}
.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.sx-shop-metrics-v2 article.limited>span,.sx-admin-shop-metrics article.limited>span{background:rgba(229,72,94,.09)!important;color:#ff8193!important}
.sx-admin-shop-product-v2.product-rarity-limited{border-color:rgba(229,72,94,.30)!important;box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 28px rgba(229,72,94,.05)!important}
.sx-shop-featured-card.limited{border-color:rgba(229,72,94,.30);box-shadow:0 0 34px rgba(229,72,94,.05)}
.sx-shop-product-v2.limited .sx31-product-art{background:radial-gradient(circle at 50% 45%,rgba(229,72,94,.12),transparent 56%),linear-gradient(180deg,#190e14,#0d0a0b)!important}

.sx-shop-badge-stamp.limited{
  background:linear-gradient(135deg,rgba(113,18,37,.99),rgba(229,72,94,.97))!important;
  border-color:rgba(255,174,187,.42)!important;
  color:#fff3f5!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 24px rgba(229,72,94,.13)!important;
}

/* ÉPICO agora recebe acabamento metálico dourado premium. */
.sx-shop-badge-stamp.epic{
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(110deg,#5b3104 0%,#b6760d 23%,#ffd56f 48%,#f0ae2f 68%,#754208 100%)!important;
  border-color:rgba(255,235,185,.72)!important;
  color:#241300!important;
  text-shadow:0 1px 0 rgba(255,255,255,.32)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.30),0 0 30px rgba(255,190,72,.22),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.sx-shop-badge-stamp.epic::before{
  content:"";
  position:absolute;
  inset:-45% -35%;
  z-index:-1;
  background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.48) 49%,transparent 63%);
  transform:translateX(-58%);
  animation:sxEpicStampShine 4.8s ease-in-out infinite;
}
.sx-shop-badge-stamp.epic::after{
  content:"✦";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:9px;
  color:rgba(63,34,0,.72);
}
@keyframes sxEpicStampShine{0%,58%{transform:translateX(-58%)}72%,100%{transform:translateX(58%)}}
@media(prefers-reduced-motion:reduce){.sx-shop-badge-stamp.epic::before{animation:none}}

.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.shop-badge-picker-v2 .badge-preset-limited input:checked+.badge-preset-card{
  border-color:rgba(229,72,94,.46)!important;
  box-shadow:0 0 26px rgba(229,72,94,.07),0 0 0 1px rgba(229,72,94,.08) inset!important;
}
.shop-badge-picker-v2 .badge-preset-epic input:checked+.badge-preset-card{
  border-color:rgba(255,202,91,.62)!important;
  background:linear-gradient(180deg,rgba(57,35,9,.78),#110d0e)!important;
  box-shadow:0 0 30px rgba(255,190,72,.11),inset 0 1px 0 rgba(255,228,171,.08)!important;
}
.shop-badge-picker-v2 .badge-preset-epic input:checked+.badge-preset-card b{color:#ffd477!important;text-shadow:0 0 18px rgba(255,190,72,.20)}

@media(max-width:1400px){.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.sx-shop-metrics-v2,.sx-admin-shop-metrics{grid-template-columns:1fr!important}.shop-badge-picker-v2 .badge-picker-grid{grid-template-columns:1fr 1fr!important}}


/* =====================================================
   DarknessMu Next
   WebShop 10 Items Pagination
   ===================================================== */
.sx-shop-products-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.sx-shop-pagination-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:4px 0 14px;
  padding:12px 14px;
  border:1px solid rgba(255,126,26,.12);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(11,13,18,.74),rgba(10,12,17,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.sx-shop-pagination-summary.player{margin-top:0}
.sx-shop-pagination-summary div{display:flex;align-items:center;gap:10px;min-width:0}
.sx-shop-pagination-summary span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#a98d78}
.sx-shop-pagination-summary strong{font-size:12px;color:#fff1e6;white-space:nowrap}
.sx-shop-pagination-summary small{font-size:10px;color:#bca28e;text-align:right}
.sx-shop-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:22px 0 4px;
  padding:12px;
  border:1px solid rgba(255,126,26,.12);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(11,13,18,.72),rgba(10,12,17,.86));
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(8px) saturate(110%);
}
.sx-shop-pagination.player{margin-top:18px}
.sx-shop-page-nav,
.sx-shop-page-numbers a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,126,26,.12);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  color:#d8c0ad;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
  transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;
}
.sx-shop-page-nav{padding:0 14px;white-space:nowrap}
.sx-shop-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.sx-shop-page-numbers a{width:38px;padding:0}
.sx-shop-page-numbers span{min-width:22px;text-align:center;color:#796858;font-size:12px;font-weight:900}
.sx-shop-page-nav:hover:not(.disabled),
.sx-shop-page-numbers a:hover{
  transform:translateY(-1px);
  border-color:rgba(255,143,44,.28);
  background:linear-gradient(180deg,rgba(255,122,26,.11),rgba(255,122,26,.035));
  color:#fff4e9;
}
.sx-shop-page-numbers a.active{
  border-color:rgba(255,143,44,.42);
  background:linear-gradient(135deg,#ff7a1a,#ff9b3b);
  color:#fff;
  box-shadow:0 10px 24px rgba(255,122,26,.16),inset 0 1px 0 rgba(255,255,255,.18);
}
.sx-shop-page-nav.disabled{opacity:.36;pointer-events:none}
@media(max-width:760px){
  .sx-shop-pagination-summary{align-items:flex-start;flex-direction:column;gap:6px}
  .sx-shop-pagination-summary small{text-align:left}
  .sx-shop-pagination{flex-wrap:wrap;gap:8px}
  .sx-shop-page-numbers{order:3;width:100%}
  .sx-shop-page-nav{flex:1}
}

/* =====================================================
   DarknessMu Next
   Roulette Test Core
   ===================================================== */
.sx-roulette-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:stretch;padding:22px;border:1px solid #4a2516;border-radius:22px;background:radial-gradient(circle at 15% 0,rgba(255,122,26,.10),transparent 28%),radial-gradient(circle at 88% 10%,rgba(102,77,255,.10),transparent 26%),linear-gradient(145deg,rgba(15,10,12,.92),rgba(9,10,15,.90));box-shadow:0 26px 64px rgba(0,0,0,.22);margin-bottom:16px}.sx-roulette-hero>div>span,.sx-roulette-admin-hero>div>span{font-size:9px;font-weight:900;letter-spacing:.17em;color:#ffb24a}.sx-roulette-hero h2{font-size:34px;letter-spacing:-.045em;margin:7px 0;color:#fff3e8}.sx-roulette-hero p{max-width:780px;margin:0;color:#bca58f;font-size:12px;line-height:1.65}.sx-roulette-hero aside{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid rgba(255,122,26,.16);border-radius:16px;background:rgba(12,10,12,.74)}.sx-roulette-hero aside small{font-size:8px;letter-spacing:.13em;color:#aa8f79;font-weight:900}.sx-roulette-hero aside strong{font-size:44px;line-height:1;color:#fff3e8;margin:8px 0}.sx-roulette-hero aside span{font-size:10px;color:#ba9d85}.sx-roulette-status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.sx-roulette-status-row>span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #4a2516;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em}.sx-roulette-status-row>span i{width:7px;height:7px;border-radius:50%}.sx-roulette-status-row>span.online{color:#7be2b8;border-color:rgba(53,214,160,.22);background:rgba(53,214,160,.05)}.sx-roulette-status-row>span.online i{background:#35d6a0;box-shadow:0 0 12px rgba(53,214,160,.65)}.sx-roulette-status-row>span.offline{color:#e0a27e}.sx-roulette-status-row>span.offline i{background:#d97849}.sx-roulette-status-row em{font-style:normal;color:#8e7969;font-size:9px}
.sx-roulette-stage{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:16px;margin-bottom:22px}.sx-roulette-wheel-card,.sx-roulette-control-card{position:relative;border:1px solid #4a2516;border-radius:22px;background:linear-gradient(180deg,rgba(16,12,14,.93),rgba(9,9,12,.95));box-shadow:0 24px 58px rgba(0,0,0,.22);overflow:hidden}.sx-roulette-wheel-card{min-height:560px;display:grid;place-items:center;padding:32px}.sx-roulette-wheel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,149,50,.09),transparent 42%),radial-gradient(circle at 50% 40%,rgba(108,83,255,.06),transparent 58%);pointer-events:none}.sx-roulette-wheel{--roulette-size:min(440px,74vw);width:var(--roulette-size);height:var(--roulette-size);border-radius:50%;position:relative;background:repeating-conic-gradient(from -90deg,rgba(255,122,26,.26) 0 calc(180deg/var(--roulette-count)),rgba(23,18,24,.96) calc(180deg/var(--roulette-count)) calc(360deg/var(--roulette-count)));border:10px solid #171116;box-shadow:0 0 0 1px rgba(255,158,72,.22),0 0 0 18px rgba(10,8,11,.86),0 28px 70px rgba(0,0,0,.42),inset 0 0 70px rgba(0,0,0,.35);transition:transform 5.2s cubic-bezier(.12,.68,.08,1);will-change:transform}.sx-roulette-wheel:before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 50px rgba(0,0,0,.25)}.sx-roulette-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#25130b,#0f0c11);border:1px solid rgba(255,160,77,.32);box-shadow:0 14px 34px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}.sx-roulette-wheel-center span{font-size:31px;font-weight:950;color:#ff9a3e;line-height:1}.sx-roulette-wheel-center small{font-size:7px;letter-spacing:.22em;color:#ccb19a;margin-top:5px}.sx-roulette-pointer{position:absolute;z-index:20;top:24px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:0;border-bottom:34px solid #ff8d2c;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.sx-roulette-wheel-label{position:absolute;left:50%;top:50%;width:98px;height:46px;margin-left:-49px;margin-top:-23px;transform:rotate(var(--roulette-angle)) translateY(calc(var(--roulette-size) * -.40)) rotate(var(--roulette-angle-neg));display:grid;place-items:center;z-index:5}.sx-roulette-wheel-label span{width:94px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 5px;border-radius:10px;background:rgba(8,8,12,.58);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(5px)}.sx-roulette-wheel-label img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(0,0,0,.35))}.sx-roulette-wheel-label b{max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5e9df;font-size:7px}.sx-roulette-wheel-label.rare span{border-color:rgba(255,122,26,.22)}.sx-roulette-wheel-label.epic span{border-color:rgba(255,192,65,.34);box-shadow:0 0 18px rgba(255,183,47,.06)}
.sx-roulette-result{position:absolute;left:50%;bottom:22px;z-index:30;transform:translateX(-50%);width:min(360px,80%);padding:14px 16px;text-align:center;border:1px solid rgba(255,170,80,.28);border-radius:15px;background:rgba(12,9,12,.94);box-shadow:0 20px 45px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.sx-roulette-result>span{display:block;font-size:7px;font-weight:900;letter-spacing:.16em;color:#ffb067}.sx-roulette-result strong{display:block;color:#fff3e8;font-size:21px;margin:5px 0}.sx-roulette-result p{margin:0 0 10px;color:#b89c86;font-size:9px}.sx-roulette-control-card{padding:20px}.sx-roulette-control-card header span{font-size:8px;letter-spacing:.15em;color:#ffad61;font-weight:900}.sx-roulette-control-card header h3{font-size:24px;color:#fff3e8;margin:6px 0}.sx-roulette-control-card header p{color:#a88f7b;font-size:10.5px;line-height:1.55}.sx-roulette-spin-button{margin-top:14px;min-height:48px!important;font-size:12px!important;letter-spacing:.08em}.sx-roulette-spin-feedback{min-height:30px;padding:10px 0 0;font-size:9px;color:#9d8877}.sx-roulette-spin-feedback.is-loading{color:#ffb46e}.sx-roulette-spin-feedback.is-success{color:#67dcae}.sx-roulette-spin-feedback.is-error{color:#ee8d7d}.sx-roulette-rules{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #3b2118}.sx-roulette-rules>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.sx-roulette-rules>div>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,122,26,.09);color:#ffab63;font-size:8px;font-weight:900}.sx-roulette-rules p{margin:0}.sx-roulette-rules strong{display:block;color:#e8d6c7;font-size:9px}.sx-roulette-rules small{display:block;color:#8e7868;font-size:8px;margin-top:2px}
.sx-roulette-prize-section,.sx-roulette-backpack-section,.sx-roulette-history-section{margin-top:24px}.sx-roulette-prize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sx-roulette-prize-card{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #4a2516;border-radius:15px;background:#110d0e}.sx-roulette-prize-card.rare{border-color:rgba(255,122,26,.25)}.sx-roulette-prize-card.epic{border-color:rgba(255,188,61,.36);box-shadow:0 0 26px rgba(255,183,47,.04)}.sx-roulette-prize-art{height:72px;border-radius:12px;background:radial-gradient(circle,rgba(255,122,26,.10),transparent 60%),#0d0a0b;display:grid;place-items:center}.sx-roulette-prize-art img{max-width:65px;max-height:65px;object-fit:contain}.sx-roulette-prize-card small{font-size:7px;color:#9c816c;font-weight:900;letter-spacing:.08em}.sx-roulette-prize-card h3{font-size:12px;color:#fff0e4;margin:4px 0}.sx-roulette-prize-card strong{color:#ffb86d;font-size:14px}.sx-roulette-prize-card.epic strong{color:#ffd26b}.sx-roulette-prize-card p{font-size:7px;color:#927c69;margin:5px 0 0;line-height:1.4}
.sx-roulette-backpack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sx-roulette-backpack-card{border:1px solid #4a2516;border-radius:16px;overflow:hidden;background:#110d0e;display:grid;grid-template-columns:130px 1fr;min-height:170px}.sx-roulette-backpack-card.epic{border-color:rgba(255,188,61,.34)}.sx-roulette-backpack-card.is-delivered{opacity:.68}.sx-roulette-backpack-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,122,26,.11),transparent 60%),#0c090a}.sx-roulette-backpack-art img{max-width:100px;max-height:120px;object-fit:contain}.sx-roulette-backpack-art span{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:6px;background:rgba(7,7,9,.82);border:1px solid #4a2516;color:#a98f7b;font-size:6px;font-weight:900}.sx-roulette-backpack-copy{padding:14px}.sx-roulette-backpack-copy>small{font-size:7px;color:#8f7865}.sx-roulette-backpack-copy h3{font-size:15px;color:#fff0e5;margin:4px 0}.sx-roulette-backpack-copy>p{font-size:8px;line-height:1.5;color:#9c846f}.sx-roulette-backpack-copy .field{margin:10px 0 7px}.sx-roulette-delivered{display:flex;gap:8px;align-items:center;margin-top:12px;padding:9px;border-radius:10px;background:rgba(53,214,160,.05);border:1px solid rgba(53,214,160,.15)}.sx-roulette-delivered>span{color:#57dda9}.sx-roulette-delivered strong{font-size:8px;color:#d5eadf}.sx-roulette-delivered small{display:block;font-size:7px;color:#79998a}
.sx-roulette-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;padding:22px;border:1px solid #4a2516;border-radius:20px;background:radial-gradient(circle at 82% 0,rgba(255,122,26,.11),transparent 28%),linear-gradient(135deg,#120d0f,#0b090c);box-shadow:0 24px 56px rgba(0,0,0,.18);margin-bottom:14px}.sx-roulette-admin-hero h1{font-size:34px;letter-spacing:-.045em;color:#fff3e8;margin:6px 0}.sx-roulette-admin-hero p{max-width:850px;color:#b49b87;font-size:11.5px;line-height:1.65;margin:0}.sx-roulette-admin-hero aside{display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid #4a2516;border-radius:14px;background:#100c0e}.sx-roulette-admin-hero aside small{font-size:7px;letter-spacing:.13em;color:#937966;font-weight:900}.sx-roulette-admin-hero aside strong{font-size:31px;color:#fff1e4;margin:7px 0}.sx-roulette-admin-hero aside span{font-size:9px;color:#a78d77}.sx-roulette-admin-state{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 10px;border-radius:999px;border:1px solid #4a2516;font-size:8px}.sx-roulette-admin-state i{width:7px;height:7px;border-radius:50%}.sx-roulette-admin-state.ready{border-color:rgba(53,214,160,.23);color:#79ddb6}.sx-roulette-admin-state.ready i{background:#35d6a0}.sx-roulette-admin-state.warning{border-color:rgba(255,151,72,.24);color:#e9a16d}.sx-roulette-admin-state.warning i{background:#e58b48}.sx-roulette-admin-state span{opacity:.78}.sx-roulette-admin-config{margin:14px 0 20px}.sx-roulette-prize-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}.sx-roulette-probability-board{padding:16px;position:sticky;top:88px}.sx-roulette-probability-board header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #4a2516}.sx-roulette-probability-board header span{font-size:7px;letter-spacing:.14em;color:#a88d77;font-weight:900}.sx-roulette-probability-board header h2{font-size:20px;color:#fff1e4;margin:4px 0}.sx-roulette-probability-board header>strong{font-size:20px}.sx-roulette-probability-board header>strong.ready{color:#5fdca9}.sx-roulette-probability-board header>strong.warning{color:#ef9a62}.sx-roulette-probability-list{display:grid;gap:7px;margin:12px 0}.sx-roulette-probability-list>div{display:grid;grid-template-columns:58px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #3f241a;border-radius:10px;background:#0d0a0b}.sx-roulette-probability-list>div.is-off{opacity:.45}.sx-roulette-tier{font-size:6px;font-weight:900;text-align:center;padding:5px 3px;border-radius:6px;background:#171114;color:#b89d87}.sx-roulette-tier.rare{color:#ffae6a;border:1px solid rgba(255,122,26,.2)}.sx-roulette-tier.epic{color:#ffd166;border:1px solid rgba(255,190,65,.25)}.sx-roulette-probability-list strong{display:block;font-size:9px;color:#eedfd3}.sx-roulette-probability-list small{display:block;font-size:7px;color:#8e7866;margin-top:2px}.sx-roulette-probability-list b{font-size:10px;color:#ffb66b}.sx-roulette-probability-board footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #4a2516;color:#9c816c;font-size:9px}.sx-roulette-probability-board footer strong{color:#fff0e3}.sx-roulette-admin-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx-roulette-admin-prize{overflow:hidden;padding:0!important}.sx-roulette-admin-prize.is-off{opacity:.6}.sx-roulette-admin-prize-art{height:135px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(255,122,26,.10),transparent 58%),#0d0a0b;border-bottom:1px solid #4a2516}.sx-roulette-admin-prize-art img{max-width:90%;max-height:115px;object-fit:contain}.sx-roulette-admin-prize-art span{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:999px;background:#170f10;border:1px solid #4a2516;color:#ffb66c;font-size:8px;font-weight:900}.sx-roulette-admin-prize-copy{padding:12px;display:flex;justify-content:space-between;gap:10px}.sx-roulette-admin-prize-copy small{font-size:7px;color:#9a806d;font-weight:900}.sx-roulette-admin-prize-copy h3{font-size:14px;color:#fff0e5;margin:4px 0}.sx-roulette-admin-prize-copy p{font-size:7px;color:#8f7764;margin:0}.sx-roulette-admin-prize>.action-row{padding:0 12px 12px}.sx-roulette-admin-prize .edit-pop{width:min(720px,80vw)}
@media(max-width:1200px){.sx-roulette-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-roulette-backpack-grid,.sx-roulette-admin-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-roulette-prize-editor{grid-template-columns:1fr}.sx-roulette-probability-board{position:static}}
@media(max-width:900px){.sx-roulette-hero,.sx-roulette-admin-hero{grid-template-columns:1fr}.sx-roulette-stage{grid-template-columns:1fr}.sx-roulette-wheel-card{min-height:500px}.sx-roulette-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sx-roulette-wheel-card{padding:18px;min-height:420px}.sx-roulette-wheel-label span{width:72px}.sx-roulette-wheel-label{width:74px;margin-left:-37px}.sx-roulette-wheel-label b{max-width:65px;font-size:6px}.sx-roulette-wheel-label img{width:24px;height:24px}.sx-roulette-wheel-center{width:72px;height:72px}.sx-roulette-wheel-center span{font-size:25px}.sx-roulette-prize-grid,.sx-roulette-backpack-grid,.sx-roulette-admin-prize-grid{grid-template-columns:1fr}.sx-roulette-backpack-card{grid-template-columns:105px 1fr}.sx-roulette-admin-metrics{grid-template-columns:1fr}}

/*  Roulette SaaS visual overhaul */
.sx-roulette-hero.premium{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:stretch;padding:26px;border:1px solid rgba(255,132,40,.24);border-radius:26px;background:linear-gradient(145deg,rgba(11,9,11,.78),rgba(8,10,17,.72));box-shadow:0 26px 70px rgba(0,0,0,.20);backdrop-filter:blur(18px);position:relative;overflow:hidden;margin-bottom:18px}
.sx-roulette-hero.premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0,rgba(255,128,31,.14),transparent 32%),radial-gradient(circle at 88% 18%,rgba(82,104,255,.12),transparent 30%);pointer-events:none}
.sx-roulette-hero-copy,.sx-roulette-hero-metrics{position:relative;z-index:1}
.sx-roulette-hero-metrics{display:grid;grid-template-columns:1fr;gap:12px}
.sx-roulette-hero-metrics article{padding:16px 18px;border:1px solid rgba(255,142,46,.18);border-radius:18px;background:linear-gradient(180deg,rgba(17,13,15,.88),rgba(10,10,14,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.sx-roulette-hero-metrics small{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#ffb770}
.sx-roulette-hero-metrics strong{display:block;margin:6px 0 4px;font-size:30px;line-height:1;color:#fff2e4}
.sx-roulette-hero-metrics span{display:block;font-size:10px;color:#a8907e;line-height:1.55}
.sx-roulette-stage.premium{display:grid;grid-template-columns:minmax(460px,1.2fr) minmax(320px,.8fr);gap:18px;margin-bottom:24px;align-items:start}
.sx-roulette-wheel-card.premium,.sx-roulette-control-card.premium{position:relative;border:1px solid rgba(255,132,40,.22);border-radius:26px;background:linear-gradient(160deg,rgba(12,10,12,.80),rgba(8,10,16,.76));box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(18px);overflow:hidden}
.sx-roulette-wheel-card.premium:before,.sx-roulette-control-card.premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,141,43,.08),transparent 34%),radial-gradient(circle at 100% 100%,rgba(77,106,255,.07),transparent 32%);pointer-events:none}
.sx-roulette-card-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 0}
.sx-roulette-card-head span{display:block;font-size:8px;font-weight:900;letter-spacing:.16em;color:#ffb160}
.sx-roulette-card-head h3{margin:6px 0 0;font-size:22px;color:#fff0e3;letter-spacing:-.03em}
.sx-roulette-card-head b{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,153,54,.22);background:rgba(255,122,26,.08);color:#ffca8d;font-size:10px;font-weight:900;white-space:nowrap}
.sx-roulette-wheel-card.premium{padding-bottom:24px;min-height:unset}
.sx-roulette-wheel-shell{position:relative;z-index:2;display:grid;place-items:center;padding:18px 24px 12px;min-height:520px}
.sx-roulette-wheel-card.premium .sx-roulette-pointer{top:44px}
.sx-roulette-wheel-card.premium .sx-roulette-wheel{--roulette-size:min(450px,72vw);border:12px solid rgba(12,10,14,.92);box-shadow:0 0 0 1px rgba(255,158,72,.18),0 0 0 18px rgba(8,8,10,.72),0 28px 70px rgba(0,0,0,.42),inset 0 0 80px rgba(0,0,0,.36);background:repeating-conic-gradient(from -90deg,rgba(255,131,37,.32) 0 calc(180deg/var(--roulette-count)),rgba(18,14,20,.98) calc(180deg/var(--roulette-count)) calc(360deg/var(--roulette-count)))}
.sx-roulette-wheel-card.premium .sx-roulette-wheel:after{content:"";position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(255,175,91,.10)}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-center{width:102px;height:102px;background:linear-gradient(145deg,#2a160c,#111018);border-color:rgba(255,166,81,.34)}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-center span{font-size:33px}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-center small{font-size:8px}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label{width:110px;margin-left:-55px}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label span{width:104px;padding:5px 6px;border-radius:12px;background:rgba(7,8,12,.60);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label img{width:32px;height:32px}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label b{max-width:92px;font-size:7px;letter-spacing:.02em}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label.rare span{border-color:rgba(255,137,47,.28);box-shadow:0 0 18px rgba(255,131,37,.05)}
.sx-roulette-wheel-card.premium .sx-roulette-wheel-label.epic span{border-color:rgba(255,202,97,.42);box-shadow:0 0 22px rgba(255,194,77,.09)}
.sx-roulette-wheel-legend{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px}
.sx-roulette-wheel-legend>div{padding:14px 15px;border:1px solid rgba(255,137,47,.15);border-radius:16px;background:rgba(10,10,14,.52)}
.sx-roulette-wheel-legend strong{display:block;font-size:11px;color:#fff1e6;margin-bottom:3px}
.sx-roulette-wheel-legend span{display:block;font-size:9.5px;line-height:1.55;color:#9f8877}
.sx-roulette-control-card.premium{padding:22px}
.sx-roulette-control-card.premium header{position:relative;z-index:2}
.sx-roulette-control-card.premium header span{font-size:8px;letter-spacing:.16em;color:#ffad61;font-weight:900}
.sx-roulette-control-card.premium header h3{font-size:28px;letter-spacing:-.04em;color:#fff3e8;margin:7px 0}
.sx-roulette-control-card.premium header p{color:#a88f7b;font-size:11px;line-height:1.7;margin:0}
.sx-roulette-quick-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 16px}
.sx-roulette-quick-item{padding:13px 14px;border:1px solid rgba(255,136,42,.15);border-radius:15px;background:rgba(12,10,12,.48)}
.sx-roulette-quick-item small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#ab8f78;text-transform:uppercase}
.sx-roulette-quick-item strong{display:block;margin-top:6px;font-size:15px;color:#fff0e2;line-height:1.35}
.sx-roulette-control-card.premium form,.sx-roulette-control-card.premium .sx-roulette-rules{position:relative;z-index:2}
.sx-roulette-control-card.premium .field{margin-bottom:12px}
.sx-roulette-control-card.premium .sx-roulette-spin-button{margin-top:10px;min-height:52px!important;font-size:12px!important;letter-spacing:.10em;border-radius:16px!important}
.sx-roulette-control-card.premium .sx-roulette-spin-feedback{min-height:34px;padding-top:12px;font-size:10px}
.sx-roulette-rules.premium{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,132,40,.14)}
.sx-roulette-rules.premium>div{padding:12px;border:1px solid rgba(255,132,40,.10);border-radius:16px;background:rgba(10,10,14,.40);grid-template-columns:30px 1fr}
.sx-roulette-rules.premium>div>span{width:30px;height:30px;border-radius:10px;background:rgba(255,122,26,.11)}
.sx-roulette-rules.premium strong{font-size:10px;color:#f6e8dc}
.sx-roulette-rules.premium small{font-size:8.5px;line-height:1.55;color:#917a68}
.sx-roulette-prize-section.premium,.sx-roulette-backpack-section.premium,.sx-roulette-history-section.premium{margin-top:24px}
.sx-roulette-prize-grid.premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-roulette-prize-grid.premium .sx-roulette-prize-card{padding:14px;border-radius:18px;border:1px solid rgba(255,132,40,.16);background:linear-gradient(160deg,rgba(13,10,12,.82),rgba(9,10,16,.76));box-shadow:0 16px 35px rgba(0,0,0,.16)}
.sx-roulette-prize-grid.premium .sx-roulette-prize-art{height:82px;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(255,122,26,.14),transparent 58%),rgba(9,9,12,.85)}
.sx-roulette-prize-grid.premium .sx-roulette-prize-art img{max-width:72px;max-height:72px}
.sx-roulette-prize-grid.premium .sx-roulette-prize-card small{font-size:7.5px;letter-spacing:.08em}
.sx-roulette-prize-grid.premium .sx-roulette-prize-card h3{font-size:14px;margin:6px 0}
.sx-roulette-prize-grid.premium .sx-roulette-prize-card strong{font-size:18px}
.sx-roulette-prize-grid.premium .sx-roulette-prize-card p{font-size:8px;line-height:1.55}
.sx-roulette-backpack-grid.premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-card{border:1px solid rgba(255,132,40,.16);border-radius:18px;background:linear-gradient(160deg,rgba(13,10,12,.82),rgba(9,10,16,.76));box-shadow:0 16px 35px rgba(0,0,0,.16);min-height:190px}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-art{background:radial-gradient(circle at 50% 35%,rgba(255,122,26,.13),transparent 58%),rgba(9,9,12,.88)}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-art img{max-width:104px;max-height:120px}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-art span{left:10px;top:10px;padding:5px 7px;border-radius:999px;background:rgba(10,10,14,.82);font-size:6.5px;letter-spacing:.10em}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-copy{padding:16px}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-copy>small{font-size:7.5px;letter-spacing:.08em}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-copy h3{font-size:16px;margin:4px 0 5px}
.sx-roulette-backpack-grid.premium .sx-roulette-backpack-copy>p{font-size:8.5px;line-height:1.6}
.sx-roulette-history-section.premium .card.table-wrap{border:1px solid rgba(255,132,40,.16);border-radius:20px;background:linear-gradient(160deg,rgba(13,10,12,.82),rgba(9,10,16,.76));box-shadow:0 16px 35px rgba(0,0,0,.16)}
.sx-roulette-history-section.premium .table thead th{background:rgba(255,122,26,.05)}
@media(max-width:1180px){.sx-roulette-stage.premium{grid-template-columns:1fr}.sx-roulette-hero.premium{grid-template-columns:1fr}.sx-roulette-backpack-grid.premium,.sx-roulette-prize-grid.premium{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sx-roulette-wheel-shell{min-height:430px;padding:12px}.sx-roulette-wheel-card.premium .sx-roulette-wheel{--roulette-size:min(360px,80vw)}.sx-roulette-wheel-card.premium .sx-roulette-pointer{top:34px}.sx-roulette-wheel-legend{grid-template-columns:1fr}.sx-roulette-quick-grid{grid-template-columns:1fr 1fr}.sx-roulette-prize-grid.premium,.sx-roulette-backpack-grid.premium{grid-template-columns:1fr}}
@media(max-width:560px){.sx-roulette-card-head{padding:18px 18px 0;flex-direction:column;align-items:flex-start}.sx-roulette-control-card.premium,.sx-roulette-wheel-card.premium{border-radius:20px}.sx-roulette-wheel-shell{min-height:360px}.sx-roulette-wheel-card.premium .sx-roulette-wheel{--roulette-size:min(310px,82vw)}.sx-roulette-wheel-card.premium .sx-roulette-wheel-label{width:82px;margin-left:-41px}.sx-roulette-wheel-card.premium .sx-roulette-wheel-label span{width:78px;padding:4px}.sx-roulette-wheel-card.premium .sx-roulette-wheel-label img{width:24px;height:24px}.sx-roulette-wheel-card.premium .sx-roulette-wheel-label b{max-width:66px;font-size:5.9px}.sx-roulette-wheel-card.premium .sx-roulette-wheel-center{width:84px;height:84px}.sx-roulette-wheel-card.premium .sx-roulette-wheel-center span{font-size:28px}.sx-roulette-hero-metrics{grid-template-columns:1fr}.sx-roulette-quick-grid{grid-template-columns:1fr}.sx-roulette-backpack-grid.premium .sx-roulette-backpack-card{grid-template-columns:110px 1fr}}

/* =====================================================
   DarknessMu Next
   Premium Roulette Reveal Experience
   ===================================================== */
body.roulette-spinning{cursor:progress}
body.roulette-modal-open{overflow:hidden}
.sx-roulette-wheel-card.is-spinning{border-color:rgba(255,154,55,.34)!important;box-shadow:0 26px 76px rgba(0,0,0,.30),0 0 42px rgba(255,122,26,.07)!important}
.sx-roulette-wheel-card.is-spinning .sx-roulette-wheel{animation:sxRouletteEnergy 1.15s ease-in-out infinite alternate}
.sx-roulette-wheel-card.win-common{border-color:rgba(157,177,212,.30)!important;box-shadow:0 25px 70px rgba(0,0,0,.28),0 0 38px rgba(134,158,204,.08)!important}
.sx-roulette-wheel-card.win-rare{border-color:rgba(255,142,48,.42)!important;box-shadow:0 25px 70px rgba(0,0,0,.30),0 0 48px rgba(255,122,26,.14)!important}
.sx-roulette-wheel-card.win-epic{border-color:rgba(255,205,91,.54)!important;box-shadow:0 28px 84px rgba(0,0,0,.34),0 0 65px rgba(255,188,61,.17)!important}
.sx-roulette-wheel-card.win-epic:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,213,111,.16),transparent 38%);animation:sxEpicPulse 1.2s ease-in-out 3}
@keyframes sxRouletteEnergy{from{filter:drop-shadow(0 0 0 rgba(255,122,26,0))}to{filter:drop-shadow(0 0 16px rgba(255,122,26,.16))}}
@keyframes sxEpicPulse{0%,100%{opacity:.1}50%{opacity:1}}

.sx-roulette-suspense{position:absolute;z-index:28;left:50%;bottom:24px;transform:translateX(-50%);width:min(420px,calc(100% - 48px));display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,148,54,.26);border-radius:18px;background:linear-gradient(145deg,rgba(10,9,12,.94),rgba(13,13,20,.94));box-shadow:0 22px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.sx-roulette-suspense[hidden]{display:none!important}
.sx-roulette-suspense-orbit{position:relative;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,145,47,.18);display:grid;place-items:center;background:rgba(255,122,26,.035)}
.sx-roulette-suspense-orbit:before{content:"";width:11px;height:11px;border-radius:50%;background:#ff8b2f;box-shadow:0 0 18px rgba(255,139,47,.65)}
.sx-roulette-suspense-orbit i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#ffb262;transform-origin:-18px 0;animation:sxRouletteOrbit 1.1s linear infinite}
.sx-roulette-suspense-orbit i:nth-child(2){animation-delay:-.36s;opacity:.7}.sx-roulette-suspense-orbit i:nth-child(3){animation-delay:-.72s;opacity:.45}
@keyframes sxRouletteOrbit{from{transform:translate(18px,-2px) rotate(0deg)}to{transform:translate(18px,-2px) rotate(360deg)}}
.sx-roulette-suspense small{display:block;color:#ffab5d;font-size:7.5px;font-weight:950;letter-spacing:.16em}
.sx-roulette-suspense strong{display:block;margin:3px 0;color:#fff1e6;font-size:14px}
.sx-roulette-suspense span{display:block;color:#9e8877;font-size:9px;line-height:1.5}
.sx-roulette-button-loader{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;display:inline-block;vertical-align:-2px;margin-right:7px;animation:sxRouletteButtonSpin .72s linear infinite}
@keyframes sxRouletteButtonSpin{to{transform:rotate(360deg)}}

.sx-roulette-win-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;transition:opacity .22s ease,visibility .22s ease}
.sx-roulette-win-modal[hidden]{display:none!important}
.sx-roulette-win-modal.is-open{opacity:1;visibility:visible}
.sx-roulette-win-backdrop{position:absolute;inset:0;background:rgba(3,4,8,.76);backdrop-filter:blur(16px)}
.sx-roulette-win-dialog{--roulette-win-accent:#d6dfef;--roulette-win-soft:rgba(169,187,220,.13);position:relative;z-index:2;width:min(560px,calc(100vw - 32px));max-height:min(88vh,860px);margin:auto;overflow:auto;padding:30px;border-radius:30px;border:1px solid rgba(188,202,229,.22);background:radial-gradient(circle at 50% -8%,var(--roulette-win-soft),transparent 38%),linear-gradient(160deg,rgba(18,18,26,.98),rgba(8,9,14,.99));box-shadow:0 44px 120px rgba(0,0,0,.58),0 0 80px var(--roulette-win-soft);text-align:center;transform:translateY(18px) scale(.96);transition:transform .28s cubic-bezier(.2,.78,.2,1);isolation:isolate}
.sx-roulette-win-modal.is-open .sx-roulette-win-dialog{transform:translateY(0) scale(1)}
.sx-roulette-win-dialog[data-rarity="rare"]{--roulette-win-accent:#ff9a3e;--roulette-win-soft:rgba(255,122,26,.18);border-color:rgba(255,151,57,.34)}
.sx-roulette-win-dialog[data-rarity="epic"]{--roulette-win-accent:#ffd36f;--roulette-win-soft:rgba(255,190,67,.22);border-color:rgba(255,215,122,.46);box-shadow:0 46px 130px rgba(0,0,0,.60),0 0 100px rgba(255,190,67,.16)}
.sx-roulette-win-dialog:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 74%);transform:translateX(-120%);animation:sxPrizeShine 2.8s ease-in-out .3s 1}
.sx-roulette-win-dialog[data-rarity="epic"]:after{content:"";position:absolute;z-index:-1;inset:18px;border-radius:24px;border:1px solid rgba(255,221,143,.13);box-shadow:inset 0 0 45px rgba(255,197,76,.05)}
@keyframes sxPrizeShine{to{transform:translateX(130%)}}
.sx-roulette-win-close{position:absolute;z-index:8;right:15px;top:15px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(7,8,12,.62);color:#c8ced9;font-size:23px;line-height:1;cursor:pointer;transition:.18s}
.sx-roulette-win-close:hover{border-color:rgba(255,145,47,.28);color:#fff;background:rgba(255,122,26,.08)}
.sx-roulette-win-aura{position:absolute;z-index:-1;left:50%;top:115px;width:310px;height:310px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--roulette-win-soft),transparent 68%);filter:blur(8px);animation:sxWinAura 1.8s ease-in-out infinite alternate}
@keyframes sxWinAura{from{opacity:.55;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.sx-roulette-win-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--roulette-win-accent) 38%,transparent);background:color-mix(in srgb,var(--roulette-win-accent) 9%,transparent);color:var(--roulette-win-accent);font-size:8px;font-weight:950;letter-spacing:.15em}
.sx-roulette-win-eyebrow i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.sx-roulette-win-art{width:180px;height:180px;margin:18px auto 12px;border-radius:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--roulette-win-accent) 18%,transparent);background:radial-gradient(circle at 50% 42%,var(--roulette-win-soft),transparent 62%),rgba(7,8,12,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sx-roulette-win-art img{max-width:138px;max-height:138px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.46));animation:sxPrizeFloat 2.4s ease-in-out infinite}
@keyframes sxPrizeFloat{0%,100%{transform:translateY(2px) scale(1)}50%{transform:translateY(-8px) scale(1.035)}}
.sx-roulette-win-copy small{display:block;color:#aab1c1;font-size:8px;font-weight:950;letter-spacing:.18em}
.sx-roulette-win-copy h2{margin:6px 0;color:#fff5ec;font-size:clamp(28px,5vw,40px);letter-spacing:-.045em;line-height:1.05;text-shadow:0 0 28px var(--roulette-win-soft)}
.sx-roulette-win-copy p{max-width:430px;margin:0 auto;color:#9f8f83;font-size:10.5px;line-height:1.65}
.sx-roulette-win-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.sx-roulette-win-meta article{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(8,9,14,.56)}
.sx-roulette-win-meta small{display:block;color:#817f89;font-size:7.5px;font-weight:900;letter-spacing:.13em}
.sx-roulette-win-meta strong{display:block;margin-top:4px;color:var(--roulette-win-accent);font-size:14px}
.sx-roulette-win-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sx-roulette-win-actions .sx31-btn{min-height:44px;border-radius:14px!important}
.sx-roulette-win-dialog[data-rarity="epic"] .sx-roulette-win-art{box-shadow:0 0 42px rgba(255,193,68,.09),inset 0 1px 0 rgba(255,255,255,.04)}
.sx-roulette-win-dialog[data-rarity="epic"] .sx-roulette-win-copy h2{color:#fff0c0}
.sx-roulette-win-fx{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.sx-roulette-win-fx i{position:absolute;left:var(--x);top:-18px;width:var(--size);height:calc(var(--size) * 1.8);border-radius:2px;background:var(--roulette-win-accent);opacity:.82;animation:sxPrizeConfetti var(--duration) cubic-bezier(.16,.72,.2,1) var(--delay) infinite}
.sx-roulette-win-fx i:nth-child(3n){border-radius:50%;height:var(--size)}.sx-roulette-win-fx i:nth-child(4n){opacity:.46}
@keyframes sxPrizeConfetti{0%{transform:translate3d(0,-15px,0) rotate(0);opacity:0}12%{opacity:.9}100%{transform:translate3d(var(--drift),590px,0) rotate(620deg);opacity:0}}
@media(max-width:640px){.sx-roulette-suspense{grid-template-columns:46px 1fr;width:calc(100% - 30px);bottom:14px}.sx-roulette-suspense-orbit{width:44px;height:44px}.sx-roulette-win-modal{padding:12px}.sx-roulette-win-dialog{padding:24px 18px;border-radius:23px}.sx-roulette-win-art{width:145px;height:145px;border-radius:22px}.sx-roulette-win-art img{max-width:112px;max-height:112px}.sx-roulette-win-meta,.sx-roulette-win-actions{grid-template-columns:1fr}.sx-roulette-win-copy p{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.sx-roulette-wheel-card.is-spinning .sx-roulette-wheel,.sx-roulette-win-aura,.sx-roulette-win-art img,.sx-roulette-win-fx i,.sx-roulette-suspense-orbit i,.sx-roulette-button-loader{animation:none!important}.sx-roulette-win-dialog:before{animation:none!important}}

/* =====================================================
   DarknessMu Next
   Roulette Premium Workspace Redesign
   ===================================================== */
body.route-player-roulette .sx41-page-canvas{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:0!important}
body.route-player-roulette .sx41-content{overflow:visible}
body.route-player-roulette .dmr2-page{--dmr-accent:#ff8b2d;--dmr-accent-2:#ffb257;--dmr-line:rgba(255,139,45,.16);--dmr-line-strong:rgba(255,139,45,.28);--dmr-panel:linear-gradient(155deg,rgba(13,15,23,.80),rgba(9,10,16,.88));--dmr-panel-soft:linear-gradient(160deg,rgba(17,18,27,.72),rgba(10,11,17,.78));--dmr-text:#fff4ea;--dmr-muted:#ad9c90;position:relative;display:grid;gap:18px;padding-bottom:12px}
body.route-player-roulette .dmr2-page:before{content:"";position:absolute;inset:-50px -30px auto;height:520px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(255,125,28,.10),transparent 32%),radial-gradient(circle at 80% 10%,rgba(76,96,217,.11),transparent 30%);filter:blur(6px)}
body.route-player-roulette .dmr2-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:20px;padding:30px;border:1px solid var(--dmr-line);border-radius:30px;background:radial-gradient(circle at 10% 0,rgba(255,132,35,.12),transparent 32%),radial-gradient(circle at 93% 8%,rgba(73,93,211,.12),transparent 28%),linear-gradient(145deg,rgba(12,14,21,.76),rgba(8,9,14,.88));box-shadow:0 32px 82px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(120%)}
body.route-player-roulette .dmr2-hero:after{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,180,96,.64),rgba(97,119,232,.28),transparent)}
.dmr2-hero-main{position:relative;z-index:1;align-self:center;padding:6px 4px}.dmr2-kicker{display:flex;align-items:center;gap:9px;color:#ffb366;font-size:9px;font-weight:950;letter-spacing:.18em}.dmr2-kicker i{width:8px;height:8px;border-radius:50%;background:#ff8b2d;box-shadow:0 0 18px rgba(255,139,45,.65)}
.dmr2-hero-main h1{max-width:820px;margin:10px 0 10px;color:var(--dmr-text);font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-.055em}.dmr2-hero-main>p{max-width:760px;margin:0;color:#b7a597;font-size:12.5px;line-height:1.75}.dmr2-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.dmr2-hero-tags span{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(255,139,45,.12);border-radius:11px;background:rgba(255,255,255,.022);color:#d4c3b6;font-size:9.5px;font-weight:800}.dmr2-hero-tags svg{color:#ff9e45}
.dmr2-account-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid rgba(255,145,49,.18);border-radius:22px;background:linear-gradient(160deg,rgba(17,17,24,.78),rgba(8,10,16,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 50px rgba(0,0,0,.18)}.dmr2-account-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.025);border-radius:16px;pointer-events:none}.dmr2-account-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.dmr2-account-head>small{color:#7f8290;font-size:7.5px;font-weight:900;letter-spacing:.16em}.dmr2-live-pill{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 9px;border-radius:999px;font-size:7.5px;font-weight:950;letter-spacing:.09em}.dmr2-live-pill i{width:6px;height:6px;border-radius:50%}.dmr2-live-pill.is-online{color:#82e4bc;border:1px solid rgba(53,214,160,.20);background:rgba(53,214,160,.055)}.dmr2-live-pill.is-online i{background:#35d6a0;box-shadow:0 0 10px rgba(53,214,160,.68)}.dmr2-live-pill.is-offline{color:#ef9c76;border:1px solid rgba(226,109,64,.20);background:rgba(226,109,64,.05)}.dmr2-live-pill.is-offline i{background:#d96f48}.dmr2-spin-balance{position:relative;display:flex;align-items:flex-end;gap:10px;margin:20px 0 17px}.dmr2-spin-balance strong{font-size:60px;line-height:.82;color:#fff5eb;letter-spacing:-.07em;text-shadow:0 0 30px rgba(255,138,45,.10)}.dmr2-spin-balance span{padding-bottom:5px;color:#ac9787;font-size:10px;font-weight:800}.dmr2-account-mini{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dmr2-account-mini div{padding:10px 8px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.018)}.dmr2-account-mini small{display:block;color:#707582;font-size:6.5px;font-weight:900;letter-spacing:.11em}.dmr2-account-mini b{display:block;margin-top:4px;color:#eaded5;font-size:13px}
body.route-player-roulette .dmr2-nav{position:sticky;top:74px;z-index:45;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(255,139,45,.14);border-radius:17px;background:rgba(8,10,15,.82);box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px) saturate(120%)}.dmr2-nav>a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:11px;color:#9d9189;font-size:9px;font-weight:850;text-decoration:none;transition:.18s}.dmr2-nav>a span{color:#6e707b;font-size:7px;font-weight:950}.dmr2-nav>a em{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:rgba(255,122,26,.10);color:#ffb16a;font-size:7px;font-style:normal}.dmr2-nav>a:hover,.dmr2-nav>a.active{border-color:rgba(255,139,45,.17);background:rgba(255,122,26,.055);color:#fff0e4}.dmr2-nav>a.active span{color:#ff9d44}.dmr2-nav-state{margin-left:auto;display:flex;align-items:center;gap:7px;padding:0 10px;color:#85858e;font-size:8px;font-weight:800}.dmr2-nav-state i{width:7px;height:7px;border-radius:50%}.dmr2-nav-state i.online{background:#35d6a0;box-shadow:0 0 10px rgba(53,214,160,.6)}.dmr2-nav-state i.offline{background:#d8734e}
.dmr2-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(230,126,72,.18);border-radius:16px;background:linear-gradient(90deg,rgba(215,102,57,.07),rgba(12,12,17,.54))}.dmr2-alert>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(230,126,72,.11);color:#ef9d78;font-weight:950}.dmr2-alert strong{display:block;color:#f3dfd2;font-size:10px}.dmr2-alert p{margin:2px 0 0;color:#9c897c;font-size:9px;line-height:1.5}
.dmr2-command,.dmr2-section{scroll-margin-top:132px;position:relative;padding:24px;border:1px solid rgba(255,139,45,.13);border-radius:28px;background:linear-gradient(155deg,rgba(12,14,21,.68),rgba(8,9,14,.78));box-shadow:0 24px 62px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px)}.dmr2-command:before,.dmr2-section:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,168,76,.32),transparent)}.dmr2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.dmr2-section-head>div:first-child>span{display:block;color:#ff9f48;font-size:8.5px;font-weight:950;letter-spacing:.17em}.dmr2-section-head h2{margin:5px 0 4px;color:#fff3e9;font-size:27px;letter-spacing:-.04em}.dmr2-section-head p{margin:0;color:#9e9086;font-size:10.5px;line-height:1.6}.dmr2-section-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dmr2-section-meta span{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:rgba(255,255,255,.018);color:#928b88;font-size:8px;font-weight:800}
.dmr2-spotlight{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;min-height:150px;margin-bottom:18px;overflow:hidden;border:1px solid rgba(255,185,69,.22);border-radius:20px;background:radial-gradient(circle at 86% 50%,rgba(255,190,64,.16),transparent 28%),linear-gradient(115deg,rgba(49,30,10,.52),rgba(12,12,18,.68) 58%,rgba(19,17,20,.74));box-shadow:0 20px 48px rgba(0,0,0,.15)}.dmr2-spotlight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#ffd277,#ff8d2d)}.dmr2-spotlight-copy{padding:22px 24px;align-self:center;position:relative;z-index:2}.dmr2-spotlight-copy>span{color:#ffd172;font-size:8px;font-weight:950;letter-spacing:.17em}.dmr2-spotlight-copy h3{margin:5px 0;color:#fff2d9;font-size:25px;letter-spacing:-.035em}.dmr2-spotlight-copy p{margin:0;color:#ad9780;font-size:10px}.dmr2-spotlight-copy>div{display:flex;align-items:center;gap:9px;margin-top:14px}.dmr2-spotlight-copy b{font-size:19px;color:#ffd36f}.dmr2-spotlight-copy em{font-style:normal;padding:6px 8px;border-radius:8px;background:rgba(255,190,67,.07);color:#c5a775;font-size:8px;font-weight:850}.dmr2-spotlight-art{position:relative;display:grid;place-items:center}.dmr2-spotlight-art>div{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,86,.20),transparent 66%);filter:blur(4px)}.dmr2-spotlight-art img{position:relative;z-index:2;max-width:128px;max-height:128px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.dmr2-stage-grid{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.dmr2-wheel-card,.dmr2-control-card,.dmr2-delivery-card,.dmr2-last-card{border:1px solid rgba(255,139,45,.14)!important;background:var(--dmr-panel)!important;box-shadow:0 22px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;backdrop-filter:blur(18px)}.dmr2-wheel-card{position:relative;overflow:hidden;border-radius:23px!important;min-height:unset!important;padding:0!important;display:block!important}.dmr2-wheel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(255,130,31,.10),transparent 42%),radial-gradient(circle at 28% 22%,rgba(71,88,190,.07),transparent 28%)!important;pointer-events:none}.dmr2-card-toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid rgba(255,139,45,.10);background:rgba(8,10,15,.38)}.dmr2-card-toolbar small{display:block;color:#787b86;font-size:6.5px;font-weight:950;letter-spacing:.14em}.dmr2-card-toolbar strong{display:block;margin-top:2px;color:#eee3dc;font-size:12px}.dmr2-toolbar-badges{display:flex;gap:6px}.dmr2-toolbar-badges span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:rgba(255,255,255,.018);color:#858793;font-size:7px;font-weight:850}.dmr2-toolbar-badges i{width:6px;height:6px;border-radius:50%;background:#35d6a0;box-shadow:0 0 8px rgba(53,214,160,.55)}
.dmr2-wheel-zone{position:relative;z-index:2;display:grid;place-items:center;min-height:570px;padding:34px 22px 22px;overflow:hidden}.dmr2-wheel-zone:before{content:"";position:absolute;width:510px;height:510px;border-radius:50%;border:1px solid rgba(255,139,45,.08);box-shadow:0 0 0 34px rgba(255,255,255,.009),0 0 0 72px rgba(255,255,255,.006)}.dmr2-orbit{position:absolute;border-radius:50%;pointer-events:none}.dmr2-orbit.orbit-a{width:470px;height:470px;border:1px dashed rgba(255,142,48,.09);animation:dmrOrbit 38s linear infinite}.dmr2-orbit.orbit-b{width:535px;height:535px;border:1px dashed rgba(116,126,203,.07);animation:dmrOrbit 52s linear infinite reverse}@keyframes dmrOrbit{to{transform:rotate(360deg)}}.dmr2-wheel-info{position:absolute;z-index:4;width:105px;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(8,10,15,.55);backdrop-filter:blur(10px)}.dmr2-wheel-info.left{left:18px;top:50%;transform:translateY(-50%)}.dmr2-wheel-info.right{right:18px;top:50%;transform:translateY(-50%)}.dmr2-wheel-info small{display:block;color:#6f7481;font-size:6px;font-weight:950;letter-spacing:.14em}.dmr2-wheel-info strong{display:block;margin:4px 0 2px;color:#fff0e4;font-size:16px}.dmr2-wheel-info span{display:block;color:#8f837b;font-size:7.5px;line-height:1.4}.dmr2-wheel-zone .sx-roulette-pointer{top:30px;width:46px;height:46px;border:0!important;display:grid;place-items:center;filter:none!important}.dmr2-wheel-zone .sx-roulette-pointer:before{content:"";width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:25px solid #ff8c2d;filter:drop-shadow(0 7px 9px rgba(0,0,0,.42))}.dmr2-wheel-zone .sx-roulette-pointer i{position:absolute;top:2px;width:8px;height:8px;border-radius:50%;background:#ffc170;box-shadow:0 0 14px rgba(255,174,81,.65)}
body.route-player-roulette .dmr2-wheel{--roulette-size:min(455px,62vw);width:var(--roulette-size);height:var(--roulette-size);border:12px solid rgba(10,11,17,.98);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.028),transparent 52%),repeating-conic-gradient(from -90deg,rgba(255,133,40,.21) 0 calc((360deg/var(--roulette-count)) - 1.5deg),rgba(255,255,255,.055) calc((360deg/var(--roulette-count)) - 1.5deg) calc(360deg/var(--roulette-count)))!important;box-shadow:0 0 0 1px rgba(255,146,53,.28),0 0 0 10px rgba(15,13,18,.80),0 0 0 18px rgba(255,139,45,.035),0 30px 75px rgba(0,0,0,.48),inset 0 0 84px rgba(0,0,0,.40)!important}.dmr2-wheel:before{inset:7%!important;border-color:rgba(255,255,255,.06)!important;box-shadow:0 0 0 1px rgba(255,139,45,.025),inset 0 0 52px rgba(0,0,0,.34)!important}.dmr2-wheel:after{content:"";position:absolute;inset:17%;border-radius:50%;border:1px solid rgba(255,255,255,.035);box-shadow:0 0 30px rgba(255,136,42,.04) inset}.dmr2-wheel-center{width:112px!important;height:112px!important;border:1px solid rgba(255,151,59,.34)!important;background:radial-gradient(circle at 35% 20%,rgba(255,164,75,.17),transparent 38%),linear-gradient(145deg,#21140f,#0c0e16)!important;box-shadow:0 18px 40px rgba(0,0,0,.48),0 0 0 7px rgba(255,139,45,.025),inset 0 1px 0 rgba(255,255,255,.055)!important}.dmr2-wheel-center span{font-size:34px!important;color:#ff9a3e!important}.dmr2-wheel-center small{margin-top:2px!important;color:#9b887a!important;font-size:6px!important;letter-spacing:.17em!important}.dmr2-wheel-center b{margin-top:2px;color:#fff1e6;font-size:8px;letter-spacing:.20em}.dmr2-wheel .sx-roulette-wheel-label{width:108px;margin-left:-54px}.dmr2-wheel .sx-roulette-wheel-label span{width:104px;padding:5px 6px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(7,9,14,.68);box-shadow:0 8px 20px rgba(0,0,0,.22);backdrop-filter:blur(9px)}.dmr2-wheel .sx-roulette-wheel-label img{width:33px;height:33px}.dmr2-wheel .sx-roulette-wheel-label b{max-width:94px;font-size:7px;color:#f2e7df}.dmr2-wheel .sx-roulette-wheel-label.rare span{border-color:rgba(255,141,47,.24);box-shadow:0 8px 20px rgba(0,0,0,.22),0 0 18px rgba(255,122,26,.04)}.dmr2-wheel .sx-roulette-wheel-label.epic span{border-color:rgba(255,207,102,.35);box-shadow:0 8px 20px rgba(0,0,0,.22),0 0 22px rgba(255,193,74,.08)}
.dmr2-wheel-footer{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px}.dmr2-wheel-footer>div{display:grid;grid-template-columns:29px 1fr;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.04);border-radius:13px;background:rgba(255,255,255,.014);color:#ff9f4d}.dmr2-wheel-footer strong{display:block;color:#dcd2cb;font-size:8px}.dmr2-wheel-footer small{display:block;margin-top:2px;color:#7e7c81;font-size:7px}.dmr2-result{bottom:86px!important;border-radius:17px!important;background:rgba(8,10,15,.94)!important;border-color:rgba(255,155,57,.28)!important}.dmr2-suspense{bottom:86px!important}
.dmr2-control-stack{display:grid;gap:12px}.dmr2-control-card{padding:20px!important;border-radius:21px!important}.dmr2-control-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.dmr2-control-title span,.dmr2-small-head span{display:block;color:#ff9e47;font-size:7.5px;font-weight:950;letter-spacing:.15em}.dmr2-control-title h3{margin:5px 0 0!important;color:#fff2e7!important;font-size:25px!important;letter-spacing:-.04em}.dmr2-control-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,145,49,.18);background:rgba(255,122,26,.07);color:#ff9e48}.dmr2-control-card>p{margin:11px 0 0;color:#9f8e82;font-size:10px;line-height:1.65}.dmr2-control-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.dmr2-control-stats div{padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.016)}.dmr2-control-stats small{display:block;color:#686e7a;font-size:6px;font-weight:950;letter-spacing:.11em}.dmr2-control-stats strong{display:block;margin-top:4px;color:#e6dcd5;font-size:9px}.dmr2-character-field{padding:12px;border:1px solid rgba(255,139,45,.10);border-radius:14px;background:rgba(8,10,15,.40)}.dmr2-character-field label{font-size:8px!important}.dmr2-character-field small{font-size:7.5px!important;line-height:1.45}.dmr2-spin-button{position:relative;min-height:58px!important;margin-top:12px!important;border-radius:15px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:9px!important;padding:0 15px!important;box-shadow:0 16px 34px rgba(255,122,26,.14),inset 0 1px 0 rgba(255,255,255,.19)!important}.dmr2-spin-button span{font-size:11px;font-weight:950;letter-spacing:.10em}.dmr2-spin-button em{padding:5px 7px;border-radius:8px;background:rgba(0,0,0,.14);font-size:7px;font-weight:900;font-style:normal;letter-spacing:.08em}.dmr2-feedback{min-height:30px!important;padding-top:10px!important;text-align:center}
.dmr2-delivery-card,.dmr2-last-card{padding:17px;border-radius:18px}.dmr2-small-head strong{display:block;margin-top:4px;color:#ece2dc;font-size:12px}.dmr2-flow{display:grid;gap:6px;margin-top:13px}.dmr2-flow>div{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center}.dmr2-flow>div>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,122,26,.075);border:1px solid rgba(255,139,45,.10);color:#ff9d47;font-size:7px;font-weight:950}.dmr2-flow p{margin:0}.dmr2-flow b{display:block;color:#dcd3cc;font-size:8.5px}.dmr2-flow small{display:block;margin-top:1px;color:#7e7b80;font-size:7px;line-height:1.4}.dmr2-flow>i{height:7px;margin-left:14px;border-left:1px dashed rgba(255,139,45,.16)}.dmr2-last-win{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin-top:13px;padding:11px;border:1px solid rgba(255,139,45,.10);border-radius:13px;background:rgba(255,255,255,.014)}.dmr2-last-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,26,.07);color:#ff9d46}.dmr2-last-win small{display:block;color:#6f747f;font-size:6px;font-weight:950}.dmr2-last-win b{display:block;margin:3px 0;color:#f0e5dc;font-size:10px}.dmr2-last-win span{display:block;color:#8c837d;font-size:7px}.dmr2-last-empty{display:flex;align-items:center;gap:9px;margin-top:12px;padding:12px;border:1px dashed rgba(255,255,255,.05);border-radius:12px}.dmr2-last-empty span{color:#5e626c}.dmr2-last-empty p{margin:0;color:#7f7d80;font-size:8px}
.dmr2-total-pill,.dmr2-count-pill{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,139,45,.14);border-radius:13px;background:rgba(255,122,26,.035)}.dmr2-total-pill i{width:7px;height:7px;border-radius:50%;background:#35d6a0;box-shadow:0 0 10px rgba(53,214,160,.55)}.dmr2-total-pill span,.dmr2-count-pill span{color:#8e8580;font-size:7px;font-weight:900;letter-spacing:.10em}.dmr2-total-pill strong,.dmr2-count-pill strong{color:#fff0e4;font-size:13px}.dmr2-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dmr2-prize-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:320px;border:1px solid rgba(255,139,45,.12);border-radius:19px;background:linear-gradient(160deg,rgba(16,16,24,.76),rgba(9,10,16,.86));box-shadow:0 16px 36px rgba(0,0,0,.14);transition:transform .18s,border-color .18s,box-shadow .18s}.dmr2-prize-card:hover{transform:translateY(-3px);border-color:rgba(255,145,49,.26);box-shadow:0 22px 46px rgba(0,0,0,.20)}.dmr2-prize-card.epic{border-color:rgba(255,200,85,.24);background:radial-gradient(circle at 50% 26%,rgba(255,192,72,.08),transparent 32%),linear-gradient(160deg,rgba(20,17,21,.80),rgba(9,10,16,.88))}.dmr2-prize-card.rare{border-color:rgba(255,139,45,.21)}.dmr2-prize-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px}.dmr2-prize-top span,.dmr2-prize-top em{font-size:6.5px;font-weight:950;letter-spacing:.10em;font-style:normal}.dmr2-prize-top span{color:#b6aaa1}.dmr2-prize-card.rare .dmr2-prize-top span{color:#ffaf68}.dmr2-prize-card.epic .dmr2-prize-top span{color:#ffd57a}.dmr2-prize-top em{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.025);color:#737681}.dmr2-prize-art{position:relative;height:150px;display:grid;place-items:center}.dmr2-prize-art>div{position:absolute;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle,rgba(255,132,35,.11),transparent 66%)}.dmr2-prize-card.epic .dmr2-prize-art>div{background:radial-gradient(circle,rgba(255,200,83,.18),transparent 66%)}.dmr2-prize-art img{position:relative;z-index:2;max-width:118px;max-height:125px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.46))}.dmr2-prize-copy{padding:0 14px 13px}.dmr2-prize-copy h3{margin:0;color:#f4e9e1;font-size:14px}.dmr2-prize-copy p{min-height:32px;margin:6px 0 0;color:#837d7a;font-size:7.5px;line-height:1.5}.dmr2-prize-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.012)}.dmr2-prize-bottom span{color:#696d78;font-size:6px;font-weight:950;letter-spacing:.12em}.dmr2-prize-bottom strong{color:#ffab5e;font-size:15px}.dmr2-prize-card.epic .dmr2-prize-bottom strong{color:#ffd36f}
.dmr2-backpack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dmr2-backpack-card{min-height:205px!important;display:grid!important;grid-template-columns:150px 1fr!important;overflow:hidden;border:1px solid rgba(255,139,45,.12)!important;border-radius:19px!important;background:var(--dmr-panel-soft)!important;box-shadow:0 16px 36px rgba(0,0,0,.14)!important}.dmr2-backpack-card.epic{border-color:rgba(255,201,90,.23)!important}.dmr2-backpack-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,132,35,.12),transparent 60%),rgba(8,9,14,.58)}.dmr2-backpack-art>div{position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid rgba(255,139,45,.07)}.dmr2-backpack-art img{position:relative;z-index:2;max-width:110px;max-height:130px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.42))}.dmr2-backpack-art>span{position:absolute;z-index:4;left:10px;top:10px;padding:5px 7px;border:1px solid rgba(255,139,45,.13);border-radius:999px;background:rgba(8,10,15,.78);color:#a18e80;font-size:6px;font-weight:950;letter-spacing:.10em}.dmr2-backpack-copy{padding:16px;display:flex;flex-direction:column}.dmr2-backpack-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dmr2-backpack-heading small{display:block;color:#6e737d;font-size:6.5px;font-weight:900;letter-spacing:.08em}.dmr2-backpack-heading h3{margin:3px 0;color:#f3e8df;font-size:15px}.dmr2-backpack-heading em{padding:5px 7px;border-radius:8px;background:rgba(255,122,26,.05);color:#af9885;font-size:6px;font-weight:950;font-style:normal}.dmr2-backpack-copy>p{margin:2px 0 10px;color:#89807b;font-size:7.5px;line-height:1.55}.dmr2-backpack-copy form{margin-top:auto}.dmr2-backpack-copy .field{margin-bottom:8px}.dmr2-backpack-copy label{font-size:7px!important}.dmr2-delivered{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px;border:1px solid rgba(53,214,160,.13);border-radius:12px;background:rgba(53,214,160,.04)}.dmr2-delivered>span{color:#62dda9}.dmr2-delivered strong{display:block;color:#d7e9e0;font-size:8px}.dmr2-delivered small{display:block;color:#759487;font-size:7px;margin-top:2px}.dmr2-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:220px;padding:30px;border:1px dashed rgba(255,139,45,.11);border-radius:19px;background:rgba(255,255,255,.012)}.dmr2-empty>div{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,122,26,.07);color:#ff9d46}.dmr2-empty strong{margin-top:10px;color:#e6dcd5;font-size:13px}.dmr2-empty p{max-width:440px;margin:5px 0 0;color:#7e7c80;font-size:9px}
.dmr2-history-card{overflow:hidden;border:1px solid rgba(255,139,45,.12);border-radius:19px;background:var(--dmr-panel-soft)}.dmr2-history-head,.dmr2-history-body article{display:grid;grid-template-columns:75px minmax(180px,1.5fr) 100px 110px 130px 135px;gap:10px;align-items:center}.dmr2-history-head{padding:11px 14px;border-bottom:1px solid rgba(255,139,45,.09);background:rgba(255,122,26,.025)}.dmr2-history-head span{color:#6f737d;font-size:6.5px;font-weight:950;letter-spacing:.12em}.dmr2-history-body article{min-height:52px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.035);color:#99918c;font-size:8px}.dmr2-history-body article:last-child{border-bottom:0}.dmr2-history-body article:hover{background:rgba(255,122,26,.02)}.dmr2-history-body strong{color:#e9dfd8;font-size:9px}.dmr2-spin-id{color:#ff9e49;font-weight:900}.dmr2-chance{color:#ffb468;font-weight:900}.dmr2-status{display:inline-flex;width:max-content;padding:5px 7px;border-radius:999px;background:rgba(53,214,160,.045);color:#77cba7;font-size:6.5px;font-weight:900}.dmr2-history-body time{color:#797b82;font-size:7.5px}.dmr2-history-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:100px;color:#777982}.dmr2-history-empty p{margin:0;font-size:8.5px}
body.route-player-roulette .dmr2-win-dialog{width:min(600px,calc(100vw - 32px));padding:34px;border-radius:32px;background:radial-gradient(circle at 50% -5%,var(--roulette-win-soft),transparent 38%),linear-gradient(155deg,rgba(17,19,28,.99),rgba(7,9,14,.995));box-shadow:0 50px 140px rgba(0,0,0,.64),0 0 110px var(--roulette-win-soft)}
@media(max-width:1260px){.dmr2-stage-grid{grid-template-columns:minmax(470px,1fr) 330px}.dmr2-wheel-info{display:none}.dmr2-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){body.route-player-roulette .dmr2-hero{grid-template-columns:1fr}.dmr2-account-mini{grid-template-columns:repeat(3,1fr)}.dmr2-stage-grid{grid-template-columns:1fr}.dmr2-control-stack{grid-template-columns:1fr 1fr}.dmr2-control-card{grid-column:1/-1}.dmr2-wheel-zone{min-height:560px}.dmr2-backpack-grid{grid-template-columns:1fr}.dmr2-history-card{overflow:auto}.dmr2-history-head,.dmr2-history-body article{min-width:760px}}
@media(max-width:760px){body.route-player-roulette .dmr2-hero{padding:22px;border-radius:24px}.dmr2-hero-main h1{font-size:38px}.dmr2-nav{overflow:auto;justify-content:flex-start}.dmr2-nav>a{white-space:nowrap}.dmr2-nav-state{display:none}.dmr2-command,.dmr2-section{padding:17px;border-radius:22px}.dmr2-section-head{align-items:flex-start;flex-direction:column}.dmr2-section-meta{justify-content:flex-start}.dmr2-spotlight{grid-template-columns:1fr 120px}.dmr2-spotlight-art img{max-width:95px;max-height:100px}.dmr2-wheel-zone{min-height:440px;padding:22px 8px 14px}.dmr2-wheel-zone:before,.dmr2-orbit{display:none}body.route-player-roulette .dmr2-wheel{--roulette-size:min(355px,78vw)}.dmr2-wheel-footer{grid-template-columns:1fr}.dmr2-control-stack{grid-template-columns:1fr}.dmr2-prize-grid{grid-template-columns:1fr 1fr}.dmr2-backpack-card{grid-template-columns:120px 1fr!important}.dmr2-toolbar-badges span:last-child{display:none}}
@media(max-width:560px){.dmr2-hero-tags{display:grid;grid-template-columns:1fr}.dmr2-account-mini{grid-template-columns:1fr 1fr}.dmr2-account-mini div:last-child{grid-column:1/-1}.dmr2-spotlight{grid-template-columns:1fr}.dmr2-spotlight-art{display:none}.dmr2-prize-grid{grid-template-columns:1fr}.dmr2-wheel-zone{min-height:360px}body.route-player-roulette .dmr2-wheel{--roulette-size:min(300px,80vw)}.dmr2-wheel .sx-roulette-wheel-label{width:76px;margin-left:-38px}.dmr2-wheel .sx-roulette-wheel-label span{width:72px;padding:3px}.dmr2-wheel .sx-roulette-wheel-label img{width:23px;height:23px}.dmr2-wheel .sx-roulette-wheel-label b{max-width:62px;font-size:5.5px}.dmr2-wheel-center{width:82px!important;height:82px!important}.dmr2-wheel-center span{font-size:27px!important}.dmr2-wheel-center small{font-size:5px!important}.dmr2-wheel-center b{font-size:6px}.dmr2-backpack-card{grid-template-columns:1fr!important}.dmr2-backpack-art{min-height:160px}.dmr2-account-head{align-items:flex-start;flex-direction:column}.dmr2-spin-balance strong{font-size:50px}.dmr2-card-toolbar{align-items:flex-start;flex-direction:column}.dmr2-result,.dmr2-suspense{bottom:116px!important;width:calc(100% - 30px)!important}}
@media(prefers-reduced-motion:reduce){.dmr2-orbit{animation:none!important}}


/* DarknessMu Next — Premium Roulette Visual Layer */
body.route-player-roulette .dmr2-command{background:radial-gradient(circle at 18% 8%,rgba(255,136,44,.06),transparent 18%),radial-gradient(circle at 85% 14%,rgba(82,103,235,.08),transparent 20%),linear-gradient(155deg,rgba(11,14,21,.72),rgba(7,9,14,.84));}
.dmr2-wheel-card{box-shadow:0 30px 82px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important}
.dmr2-reward-strip{position:relative;z-index:4;padding:14px 16px 12px;border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,139,45,.08);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005));overflow:hidden}.dmr2-reward-strip:before{content:"";position:absolute;inset:auto -10% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,165,88,.24),transparent)}
.dmr2-reward-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dmr2-reward-strip-head small{display:block;color:#7a7d87;font-size:6.5px;font-weight:950;letter-spacing:.16em}.dmr2-reward-strip-head strong{display:block;margin-top:2px;color:#efe5dc;font-size:11px}.dmr2-reward-strip-head span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.02);color:#938983;font-size:7px;font-weight:900;letter-spacing:.08em}
.dmr2-reward-strip-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.dmr2-reward-thumb{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.022),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);min-width:0}.dmr2-reward-thumb.rare{border-color:rgba(255,149,71,.16)}.dmr2-reward-thumb.epic{border-color:rgba(255,210,106,.18);background:radial-gradient(circle at 10% 10%,rgba(255,204,92,.06),transparent 26%),linear-gradient(150deg,rgba(255,255,255,.022),rgba(255,255,255,.01))}.dmr2-reward-thumb-art{position:relative;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,136,44,.16),transparent 62%),rgba(8,10,15,.58);border:1px solid rgba(255,255,255,.05)}.dmr2-reward-thumb.epic .dmr2-reward-thumb-art{background:radial-gradient(circle at 50% 42%,rgba(255,209,108,.2),transparent 62%),rgba(8,10,15,.58)}.dmr2-reward-thumb-art img{max-width:36px;max-height:36px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(0,0,0,.35))}.dmr2-reward-thumb-copy{min-width:0}.dmr2-reward-thumb-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5ebe3;font-size:9px}.dmr2-reward-thumb-copy span{display:block;margin-top:3px;color:#8e8380;font-size:6.5px;line-height:1.45}
.dmr2-wheel-zone{min-height:610px;padding-top:28px}.dmr2-wheel-zone:after{content:"";position:absolute;inset:auto 14% 12px;width:auto;height:130px;background:radial-gradient(circle at 50% 0,rgba(255,141,49,.08),transparent 64%);pointer-events:none}
.dmr2-result{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(8,10,15,.86),rgba(14,15,23,.96))!important;border:1px solid rgba(255,139,45,.14)!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}.dmr2-result-media{width:78px;height:78px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 42%,rgba(255,136,44,.13),transparent 62%),rgba(8,10,15,.72)}.dmr2-result-media img{max-width:60px;max-height:60px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4))}.dmr2-result-copy{min-width:0}.dmr2-result-copy span{display:block;color:#ffaf63;font-size:7px;font-weight:950;letter-spacing:.18em}.dmr2-result-copy strong{display:block;margin-top:5px;color:#fff3eb;font-size:27px;line-height:1.02}.dmr2-result-copy p{margin:4px 0 0;color:#9f938a;font-size:8.5px;line-height:1.5}
.dmr2-control-card,.dmr2-delivery-card,.dmr2-last-card{background:radial-gradient(circle at 100% 0,rgba(73,92,211,.08),transparent 22%),linear-gradient(155deg,rgba(13,15,23,.82),rgba(8,10,16,.90))!important}
@media(max-width:760px){.dmr2-reward-strip-track{grid-template-columns:repeat(2,minmax(0,1fr))}.dmr2-result{grid-template-columns:1fr;justify-items:center;text-align:center}.dmr2-result-copy strong{font-size:22px}.dmr2-wheel-zone{min-height:480px;padding-top:20px}}
@media(max-width:560px){.dmr2-reward-strip-head{flex-direction:column;align-items:flex-start}.dmr2-reward-strip-track{grid-template-columns:1fr}.dmr2-reward-thumb{grid-template-columns:42px 1fr}.dmr2-reward-thumb-art{width:42px;height:42px}.dmr2-reward-thumb-art img{max-width:30px;max-height:30px}}


/* DarknessMu Next — Roulette Premium Rarity & Reveal Layer */
.dmr3-rarity-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.dmr3-rarity-card{position:relative;overflow:hidden;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;min-height:86px;padding:13px 14px 18px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(155deg,rgba(17,19,28,.66),rgba(8,10,16,.80));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 13px 30px rgba(0,0,0,.12)}.dmr3-rarity-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65}.dmr3-rarity-card.common:before{background:radial-gradient(circle at 0 0,rgba(139,163,205,.09),transparent 35%)}.dmr3-rarity-card.rare{border-color:rgba(255,142,50,.16)}.dmr3-rarity-card.rare:before{background:radial-gradient(circle at 0 0,rgba(255,130,32,.13),transparent 38%)}.dmr3-rarity-card.epic{border-color:rgba(255,207,103,.20)}.dmr3-rarity-card.epic:before{background:radial-gradient(circle at 0 0,rgba(255,201,80,.15),transparent 40%)}.dmr3-rarity-icon{position:relative;z-index:2;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.dmr3-rarity-icon i{width:10px;height:10px;border-radius:50%;background:#a6b5d3;box-shadow:0 0 18px rgba(166,181,211,.34)}.dmr3-rarity-card.rare .dmr3-rarity-icon i{background:#ff933e;box-shadow:0 0 20px rgba(255,126,31,.52)}.dmr3-rarity-card.epic .dmr3-rarity-icon i{background:#ffd06b;box-shadow:0 0 23px rgba(255,198,77,.62)}.dmr3-rarity-copy{position:relative;z-index:2;min-width:0}.dmr3-rarity-copy small{display:block;color:#747983;font-size:6.5px;font-weight:950;letter-spacing:.14em}.dmr3-rarity-copy strong{display:block;margin-top:3px;color:#f1e7df;font-size:12px}.dmr3-rarity-copy span{display:block;margin-top:2px;color:#938984;font-size:7.5px}.dmr3-rarity-card.rare .dmr3-rarity-copy span{color:#d59768}.dmr3-rarity-card.epic .dmr3-rarity-copy span{color:#d7bc7a}.dmr3-rarity-meter{position:absolute;left:14px;right:14px;bottom:9px;height:3px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}.dmr3-rarity-meter i{display:block;width:var(--rarity-share);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8195bc,#c6d3ed);box-shadow:0 0 10px rgba(166,181,211,.18)}.dmr3-rarity-card.rare .dmr3-rarity-meter i{background:linear-gradient(90deg,#b94d12,#ff9b47);box-shadow:0 0 12px rgba(255,126,31,.30)}.dmr3-rarity-card.epic .dmr3-rarity-meter i{background:linear-gradient(90deg,#bd8323,#ffd36f);box-shadow:0 0 14px rgba(255,199,82,.34)}
.dmr3-pool-actions{display:flex;align-items:center;gap:6px}.dmr3-pool-actions>span{margin-right:2px}.dmr3-pool-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.018);color:#b7aba3;font-size:19px;line-height:1;cursor:pointer;transition:.17s}.dmr3-pool-actions button:hover{border-color:rgba(255,147,54,.22);background:rgba(255,122,26,.055);color:#fff0e5;transform:translateY(-1px)}
.dmr3-reward-carousel{background:radial-gradient(circle at 10% 0,rgba(255,131,35,.05),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005))}.dmr3-reward-carousel .dmr2-reward-strip-track{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,139,45,.24) transparent;padding:2px 2px 6px}.dmr3-reward-carousel .dmr2-reward-strip-track::-webkit-scrollbar{height:6px}.dmr3-reward-carousel .dmr2-reward-strip-track::-webkit-scrollbar-thumb{background:rgba(255,139,45,.20);border-radius:999px}.dmr3-reward-carousel .dmr2-reward-thumb{flex:0 0 clamp(240px,24vw,290px);min-height:98px;grid-template-columns:60px 1fr;gap:14px;padding:14px 16px;border-radius:18px;scroll-snap-align:center;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.dmr3-reward-carousel .dmr2-reward-thumb:hover{transform:translateY(-2px);border-color:rgba(255,145,49,.18);background:linear-gradient(150deg,rgba(255,122,26,.04),rgba(255,255,255,.01))}.dmr3-reward-carousel .dmr2-reward-thumb.is-winner{transform:translateY(-3px) scale(1.025);border-color:rgba(255,180,83,.44)!important;background:radial-gradient(circle at 18% 50%,rgba(255,159,62,.13),transparent 30%),linear-gradient(150deg,rgba(255,122,26,.055),rgba(255,255,255,.012));box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 28px rgba(255,142,48,.12)}.dmr3-reward-carousel .dmr2-reward-thumb.epic{position:relative}.dmr3-reward-carousel .dmr2-reward-thumb.epic:after{content:"";position:absolute;inset:-1px;border-radius:18px;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(255,221,145,.11) 50%,transparent 75%);transform:translateX(-115%);animation:dmrEpicThumbShine 4.8s ease-in-out infinite}.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-art{width:60px;height:60px;border-radius:16px}.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-art img{max-width:44px;max-height:44px}.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-copy strong{font-size:10.5px}.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-copy span{font-size:7px}.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-copy strong,.dmr3-reward-carousel .dmr2-reward-thumb .dmr2-reward-thumb-copy span{white-space:normal}.@keyframes dmrEpicThumbShine{0%,60%{transform:translateX(-115%)}85%,100%{transform:translateX(115%)}}
.dmr2-wheel .sx-roulette-wheel-label{z-index:7!important}.dmr2-wheel .sx-roulette-wheel-label span{opacity:1!important;transform:translateZ(0);transition:border-color .22s,box-shadow .22s,background .22s,transform .22s}.dmr2-wheel .sx-roulette-wheel-label img{opacity:1!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.50))!important}.dmr2-wheel .sx-roulette-wheel-label.common span{border-color:rgba(143,165,207,.16);background:linear-gradient(145deg,rgba(15,18,27,.83),rgba(8,10,15,.84))}.dmr2-wheel .sx-roulette-wheel-label.rare span{border-color:rgba(255,147,56,.36)!important;background:radial-gradient(circle at 50% 20%,rgba(255,129,30,.12),transparent 42%),rgba(10,10,15,.85)!important;box-shadow:0 8px 22px rgba(0,0,0,.26),0 0 22px rgba(255,122,26,.08)!important}.dmr2-wheel .sx-roulette-wheel-label.epic span{border-color:rgba(255,210,108,.48)!important;background:radial-gradient(circle at 50% 20%,rgba(255,207,94,.17),transparent 44%),rgba(11,10,14,.87)!important;box-shadow:0 8px 24px rgba(0,0,0,.27),0 0 28px rgba(255,196,72,.13)!important}.dmr2-wheel .sx-roulette-wheel-label.is-winner span{transform:scale(1.09);border-color:rgba(255,226,161,.70)!important;box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 38px rgba(255,177,74,.24)!important}
body.route-player-roulette .dmr2-wheel{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 49%),repeating-conic-gradient(from -90deg,rgba(255,145,55,.25) 0 calc((360deg/var(--roulette-count)) - 2deg),rgba(19,22,33,.92) calc((360deg/var(--roulette-count)) - 2deg) calc(360deg/var(--roulette-count)))!important}.dmr2-wheel-zone:before{box-shadow:0 0 0 1px rgba(255,139,45,.08),0 0 0 28px rgba(255,255,255,.008),0 0 0 58px rgba(76,96,217,.012),0 0 80px rgba(255,139,45,.05)}
.sx-roulette-win-modal[data-rarity="rare"] .sx-roulette-win-backdrop{background:radial-gradient(circle at 50% 50%,rgba(255,121,27,.12),transparent 34%),rgba(3,4,8,.80)}.sx-roulette-win-modal[data-rarity="epic"] .sx-roulette-win-backdrop{background:radial-gradient(circle at 50% 50%,rgba(255,198,76,.16),transparent 36%),rgba(3,4,8,.82)}.sx-roulette-win-modal.is-revealing .sx-roulette-win-dialog{animation:dmrPrizeReveal .85s cubic-bezier(.17,.85,.22,1)}.sx-roulette-win-modal.is-revealing .sx-roulette-win-art{animation:dmrPrizeArtReveal .95s cubic-bezier(.17,.85,.22,1)}@keyframes dmrPrizeReveal{0%{opacity:.3;transform:translateY(34px) scale(.88);filter:blur(4px)}56%{opacity:1;transform:translateY(-5px) scale(1.025);filter:blur(0)}100%{transform:translateY(0) scale(1)}}@keyframes dmrPrizeArtReveal{0%{opacity:0;transform:scale(.55) rotate(-7deg)}62%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:900px){.dmr3-rarity-dashboard{grid-template-columns:1fr 1fr}.dmr3-rarity-card.epic{grid-column:1/-1}.dmr3-reward-carousel .dmr2-reward-thumb{flex-basis:220px}}
@media(max-width:560px){.dmr3-rarity-dashboard{grid-template-columns:1fr}.dmr3-rarity-card.epic{grid-column:auto}.dmr3-pool-actions>span{display:none}.dmr3-reward-carousel .dmr2-reward-thumb{flex-basis:190px}}
@media(prefers-reduced-motion:reduce){.dmr3-reward-carousel .dmr2-reward-thumb.epic:after,.sx-roulette-win-modal.is-revealing .sx-roulette-win-dialog,.sx-roulette-win-modal.is-revealing .sx-roulette-win-art{animation:none!important}}


/* =====================================================
   DarknessMu Next
   Horizontal Case Opening Experience
   ===================================================== */
body.route-player-roulette .dmr2-wheel-card{overflow:hidden!important}
.dmr4-case-zone{position:relative;z-index:3;padding:18px 18px 16px;background:radial-gradient(circle at 50% 48%,rgba(255,131,38,.075),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.008),rgba(255,255,255,0));border-bottom:1px solid rgba(255,139,45,.08)}
.dmr4-case-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.dmr4-case-topline small{display:block;color:#777c89;font-size:6.5px;font-weight:950;letter-spacing:.18em}.dmr4-case-topline strong{display:inline-block;margin-top:3px;color:#f6ece4;font-size:15px;letter-spacing:-.02em}.dmr4-case-topline>div:first-child>span{margin-left:8px;color:#857e7b;font-size:8px}.dmr4-case-security{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(53,214,160,.13);border-radius:999px;background:rgba(53,214,160,.035);color:#86cbae;font-size:7px;font-weight:850}.dmr4-case-security i{width:7px;height:7px;border-radius:50%;background:#35d6a0;box-shadow:0 0 12px rgba(53,214,160,.62)}
.dmr4-case-shell{position:relative;min-height:310px;border:1px solid rgba(255,139,45,.16);border-radius:23px;background:radial-gradient(circle at 50% 42%,rgba(255,130,31,.10),transparent 42%),linear-gradient(155deg,rgba(8,10,16,.96),rgba(12,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 24px 60px rgba(0,0,0,.24);overflow:hidden;isolation:isolate}
.dmr4-case-shell:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(255,122,26,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);pointer-events:none}
.dmr4-case-viewport{position:absolute;z-index:2;inset:24px 0;overflow:hidden;display:flex;align-items:center}
.dmr4-case-track{display:flex;align-items:stretch;gap:12px;width:max-content;padding:14px 0;will-change:transform;transform:translate3d(0,0,0)}
.dmr4-case-item{position:relative;flex:0 0 158px;height:232px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(151,174,216,.16);border-radius:19px;background:radial-gradient(circle at 50% 35%,rgba(117,143,201,.10),transparent 42%),linear-gradient(160deg,rgba(22,26,37,.96),rgba(10,12,18,.98));box-shadow:0 18px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s,transform .2s,filter .2s}
.dmr4-case-item:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:#768caf;box-shadow:0 0 16px rgba(118,140,175,.30)}
.dmr4-case-item.rare{border-color:rgba(255,141,48,.22);background:radial-gradient(circle at 50% 35%,rgba(255,126,28,.12),transparent 42%),linear-gradient(160deg,rgba(31,21,16,.96),rgba(12,11,15,.98))}.dmr4-case-item.rare:after{background:#ff8b2d;box-shadow:0 0 18px rgba(255,139,45,.46)}
.dmr4-case-item.epic{border-color:rgba(255,210,104,.28);background:radial-gradient(circle at 50% 35%,rgba(255,199,75,.16),transparent 44%),linear-gradient(160deg,rgba(34,28,14,.96),rgba(13,11,14,.98))}.dmr4-case-item.epic:after{background:#ffd36f;box-shadow:0 0 22px rgba(255,211,111,.58)}
.dmr4-case-item.is-winner{transform:translateY(-5px) scale(1.035);border-color:rgba(255,175,79,.58);box-shadow:0 22px 48px rgba(0,0,0,.32),0 0 34px rgba(255,137,45,.18),inset 0 1px 0 rgba(255,255,255,.05);filter:brightness(1.12)}.dmr4-case-item.epic.is-winner{border-color:rgba(255,220,129,.72);box-shadow:0 22px 50px rgba(0,0,0,.34),0 0 45px rgba(255,205,88,.24)}
.dmr4-case-item-tier{display:flex;align-items:center;gap:6px;padding:11px 12px 0;color:#9da9bf;font-size:6.5px;font-weight:950;letter-spacing:.13em}.dmr4-case-item-tier i{width:6px;height:6px;border-radius:50%;background:#8295b7;box-shadow:0 0 10px rgba(130,149,183,.4)}.dmr4-case-item.rare .dmr4-case-item-tier{color:#ffab64}.dmr4-case-item.rare .dmr4-case-item-tier i{background:#ff8b2d;box-shadow:0 0 10px rgba(255,139,45,.55)}.dmr4-case-item.epic .dmr4-case-item-tier{color:#ffd477}.dmr4-case-item.epic .dmr4-case-item-tier i{background:#ffd36f;box-shadow:0 0 12px rgba(255,211,111,.62)}
.dmr4-case-item-art{position:relative;flex:1;display:grid;place-items:center;min-height:130px}.dmr4-case-item-art>div{position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(255,255,255,.035);background:radial-gradient(circle,rgba(119,144,199,.11),transparent 66%)}.dmr4-case-item.rare .dmr4-case-item-art>div{background:radial-gradient(circle,rgba(255,139,45,.14),transparent 66%)}.dmr4-case-item.epic .dmr4-case-item-art>div{background:radial-gradient(circle,rgba(255,207,98,.19),transparent 66%)}.dmr4-case-item-art img{position:relative;z-index:2;max-width:104px;max-height:112px;object-fit:contain;filter:drop-shadow(0 16px 21px rgba(0,0,0,.48))}
.dmr4-case-item-copy{padding:0 12px 16px;text-align:left}.dmr4-case-item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4ece6;font-size:10px}.dmr4-case-item-copy span{display:block;margin-top:4px;color:#777c87;font-size:6.5px;line-height:1.4}.dmr4-case-item.rare .dmr4-case-item-copy span{color:#a78369}.dmr4-case-item.epic .dmr4-case-item-copy span{color:#aa976d}
.dmr4-case-marker{position:absolute;z-index:15;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(transparent 7%,rgba(255,149,58,.94) 22%,rgba(255,181,90,1) 50%,rgba(255,149,58,.94) 78%,transparent 93%);box-shadow:0 0 18px rgba(255,139,45,.42);pointer-events:none}.dmr4-case-marker:before,.dmr4-case-marker:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent}.dmr4-case-marker:before{top:8px;border-top:18px solid #ff9b42}.dmr4-case-marker:after{bottom:8px;border-bottom:18px solid #ff9b42}.dmr4-case-marker span{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%) rotate(45deg);border-radius:4px;background:#ff9b42;box-shadow:0 0 20px rgba(255,155,66,.62)}.dmr4-case-marker i{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#fff0d9;z-index:2}
.dmr4-case-edge{position:absolute;z-index:12;top:0;bottom:0;width:16%;pointer-events:none}.dmr4-case-edge.left{left:0;background:linear-gradient(90deg,rgba(7,9,14,1),rgba(7,9,14,.82) 28%,transparent)}.dmr4-case-edge.right{right:0;background:linear-gradient(270deg,rgba(7,9,14,1),rgba(7,9,14,.82) 28%,transparent)}
.dmr4-case-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.dmr4-case-footer>div{padding:10px 12px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.014)}.dmr4-case-footer small{display:block;color:#6f7480;font-size:6px;font-weight:950;letter-spacing:.12em}.dmr4-case-footer strong{display:block;margin-top:4px;color:#dcd5cf;font-size:8.5px}
body.roulette-spinning .dmr4-case-shell{border-color:rgba(255,145,47,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 28px 70px rgba(0,0,0,.28),0 0 40px rgba(255,122,26,.055)}
body.roulette-spinning .dmr4-case-marker{animation:dmr4MarkerPulse .78s ease-in-out infinite alternate}@keyframes dmr4MarkerPulse{to{filter:brightness(1.35);box-shadow:0 0 28px rgba(255,139,45,.62)}}
@media(max-width:900px){.dmr4-case-item{flex-basis:142px;height:215px}.dmr4-case-item-art img{max-width:92px;max-height:100px}.dmr4-case-topline{align-items:flex-start;flex-direction:column}.dmr4-case-footer{grid-template-columns:1fr 1fr}.dmr4-case-footer>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.dmr4-case-zone{padding:13px 10px}.dmr4-case-shell{min-height:260px;border-radius:18px}.dmr4-case-viewport{inset:18px 0}.dmr4-case-track{gap:8px}.dmr4-case-item{flex-basis:124px;height:194px;border-radius:16px}.dmr4-case-item-art{min-height:110px}.dmr4-case-item-art img{max-width:78px;max-height:84px}.dmr4-case-item-copy{padding:0 9px 13px}.dmr4-case-item-copy strong{font-size:8.5px}.dmr4-case-security{display:none}.dmr4-case-footer{grid-template-columns:1fr}.dmr4-case-footer>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.dmr4-case-track{transition-duration:.01ms!important}.dmr4-case-marker{animation:none!important}}

/* =====================================================
   DarknessMu Next
   Centered Case Opening Layout
   ===================================================== */
@media (min-width:1041px){
  body.route-player-roulette .dmr2-stage-grid{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center;
    width:100%;
  }
  body.route-player-roulette .dmr2-wheel-card{
    width:min(100%,1120px)!important;
    max-width:1120px;
    margin-inline:auto!important;
  }
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1120px);
    max-width:1120px;
    margin-inline:auto;
  }
}

@media (min-width:1041px){
  body.route-player-roulette .dmr3-reward-carousel .dmr2-reward-strip-track{
    justify-content:flex-start;
  }
}


/* =====================================================
   DarknessMu Next
   Open Canvas Case Opening Layout
   ===================================================== */
@media (min-width:1041px){
  body.route-player-roulette .dmr2-stage-grid{
    row-gap:20px;
  }
  body.route-player-roulette .dmr2-wheel-card{
    width:min(100%,1280px)!important;
    max-width:1280px;
    border-radius:28px!important;
  }
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1280px);
    max-width:1280px;
    margin-inline:auto;
    display:grid;
    grid-template-columns:1.25fr .95fr .95fr;
    gap:14px;
    align-items:stretch;
  }
  body.route-player-roulette .dmr2-control-card,
  body.route-player-roulette .dmr2-delivery-card,
  body.route-player-roulette .dmr2-last-card{
    min-height:100%;
  }
  body.route-player-roulette .dmr2-control-card{padding:22px!important}
  body.route-player-roulette .dmr4-case-zone{
    padding:24px 28px 26px;
  }
  body.route-player-roulette .dmr4-case-topline{
    width:min(100%,980px);
    margin:0 auto 16px;
    gap:22px;
  }
  body.route-player-roulette .dmr4-case-shell{
    width:min(100%,980px);
    min-height:430px;
    margin-inline:auto;
    border-radius:30px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 34px 85px rgba(0,0,0,.30),0 0 0 1px rgba(255,139,45,.05);
  }
  body.route-player-roulette .dmr4-case-shell:before{
    background-size:36px 36px;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:28px 18px 34px;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:18px;
    padding:18px 0 28px;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:188px;
    height:286px;
    border-radius:24px;
  }
  body.route-player-roulette .dmr4-case-item-tier{
    padding:14px 15px 0;
    font-size:7px;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:168px;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:132px;
    height:132px;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:122px;
    max-height:132px;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 15px 18px;
  }
  body.route-player-roulette .dmr4-case-item-copy strong{
    font-size:11px;
  }
  body.route-player-roulette .dmr4-case-item-copy span{
    font-size:7px;
    line-height:1.5;
  }
  body.route-player-roulette .dmr4-case-footer{
    width:min(100%,980px);
    margin:14px auto 0;
    gap:10px;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(100%,980px);
    margin:2px auto 0;
    padding:0 0 18px;
    gap:10px;
  }
  body.route-player-roulette .dmr2-result{
    width:min(760px,calc(100% - 120px))!important;
    bottom:42px!important;
    padding:18px 22px!important;
    grid-template-columns:88px minmax(0,1fr) auto;
    gap:16px;
    border-radius:22px!important;
  }
  body.route-player-roulette .dmr2-result-media{
    width:88px;
    height:88px;
  }
  body.route-player-roulette .dmr2-result-copy strong{
    font-size:30px;
  }
  body.route-player-roulette .dmr2-result-copy p{
    font-size:9px;
  }
  body.route-player-roulette .dmr2-suspense{
    width:min(560px,calc(100% - 120px));
    bottom:42px!important;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr2-control-stack{
    display:grid;
    gap:12px;
  }
}


/* =====================================================
   DarknessMu Next
   AAA Case Opening Refinement
   ===================================================== */
body.route-player-roulette .dmr2-wheel-card{
  display:flex!important;
  flex-direction:column;
}
body.route-player-roulette .dmr2-card-toolbar,
body.route-player-roulette .dmr2-reward-strip,
body.route-player-roulette .dmr4-case-zone,
body.route-player-roulette .dmr2-result,
body.route-player-roulette .dmr2-wheel-footer{
  position:relative;
  z-index:2;
}
body.route-player-roulette .dmr2-result{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  top:auto!important;
  transform:none!important;
  width:min(920px,calc(100% - 56px))!important;
  margin:-8px auto 16px!important;
  order:4;
}
body.route-player-roulette .dmr2-wheel-footer{
  order:5;
  width:min(100%,980px);
  margin:0 auto 18px;
}
body.route-player-roulette .dmr2-result .sx31-btn,
body.route-player-roulette .dmr2-result button{
  min-height:48px;
  white-space:nowrap;
}
@media (min-width:1041px){
  body.route-player-roulette .dmr2-wheel-card{
    width:min(100%,1320px)!important;
    max-width:1320px;
    border-radius:30px!important;
  }
  body.route-player-roulette .dmr4-case-zone{
    padding:26px 34px 18px;
  }
  body.route-player-roulette .dmr4-case-topline{
    width:min(100%,1020px);
    margin:0 auto 18px;
  }
  body.route-player-roulette .dmr4-case-shell{
    width:min(100%,1020px);
    min-height:468px;
    margin-inline:auto;
    border-radius:32px;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:30px 20px 38px;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:18px;
    padding:20px 0 30px;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:192px;
    height:298px;
    border-radius:24px;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:176px;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:138px;
    height:138px;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:128px;
    max-height:138px;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 16px 20px;
  }
  body.route-player-roulette .dmr4-case-footer{
    width:min(100%,1020px);
    margin:16px auto 0;
  }
  body.route-player-roulette .dmr2-result{
    width:min(860px,calc(100% - 120px))!important;
    margin:-12px auto 18px!important;
    padding:18px 22px!important;
    grid-template-columns:92px minmax(0,1fr) auto;
    gap:16px;
    border-radius:24px!important;
    box-shadow:0 24px 58px rgba(0,0,0,.28)!important;
  }
  body.route-player-roulette .dmr2-result-media{
    width:92px;
    height:92px;
    border-radius:20px;
  }
  body.route-player-roulette .dmr2-result-copy span{
    font-size:7.2px;
  }
  body.route-player-roulette .dmr2-result-copy strong{
    font-size:31px;
  }
  body.route-player-roulette .dmr2-result-copy p{
    font-size:9px;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(100%,1020px);
    padding:0 0 20px;
  }
  body.route-player-roulette .dmr2-wheel-footer>div{
    padding:12px;
    border-radius:15px;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr2-result{
    width:calc(100% - 32px)!important;
    margin:12px auto 14px!important;
    order:4;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    order:5;
    width:calc(100% - 32px);
    margin:0 auto 16px;
    padding:0;
  }
}
@media (max-width:760px){
  body.route-player-roulette .dmr2-result{
    width:calc(100% - 24px)!important;
    margin:12px auto!important;
  }
}


/* =====================================================
   DarknessMu Next
   True Open Case Layout
   ===================================================== */
body.route-player-roulette .dmr2-wheel-card{
  display:flex!important;
  flex-direction:column;
}
body.route-player-roulette .dmr2-card-toolbar{
  padding:18px 24px;
}
body.route-player-roulette .dmr2-reward-strip{
  padding:16px 24px 14px;
}
body.route-player-roulette .dmr2-reward-strip-head{
  margin-bottom:12px;
}
body.route-player-roulette .dmr3-reward-carousel .dmr2-reward-strip-track{
  gap:16px;
  padding:4px 2px 8px;
}
body.route-player-roulette .dmr3-reward-carousel .dmr2-reward-thumb{
  flex:0 0 clamp(260px,22vw,310px);
  min-height:106px;
}
body.route-player-roulette .dmr4-case-zone{
  padding:28px 28px 14px;
  background:radial-gradient(circle at 50% 30%,rgba(255,131,38,.06),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.006),rgba(255,255,255,0));
}
body.route-player-roulette .dmr4-case-topline{
  align-items:center;
}
body.route-player-roulette .dmr4-case-topline strong{
  font-size:17px;
}
body.route-player-roulette .dmr4-case-topline>div:first-child>span{
  font-size:8.5px;
}
body.route-player-roulette .dmr4-case-security{
  min-height:36px;
  padding:0 14px;
}
body.route-player-roulette .dmr4-case-shell{
  position:relative;
  min-height:440px;
  border-radius:28px;
  border:1px solid rgba(255,139,45,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 34px 80px rgba(0,0,0,.28);
}
body.route-player-roulette .dmr4-case-shell:before{
  background-size:40px 40px;
}
body.route-player-roulette .dmr4-case-viewport{
  inset:26px 18px 24px;
}
body.route-player-roulette .dmr4-case-track{
  gap:18px;
  padding:18px 0 22px;
}
body.route-player-roulette .dmr4-case-item{
  flex:0 0 210px;
  height:312px;
  border-radius:22px;
}
body.route-player-roulette .dmr4-case-item-tier{
  padding:14px 14px 0;
  font-size:7px;
}
body.route-player-roulette .dmr4-case-item-art{
  min-height:184px;
}
body.route-player-roulette .dmr4-case-item-art>div{
  width:144px;
  height:144px;
}
body.route-player-roulette .dmr4-case-item-art img{
  max-width:134px;
  max-height:144px;
}
body.route-player-roulette .dmr4-case-item-copy{
  padding:0 16px 18px;
}
body.route-player-roulette .dmr4-case-item-copy strong{
  font-size:11px;
}
body.route-player-roulette .dmr4-case-item-copy span{
  font-size:7.2px;
  line-height:1.45;
}
body.route-player-roulette .dmr4-case-marker:before,
body.route-player-roulette .dmr4-case-marker:after{
  border-left-width:14px;
  border-right-width:14px;
}
body.route-player-roulette .dmr4-case-marker:before{top:10px;border-top-width:20px}
body.route-player-roulette .dmr4-case-marker:after{bottom:10px;border-bottom-width:20px}
body.route-player-roulette .dmr4-case-marker span{
  width:18px;
  height:18px;
}
body.route-player-roulette .dmr4-case-edge{
  width:10%;
}
body.route-player-roulette .dmr4-case-footer{
  display:none;
}
body.route-player-roulette .dmr2-result{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(1140px,calc(100% - 56px))!important;
  margin:18px auto 0!important;
  padding:18px 20px!important;
  grid-template-columns:94px minmax(0,1fr) auto;
  gap:16px;
  border-radius:24px!important;
  border:1px solid rgba(255,139,45,.16)!important;
  background:linear-gradient(160deg,rgba(8,10,15,.92),rgba(11,14,22,.96))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.26)!important;
}
body.route-player-roulette .dmr2-result-media{
  width:94px;
  height:94px;
}
body.route-player-roulette .dmr2-result-copy{
  text-align:left;
}
body.route-player-roulette .dmr2-result-copy strong{
  font-size:32px;
}
body.route-player-roulette .dmr2-result-copy p{
  font-size:9px;
}
body.route-player-roulette .dmr2-wheel-footer{
  width:min(1140px,calc(100% - 56px));
  margin:14px auto 20px;
  padding:0!important;
  gap:10px;
}
body.route-player-roulette .dmr2-wheel-footer>div{
  padding:12px 14px;
  border-radius:15px;
}
@media (min-width:1041px){
  body.route-player-roulette .dmr2-wheel-card{
    width:min(100%,1450px)!important;
    max-width:1450px;
    border-radius:30px!important;
  }
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1450px);
    max-width:1450px;
    grid-template-columns:1.2fr .9fr .9fr;
  }
  body.route-player-roulette .dmr4-case-topline,
  body.route-player-roulette .dmr4-case-shell,
  body.route-player-roulette .dmr2-result,
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(1180px,100% - 40px);
  }
  body.route-player-roulette .dmr4-case-shell{
    min-height:474px;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:28px 24px 26px;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:220px;
    height:324px;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr2-result{
    width:calc(100% - 28px)!important;
    margin:14px auto 0!important;
    grid-template-columns:86px minmax(0,1fr) auto;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    width:calc(100% - 28px);
    margin:12px auto 18px;
  }
}
@media (max-width:760px){
  body.route-player-roulette .dmr4-case-zone{
    padding:18px 12px 10px;
  }
  body.route-player-roulette .dmr4-case-shell{
    min-height:340px;
    border-radius:22px;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:18px 8px 18px;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:10px;
    padding:12px 0 16px;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:150px;
    height:236px;
    border-radius:18px;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:132px;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:104px;
    height:104px;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:92px;
    max-height:102px;
  }
  body.route-player-roulette .dmr2-result{
    width:calc(100% - 22px)!important;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    margin:12px auto 0!important;
  }
  body.route-player-roulette .dmr2-result-copy{
    text-align:center;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    width:calc(100% - 22px);
    grid-template-columns:1fr;
  }
}


/* =====================================================
   DarknessMu Next
   Cache Bust + Giant Open Case
   ===================================================== */
@media (min-width:1041px){
  body.route-player-roulette .dmr2-stage-grid,
  body.route-player-roulette .dmr2-control-stack,
  body.route-player-roulette .dmr2-wheel-card,
  body.route-player-roulette .dmr4-case-topline,
  body.route-player-roulette .dmr4-case-shell,
  body.route-player-roulette .dmr2-result,
  body.route-player-roulette .dmr2-wheel-footer{
    max-width:none!important;
  }
  body.route-player-roulette .dmr2-wheel-card{
    width:min(100%,1580px)!important;
    margin-inline:auto!important;
  }
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1580px)!important;
    margin-inline:auto!important;
  }
  body.route-player-roulette .dmr4-case-topline{
    width:min(1320px,calc(100% - 20px))!important;
    margin:0 auto 20px!important;
  }
  body.route-player-roulette .dmr4-case-shell{
    width:min(1320px,calc(100% - 20px))!important;
    min-height:560px!important;
    margin-inline:auto!important;
    border-radius:34px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:28px 20px 24px!important;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:20px!important;
    padding:18px 0 24px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex:0 0 250px!important;
    height:372px!important;
    border-radius:24px!important;
  }
  body.route-player-roulette .dmr4-case-item-tier{
    padding:16px 16px 0!important;
    font-size:7.5px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:220px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:166px!important;
    height:166px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:154px!important;
    max-height:164px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 18px 22px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy strong{
    font-size:13px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy span{
    font-size:8px!important;
  }
  body.route-player-roulette .dmr2-result{
    width:min(1320px,calc(100% - 20px))!important;
    margin:18px auto 0!important;
  }
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(1320px,calc(100% - 20px))!important;
    margin:14px auto 22px!important;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr4-case-shell{
    min-height:420px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:180px!important;
    height:280px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:160px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:124px!important;
    height:124px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:112px!important;
    max-height:122px!important;
  }
}


/* =====================================================
   DarknessMu Next
   Oki-Inspired Spacious Case Stage
   ===================================================== */
body.route-player-roulette .dmr4-case-zone{
  padding:26px 22px 10px;
}
body.route-player-roulette .dmr4-case-topline{
  gap:18px;
}
body.route-player-roulette .dmr4-case-shell{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(9,14,38,.98),rgba(8,11,30,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 28px 70px rgba(0,0,0,.28);
}
body.route-player-roulette .dmr4-case-shell:before{
  background:linear-gradient(90deg,rgba(120,151,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:none;
  opacity:.5;
}
body.route-player-roulette .dmr4-case-shell:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(36vw,520px);
  height:min(36vw,520px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(82,110,255,.12) 0,rgba(82,110,255,.10) 42%,rgba(82,110,255,.04) 64%,transparent 70%);
  pointer-events:none;
  z-index:0;
}
body.route-player-roulette .dmr4-case-viewport{
  inset:22px 12px 18px!important;
}
body.route-player-roulette .dmr4-case-track{
  gap:14px!important;
  padding:12px 0 14px!important;
}
body.route-player-roulette .dmr4-case-item{
  flex:0 0 220px!important;
  height:320px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(37,54,121,.92),rgba(26,39,95,.92))!important;
  border:1px solid rgba(160,180,255,.14)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 -6px 0 rgba(82,110,255,.40)!important;
}
body.route-player-roulette .dmr4-case-item:after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:4px!important;
  border-radius:0 0 14px 14px!important;
  background:linear-gradient(90deg,rgba(108,146,255,.55),rgba(95,130,255,1),rgba(108,146,255,.55))!important;
  box-shadow:0 0 18px rgba(88,121,255,.34)!important;
}
body.route-player-roulette .dmr4-case-item.rare{
  background:linear-gradient(180deg,rgba(66,43,27,.95),rgba(42,28,19,.95))!important;
  border-color:rgba(255,156,79,.20)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 -6px 0 rgba(255,138,39,.80)!important;
}
body.route-player-roulette .dmr4-case-item.rare:after{
  background:linear-gradient(90deg,rgba(255,153,74,.55),rgba(255,132,36,1),rgba(255,153,74,.55))!important;
  box-shadow:0 0 18px rgba(255,132,36,.34)!important;
}
body.route-player-roulette .dmr4-case-item.epic{
  background:linear-gradient(180deg,rgba(52,42,84,.96),rgba(35,27,57,.96))!important;
  border-color:rgba(196,121,255,.22)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 -6px 0 rgba(164,90,255,.84)!important;
}
body.route-player-roulette .dmr4-case-item.epic:after{
  background:linear-gradient(90deg,rgba(197,123,255,.55),rgba(163,89,255,1),rgba(197,123,255,.55))!important;
  box-shadow:0 0 18px rgba(163,89,255,.34)!important;
}
body.route-player-roulette .dmr4-case-item-tier{
  color:#dbe3ff!important;
  padding:14px 14px 0!important;
}
body.route-player-roulette .dmr4-case-item-tier i{display:none}
body.route-player-roulette .dmr4-case-item-art{
  min-height:180px!important;
}
body.route-player-roulette .dmr4-case-item-art>div{
  width:132px!important;
  height:132px!important;
  background:radial-gradient(circle,rgba(115,145,255,.18),transparent 66%)!important;
  border:0!important;
}
body.route-player-roulette .dmr4-case-item.rare .dmr4-case-item-art>div{background:radial-gradient(circle,rgba(255,141,45,.16),transparent 66%)!important}
body.route-player-roulette .dmr4-case-item.epic .dmr4-case-item-art>div{background:radial-gradient(circle,rgba(185,118,255,.18),transparent 66%)!important}
body.route-player-roulette .dmr4-case-item-art img{
  max-width:126px!important;
  max-height:136px!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.30))!important;
}
body.route-player-roulette .dmr4-case-item-copy{
  padding:0 16px 18px!important;
}
body.route-player-roulette .dmr4-case-item-copy strong{
  font-size:11px!important;
  line-height:1.2;
}
body.route-player-roulette .dmr4-case-item-copy span{
  font-size:7.6px!important;
  color:#c9d2ff!important;
}
body.route-player-roulette .dmr4-case-marker{
  width:4px!important;
  background:linear-gradient(transparent 8%,rgba(255,221,79,.98) 18%,rgba(255,221,79,1) 50%,rgba(255,221,79,.98) 82%,transparent 92%)!important;
  box-shadow:0 0 20px rgba(255,221,79,.35)!important;
}
body.route-player-roulette .dmr4-case-marker:before,
body.route-player-roulette .dmr4-case-marker:after{
  border-left-width:16px!important;
  border-right-width:16px!important;
}
body.route-player-roulette .dmr4-case-marker:before{top:6px;border-top:20px solid #fff!important;opacity:.9}
body.route-player-roulette .dmr4-case-marker:after{bottom:6px;border-bottom:20px solid #fff!important;opacity:.9}
body.route-player-roulette .dmr4-case-marker span{
  width:20px!important;
  height:20px!important;
  background:#ffd84a!important;
  box-shadow:0 0 20px rgba(255,216,74,.45)!important;
}
body.route-player-roulette .dmr4-case-marker i{
  width:6px!important;
  height:6px!important;
  background:#fff!important;
}
body.route-player-roulette .dmr4-case-edge.left{background:linear-gradient(90deg,rgba(8,11,30,1),rgba(8,11,30,.94) 28%,rgba(8,11,30,.35) 70%,transparent)!important}
body.route-player-roulette .dmr4-case-edge.right{background:linear-gradient(270deg,rgba(8,11,30,1),rgba(8,11,30,.94) 28%,rgba(8,11,30,.35) 70%,transparent)!important}
@media (min-width:1041px){
  body.route-player-roulette .dmr2-wheel-card,
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1620px)!important;
  }
  body.route-player-roulette .dmr4-case-topline,
  body.route-player-roulette .dmr4-case-shell,
  body.route-player-roulette .dmr2-result,
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(1420px,calc(100% - 10px))!important;
  }
  body.route-player-roulette .dmr4-case-shell{
    min-height:420px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:20px 16px 18px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:230px!important;
    height:326px!important;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr4-case-shell{
    min-height:360px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:168px!important;
    height:246px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{min-height:128px!important}
  body.route-player-roulette .dmr4-case-item-art img{max-width:92px!important;max-height:100px!important}
}


/* =====================================================
   DarknessMu Next
   Horizontal Open Case Showcase
   ===================================================== */
@media (min-width:1041px){
  body.route-player-roulette .dmr2-wheel-card,
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1640px)!important;
  }
  body.route-player-roulette .dmr4-case-zone{
    padding:22px 18px 10px!important;
  }
  body.route-player-roulette .dmr4-case-topline,
  body.route-player-roulette .dmr4-case-shell,
  body.route-player-roulette .dmr2-result,
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(1480px,calc(100% - 8px))!important;
    max-width:none!important;
  }
  body.route-player-roulette .dmr4-case-topline{
    margin:0 auto 14px!important;
  }
  body.route-player-roulette .dmr4-case-shell{
    min-height:280px!important;
    height:280px!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(11,18,56,.99),rgba(8,12,38,.99))!important;
  }
  body.route-player-roulette .dmr4-case-shell:before{
    background-size:52px 52px!important;
    opacity:.35!important;
  }
  body.route-player-roulette .dmr4-case-shell:after{
    width:420px!important;
    height:420px!important;
    background:radial-gradient(circle,rgba(95,122,255,.16) 0,rgba(95,122,255,.10) 38%,rgba(95,122,255,.05) 56%,transparent 67%)!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:16px 14px 14px!important;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:16px!important;
    padding:8px 0 10px!important;
    align-items:center!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex:0 0 250px!important;
    height:196px!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
  }
  body.route-player-roulette .dmr4-case-item:after{
    height:5px!important;
    border-radius:0 0 12px 12px!important;
  }
  body.route-player-roulette .dmr4-case-item-tier{
    padding:12px 12px 0!important;
    font-size:7px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:102px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:94px!important;
    height:94px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:92px!important;
    max-height:96px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 14px 14px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy strong{
    font-size:10.5px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy span{
    font-size:7px!important;
  }
  body.route-player-roulette .dmr4-case-marker{
    width:3px!important;
  }
  body.route-player-roulette .dmr4-case-marker:before,
  body.route-player-roulette .dmr4-case-marker:after{
    border-left-width:14px!important;
    border-right-width:14px!important;
  }
  body.route-player-roulette .dmr4-case-marker:before{top:4px!important;border-top-width:18px!important}
  body.route-player-roulette .dmr4-case-marker:after{bottom:4px!important;border-bottom-width:18px!important}
  body.route-player-roulette .dmr4-case-marker span{width:18px!important;height:18px!important}
}
@media (max-width:1040px){
  body.route-player-roulette .dmr4-case-zone{padding:18px 10px 8px!important}
  body.route-player-roulette .dmr4-case-shell{
    min-height:235px!important;
    height:235px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{inset:12px 8px 10px!important}
  body.route-player-roulette .dmr4-case-track{gap:10px!important;padding:6px 0 8px!important}
  body.route-player-roulette .dmr4-case-item{
    flex-basis:160px!important;
    height:170px!important;
    border-radius:10px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{min-height:86px!important}
  body.route-player-roulette .dmr4-case-item-art>div{width:72px!important;height:72px!important}
  body.route-player-roulette .dmr4-case-item-art img{max-width:68px!important;max-height:74px!important}
  body.route-player-roulette .dmr4-case-item-copy{padding:0 10px 10px!important}
}


/* =====================================================
   DarknessMu Next
   Five-Item Open Case View
   ===================================================== */
@media (min-width:1041px){
  body.route-player-roulette .dmr2-wheel-card,
  body.route-player-roulette .dmr2-control-stack{
    width:min(100%,1680px)!important;
  }
  body.route-player-roulette .dmr4-case-topline,
  body.route-player-roulette .dmr4-case-shell,
  body.route-player-roulette .dmr2-result,
  body.route-player-roulette .dmr2-wheel-footer{
    width:min(1540px,calc(100% - 8px))!important;
  }
  body.route-player-roulette .dmr4-case-shell{
    min-height:232px!important;
    height:232px!important;
    border-radius:22px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:12px 10px 10px!important;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:10px!important;
    padding:4px 0 6px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex:0 0 180px!important;
    height:184px!important;
    border-radius:10px!important;
  }
  body.route-player-roulette .dmr4-case-item:after{
    border-radius:0 0 10px 10px!important;
  }
  body.route-player-roulette .dmr4-case-item-tier{
    padding:10px 10px 0!important;
    font-size:6.4px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:94px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:78px!important;
    height:78px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:76px!important;
    max-height:82px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 10px 10px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy strong{
    font-size:9px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy span{
    font-size:6.2px!important;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr4-case-shell{
    min-height:210px!important;
    height:210px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:10px 6px 8px!important;
  }
  body.route-player-roulette .dmr4-case-track{
    gap:8px!important;
    padding:4px 0 6px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    flex-basis:136px!important;
    height:154px!important;
    border-radius:9px!important;
  }
  body.route-player-roulette .dmr4-case-item-tier{
    padding:8px 8px 0!important;
    font-size:5.8px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:74px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:60px!important;
    height:60px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:56px!important;
    max-height:62px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy{
    padding:0 8px 8px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy strong{
    font-size:8px!important;
  }
  body.route-player-roulette .dmr4-case-item-copy span{
    font-size:5.7px!important;
  }
}


/* =====================================================
   DarknessMu Next
   Dynamic Five-Item Case Viewport
   ===================================================== */
body.route-player-roulette .dmr2-command,
body.route-player-roulette .dmr2-stage-grid,
body.route-player-roulette .dmr2-wheel-card,
body.route-player-roulette .dmr4-case-zone,
body.route-player-roulette .dmr4-case-topline,
body.route-player-roulette .dmr4-case-shell{
  width:100%!important;
  max-width:none!important;
}
body.route-player-roulette .dmr2-stage-grid{
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:stretch!important;
}
body.route-player-roulette .dmr2-wheel-card{
  margin-inline:0!important;
}
body.route-player-roulette .dmr4-case-zone{
  padding-left:16px!important;
  padding-right:16px!important;
}
body.route-player-roulette .dmr4-case-topline{
  margin-left:0!important;
  margin-right:0!important;
}
body.route-player-roulette .dmr4-case-shell{
  margin-left:0!important;
  margin-right:0!important;
}
body.route-player-roulette .dmr4-case-viewport{
  --case-item-width:180px;
  --case-item-gap:12px;
  left:10px!important;
  right:10px!important;
}
body.route-player-roulette .dmr4-case-track{
  gap:var(--case-item-gap)!important;
}
body.route-player-roulette .dmr4-case-item{
  flex:0 0 var(--case-item-width)!important;
  width:var(--case-item-width)!important;
  min-width:var(--case-item-width)!important;
  max-width:var(--case-item-width)!important;
}
@media (min-width:1041px){
  body.route-player-roulette .dmr2-command{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.route-player-roulette .dmr4-case-shell{
    height:250px!important;
    min-height:250px!important;
  }
  body.route-player-roulette .dmr4-case-viewport{
    inset:12px 10px 10px!important;
  }
  body.route-player-roulette .dmr4-case-item{
    height:202px!important;
  }
  body.route-player-roulette .dmr4-case-item-art{
    min-height:104px!important;
  }
  body.route-player-roulette .dmr4-case-item-art>div{
    width:82px!important;
    height:82px!important;
  }
  body.route-player-roulette .dmr4-case-item-art img{
    max-width:80px!important;
    max-height:88px!important;
  }
}
@media (max-width:1040px){
  body.route-player-roulette .dmr4-case-viewport{
    --case-item-gap:8px;
  }
}

/* === DarknessMu  / Visual Media Guide + live media placement === */
.sx-brand.has-media-logo{min-width:0;max-width:210px}
.sx-brand-media-logo{display:block;width:auto;max-width:190px;height:42px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.sx-footer-media-logo{display:block;width:auto;max-width:220px;max-height:64px;object-fit:contain;object-position:left center}
.sx31-brand.has-media-logo{display:flex;align-items:center;min-width:0}
.sx31-sidebar-media-logo{display:block;max-width:176px;max-height:52px;width:auto;height:auto;object-fit:contain;object-position:left center}

.sx-media-page-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(7,6,8,.96) 0%,rgba(8,7,10,.90) 42%,rgba(8,7,10,.72) 72%,rgba(8,7,10,.88) 100%),var(--sx-page-hero-media)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.sx-media-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,122,26,.035),transparent 46%,rgba(7,6,8,.48));pointer-events:none}
.sx-media-page-hero>.sx-container{position:relative;z-index:1}

.route-home .sx-media-home-hero{background-image:linear-gradient(110deg,rgba(5,5,6,.95) 0%,rgba(8,7,8,.88) 43%,rgba(13,8,8,.58) 74%,rgba(8,7,8,.84) 100%),var(--sx-home-hero-media)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.route-home .sx-media-castle-card{position:relative;overflow:hidden;isolation:isolate}
.route-home .sx-media-castle-card:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--sx-home-castle-media) center/cover no-repeat;opacity:.22}
.route-home .sx-media-castle-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,7,8,.94),rgba(10,7,8,.78));pointer-events:none}
.route-home .sx-media-discord-card{overflow:hidden;isolation:isolate}
.route-home .sx-media-discord-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(12,8,9,.84),rgba(12,8,9,.92)),var(--sx-home-discord-media) center/cover no-repeat;opacity:.96;pointer-events:none}
.route-home .sx-media-discord-card>*{position:relative;z-index:1}

@media(max-width:760px){.sx-brand-media-logo{max-width:150px;height:36px}.sx31-sidebar-media-logo{max-width:150px;max-height:45px}.sx-media-page-hero{background-position:62% center!important}}


/* SOURCE: reborn-ui.css */
/* DarknessMU Reborn / design system V1.0 — NEW UI atop preserved Laravel business logic */
:root{--rb-bg:#080b17;--rb-panel:#11172a;--rb-panel2:#151a31;--rb-ink:#f5f3ff;--rb-muted:#9d9ab6;--rb-purple:#bd82ff;--rb-cyan:#7be9ff;--rb-gold:#ffd18a;--rb-border:#75599c77}
body.reborn-public{background:#080b17;color:var(--rb-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.reborn-public .sx-header{background:#090e1aee!important;border-bottom:1px solid #795bb459!important;backdrop-filter:blur(24px);box-shadow:0 9px 40px #0507109c;position:relative;z-index:100}
.reborn-public .sx-header-inner{max-width:1800px}
.reborn-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 22% 12%,#6c3b9e25,transparent 34%),radial-gradient(ellipse at 88% 65%,#2b82b721,transparent 42%),#080b17}
.reborn-background i{position:absolute;top:-45%;left:-50%;width:36%;height:200%;background:linear-gradient(90deg,transparent,#a26aff04,#ad76ff24,#a26aff04,transparent);filter:blur(24px);transform:rotate(28deg);animation:rb-light-travel 18s linear infinite}.reborn-background i:nth-child(2){animation-delay:-7s;background:linear-gradient(90deg,transparent,#72dfff04,#72dfff25,#72dfff04,transparent)}.reborn-background i:nth-child(3){animation-delay:-13s}
@keyframes rb-light-travel{from{left:-60%}to{left:140%}}
.reborn-page-grid{position:relative;z-index:1;display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1900px;margin:auto;min-height:65vh}
.reborn-rail{padding:24px 16px 28px;background:linear-gradient(180deg,#101327f2,#0b1020ee);border-right:1px solid #8761b63b;display:flex;flex-direction:column;gap:10px;min-width:0}
.reborn-rail-brand{display:flex;align-items:center;gap:12px;padding:9px 8px 23px;border-bottom:1px solid #6e54814d}.reborn-rail-brand>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#382454;border:1px solid #b785e8;color:#e0b6ff;font-size:26px;box-shadow:0 0 26px #a463ed55}.reborn-rail-brand b{display:block;font-size:14px;letter-spacing:.07em}.reborn-rail-brand small{display:block;font-size:9px;letter-spacing:.12em;color:#978cb3;margin-top:5px}
.reborn-rail-label{color:#756d93;font-size:10px;font-weight:800;letter-spacing:.17em;padding:20px 13px 7px}
.reborn-rail-nav{display:flex;flex-direction:column;gap:5px}.reborn-rail-nav a{display:flex;align-items:center;gap:12px;color:#aaa6c3;padding:12px 14px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:650;border:1px solid transparent;transition:.25s}.reborn-rail-nav a:hover,.reborn-rail-nav a.active{background:linear-gradient(90deg,#5131789e,#211b3b7c);color:#f4e5ff;border-color:#a77be877;box-shadow:inset 3px 0 #b67fff,0 0 23px #9e63ee1f}
.reborn-rail-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px 12px;border-top:1px solid #654e884d;color:#c9b3ec;font-size:11px}.reborn-rail-foot i{width:8px;height:8px;border-radius:50%;background:#7ce9ff;box-shadow:0 0 13px #7ce9ff}.reborn-rail-foot small{display:block;color:#817c9b;font-size:9px;margin-top:3px;letter-spacing:.12em}
.reborn-main{min-width:0;overflow:hidden}.reborn-routebar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px clamp(20px,3vw,56px);border-bottom:1px solid #6d51873c;background:#0d1120ab;font-size:10px;letter-spacing:.16em;color:#bfa0ea}.reborn-routebar span:last-child{color:#7f819e}
.reborn-public .sx-container{max-width:1540px}.reborn-public .sx-public-main{min-height:65vh}
.reborn-public .sx-hero{background:radial-gradient(ellipse at 70% 35%,#58379b38,transparent 52%),linear-gradient(130deg,#10132b,#0a1224 75%)!important;border-bottom:1px solid #8462b43d;position:relative;overflow:hidden}
.reborn-public .sx-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,transparent 24%,#ae83ff16 32%,transparent 38%,transparent 64%,#78e8ff12 70%,transparent 77%);animation:rb-hero-shift 12s ease-in-out infinite alternate}
@keyframes rb-hero-shift{to{transform:translateX(12%) skewX(-8deg)}}
.reborn-public .sx-hero h1{font-size:clamp(42px,4.6vw,82px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:900!important;color:#f7f3ff!important;text-shadow:0 0 40px #6c4ca54d}
.reborn-public .sx-hero h1 span{color:#c18cff!important;text-shadow:0 0 30px #aa5bff83}
.reborn-public .sx-btn-primary{background:linear-gradient(110deg,#7435b9,#a263f3)!important;border:1px solid #d1a1ff!important;box-shadow:0 7px 30px #974aff59,inset 0 1px #ffffff66!important}
.reborn-public .sx-btn-primary:hover{box-shadow:0 10px 38px #ab6cff8a!important}
.reborn-public .sx-home-widget,.reborn-public .sx-home-center-card,.reborn-public .sx-home-rightbar>*{border:1px solid #8764b05e!important;background:linear-gradient(145deg,#17162af0,#0c1323f0)!important;border-radius:17px!important;box-shadow:0 12px 30px #05071277,inset 0 1px #ffffff10}
.reborn-public .sx-home-center-title h3{color:#f3e9ff}
.reborn-public .sx-home-promo-card{box-shadow:0 0 36px #975aff3c!important}
.reborn-public .sx-home-promo-card img{border-radius:10px}
.reborn-public .sx-section h2{letter-spacing:-.03em}
.reborn-public .sx-footer{position:relative;z-index:2;background:#090c18!important;border-top:1px solid #8b65bb55}
.reborn-bp{padding-top:50px;padding-bottom:80px}.reborn-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.reborn-eyebrow{color:#c59cf5;font-size:10px;font-weight:800;letter-spacing:.18em}.reborn-page-heading h1{font-size:clamp(36px,4vw,65px);font-weight:900;letter-spacing:-.045em;margin:13px 0 10px;color:#f7efff}.reborn-page-heading h1 em{font-style:normal;color:#c58cff;text-shadow:0 0 32px #ab64ff70}.reborn-page-heading p{color:#a9a2bf;max-width:580px}.reborn-feature-tag{color:#c3abde;background:#2b2141;border:1px solid #9d7dc1;padding:10px 13px;border-radius:9px;font-size:10px;letter-spacing:.09em}
.reborn-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reborn-pass-card{--tier:#78e9ff;--tier-rgb:120,233,255;position:relative;isolation:isolate;overflow:hidden;min-height:290px;padding:28px;border-radius:18px;border:1px solid var(--tier);background:radial-gradient(ellipse at 90% 5%,rgba(var(--tier-rgb),.19),transparent 48%),linear-gradient(145deg,#111f30,#0b1423);box-shadow:0 0 25px rgba(var(--tier-rgb),.18),inset 0 1px rgba(var(--tier-rgb),.25);display:flex;flex-direction:column;gap:9px}.reborn-pass-card:before{content:"";position:absolute;top:-70%;left:-80%;width:55%;height:220%;transform:rotate(28deg);background:linear-gradient(90deg,transparent,rgba(var(--tier-rgb),.16),transparent);animation:rb-card-sweep 9s linear infinite;pointer-events:none}@keyframes rb-card-sweep{to{left:180%}}.reborn-vip{--tier:#d2a1ff;--tier-rgb:210,161,255;background:radial-gradient(ellipse at 90% 5%,#a367ec32,transparent 48%),linear-gradient(145deg,#261638,#131126)}.reborn-super{--tier:#ffd18a;--tier-rgb:255,209,138;background:radial-gradient(ellipse at 90% 5%,#e9a65b2c,transparent 48%),linear-gradient(145deg,#2e221a,#17121a)}.reborn-pass-symbol{font-size:32px;color:var(--tier);text-shadow:0 0 22px var(--tier)}.reborn-pass-card h2{font-size:30px;color:#fff;margin:2px 0}.reborn-pass-card p{color:#c3b8d0;font-size:13px;line-height:1.6;max-width:250px}.reborn-pass-card strong{color:var(--tier);font-size:14px;margin-top:auto}.reborn-pass-button{border:1px solid rgba(var(--tier-rgb),.6);border-radius:9px;padding:12px;color:var(--tier);background:rgba(var(--tier-rgb),.08);font-size:10px;letter-spacing:.1em;font-weight:800;text-align:center}
.reborn-levels-shell{--tier:#78e9ff;--tier-rgb:120,233,255;border:1px solid #8e6db267;background:linear-gradient(160deg,#151629,#0b1020);border-radius:20px;margin-top:30px;padding:25px;box-shadow:0 20px 50px #0507128c}.reborn-levels-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.reborn-levels-head h2{color:#f6edff;margin:9px 0 0}.reborn-levels-head>span{font-size:10px;letter-spacing:.1em;color:#9286ab}.reborn-tier-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.reborn-tier-tabs button{--tab:#78e9ff;--tab-rgb:120,233,255;cursor:pointer;background:linear-gradient(130deg,rgba(var(--tab-rgb),.20),rgba(var(--tab-rgb),.055));border:1px solid rgba(var(--tab-rgb),.7);color:var(--tab);padding:15px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.08em;box-shadow:0 0 20px rgba(var(--tab-rgb),.15);transition:transform .2s,box-shadow .2s}.reborn-tier-tabs button:nth-child(2){--tab:#d2a1ff;--tab-rgb:210,161,255}.reborn-tier-tabs button:nth-child(3){--tab:#ffd18a;--tab-rgb:255,209,138}.reborn-tier-tabs button:hover,.reborn-tier-tabs button.is-active{transform:translateY(-2px);box-shadow:0 0 32px rgba(var(--tab-rgb),.44),inset 0 0 18px rgba(var(--tab-rgb),.16)}
.reborn-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.reborn-level-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:165px;padding:18px 8px;background:radial-gradient(ellipse at 50% 25%,rgba(var(--tier-rgb),.14),transparent 70%),#101628;border:1px solid rgba(var(--tier-rgb),.55);border-radius:13px;box-shadow:inset 0 0 20px rgba(var(--tier-rgb),.045),0 0 15px rgba(var(--tier-rgb),.10);transition:transform .25s,box-shadow .25s}.reborn-level-card:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(var(--tier-rgb),.4),inset 0 0 24px rgba(var(--tier-rgb),.1)}.reborn-level-card.is-milestone{border-width:2px;box-shadow:0 0 23px rgba(var(--tier-rgb),.28)}.reborn-level-caption{color:#8f94b0;font-size:9px;letter-spacing:.2em}.reborn-level-card strong{font-size:34px;line-height:1;color:var(--tier);text-shadow:0 0 22px rgba(var(--tier-rgb),.65)}.reborn-level-emblem{font-size:20px;color:var(--tier);text-shadow:0 0 17px var(--tier)}.reborn-level-card small{color:#a5a1b7;font-size:9px;text-align:center;letter-spacing:.04em}.reborn-level-disclaimer{color:#938aa9;font-size:12px;margin-top:20px}
.reborn-levels-shell[data-tier=vip]{--tier:#d2a1ff;--tier-rgb:210,161,255}.reborn-levels-shell[data-tier=super]{--tier:#ffd18a;--tier-rgb:255,209,138}
@media(max-width:1250px){.reborn-page-grid{grid-template-columns:215px minmax(0,1fr)}.reborn-rail{padding:20px 9px}.reborn-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.reborn-page-grid{display:block}.reborn-rail{display:none}.reborn-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reborn-pass-grid{grid-template-columns:1fr 1fr}.reborn-page-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.reborn-pass-grid{grid-template-columns:1fr}.reborn-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reborn-levels-shell{padding:14px}.reborn-tier-tabs{gap:6px}.reborn-tier-tabs button{font-size:10px;padding:12px 5px}.reborn-level-card{min-height:140px}.reborn-page-heading h1{font-size:36px}.reborn-routebar{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reborn-background i,.reborn-public .sx-hero:before,.reborn-pass-card:before{animation:none!important}.reborn-level-card,.reborn-tier-tabs button{transition:none}}

/* V1.1 — Single application shell, no duplicate header or internal three-column portal */
body.reborn-public{--rb-max-content:1250px}
.reborn-public .reborn-page-grid{max-width:none!important;width:100%;min-height:100vh;grid-template-columns:254px minmax(0,1fr);align-items:stretch}
.reborn-public .reborn-rail{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;z-index:30;padding:24px 15px 20px;background:linear-gradient(180deg,#101426,#090e1b);border-right:1px solid #9c69d63b}
.reborn-public .reborn-rail-brand{text-decoration:none;color:#f4eaff;display:flex;align-items:center;gap:12px;padding:9px 10px 25px;border-bottom:1px solid #9a70bb44}
.reborn-public .reborn-rail-brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px #a565ff80)}
.reborn-public .reborn-rail-brand span{min-width:0}.reborn-public .reborn-rail-brand b{font-size:14px;white-space:normal;overflow-wrap:anywhere}.reborn-public .reborn-rail-brand small{font-size:9px;color:#aaa0bd;display:block;margin-top:5px}
.reborn-public .reborn-rail-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;font-size:12px;line-height:1.35}.reborn-nav-marker{width:21px;flex:0 0 21px;text-align:center;font-size:17px;color:#a582d7}
.reborn-public .reborn-rail-nav a.active .reborn-nav-marker,.reborn-public .reborn-rail-nav a:hover .reborn-nav-marker{color:#e0b8ff}
.reborn-public .reborn-main{min-width:0;width:100%;overflow:clip;display:flex;flex-direction:column}.reborn-public .reborn-routebar{min-height:62px;display:flex;justify-content:space-between;align-items:center;padding:10px clamp(20px,3vw,46px);position:relative;z-index:5}.reborn-routebar-left,.reborn-routebar-right{display:flex;align-items:center;gap:14px}.reborn-routebar-right a{font-size:11px;color:#dbc5fa;text-decoration:none;font-weight:800;letter-spacing:.08em}.reborn-route-divider{color:#655379}.reborn-route-name{font-size:10px;color:#8f8da8}.reborn-public .sx-public-main{width:100%;flex:1;min-width:0}
.reborn-public .sx-public-main>.sx-hero,.reborn-public .sx-public-main>.sx-proofbar,.reborn-public .sx-public-main>.sx-section,.reborn-public .sx-public-main>.sx-final-cta{width:100%;max-width:none;margin-left:0;margin-right:0}
.reborn-public .sx-public-main .sx-container{width:min(var(--rb-max-content),calc(100% - clamp(36px,6vw,96px)))!important;max-width:var(--rb-max-content)!important;margin-left:auto!important;margin-right:auto!important}
/* Main hero is a unified feature panel inside content, not a second standalone site */
.reborn-public.route-home .sx-hero{width:min(var(--rb-max-content),calc(100% - clamp(36px,6vw,96px)))!important;margin:30px auto 20px!important;min-height:0!important;border:1px solid #a36bda65!important;border-radius:20px;box-shadow:0 15px 55px #04050c91,0 0 36px #8650cd1c;overflow:hidden}
.reborn-public.route-home .sx-hero .sx-container{width:100%!important;max-width:none!important;padding:clamp(25px,3vw,45px)!important}
.reborn-public.route-home .sx-hero-layout{min-height:0!important;gap:clamp(20px,3vw,44px)!important;align-items:center!important}
.reborn-public.route-home .sx-hero h1{font-size:clamp(36px,3.5vw,65px)!important;line-height:1.04!important}
.reborn-public.route-home .sx-stage-v32{min-width:0!important;max-width:100%!important}
.reborn-public.route-home .sx-proofbar{border:0!important;background:transparent!important;padding:0!important;margin:0 auto 26px!important}
.reborn-public.route-home .sx-proofbar>.sx-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px!important;padding:12px 14px!important;border:1px solid #71558a60;border-radius:12px;background:#11152b!important}
.reborn-public.route-home .sx-proofbar>.sx-container>span{display:none!important}
.reborn-public.route-home .sx-proofbar>.sx-container>div{font-size:11px;white-space:nowrap}
/* Only ONE sidebar: existing portal left column becomes information cards below the main feed */
.reborn-public.route-home .sx-home-portal-section{padding-top:0!important}
.reborn-public.route-home .sx-home-portal-container{width:min(var(--rb-max-content),calc(100% - clamp(36px,6vw,96px)))!important;max-width:var(--rb-max-content)!important}
.reborn-public.route-home .sx-home-portal-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;grid-template-areas:'feed community' 'stats stats'!important;gap:20px!important;align-items:start!important}
.reborn-public.route-home .sx-home-centerbar{grid-area:feed!important;min-width:0!important;order:unset!important}
.reborn-public.route-home .sx-home-rightbar{grid-area:community!important;position:static!important;top:auto!important;display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0}
.reborn-public.route-home .sx-home-leftbar{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;position:static!important;order:unset!important;min-width:0}
.reborn-public.route-home .sx-home-leftbar .sx-home-widget{margin:0!important;min-width:0!important;height:100%}
.reborn-public.route-home .sx-home-center-card,.reborn-public.route-home .sx-home-widget,.reborn-public.route-home .sx-social-access-card{min-width:0!important;max-width:100%!important}
.reborn-public.route-home .sx-home-centerbar>section{margin-left:0!important;margin-right:0!important}
.reborn-public.route-home .sx-final-cta{margin-top:35px!important}.reborn-public.route-home .sx-final-cta>.sx-container{padding:35px!important}
.reborn-public .sx-footer{margin-left:254px;position:relative;z-index:2}
.reborn-public .sx-footer .sx-container{width:min(var(--rb-max-content),calc(100% - 64px))!important}
.reborn-mobile-menu{display:none;align-items:center;justify-content:center;border:1px solid #9669ca;color:#dfbbff;background:#1d1734;border-radius:9px;width:38px;height:38px;cursor:pointer}.reborn-sidebar-scrim{display:none}
@media(max-width:1380px){.reborn-public.route-home .sx-home-portal-grid{grid-template-columns:minmax(0,1fr) 235px!important}.reborn-public.route-home .sx-home-leftbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1100px){.reborn-public .reborn-page-grid{grid-template-columns:220px minmax(0,1fr)}.reborn-public .sx-footer{margin-left:220px}.reborn-public.route-home .sx-home-portal-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'feed' 'community' 'stats'!important}.reborn-public.route-home .sx-home-rightbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.reborn-public.route-home .sx-home-leftbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.reborn-public .reborn-page-grid{display:block!important}.reborn-public .reborn-rail{position:fixed!important;top:0;bottom:0;left:0;width:min(300px,85vw);height:100dvh;transform:translateX(-103%);transition:transform .25s ease;box-shadow:10px 0 40px #03030b88;z-index:101}.reborn-public.reborn-menu-open .reborn-rail{transform:translateX(0)}.reborn-public.reborn-menu-open .reborn-sidebar-scrim{display:block;position:fixed;inset:0;background:#03040bbf;z-index:100}.reborn-mobile-menu{display:flex}.reborn-public .sx-footer{margin-left:0}.reborn-public .reborn-routebar{padding:10px 20px}}
@media(max-width:680px){.reborn-public .sx-public-main .sx-container,.reborn-public.route-home .sx-hero,.reborn-public.route-home .sx-home-portal-container{width:calc(100% - 26px)!important}.reborn-public.route-home .sx-hero .sx-container{width:100%!important;padding:24px 17px!important}.reborn-public.route-home .sx-hero-layout{display:flex!important;flex-direction:column!important;gap:25px!important}.reborn-public.route-home .sx-hero h1{font-size:clamp(32px,9vw,49px)!important}.reborn-public.route-home .sx-home-rightbar,.reborn-public.route-home .sx-home-leftbar{grid-template-columns:1fr!important}.reborn-public .reborn-routebar-right{gap:6px}.reborn-public .reborn-routebar-left{gap:9px}.reborn-route-name{display:none}.reborn-public.route-home .sx-proofbar>.sx-container{width:calc(100% - 26px)!important}.reborn-public .sx-footer .sx-container{width:calc(100% - 30px)!important}}
@media(prefers-reduced-motion:reduce){.reborn-public .reborn-rail{transition:none}}

/* V1.2: Slider ocupa o antigo hero, sem duplicação dentro do feed */
.reborn-public.route-home .reborn-home-slider-hero{position:relative;width:min(var(--rb-max-content,1440px),calc(100% - clamp(36px,6vw,96px)));margin:30px auto 28px;min-width:0}
.reborn-public.route-home .reborn-home-slider-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.reborn-public.route-home .reborn-home-slider-heading h1{margin:7px 0 0;font-size:clamp(23px,2.8vw,40px);line-height:1.1;font-weight:900;letter-spacing:-.045em;color:#f5edff}
.reborn-public.route-home .reborn-home-slider-heading h1 em{font-style:normal;color:#c995ff;text-shadow:0 0 26px #af6cff70}
.reborn-public.route-home .reborn-home-slider-actions{display:flex;gap:9px;flex-wrap:wrap}
.reborn-public.route-home .reborn-home-slider-actions a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 14px;font-size:11px;letter-spacing:.04em;font-weight:800;text-decoration:none;border-radius:9px;background:#231a38;border:1px solid #9a6dd7;color:#e6d1ff;transition:.2s}
.reborn-public.route-home .reborn-home-slider-actions a:first-child{background:linear-gradient(100deg,#6e36a7,#a263e3);color:white;box-shadow:0 0 19px #9959dd44}
.reborn-public.route-home .reborn-home-slider-actions a:hover{transform:translateY(-2px);box-shadow:0 0 24px #a46be37d}
.reborn-public.route-home .reborn-slider-feature{overflow:hidden;min-width:0;border-radius:18px!important;padding:0!important;border:1px solid #8b5db0a8!important;background:#090d19!important;box-shadow:0 18px 60px #030510a8,0 0 30px #9d55c92c!important}
.reborn-public.route-home .reborn-slider-feature .sx-promo-slider{width:100%;max-width:none;min-width:0;aspect-ratio:2.45/1;min-height:250px;height:auto!important}
.reborn-public.route-home .reborn-slider-feature .sx-promo-track,.reborn-public.route-home .reborn-slider-feature .sx-promo-slide,.reborn-public.route-home .reborn-slider-feature .sx-promo-banner,.reborn-public.route-home .reborn-slider-feature picture{width:100%;height:100%;display:block}
.reborn-public.route-home .reborn-slider-feature img{width:100%;height:100%;object-fit:cover;display:block}
.reborn-public.route-home .sx-home-portal-section{padding-top:0!important}
@media(max-width:800px){.reborn-public.route-home .reborn-home-slider-heading{align-items:start;flex-direction:column}.reborn-public.route-home .reborn-slider-feature .sx-promo-slider{aspect-ratio:1.8/1;min-height:210px}}
@media(max-width:680px){.reborn-public.route-home .reborn-home-slider-hero{width:calc(100% - 26px);margin:16px auto 24px}.reborn-public.route-home .reborn-home-slider-heading h1{font-size:27px}.reborn-public.route-home .reborn-home-slider-actions{width:100%}.reborn-public.route-home .reborn-home-slider-actions a{flex:1;font-size:10px}.reborn-public.route-home .reborn-slider-feature .sx-promo-slider{aspect-ratio:1.35/1;min-height:185px}}

/* Reborn V1.3 — cohesive post-slider home section */
.reborn-public.route-home .sx-home-portal-section{background:transparent!important;position:relative;isolation:isolate}
.reborn-public.route-home .sx-home-portal-grid{align-items:start!important;gap:20px!important}
.reborn-public.route-home .sx-home-centerbar{display:flex;flex-direction:column;gap:20px;min-width:0}
.reborn-public.route-home .reborn-content-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,2.5vw,34px)!important;background:linear-gradient(145deg,rgba(22,25,47,.96),rgba(12,18,35,.98))!important;border:1px solid #8b6cb257!important;border-radius:20px!important;box-shadow:0 15px 40px #05061170,inset 0 1px #d5bbff12!important}
.reborn-public.route-home .reborn-content-panel:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#a778e28a,#75ddff55,transparent);pointer-events:none}
.reborn-public.route-home .reborn-content-panel:after{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-150px;border-radius:50%;background:#9a66df18;filter:blur(55px);pointer-events:none;z-index:-1}
.reborn-public.route-home .sx-home-center-title{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:17px;border-bottom:1px solid #b392d021}
.reborn-public.route-home .sx-home-center-title .sx-kicker{font-size:10px;letter-spacing:.17em;font-weight:850;color:#b990f4!important}
.reborn-public.route-home .sx-home-center-title h3{font-size:clamp(21px,2.1vw,29px)!important;letter-spacing:-.035em;color:#f4efff!important;margin-top:7px}
.reborn-public.route-home .sx-home-center-title>a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #aa85d15b;border-radius:9px;background:#3e2c5d55;padding:10px 13px;color:#dfc3ff!important;text-decoration:none;font-size:11px;font-weight:750;transition:.2s}
.reborn-public.route-home .sx-home-center-title>a:hover{background:#63418d8a;border-color:#b889ff;box-shadow:0 0 22px #a673f13d;transform:translateY(-2px)}
.reborn-public.route-home .reborn-news-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;min-height:150px;border:1px dashed #a383ca45;border-radius:13px;background:radial-gradient(ellipse at center,#7c5eb11b,transparent 75%);color:#e2d8f2}
.reborn-public.route-home .reborn-news-empty>span{color:#bf9aff;font-size:30px;text-shadow:0 0 24px #b680ff}
.reborn-public.route-home .reborn-news-empty strong{font-size:14px}
.reborn-public.route-home .reborn-news-empty p{margin:0;color:#9894af;font-size:12px}
.reborn-public.route-home .sx-home-news-row{border-radius:12px!important;background:#121b30b5!important;border:1px solid #9270b543!important;padding:14px!important;margin-bottom:8px;transition:.2s}
.reborn-public.route-home .sx-home-news-row:hover{border-color:#b28bef!important;background:#201b3c!important;transform:translateX(3px)}
.reborn-public.route-home .sx-home-news-index{color:#bd9bff!important}
.reborn-public.route-home .sx-home-castle-card{background:radial-gradient(ellipse at 85% 15%,#7344aa21,transparent 65%),linear-gradient(145deg,#17182e,#0d1425)!important}
.reborn-public.route-home .sx-home-castle-card:before{background:linear-gradient(90deg,transparent,#d7b58d66,#c29af777,transparent)}
.reborn-public.route-home .sx-home-castle-grid{gap:12px!important}
.reborn-public.route-home .sx-home-castle-grid>div{background:linear-gradient(150deg,#1a1c35,#10192b)!important;border:1px solid #9b78bf5c!important;border-radius:13px!important;box-shadow:inset 0 1px #ffffff0b;min-width:0}
.reborn-public.route-home .sx-home-castle-grid small{color:#c7a0ff!important;letter-spacing:.12em;text-transform:uppercase}
.reborn-public.route-home .sx-home-castle-grid strong{color:#f6efff!important;font-weight:850}
.reborn-public.route-home .sx-home-castle-action a{color:#d3b1ff!important}
.reborn-public.route-home .sx-home-account-market-card{background:radial-gradient(ellipse at 90% 0,#6b39952a,transparent 60%),linear-gradient(145deg,#17182e,#0c1424)!important}
.reborn-public.route-home .am-home-market-head{gap:20px}
.reborn-public.route-home .am-home-market-head h2{font-size:clamp(25px,2.6vw,38px)!important;letter-spacing:-.035em;line-height:1.15;color:#f5f0ff!important}
.reborn-public.route-home .am-home-market-head h2 span{color:#cf9fff!important;text-shadow:0 0 25px #b37bf64d}
.reborn-public.route-home .am-home-market-head p{color:#a9a5bc!important}
.reborn-public.route-home .am-home-market-pills span{background:#3a29546b!important;color:#d8b5ff!important;border:1px solid #ae7ee46a!important}
.reborn-public.route-home .am-home-market-cta .sx-btn{white-space:normal;text-align:center}
.reborn-public.route-home .am-home-market-card{background:linear-gradient(155deg,#1c1c35,#0e1628)!important;border:1px solid #8d70b45c!important;border-radius:14px!important}
.reborn-public.route-home .am-home-market-card:hover{border-color:#b487ee!important;box-shadow:0 0 25px #9c6fdb35!important}
.reborn-public.route-home .sx-home-rightbar{display:flex;flex-direction:column;gap:18px;min-width:0}
.reborn-public.route-home .reborn-social-card{--social:#b38cff;--social-rgb:179,140,255;position:relative;isolation:isolate;overflow:hidden;min-height:230px;padding:25px!important;background:radial-gradient(ellipse at 100% 0,rgba(var(--social-rgb),.18),transparent 60%),linear-gradient(145deg,#1b1a35,#0e1525)!important;border:1px solid rgba(var(--social-rgb),.45)!important;border-radius:18px!important;box-shadow:0 14px 36px #04061170,inset 0 1px #ffffff12!important;transition:transform .2s,box-shadow .2s}
.reborn-public.route-home .reborn-social-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #04061180,0 0 25px rgba(var(--social-rgb),.16)!important}
.reborn-public.route-home .sx-social-whatsapp{--social:#73e2c6;--social-rgb:115,226,198}
.reborn-public.route-home .reborn-social-card:before{content:"";position:absolute;top:0;left:20px;right:20px;width:auto;height:1px;border-radius:0;filter:none;opacity:1;background:linear-gradient(90deg,transparent,rgba(var(--social-rgb),.75),transparent)}
.reborn-public.route-home .reborn-social-card .sx-social-access-icon{background:rgba(var(--social-rgb),.11)!important;border:1px solid rgba(var(--social-rgb),.6)!important;color:var(--social)!important;border-radius:12px!important;box-shadow:0 0 19px rgba(var(--social-rgb),.15)}
.reborn-public.route-home .reborn-social-card small{color:var(--social)!important}
.reborn-public.route-home .reborn-social-card h3{color:#f5efff!important;font-size:24px;letter-spacing:-.03em}
.reborn-public.route-home .reborn-social-card p{color:#b1adc2!important}
.reborn-public.route-home .reborn-social-card a,.reborn-public.route-home .reborn-social-card>span{background:rgba(var(--social-rgb),.09)!important;border:1px solid rgba(var(--social-rgb),.43)!important;color:var(--social)!important;border-radius:10px!important;min-height:44px;transition:.2s}
.reborn-public.route-home .reborn-social-card a:hover{background:rgba(var(--social-rgb),.2)!important;box-shadow:0 0 24px rgba(var(--social-rgb),.18)}
.reborn-public.route-home .sx-media-discord-card:after,.reborn-public.route-home .sx-media-castle-card .sx-home-center-title:before{opacity:.10!important;pointer-events:none!important}
@media(max-width:1120px){.reborn-public.route-home .sx-home-rightbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reborn-public.route-home .reborn-social-card{min-height:215px}}
@media(max-width:690px){.reborn-public.route-home .sx-home-rightbar{grid-template-columns:1fr}.reborn-public.route-home .sx-home-center-title{align-items:flex-start;flex-direction:column}.reborn-public.route-home .sx-home-center-title>a{align-self:flex-start}.reborn-public.route-home .reborn-content-panel{padding:19px!important}.reborn-public.route-home .sx-home-castle-grid{grid-template-columns:1fr!important}.reborn-public.route-home .am-home-market-head{flex-direction:column}.reborn-public.route-home .am-home-market-cta{width:100%}}

/* V1.4 - server dashboard directly below promotional slider */
.reborn-public.route-home .reborn-dashboard-section{position:relative;z-index:2;padding:32px clamp(16px,3vw,48px) 40px;max-width:1540px;margin:0 auto}
.reborn-public.route-home .reborn-dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 22px}
.reborn-public.route-home .reborn-dashboard-heading h2{font-size:clamp(23px,2.6vw,36px);font-weight:900;letter-spacing:-.04em;line-height:1.15;color:#f8f3ff;margin:9px 0 0}
.reborn-public.route-home .reborn-dashboard-heading h2 em{font-style:normal;color:#c99aff;text-shadow:0 0 24px #a56efc5b}
.reborn-public.route-home .reborn-dashboard-heading-note{font-size:10px;letter-spacing:.13em;color:#8e88a9;white-space:nowrap}
.reborn-public.route-home .reborn-dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch}
.reborn-public.route-home .reborn-dashboard-card{grid-column:span 2;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:210px;padding:24px!important;background:radial-gradient(ellipse at 90% 0%,#9064df19,transparent 55%),linear-gradient(150deg,#191a33,#0c1525)!important;border:1px solid #9b7abc63!important;border-radius:18px!important;box-shadow:0 12px 32px #05071065,inset 0 1px #d9c4ff12!important;transition:transform .22s,border-color .22s,box-shadow .22s}
.reborn-public.route-home .reborn-dashboard-card:nth-child(n+4){grid-column:span 3;min-height:200px}
.reborn-public.route-home .reborn-dashboard-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,#b384e6a6,transparent);pointer-events:none}
.reborn-public.route-home .reborn-dashboard-card:after{content:"";position:absolute;right:-85px;top:-90px;width:200px;height:200px;border-radius:50%;background:#aa76ed18;filter:blur(45px);pointer-events:none;z-index:-1}
.reborn-public.route-home .reborn-dashboard-card:hover{transform:translateY(-4px);border-color:#b78ce9a8!important;box-shadow:0 18px 44px #05071085,0 0 22px #a16cda20!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head>span{font-size:10px;letter-spacing:.15em;font-weight:850;color:#caa4ff!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head small,.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head a{font-size:10px;color:#aba0c4!important;text-decoration:none}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head a:hover{color:#e2c7ff!important}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status{background:radial-gradient(ellipse at 95% 10%,#3eaf9d25,transparent 60%),linear-gradient(150deg,#122b31,#0b1726)!important;border-color:#5dddc34d!important}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status:before{background:linear-gradient(90deg,transparent,#5bdcc6a1,transparent)}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status .sx-home-widget-head>span{color:#7ce9d3!important}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status strong{font-size:clamp(18px,1.9vw,25px);color:#f5ffff!important;letter-spacing:-.035em;text-shadow:0 0 20px #72ead238}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status .is-online{background:#5affbb!important;box-shadow:0 0 15px #5affbb!important}
.reborn-public.route-home .reborn-dashboard-card p{color:#a9a5bd!important;line-height:1.6}
.reborn-public.route-home .reborn-dashboard-card .sx-home-rate-list>div{border-color:#a28bc026!important;padding:9px 0!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-rate-list b{color:#e6d3ff!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-event-list a{border:1px solid #9478b048!important;background:#151d33a8!important;border-radius:9px;padding:10px!important;margin-bottom:6px}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-empty{border:1px dashed #9379b454!important;border-radius:10px;background:#1d1b3338;padding:16px;color:#a8a1b9!important}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-poll h3{font-size:clamp(17px,1.6vw,21px);line-height:1.3;color:#f7edff!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-button{background:#45305d6b!important;border:1px solid #ab83d55c!important;border-radius:10px!important;color:#d8b9f8!important;padding:11px!important}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-button:not(.is-disabled):hover{background:#644487b3!important;box-shadow:0 0 18px #a879e83b}
.reborn-public.route-home .reborn-dashboard-card .sx-home-team-list>div{border-bottom:1px solid #9b79b72f;padding:9px 0}
/* The old three-column portal now uses the full available width for news, siege and market. */
.reborn-public.route-home .sx-home-portal-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,290px)!important;gap:20px!important;align-items:start}
.reborn-public.route-home .sx-home-centerbar{grid-column:1;min-width:0}
.reborn-public.route-home .sx-home-rightbar{grid-column:2;min-width:0}
@media(max-width:1150px){.reborn-public.route-home .sx-home-portal-grid{grid-template-columns:minmax(0,1fr)!important}.reborn-public.route-home .sx-home-rightbar{grid-column:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.reborn-public.route-home .reborn-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reborn-public.route-home .reborn-dashboard-card,.reborn-public.route-home .reborn-dashboard-card:nth-child(n+4){grid-column:span 1}.reborn-public.route-home .reborn-dashboard-card:last-child{grid-column:span 2}}
@media(max-width:640px){.reborn-public.route-home .reborn-dashboard-section{padding:24px 16px 32px}.reborn-public.route-home .reborn-dashboard-heading{align-items:flex-start;flex-direction:column}.reborn-public.route-home .reborn-dashboard-heading-note{white-space:normal}.reborn-public.route-home .reborn-dashboard-grid{grid-template-columns:1fr}.reborn-public.route-home .reborn-dashboard-card,.reborn-public.route-home .reborn-dashboard-card:nth-child(n+4),.reborn-public.route-home .reborn-dashboard-card:last-child{grid-column:1;min-height:170px}.reborn-public.route-home .sx-home-rightbar{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.reborn-public.route-home .reborn-dashboard-card{transition:none!important}}

/* V1.5 — ONE unified home module, no nested page containers or external framing */
.reborn-public.route-home .reborn-home-unified{width:100%;max-width:1540px!important;margin:0 auto!important;padding:24px clamp(16px,2.6vw,42px) 70px!important;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;position:relative;isolation:isolate}
.reborn-public.route-home .reborn-home-unified::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 4%,#7450aa17,transparent 55%);z-index:-1}
.reborn-public.route-home .reborn-home-slider-hero,.reborn-public.route-home .reborn-dashboard-section,.reborn-public.route-home .sx-home-portal-section{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.reborn-public.route-home .reborn-home-slider-hero::before,.reborn-public.route-home .reborn-dashboard-section::before,.reborn-public.route-home .sx-home-portal-section::before{display:none!important}
.reborn-public.route-home .sx-home-portal-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.reborn-public.route-home .sx-home-portal-grid{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;gap:20px!important;align-items:start!important}
.reborn-public.route-home .sx-home-centerbar{min-width:0;width:100%;margin:0!important;padding:0!important}
.reborn-public.route-home .sx-home-rightbar{min-width:0;width:100%;margin:0!important;padding:0!important}
.reborn-public.route-home .reborn-dashboard-grid{width:100%!important;max-width:none!important}
.reborn-public.route-home .reborn-home-slider-heading{max-width:none!important}
.reborn-public.route-home .sx-home-promo-card.reborn-slider-feature{width:100%!important;max-width:none!important}
.reborn-public.route-home .sx-final-cta{margin-top:0!important}
@media(max-width:1150px){.reborn-public.route-home .sx-home-portal-grid{grid-template-columns:minmax(0,1fr)!important}.reborn-public.route-home .sx-home-rightbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.reborn-public.route-home .reborn-home-unified{gap:24px!important;padding:18px 14px 45px!important}.reborn-public.route-home .sx-home-rightbar{grid-template-columns:1fr!important}}

/* V1.6: integrated CTA and footer within app shell; no detached horizontal bands */
.reborn-public .reborn-page-grid{grid-template-columns:254px minmax(0,1fr)!important;align-items:stretch!important;background:linear-gradient(90deg,#0d1120 0 254px,transparent 254px)!important}
.reborn-public .reborn-rail{align-self:stretch!important;position:relative!important;top:auto!important;height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;z-index:30;background:linear-gradient(180deg,#101426,#0a0e1c)!important}
.reborn-public .reborn-rail-foot{margin-top:36px!important}
.reborn-public .reborn-main{min-width:0!important;width:100%!important;overflow:clip!important}
.reborn-public .sx-footer{margin-left:0!important;width:100%!important;box-sizing:border-box!important;border-top:1px solid #7754a34a!important;background:linear-gradient(155deg,#101528,#0a101d)!important}
.reborn-public .sx-footer .sx-container{width:min(100% - 48px,1250px)!important;margin-inline:auto!important}
.reborn-public.route-home .reborn-home-unified{gap:30px!important}
.reborn-public.route-home .sx-final-cta.reborn-join-panel{position:relative;isolation:isolate;overflow:hidden;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid #a77dd977!important;border-radius:20px!important;background:radial-gradient(ellipse at 84% 0,#7c4fbd35,transparent 55%),linear-gradient(125deg,#191b37,#11182c 65%,#102334)!important;box-shadow:0 16px 45px #04071383,0 0 32px #925bd320!important}
.reborn-public.route-home .sx-final-cta.reborn-join-panel:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#d0a1ff,#6edfff,transparent);pointer-events:none}
.reborn-public.route-home .sx-final-cta.reborn-join-panel:after{content:"";position:absolute;right:-100px;top:-150px;width:330px;height:330px;background:#9664e229;filter:blur(70px);border-radius:50%;pointer-events:none;z-index:-1}
.reborn-public.route-home .sx-final-cta.reborn-join-panel>.sx-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:35px!important;width:100%!important;max-width:none!important;margin:0!important;padding:clamp(26px,3vw,43px)!important;background:transparent!important;box-sizing:border-box!important}
.reborn-public.route-home .reborn-join-panel .sx-kicker{color:#c69af8!important;letter-spacing:.15em!important;font-size:11px!important}
.reborn-public.route-home .reborn-join-panel h2{font-size:clamp(24px,2.6vw,36px)!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#f4eeff!important;max-width:690px!important}
.reborn-public.route-home .reborn-join-panel p{color:#b9b0ca!important;max-width:650px!important}
.reborn-public.route-home .reborn-join-panel .sx-btn-light{background:#1d203a!important;border:1px solid #a17bc48c!important;color:#eadbff!important;box-shadow:none!important}
.reborn-public.route-home .reborn-join-panel .sx-btn-light:hover{background:#3a2a57!important;box-shadow:0 0 20px #9662d13b!important}
@media(max-width:1100px) and (min-width:901px){.reborn-public .reborn-page-grid{grid-template-columns:220px minmax(0,1fr)!important;background:linear-gradient(90deg,#0d1120 0 220px,transparent 220px)!important}}
@media(max-width:900px){.reborn-public .reborn-page-grid{display:block!important;background:transparent!important}.reborn-public .reborn-rail{position:fixed!important;top:0!important;bottom:0!important;left:0!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}.reborn-public .sx-footer{margin-left:0!important}.reborn-public.route-home .sx-final-cta.reborn-join-panel>.sx-container{flex-direction:column!important;align-items:flex-start!important;gap:22px!important}}
@media(max-width:580px){.reborn-public.route-home .sx-final-cta.reborn-join-panel>.sx-container{padding:24px 19px!important}.reborn-public.route-home .reborn-join-panel .sx-btn{font-size:12px!important}.reborn-public .sx-footer .sx-container{width:calc(100% - 28px)!important}}

/* V1.7 — footer redesign, no duplicate registration CTA */
.reborn-public .reborn-footer{position:relative!important;isolation:isolate;overflow:hidden;margin-top:12px!important;padding:36px clamp(20px,3vw,50px) 22px!important;border-top:1px solid #9970c45e!important;background:radial-gradient(ellipse at 20% 0%,#6540a32b,transparent 48%),radial-gradient(ellipse at 95% 85%,#16688c20,transparent 43%),linear-gradient(165deg,#111427,#090f1d 75%)!important;box-shadow:inset 0 1px #ffffff0b}
.reborn-public .reborn-footer-glow{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 15%,#9e74d808 36%,transparent 53%,#60d6ef08 80%,transparent 95%)}
.reborn-public .reborn-footer-heading{max-width:1250px;margin:0 auto 32px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #b58be32b}
.reborn-public .reborn-footer-eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:#cda4ff;text-shadow:0 0 20px #ad75ee66}
.reborn-public .reborn-footer-season{font-size:10px;letter-spacing:.14em;font-weight:750;color:#9eacc8}.reborn-public .reborn-footer-season span{color:#ba8ff0;margin:0 8px}
.reborn-public .reborn-footer .sx-footer-grid{display:grid!important;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(110px,1fr))!important;align-items:start!important;gap:clamp(18px,2.6vw,46px)!important;width:100%!important;max-width:1250px!important;padding:0!important;margin:0 auto!important;background:none!important}
.reborn-public .reborn-footer .sx-footer-brand{max-width:340px}.reborn-public .reborn-footer .sx-footer-brand .sx-brand{display:inline-flex;align-items:center;max-width:205px;min-height:65px;padding:6px 0;margin-bottom:15px}.reborn-public .reborn-footer .sx-footer-brand .sx-footer-media-logo{max-height:68px;max-width:190px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 14px #a979ff2d)}
.reborn-public .reborn-footer .sx-footer-brand p{font-size:12px!important;line-height:1.8!important;color:#a6a5bd!important;max-width:320px!important;margin:0 0 16px!important}
.reborn-public .reborn-footer .reborn-footer-tag{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;letter-spacing:.11em!important;color:#98e9e5!important;padding:8px 11px!important;border:1px solid #6ddcd74f!important;border-radius:8px!important;background:#2e9d9d0d!important}.reborn-public .reborn-footer .reborn-footer-tag i{width:6px;height:6px;border-radius:50%;background:#6ee7e1;box-shadow:0 0 12px #6ee7e1}
.reborn-public .reborn-footer .reborn-footer-links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:13px!important;min-width:0}.reborn-public .reborn-footer .reborn-footer-links strong{display:block!important;margin:0 0 8px!important;padding-bottom:13px!important;width:100%!important;border-bottom:1px solid #a888c93a!important;color:#eadbff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important}.reborn-public .reborn-footer .reborn-footer-links a{display:inline-flex!important;align-items:center!important;min-height:21px!important;margin:0!important;padding:0!important;color:#a6a6bf!important;font-size:12px!important;line-height:1.4!important;text-decoration:none!important;transition:color .2s,transform .2s}.reborn-public .reborn-footer .reborn-footer-links a:hover{color:#d8b4ff!important;transform:translateX(4px)!important}
.reborn-public .reborn-footer .sx-footer-bottom{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;max-width:1250px!important;width:100%!important;margin:38px auto 0!important;padding:19px 0 0!important;border-top:1px solid #997bb333!important;color:#898aa7!important;font-size:10px!important;letter-spacing:.015em}.reborn-public .reborn-footer .sx-footer-bottom span:nth-child(2){color:#c5a7e6!important}
@media(max-width:1180px){.reborn-public .reborn-footer .sx-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.reborn-public .reborn-footer .sx-footer-brand{grid-column:1/-1;max-width:100%}.reborn-public .reborn-footer .sx-footer-brand p{max-width:600px!important}}
@media(max-width:650px){.reborn-public .reborn-footer{padding:28px 20px 24px!important}.reborn-public .reborn-footer-heading{align-items:flex-start;flex-direction:column;gap:8px}.reborn-public .reborn-footer .sx-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 18px!important}.reborn-public .reborn-footer .sx-footer-brand{grid-column:1/-1}.reborn-public .reborn-footer .sx-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:9px!important;margin-top:28px!important}}
@media(max-width:360px){.reborn-public .reborn-footer .sx-footer-grid{grid-template-columns:1fr!important}}

/* DarknessMU Reborn V1.8 — cinematic art, animated light beams, sophisticated card system */
.reborn-public{--rb-v18-violet:#b883ff;--rb-v18-blue:#68dfff;--rb-v18-gold:#f7bf78}
.reborn-public .reborn-v18-home{isolation:isolate;position:relative;overflow:hidden}
.reborn-public .reborn-v18-home>section{position:relative;z-index:2}
.reborn-public .reborn-light-rays{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 3%,#000 70%,transparent)}
.reborn-public .reborn-light-rays span{position:absolute;top:-360px;left:-24%;width:170px;height:1800px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#b077ff05 20%,#c18cff24 48%,#8b6cff07 80%,transparent);filter:blur(20px);animation:reborn-ray-move 17s ease-in-out infinite alternate}
.reborn-public .reborn-light-rays span:nth-child(2){left:28%;animation-delay:-7s;background:linear-gradient(90deg,transparent,#64cfff05 20%,#64dfff23 48%,#64dfff06 80%,transparent);animation-duration:22s}
.reborn-public .reborn-light-rays span:nth-child(3){left:77%;animation-delay:-12s;animation-duration:26s}
@keyframes reborn-ray-move{0%{translate:-140px -130px;opacity:.3}55%{opacity:.95}100%{translate:240px 220px;opacity:.35}}
.reborn-public.route-home .reborn-home-slider-hero{isolation:isolate}
.reborn-public.route-home .reborn-hero-art{position:absolute;right:-7%;top:-80px;width:min(43%,480px);height:370px;pointer-events:none;z-index:-1;opacity:.26;background:url('/assets/images/ref180/castle-scene.webp') center 35%/cover no-repeat;filter:drop-shadow(0 0 42px #a26aff);mask-image:linear-gradient(to right,transparent,#000 30%,#000 70%,transparent)}
.reborn-public.route-home .reborn-home-slider-heading{position:relative;z-index:2;padding:12px 0 20px}
.reborn-public.route-home .reborn-home-slider-heading h1{font-weight:900!important;letter-spacing:-.05em!important;text-shadow:0 0 32px #b66bff3c}
.reborn-public.route-home .reborn-home-slider-heading h1 em{background:linear-gradient(100deg,#d5a9ff,#b887ff,#81e4ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #a769e855)}
.reborn-public.route-home .sx-home-promo-card.reborn-slider-feature{position:relative;overflow:hidden;border:1px solid #9b6ed0a8!important;border-radius:22px!important;box-shadow:0 0 0 1px #d3a9ff1b,0 0 50px #8d5bd13b,0 24px 55px #030612a6!important}
.reborn-public.route-home .sx-home-promo-card.reborn-slider-feature:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 30px #bd87ff20}
.reborn-public.route-home .reborn-dashboard-section{isolation:isolate}
.reborn-public.route-home .reborn-dashboard-art{position:absolute;right:-20px;top:-90px;width:270px;height:300px;z-index:-1;opacity:.25;pointer-events:none;background:url('/assets/images/ref180/castle-scene.webp') center/cover no-repeat;mask-image:radial-gradient(ellipse,#000 8%,transparent 72%);filter:saturate(1.25)}
.reborn-public.route-home .reborn-dashboard-heading h2{font-weight:900;letter-spacing:-.04em;text-shadow:0 0 32px #a06de950}
.reborn-public.route-home .reborn-dashboard-heading h2 em{color:#cba0ff;text-shadow:0 0 25px #a46bff70}
.reborn-public.route-home .reborn-dashboard-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #8963bc7b!important;border-radius:20px!important;background:radial-gradient(ellipse at 92% 5%,#9462c02b,transparent 53%),linear-gradient(150deg,#1b1a37ed,#0c1529f2)!important;box-shadow:0 15px 32px #04071178,inset 0 1px #ffffff17,0 0 20px #955fd112!important;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.reborn-public.route-home .reborn-dashboard-card:hover{transform:translateY(-5px);border-color:#c093ff!important;box-shadow:0 18px 42px #040711a0,0 0 33px #a66cff44,inset 0 1px #ffffff25!important}
.reborn-public.route-home .reborn-dashboard-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.8;background:linear-gradient(116deg,transparent 35%,#c29bff0d 49%,transparent 61%);background-size:220% 100%;animation:reborn-card-shimmer 11s linear infinite}
.reborn-public.route-home .reborn-dashboard-card:after{content:attr(data-rb-symbol);position:absolute;right:17px;bottom:4px;font-size:88px;font-weight:900;color:#b98aff0d;line-height:1;pointer-events:none;z-index:-1;text-shadow:0 0 35px #b48aff22}
@keyframes reborn-card-shimmer{0%{background-position:220% 0}100%{background-position:-220% 0}}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status{border-color:#3ad9d28c!important;background:radial-gradient(ellipse at 95% 0%,#38cfc627,transparent 52%),linear-gradient(150deg,#102a34,#10182b)!important;box-shadow:0 0 28px #26c6c31b,inset 0 1px #e0ffff16!important}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status:after{color:#70eaff11}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head>span{color:#cba5ff!important;font-weight:850;letter-spacing:.14em}
.reborn-public.route-home .reborn-dashboard-card.sx-home-widget-status .sx-home-widget-head>span{color:#76eee8!important}
.reborn-public.route-home .reborn-dashboard-card strong{color:#f6f0ff!important;text-shadow:0 0 17px #c4a2ff21}
.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head i.is-online{box-shadow:0 0 16px #20efad,0 0 30px #20efad66;animation:reborn-pulse 2.8s ease-in-out infinite}
@keyframes reborn-pulse{50%{box-shadow:0 0 24px #20efad,0 0 43px #20efad88}}
.reborn-public.route-home .reborn-content-panel{transition:border-color .25s,box-shadow .25s;position:relative;isolation:isolate}
.reborn-public.route-home .reborn-content-panel:hover{border-color:#ab83dd99!important;box-shadow:0 16px 42px #05061190,0 0 29px #9864d522!important}
.reborn-public.route-home .sx-home-castle-card{background:radial-gradient(ellipse at 100% 20%,#bd7a4820,transparent 58%),linear-gradient(145deg,#17182e,#0d1425)!important}
.reborn-public.route-home .sx-home-castle-card:after{content:"";position:absolute;right:0;bottom:0;width:42%;height:100%;background:url('/assets/images/ref180/castle-scene.webp') center/cover no-repeat;opacity:.09;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.reborn-public.route-home .sx-home-account-market-card:after{content:"";position:absolute;right:0;top:0;width:40%;height:65%;background:url('/assets/images/ref180/shop-hero.webp') center/cover no-repeat;opacity:.075;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.reborn-public.route-home .reborn-social-card{box-shadow:0 18px 40px #0506117e,0 0 22px rgba(var(--social-rgb),.12)!important}
.reborn-public.route-home .reborn-social-card:after{content:"";position:absolute;right:-28px;top:-25px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(var(--social-rgb),.16),transparent 68%);pointer-events:none}
.reborn-public .reborn-rail{background:linear-gradient(180deg,#15142bf8,#0a1022f8)!important;border-right:1px solid #9367ce66!important;box-shadow:inset -10px 0 35px #7443a113}
.reborn-public .reborn-rail-nav a{position:relative;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.reborn-public .reborn-rail-nav a:hover{transform:translateX(3px);box-shadow:inset 3px 0 #bd8dff,0 0 25px #9e63ee30}
.reborn-public .reborn-rail-nav a.active{box-shadow:inset 3px 0 #cf9aff,0 0 24px #ac73ff3d!important}
.reborn-public .reborn-rail-brand>span{box-shadow:0 0 30px #a463ed85,inset 0 0 15px #a463ed25}
@media(max-width:800px){.reborn-public.route-home .reborn-hero-art{width:75%;opacity:.14}.reborn-public.route-home .reborn-dashboard-art{opacity:.1}}
@media(prefers-reduced-motion:reduce){.reborn-public .reborn-light-rays span,.reborn-public.route-home .reborn-dashboard-card:before,.reborn-public.route-home .reborn-dashboard-card .sx-home-widget-head i.is-online{animation:none!important}.reborn-public.route-home .reborn-dashboard-card{transition:none}}


/* SOURCE: reborn-v2.css */
/* DarknessMU Reborn V2 — actual layout/art-direction overhaul. Independent override layer. */
.reborn-public{--v2-void:#070912;--v2-panel:#101626;--v2-border:#38415f;--v2-purple:#b88aff;--v2-blue:#76e4f9;--v2-gold:#e6bb83}
.reborn-public .reborn-page-grid{grid-template-columns:248px minmax(0,1fr);max-width:none;background:radial-gradient(ellipse at 80% 0,#30244b3b,transparent 55%),#070a13}
.reborn-public .reborn-rail{position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto;background:linear-gradient(180deg,#101323,#090e1a)!important;border-right:1px solid #5b4a8173!important;scrollbar-width:thin;scrollbar-color:#63488a transparent}
.reborn-public .reborn-rail-brand{padding:18px 12px 25px;border-bottom:1px solid #48406077}
.reborn-public .reborn-rail-nav{gap:5px}.reborn-public .reborn-rail-nav a{min-height:42px;border-radius:8px;padding:11px 14px;font-size:12px;letter-spacing:.015em}
.reborn-public .reborn-rail-nav a:hover,.reborn-public .reborn-rail-nav a.active{background:linear-gradient(90deg,#6e3eb27c,#191b3273)!important;border-color:#9467d56b!important;color:#fff!important}
.reborn-public .reborn-routebar{padding:13px clamp(24px,3vw,56px);background:#0c1120c9;border-bottom:1px solid #453c6573}
.reborn-public .reborn-v2-home{max-width:1490px!important;gap:42px!important;padding:34px clamp(18px,3.5vw,60px) 76px!important}
.reborn-public .reborn-v2-home .reborn-home-slider-hero{display:flex;flex-direction:column;gap:20px}
.reborn-public .reborn-v2-home .reborn-home-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:230px;padding:25px 30px 26px 36px!important;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #5f518a85;background:linear-gradient(100deg,#111729 0%,#16152e 48%,#131a2b 100%)}
.reborn-public .reborn-v2-home .reborn-home-slider-heading:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d1223 3%,#0d1223d8 42%,#0e112052 76%),url('/assets/images/ref180/castle-scene.webp') right 30%/55% auto no-repeat;opacity:.9}
.reborn-public .reborn-v2-home .reborn-home-slider-heading:after{content:"";position:absolute;right:-100px;top:-180px;width:560px;height:520px;pointer-events:none;z-index:-1;border:1px solid #a780ff33;border-radius:50%;box-shadow:0 0 0 65px #7c62c30a,0 0 0 130px #a77cff07}
.reborn-public .reborn-v2-home .reborn-hero-copy{max-width:720px;position:relative;z-index:2}
.reborn-public .reborn-v2-home .reborn-hero-copy .reborn-eyebrow{color:#b6a3ce;letter-spacing:.24em;font-size:10px}
.reborn-public .reborn-v2-home .reborn-v2-slash{color:#7be6fa}
.reborn-public .reborn-v2-home .reborn-hero-copy h1{font-size:clamp(35px,4.2vw,64px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.07em!important;margin:13px 0!important;color:#fff!important;text-shadow:0 6px 30px #05040c!important}
.reborn-public .reborn-v2-home .reborn-hero-copy h1 em{font-style:normal;background:linear-gradient(105deg,#e2c5ff,#b786ff 60%,#80d9f7);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.reborn-public .reborn-v2-home .reborn-hero-copy p{color:#b8b7c9;max-width:560px;font-size:13px;line-height:1.65}
.reborn-public .reborn-v2-home .reborn-v2-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.reborn-public .reborn-v2-home .reborn-v2-hero-tags span{border:1px solid #6e5c9777;background:#1c1b3288;color:#c9b6ed;font-size:9px;letter-spacing:.12em;padding:8px 11px;border-radius:5px}
.reborn-public .reborn-v2-home .reborn-home-slider-actions{position:relative;z-index:3;align-self:end;display:flex;flex-direction:column;min-width:152px;gap:10px}
.reborn-public .reborn-v2-home .reborn-home-slider-actions a{border-radius:7px!important;text-align:center;font-size:11px!important;padding:12px 14px!important}
.reborn-public .reborn-v2-home .reborn-slider-feature{border-radius:15px!important;border:1px solid #6c5d91a3!important;box-shadow:0 20px 65px #02030a8c,0 0 0 4px #1b173244!important;position:relative;overflow:hidden}
.reborn-public .reborn-v2-home .reborn-v2-slide-chrome{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;padding:12px 18px;background:linear-gradient(180deg,#090d1cc9,transparent);font-size:9px;letter-spacing:.18em;color:#ded0f8}
.reborn-public .reborn-v2-home .reborn-dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #5a4c7659}
.reborn-public .reborn-v2-home .reborn-dashboard-heading h2{font-size:clamp(25px,3vw,39px)!important;letter-spacing:-.055em!important;margin:7px 0 0}
.reborn-public .reborn-v2-home .reborn-v2-section-lead{color:#9da5bd;font-size:12px;margin:9px 0 0}
.reborn-public .reborn-v2-home .reborn-dashboard-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card{grid-column:span 2;min-height:205px;padding:23px!important}
.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card:nth-child(4),.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card:nth-child(5){grid-column:span 3;min-height:185px}
.reborn-public .reborn-v2-home .reborn-dashboard-card{border-radius:12px!important;border:1px solid #4f5076a8!important;background:linear-gradient(150deg,#171d32,#0e1526)!important;box-shadow:inset 0 1px #ffffff13,0 12px 28px #02061170!important}
.reborn-public .reborn-v2-home .reborn-dashboard-card:hover{transform:translateY(-4px);border-color:#a68ce1!important;box-shadow:0 18px 38px #02061188,0 0 25px #885acb30!important}
.reborn-public .reborn-v2-home .reborn-dashboard-card:before{content:"";position:absolute;left:0;top:0;right:auto;bottom:auto;width:70px;height:2px;background:linear-gradient(90deg,#b389ff,transparent);animation:none}
.reborn-public .reborn-v2-home .reborn-dashboard-card:after{font-size:100px;right:8px;bottom:4px;color:#bb98ef0b}
.reborn-public .reborn-v2-home .reborn-dashboard-card.sx-home-widget-status{background:linear-gradient(145deg,#102d36,#111b2e)!important;border-color:#4eacb6a3!important}
.reborn-public .reborn-v2-home .reborn-dashboard-card.sx-home-widget-status:before{background:linear-gradient(90deg,#68e3d8,transparent)}
.reborn-public .reborn-v2-home .reborn-v2-card-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9878c288;background:linear-gradient(140deg,#35244e,#1a2338);border-radius:9px;color:#d2b0ff;font-size:23px;margin-bottom:16px;box-shadow:0 0 22px #b77bff19}
.reborn-public .reborn-v2-home .sx-home-widget-status .reborn-v2-card-icon{color:#78f4e3;border-color:#4cbfba8c;background:#17373f}
.reborn-public .reborn-v2-home .reborn-content-panel{border-radius:13px!important;border:1px solid #4b506e9e!important;background:linear-gradient(135deg,#171b30,#0e1424)!important;box-shadow:0 14px 30px #02040b61!important}
.reborn-public .reborn-v2-home .reborn-content-panel:before{left:0;right:auto;width:95px;height:2px;background:linear-gradient(90deg,#b48cff,transparent)}
.reborn-public .reborn-v2-home .sx-home-center-title{border-bottom:1px solid #4b486966}
.reborn-public .reborn-v2-home .sx-home-center-title h3{font-size:clamp(22px,2vw,28px)!important}
.reborn-public .reborn-v2-home .reborn-social-card{border-radius:12px!important;min-height:205px;background:linear-gradient(145deg,#1c1d35,#0d1425)!important}
.reborn-public .reborn-v2-home .reborn-social-card .sx-social-access-icon{width:49px;height:49px}
.reborn-public .reborn-v2-home .reborn-news-empty{min-height:145px;border-radius:9px}
.reborn-public .reborn-v2-home .sx-home-castle-grid>div{border-radius:9px!important}
.reborn-public .reborn-v2-home .reborn-light-rays span{opacity:.5;filter:blur(38px);animation-duration:28s}
.reborn-public .reborn-v2-home .reborn-hero-art{display:none}
@media(max-width:1180px){.reborn-public .reborn-v2-home .reborn-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card,.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card:nth-child(4),.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card:nth-child(5){grid-column:span 1}}
@media(max-width:980px){.reborn-public .reborn-page-grid{display:block}.reborn-public .reborn-rail{position:fixed;z-index:150;height:100dvh}.reborn-public .reborn-v2-home .reborn-home-slider-heading{min-height:210px}}
@media(max-width:650px){.reborn-public .reborn-v2-home{padding:16px 14px 50px!important;gap:26px!important}.reborn-public .reborn-v2-home .reborn-home-slider-heading{padding:23px 20px!important;align-items:flex-start;flex-direction:column;min-height:0}.reborn-public .reborn-v2-home .reborn-home-slider-actions{flex-direction:row;align-self:stretch;min-width:0;flex-wrap:wrap}.reborn-public .reborn-v2-home .reborn-home-slider-actions a{flex:1}.reborn-public .reborn-v2-home .reborn-dashboard-grid{grid-template-columns:1fr!important}.reborn-public .reborn-v2-home .reborn-dashboard-heading{align-items:flex-start;flex-direction:column}.reborn-public .reborn-v2-home .reborn-dashboard-grid>.reborn-dashboard-card{min-height:165px}.reborn-public .reborn-v2-home .reborn-home-slider-heading:before{background:linear-gradient(90deg,#0d1223e8,#0d1223b8),url('/assets/images/ref180/castle-scene.webp') center/cover}}
@media(prefers-reduced-motion:reduce){.reborn-public .reborn-v2-home .reborn-light-rays span{animation:none!important}}

/* V2.1 — Hero clean: no Castle Siege image at any breakpoint */
.reborn-public .reborn-v2-home .reborn-home-slider-heading:before{background:linear-gradient(115deg,#0e1426 0%,#19152e 53%,#101d30 100%)!important;opacity:1!important}
.reborn-public .reborn-v2-home .reborn-home-slider-heading:after{opacity:.42}
@media(max-width:650px){.reborn-public .reborn-v2-home .reborn-home-slider-heading:before{background:linear-gradient(115deg,#0e1426,#19152e 53%,#101d30)!important}}