/* Final cascade: intentionally supersedes the legacy theme layers. */
:root:not([data-theme="light"]){--bg:#041322;--bg2:#061a2e;--s1:#082039;--s2:#0c2b48;--card:#082039;--ink:#f1f6ff;--mute:#9bb1ca;--line:#214361;--line2:#365a7c;--ind:#27c8f4;--mint:#25c5f4;--action:#0878ff;--action-hover:#168aff;--action-line:#299eff;--panel-shadow:0 8px 22px #00000020;--surface-tint:#0a2944;--header-control:#082039;--header-divider:#214361}
:root[data-theme="light"]{--bg:#f1f6fe;--bg2:#fff;--s1:#fff;--s2:#eef5ff;--card:#fff;--ink:#0c1d38;--mute:#5b718c;--line:#cddff5;--line2:#b2cbea;--ind:#066bf4;--mint:#0876ff;--action:#0875ff;--action-hover:#0068e8;--action-line:#168aff;--panel-shadow:0 5px 17px #1f56900c;--surface-tint:#eff6ff;--header-control:#fff;--header-divider:#d5e2f2}
:root:not([data-theme="light"]) body,:root[data-theme="light"] body{background:radial-gradient(ellipse at 45% 0%,#087dff0b,transparent 60%),var(--bg)!important}
:root .in>header{background:transparent!important;color:var(--ink);height:54px;min-height:54px;gap:9px}
:root .in main{max-width:1800px;padding-right:22px}
:root .in section#app{grid-template-columns:188px minmax(0,1fr) 304px;gap:22px}
:root .in>header{margin-left:188px}
:root .in #side{margin-top:-54px;min-height:100vh;padding-inline:12px;background:linear-gradient(170deg,#052a70,#041b41 60%,#031529)!important;border-right:1px solid #174572;border-radius:0}
:root[data-theme="light"] .in #side{background:linear-gradient(160deg,#063780,#05255e 65%,#06214b)!important}
:root .in #center,:root .in #right{padding-top:8px}
:root .in #side .sidebar-brand{height:126px}
:root .brand-orbit{width:102px;height:102px;background:radial-gradient(circle,#14118870,#00134522);border:0;box-shadow:none}
:root .brand-orbit:before,:root .brand-orbit:after{display:none}
:root .brand-orbit img{width:94px;height:auto;z-index:3;filter:none;transform:translateY(1px)}
.orbit{position:absolute;inset:0;border:1px solid #7f8bdf6b;border-radius:50%;animation:meath-orbit 34s linear infinite}
.orbit-2{inset:8px;animation-duration:29s;animation-direction:reverse;border-color:#468edd77}.orbit-3{inset:17px;animation-duration:24s;border-color:#6e69d477}.orbit-4{inset:26px;animation-duration:19s;animation-direction:reverse;border-color:#738cce66}.orbit-5{inset:35px;animation-duration:15s;border-color:#49a4d577}
.orbit>i{position:absolute;left:50%;top:-2px;width:4px;height:4px;border-radius:50%;background:#7c9fff;box-shadow:0 0 5px #8b77ff88}.orbit-2>i{background:#43d4ff}.orbit-3>i{background:#9370ff}.orbit-4>i{background:#a8b9ff}.orbit-5>i{background:#4bcfff}
@keyframes meath-orbit{to{transform:rotate(360deg)}}
:root .in .tabs button{color:#e2edff!important;min-height:43px;font:550 13px/1.2 Inter,system-ui,sans-serif!important;padding:10px 13px;gap:12px;border-radius:10px}
:root .in .tabs button.on,:root:not([data-theme="light"]) .in .tabs button.on{color:#fff!important;background:linear-gradient(110deg,#056aff,#03a9ec)!important;border-color:#34bbff!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 13px #0073ff35!important}
:root .in .tabs button .ico{color:#c8dcff!important;width:21px;height:21px}
:root .in .tabs button.on .ico{color:#fff!important}
:root .in .tabs button:last-child{margin-top:12px;background:linear-gradient(110deg,#643e9166,#173a7566)!important;border-color:#a783eb99;color:#f0e9ff!important}
:root .sidebar-signoff{margin:22px -12px -22px;padding:20px 16px 120px;min-height:210px}
:root .sidebar-signoff>b{font-size:19px;font-weight:600;color:#e7f2ff}.sidebar-signoff>.mountain-art{opacity:.9;height:112px}
:root .clash-dashboard{gap:15px}
:root .welcome-banner{min-height:144px;padding:20px 22px;border-radius:16px;border:1px solid #2684ac77;background:radial-gradient(ellipse at 25% 100%,#125bb966,transparent 55%),linear-gradient(110deg,#082c4e,#071f37)!important;box-shadow:inset 0 1px 0 #5ecbff13,0 5px 17px #00000015;grid-template-columns:1fr 1.08fr}
:root[data-theme="light"] .welcome-banner{background:radial-gradient(ellipse at 30% 100%,#99c8ff80,transparent 60%),linear-gradient(110deg,#e2efff,#fff)!important;border-color:#b0d0fb;box-shadow:0 5px 13px #2b70b71a}
:root .welcome-copy h2{font-size:28px;font-weight:750;line-height:1.08;letter-spacing:-.05em;margin:6px 0 8px}.welcome-copy .eyebrow{font-size:7px;letter-spacing:.14em;color:var(--ind)}
:root .welcome-copy h2 span{color:var(--ind)}:root .welcome-copy p{font-size:10px;color:var(--mute)}
:root .welcome-banner>.mountain-art{left:21%;width:250px;height:115px;opacity:.8;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}
:root .welcome-stats .ico{width:24px;height:24px}.welcome-stats>div:nth-child(1) .ico{color:#ff9d2f}.welcome-stats>div:nth-child(2) .ico{color:#11b9ef}.welcome-stats>div:nth-child(3) .ico{color:#f55693}.welcome-stats>div:nth-child(4) .ico{color:#f7bb35}
:root .welcome-stats b{font-size:23px;font-weight:750}:root .welcome-stats small{font-size:9px}
:root .arena-toolbar{min-height:47px}.arena-heading>h2{font-style:italic;font-weight:800;letter-spacing:-.05em}.arena-heading>span:last-child{font-size:10px}
:root .subject-tiles .tile{box-shadow:inset 0 1px 0 #ffffff12,0 2px 3px #0000000a;min-height:32px;font-size:10px}
:root .clash-dashboard .clash-mode-card{min-height:117px;border-radius:15px;padding:16px 17px;gap:13px;background:radial-gradient(ellipse at 100% 100%,rgba(var(--mode-rgb),.18),transparent 65%),linear-gradient(110deg,rgba(var(--mode-rgb),.1),transparent),var(--s1)!important;box-shadow:inset 0 1px 0 #ffffff13,0 4px 12px #00000010;overflow:hidden}
:root[data-theme="light"] .clash-dashboard .clash-mode-card{background:linear-gradient(115deg,rgba(var(--mode-rgb),.12),rgba(var(--mode-rgb),.015)),#fff!important;box-shadow:0 4px 11px #1c50800d}
:root .clash-mode-card:after{display:block!important;content:'';position:absolute;width:130px;height:50px;right:-45px;bottom:-32px;transform:rotate(-20deg);border-radius:50%;background:rgba(var(--mode-rgb),.12);pointer-events:none}
:root .clash-dashboard .clash-mode-card .ic{width:58px;height:64px;flex-basis:58px;background:linear-gradient(140deg,rgba(var(--mode-rgb),.29),rgba(var(--mode-rgb),.1))!important;border:1px solid rgba(var(--mode-rgb),.15);box-shadow:inset 0 1px 0 #ffffff18;color:var(--mode-color)}
:root .clash-dashboard .clash-mode-card .ic .ico{color:var(--mode-color)!important;filter:drop-shadow(0 3px 4px rgba(var(--mode-rgb),.25))}
:root .mode-copy>b{font-size:22px;font-weight:780;letter-spacing:-.05em}:root .mode-copy p{font-size:11px;margin-bottom:7px}:root .mode-detail{font-size:9px;color:var(--mute);font-weight:500}
:root .in :is(button,a).pri{color:#fff!important;background:linear-gradient(110deg,#0674ff,#009eec)!important;border:1px solid #2cafff88!important;box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #0674ff25!important}
:root .in .clash-mode-card[data-mode="strike"] .pri{background:linear-gradient(110deg,#7c3ee7,#a865ee)!important;border-color:#b783ef!important;box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #a455df25!important}
:root .in .clash-mode-card[data-mode="speed"] .pri{background:linear-gradient(110deg,#00927b,#00b89b)!important;border-color:#2ac8a4!important;box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #00b89b25!important}
:root .clash-mode-card>button,:root .mode-actions>.pri{font-size:10px;padding:8px 12px;min-height:33px}
:root .in :is(button,a).pri:hover:not(:disabled){filter:brightness(1.1)}
:root .dashboard-panel,:root .in #quests,:root .in #coinTasks,:root .profile-summary{background:linear-gradient(160deg,#ffffff03,transparent 60%),var(--s1)!important;border-color:var(--line)!important;border-radius:15px;box-shadow:var(--panel-shadow)!important;padding:14px 15px}
:root .in #right{gap:11px}:root .profile-top{margin-bottom:11px}:root .profile-top b{font-size:14px}:root .profile-top small{font-size:9px}:root .xp-caption{margin:6px 0 12px;font-size:8px}
:root .growth-detail{font-size:9px;margin-top:10px;padding-top:8px}
:root .in #quests h3,:root .in #coinTasks h3,:root .panel-heading h3{font-size:16px;font-weight:730;letter-spacing:-.04em}
:root .quest{padding:8px 0!important}.quest b{font-size:10px!important}:root .quest .bar{height:4px;background:var(--line)!important}:root .quest small{font-size:8px}
:root .bar{background:var(--line)!important}:root .bar i{background:linear-gradient(90deg,#0878ff,#08c7df)!important}
:root .online-player-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:260px;align-items:start;justify-items:stretch}
:root .online-player{width:100%;min-width:0;padding:8px 3px 2px}.online-player>.av{width:35px!important;height:35px!important}.online-player-id b{font-size:11px!important}.online-player-id small{font-size:8px!important}
:root .online-player-actions .pri{background:transparent!important;color:var(--ind)!important;border-color:var(--line2)!important;box-shadow:none!important;min-width:90px}
:root .online-section>.panel-footnote{font-size:8px;margin-top:9px}.panel-actions{display:flex;gap:12px}.panel-actions .text-action{font-size:10px}
:root .reward-milestone{min-height:104px}:root .reward-intro{flex-basis:190px;gap:12px}:root .reward-intro h3{font-size:17px}:root .reward-intro p{font-size:9px}
:root .redeem-shortcut{background:linear-gradient(110deg,#6337ae44,#263b8155)!important;color:var(--ink)!important;min-height:74px;border-color:#856cd5aa!important;box-shadow:inset 0 1px 0 #ffffff10,0 4px 13px #4e37a51a}
:root[data-theme="light"] .redeem-shortcut{background:linear-gradient(110deg,#f0e7ff,#f6f5ff)!important}
:root .redeem-shortcut>span:first-child{background:linear-gradient(145deg,#bda0ff,#8542da);color:#fff;border-radius:9px;transform:rotate(-7deg);box-shadow:0 3px 9px #702fc333}.redeem-shortcut b{font-size:13px!important}
.notification-button{position:relative;display:grid;place-items:center;width:33px;padding:6px!important}.notification-button svg{width:20px;height:20px}.notification-button>span{position:absolute;right:-3px;top:-3px;background:#f44967;color:#fff;font-size:8px;border-radius:10px;min-width:14px;height:14px;display:grid;place-items:center}
:root .in>header #headerProfile{padding:0!important;background:none!important;border:0!important;order:3}.in>header #headerProfile>.av{width:31px;height:31px;font-size:16px}
:root .in>header #th{width:32px;min-height:32px}:root .in>header #ab{font-size:10px;padding:5px 11px}:root .in>header .chip2{font-size:12px}
body:not(.in) #notificationsButton,body:not(.in) #headerProfile{display:none!important}
.modal-intro{color:var(--mute);font-size:12px;margin:8px 0 20px}.all-players{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:65vh!important}.notification-empty{text-align:center;padding:30px 20px}.notification-empty>.ico{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--mint-soft)}.notification-empty h3{font-size:19px;margin-top:15px}.notification-empty p{font-size:12px;color:var(--mute)}.activity-item{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.activity-item>.ico{color:var(--ind);width:25px;height:25px}.activity-item p{font-size:12px;color:var(--mute)}
@media(min-width:1600px){:root .in section#app{grid-template-columns:200px minmax(0,1fr) 322px;gap:24px}:root .in>header{margin-left:200px}:root .welcome-banner{min-height:151px}:root .clash-dashboard .clash-mode-card{min-height:125px}:root .welcome-copy h2{font-size:31px}:root .in .tabs button{font-size:14px!important;min-height:46px}:root .in #side .sidebar-brand{height:141px}:root .brand-orbit{width:112px;height:112px}:root .brand-orbit img{width:101px}}
@media(max-width:1270px) and (min-width:1001px){:root .in section#app{grid-template-columns:160px minmax(0,1fr) 265px;gap:15px}:root .in>header{margin-left:160px}:root .in .tabs button{font-size:12px!important;padding-inline:10px}:root .welcome-banner{padding:17px;grid-template-columns:1fr 1fr}:root .welcome-copy h2{font-size:24px}:root .welcome-stats b{font-size:18px}:root .clash-dashboard .clash-mode-card{padding:13px;gap:10px}:root .mode-copy>b{font-size:20px}:root .online-player-list{grid-template-columns:repeat(3,minmax(0,1fr))}:root .reward-intro{flex-basis:auto}}
@media(max-width:1000px){:root .in main{padding:0 16px 24px}:root .in section#app{grid-template-columns:140px minmax(0,1fr);gap:16px}:root .in>header{margin-left:0}:root .in #side{margin-top:0;min-height:calc(100vh - 60px);border-radius:12px;top:54px}:root .in #side .sidebar-brand{height:116px}:root .brand-orbit{width:90px;height:90px}:root .brand-orbit img{width:84px}:root .in .tabs button{font-size:11px!important;gap:9px;padding-inline:8px}:root .in #center,:root .in #right{padding-top:0}:root .welcome-copy h2{font-size:24px}:root .welcome-stats b{font-size:18px}:root .welcome-stats .ico{width:17px;height:17px}:root .online-player-list{grid-template-columns:repeat(3,minmax(0,1fr))}:root .mode-copy>b{font-size:20px}:root .clash-dashboard .clash-mode-card{min-height:145px;gap:9px}:root .reward-intro{flex-basis:auto}}
@media(max-width:780px){:root .in section#app{display:flex;gap:16px}:root .in main{padding:0 14px 100px}:root .in #side{background:none!important;border:0;min-height:0;margin:0;padding:0}:root .in #side .sidebar-brand{display:none}:root .in #side .tabs{background:var(--s1)!important}:root .in .tabs button{color:var(--mute)!important;font-size:9px!important;gap:4px;padding:7px;min-height:49px}:root .in .tabs button .ico{color:var(--mute)!important}:root .in .tabs button.on{color:#fff!important}:root .in .tabs button.on .ico{color:#fff!important}:root .in .tabs button:last-child{margin:0;background:none!important;border-color:transparent;color:var(--mute)!important}:root .in #right{gap:12px}:root .welcome-banner{min-height:151px;padding:17px 14px}:root .welcome-copy h2{font-size:25px}:root .welcome-copy p{font-size:9px}:root .welcome-banner>.mountain-art{width:180px;height:100px;left:13%;opacity:.45}:root .welcome-stats b{font-size:18px}:root .welcome-stats small{font-size:8px}:root .clash-dashboard .clash-mode-card{min-height:150px;padding:13px;gap:9px}:root .mode-copy>b{font-size:19px}:root .mode-copy p{font-size:10px}:root .clash-dashboard .clash-mode-card .ic{flex-basis:40px;width:40px;height:43px}:root .clash-dashboard .clash-mode-card .ic .ico{width:26px;height:26px}:root .in>header .chip2{font-size:10px;padding-inline:5px}:root .in>header{gap:6px;padding-inline:14px}:root .in>header #headerProfile{display:none}:root .reward-intro{flex-basis:auto}:root .all-players{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){:root .online-player-list{grid-template-columns:repeat(2,minmax(0,1fr))}:root .clash-dashboard .clash-mode-card{min-height:159px}:root .mode-copy>b{font-size:18px}:root .welcome-stats b{font-size:17px}:root .welcome-copy h2{font-size:23px}:root .welcome-copy .eyebrow{font-size:6px}:root .in>header .chip2:nth-child(2){display:none}:root .in>header #ab{padding-inline:7px}:root .arena-heading>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none!important}}