/* Hex 2026 interface refresh. Layout and typography are shared by both themes;
   Halloween changes only color, background and decorative effects. */
html{
  --bg:#050812;
  --bg-subtle:#090e1b;
  --surface:#0d1424;
  --surface-card:#10192a;
  --surface-hover:#152238;
  --surface-border:rgba(133,165,211,.2);
  --line:rgba(126,158,205,.16);
  --line-light:rgba(139,181,238,.28);
  --muted:#8493ad;
  --text:#eaf1ff;
  --text-pure:#fff;
  --accent:#8dff56;
  --accent-glow:rgba(141,255,86,.24);
  --accent-soft:rgba(141,255,86,.09);
  --blue:#40b9ff;
  --violet:#8670ff;
  --cyan:#3ee3ef;
  --alpha:#ff5f78;
  --beta:#32dda0;
  --radius-sm:9px;
  --radius-md:14px;
  --radius-lg:19px;
  --radius-xl:26px;
}

html body{
  min-height:100vh;
  background:
    radial-gradient(circle at 9% -10%,rgba(64,185,255,.16),transparent 31%),
    radial-gradient(circle at 88% 4%,rgba(134,112,255,.13),transparent 27%),
    linear-gradient(180deg,#060a14 0%,#050812 58%,#070a12 100%);
  color:var(--text);
}
html body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;z-index:-1;
  background-image:linear-gradient(rgba(87,132,189,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(87,132,189,.055) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
html .ambient{position:fixed;inset:0;width:auto;height:440px;background:radial-gradient(ellipse at 52% -18%,rgba(62,227,239,.14),transparent 68%);filter:blur(8px)}

html header{
  width:min(1480px,calc(100% - 32px));height:72px;margin:14px auto 0;padding:0 18px;
  gap:18px;border:1px solid rgba(139,181,238,.18);border-radius:18px;
  background:rgba(8,13,25,.78);box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(22px) saturate(135%);
}
html .brand img{width:42px;height:42px;filter:drop-shadow(0 0 14px rgba(64,185,255,.35))}
html .brand-title{font-size:15px;letter-spacing:.08em;text-transform:uppercase}
html .brand-sub{color:#71819b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
html nav{justify-content:center;gap:4px}
html nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:10px;color:#91a0b9;font-size:12px;font-weight:600;text-decoration:none;min-width:unset!important;max-width:unset!important;width:auto!important;height:auto!important;transform:none!important;box-shadow:none!important}
html nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.2s}
html nav a:hover{color:#fff;background:rgba(80,147,220,.08);transform:none!important}
html nav a.active{color:#fff;background:rgba(64,185,255,.1);transform:none!important}
html nav a.active::after{left:18%;right:18%;box-shadow:0 0 10px var(--blue)}
html .server-status-pill{border-color:rgba(50,221,160,.25);background:rgba(50,221,160,.06)}
html .lang-trigger,html .theme-toggle{height:38px;border-color:rgba(139,181,238,.18);border-radius:11px;background:rgba(16,25,42,.9)}
html .lang-trigger:hover,html .lang-dropdown.open .lang-trigger{border-color:rgba(64,185,255,.7);background:#101c30;box-shadow:0 0 0 3px rgba(64,185,255,.1)}
html .lang-menu{border-color:rgba(139,181,238,.22);border-radius:13px;background:#0d1524;box-shadow:0 22px 55px rgba(0,0,0,.5)}
html .lang-option:hover,html .lang-option.active{background:rgba(64,185,255,.11);color:#70d3ff}
html .login,html .primary,html .home-btn-primary{border:0;background:linear-gradient(135deg,#a3ff61,#58e8a5);color:#06110e;box-shadow:0 10px 28px rgba(88,232,165,.18)}

html main{position:relative;width:min(1380px,calc(100% - 44px));max-width:none;margin:34px auto 90px;padding:0}
html footer{width:min(1380px,calc(100% - 44px));margin:0 auto 24px;border:1px solid var(--line);border-radius:20px;background:rgba(11,17,30,.72)}
html .demo-bar{width:min(1380px,calc(100% - 44px));margin:18px auto 0;border-radius:14px;border:1px solid rgba(255,193,77,.25);background:rgba(255,193,77,.07)}

html .hero{position:relative;overflow:hidden;min-height:210px;padding:36px 40px;border:1px solid rgba(104,157,224,.2);border-radius:26px;background:linear-gradient(120deg,rgba(16,30,51,.96),rgba(10,16,29,.98) 62%,rgba(32,23,64,.82));box-shadow:0 24px 65px rgba(0,0,0,.25)}
html .hero::before{content:"HEX";position:absolute;right:26px;top:-45px;color:rgba(130,186,255,.045);font-size:190px;font-weight:1000;letter-spacing:-.08em;line-height:1}
html .hero::after{content:"";position:absolute;width:360px;height:360px;right:-120px;bottom:-260px;border:1px solid rgba(62,227,239,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(62,227,239,.025),0 0 70px rgba(64,185,255,.11)}
html .hero>div{position:relative;z-index:1}
html .hero h1{max-width:760px;margin:10px 0 10px;font-size:clamp(32px,5vw,60px);line-height:.98;letter-spacing:-.055em}
html .eyebrow,html .profile-eyebrow{color:#68d7ff;letter-spacing:.19em}

html .home-layout{position:relative;grid-template-columns:minmax(380px,.92fr) minmax(540px,1.2fr);gap:26px;align-items:start}
html .home-hero-left{position:relative;overflow:hidden;min-height:auto;padding:44px 40px;border:1px solid rgba(87,152,223,.24);border-radius:28px;background:radial-gradient(circle at 15% 18%,rgba(62,227,239,.11),transparent 30%),radial-gradient(circle at 80% 90%,rgba(134,112,255,.15),transparent 35%),linear-gradient(145deg,#101d31,#090f1d 70%);box-shadow:0 28px 80px rgba(0,0,0,.34)}
html .home-hero-left::before{content:"01";position:absolute;right:24px;top:12px;color:rgba(255,255,255,.035);font:900 150px/1 system-ui}
html .home-hero-left::after{content:"COMPETITIVE NETWORK";position:absolute;right:-44px;bottom:86px;color:#50637f;font-size:9px;font-weight:900;letter-spacing:.28em;transform:rotate(-90deg)}
html .home-main-title{position:relative;margin:20px 0 22px;color:#f5f8ff;font-size:clamp(47px,5.2vw,78px);line-height:.87;letter-spacing:-.065em;text-shadow:0 10px 35px rgba(0,0,0,.3)}
html .home-main-title::first-line{color:#71d6ff}
html .home-main-desc{max-width:530px;color:#9cacbf;font-size:15px;line-height:1.8}
html .home-live-row{width:max-content;margin-top:30px;padding:9px 13px;border:1px solid rgba(77,221,174,.18);border-radius:999px;background:rgba(50,221,160,.055)}
html .home-stats-pills{gap:8px;margin:18px 0}
html .home-stat-pill{border-color:rgba(133,165,211,.16);background:rgba(8,15,28,.62)}
html .home-cta-group{margin-top:30px}
html .home-btn-primary,html .home-btn-matches,html .home-btn-discord{min-height:46px;border-radius:12px;padding:0 20px}
html .home-btn-matches,html .home-btn-discord{border-color:rgba(111,167,231,.24);background:rgba(18,31,50,.78)}
html .home-queues-card{min-height:auto;padding:22px;border:1px solid rgba(133,165,211,.2);border-radius:28px;background:linear-gradient(145deg,rgba(14,23,39,.97),rgba(8,13,24,.98));box-shadow:0 28px 80px rgba(0,0,0,.3)}
html .home-queues-title{color:#f4f7ff;font-size:13px;letter-spacing:.16em}
html .home-view-all{color:#66d2ff}
html .home-queues-grid{gap:11px}
html .home-queue-item{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(121,157,207,.14);border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--q),transparent 94%),rgba(10,18,31,.88))}
html .home-queue-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--q);box-shadow:0 0 16px var(--q)}
html .home-queue-item:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--q),transparent 55%);background:linear-gradient(110deg,color-mix(in srgb,var(--q),transparent 88%),rgba(12,22,37,.96))}
html .home-quick-leaderboard{gap:12px}
html .home-leader-card{border-color:rgba(133,165,211,.16);border-radius:17px;background:linear-gradient(145deg,rgba(16,28,47,.9),rgba(9,16,29,.95))}
html .home-leader-card:hover{border-color:rgba(64,185,255,.5);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 24px rgba(64,185,255,.08)}

html .panel,html .queue,html .match-card,html .empty{border-color:rgba(133,165,211,.17);border-radius:18px;background:linear-gradient(145deg,rgba(15,25,43,.94),rgba(8,14,26,.97));box-shadow:0 14px 38px rgba(0,0,0,.2)}
html .queue:hover,html .match-card:hover{border-color:rgba(64,185,255,.45);transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 28px rgba(64,185,255,.07)}
html .toolbar{padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(12,20,34,.75)}
html .filter{border-radius:10px}
html .filter.active{background:linear-gradient(135deg,rgba(64,185,255,.2),rgba(134,112,255,.16));color:#fff}
html table{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(11,18,31,.8)}
html th{background:rgba(64,185,255,.06);color:#72d0fa}
html tr:hover td{background:rgba(64,185,255,.035)}

html .profile-page{max-width:none}
html .profile-hero-modern{min-height:330px;margin-top:0;padding:42px;border-color:rgba(104,161,227,.27);border-radius:28px;background:radial-gradient(circle at 8% 15%,rgba(62,227,239,.12),transparent 27%),radial-gradient(circle at 86% 25%,rgba(134,112,255,.18),transparent 31%),linear-gradient(125deg,#101d31,#090f1e 68%);box-shadow:0 28px 80px rgba(0,0,0,.34)}
html .profile-hero-modern::before{content:"PLAYER IDENTITY";position:absolute;right:38px;bottom:24px;color:rgba(124,168,219,.14);font-size:11px;font-weight:900;letter-spacing:.26em}
html .profile-hero-modern .profile-hero-main.profile-header{gap:22px}
html .profile-hero-main .avatar{width:104px;height:104px;border-color:#68d7ff;box-shadow:0 0 0 7px rgba(64,185,255,.08),0 0 42px rgba(64,185,255,.25)}
html .profile-hero-main h1{font-size:clamp(38px,5vw,62px)}
html .profile-header-badges{width:min(100%,1120px);margin:24px auto 0}
html .profile-kpis{width:min(100%,1120px);grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:31px auto 0}
html .profile-kpis>div{position:relative;overflow:hidden;padding:14px;border-color:rgba(133,165,211,.14);background:rgba(5,12,23,.5)}
html .profile-kpis>div::after{content:"";position:absolute;left:0;bottom:0;width:36%;height:2px;background:linear-gradient(90deg,#45c8ff,transparent)}
html .profile-kpis b{font-size:22px;letter-spacing:-.03em}
html .profile-kpis b small{color:#72839d;font-size:10px}
html .profile-posts-tile{position:absolute;right:38px;top:38px;min-width:145px;margin:0;border-color:rgba(64,185,255,.25);background:rgba(7,16,29,.67)}
html .profile-hero-actions{right:38px;top:130px}
html .profile-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr);gap:18px}
html .profile-panel-modern,html .profile-combat-panel{border-color:rgba(133,165,211,.18);border-radius:22px;background:linear-gradient(145deg,rgba(14,25,43,.96),rgba(8,14,26,.98));box-shadow:0 18px 48px rgba(0,0,0,.23)}
html .profile-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html .profile-mode-card{position:relative;overflow:hidden;border-color:rgba(133,165,211,.14);background:rgba(6,14,26,.58)}
html .profile-mode-card::after{content:"";position:absolute;width:100px;height:100px;right:-48px;bottom:-62px;border-radius:50%;background:var(--rank-color);filter:blur(45px);opacity:.13}
html .profile-mode-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rank-color),transparent 52%)}
html .profile-mode-card:last-child{grid-column:span 2}
html .profile-combat-grid{gap:10px}
html .combat-stat-tile{border-color:rgba(133,165,211,.14);background:rgba(5,13,24,.58)}
html .profile-map-card{border-color:rgba(133,165,211,.14);background:rgba(5,13,24,.62)}
html .profile-recent-row{border-radius:12px;padding:12px 9px;transition:.2s}
html .profile-recent-row:hover{background:rgba(64,185,255,.06);transform:translateX(3px)}

html .news-shell{padding:22px;margin-top:18px;border:1px solid rgba(133,165,211,.18);border-radius:24px;background:rgba(8,14,25,.68);box-shadow:0 22px 60px rgba(0,0,0,.22)}
html .news-shell-head{display:flex;align-items:flex-end;justify-content:space-between;padding:5px 4px 21px;border-bottom:1px solid var(--line)}
html .news-shell-head h2{margin:5px 0 0;font-size:24px}
html .news-count{padding:7px 10px;border:1px solid rgba(64,185,255,.22);border-radius:999px;color:#75d5ff;background:rgba(64,185,255,.07);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
html .news-card{display:grid;grid-template-columns:78px 1fr;border-bottom:1px solid var(--line);transition:.22s}
html .news-card:last-child{border-bottom:0}
html .news-card:hover{background:linear-gradient(90deg,rgba(64,185,255,.05),transparent 65%)}
html .news-card-index{display:grid;place-items:start center;padding-top:32px;border-right:1px solid var(--line);color:rgba(116,204,255,.45);font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}
html .news-card-content{padding:29px 30px 31px}
html .news-card-meta{display:flex;align-items:center;gap:12px;color:#74849d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html .news-live-mark{color:#69d5ff}html .news-live-mark i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#44dfa5;box-shadow:0 0 10px #44dfa5}
html .news-edited{padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.05)}
html .news-card h2{margin:13px 0 9px;color:#f4f7ff;font-size:26px;letter-spacing:-.025em}
html .news-card p{max-width:920px;margin:0;color:#a0aec1;font-size:14px;line-height:1.75;white-space:pre-wrap}
html .news-card-actions{display:flex;gap:8px;margin-top:20px}
html .news-card-actions .btn{min-width:92px}

html dialog{border-color:rgba(118,177,240,.26);border-radius:22px;background:linear-gradient(145deg,#111d30,#09111f);box-shadow:0 34px 100px rgba(0,0,0,.62)}
html dialog::backdrop{background:rgba(2,5,11,.76);backdrop-filter:blur(9px)}
html input,html select,html textarea{border-color:rgba(133,165,211,.2);border-radius:11px;background:#091321;color:#f1f6ff}
html input:focus,html select:focus,html textarea:focus{border-color:#48c8ff;box-shadow:0 0 0 3px rgba(72,200,255,.1)}
html .btn{border-color:rgba(133,165,211,.2);border-radius:10px;background:rgba(23,37,59,.76)}
html .btn:hover{border-color:rgba(64,185,255,.55);background:rgba(35,59,91,.88);color:#fff}
html .btn.danger{border-color:rgba(255,95,120,.28);background:rgba(255,95,120,.08);color:#ff8396}

@media(max-width:1180px){
  html header{gap:9px;padding:0 12px}html nav a{padding:8px 7px;font-size:11px}
  html .server-status-pill .status-text,html .lang-label{display:none}
  html .lang-trigger{min-width:44px;padding:7px 10px}
  html .home-layout{grid-template-columns:1fr}html .home-hero-left,html .home-queues-card{min-height:auto}
  html .profile-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  html header{width:100%;height:auto;margin:0;border-width:0 0 1px;border-radius:0;flex-wrap:wrap;padding:11px 15px}
  html nav{order:5;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:2px}
  html main,html footer,html .demo-bar{width:min(100% - 24px,1380px)}
  html .home-hero-left{padding:36px 26px}html .home-main-title{font-size:clamp(42px,13vw,70px)}
  html .profile-header-badges,html .profile-kpis{margin-left:0}
  html .profile-posts-tile{position:static;margin:18px 0 0}
  html .profile-hero-actions{position:static;margin-top:14px}
}
@media(max-width:580px){
  html main{margin-top:20px}html .brand-text,html .server-status-pill{display:none}
  html .theme-toggle{width:38px;overflow:hidden;padding:0;font-size:0}html .theme-toggle::before{content:"🎃";font-size:16px}
  html .home-cta-group{align-items:stretch;flex-direction:column}html .home-btn-primary,html .home-btn-matches,html .home-btn-discord{justify-content:center}
  html .home-queues-card{padding:16px}html .home-queues-grid{grid-template-columns:1fr}
  html .profile-hero-modern{padding:28px 20px}html .profile-hero-main .avatar{width:78px;height:78px}html .profile-kpis{grid-template-columns:repeat(2,1fr)}
  html .profile-mode-grid{grid-template-columns:1fr}html .profile-mode-card:last-child{grid-column:auto}
  html .news-shell{padding:10px}html .news-card{grid-template-columns:44px 1fr}html .news-card-index{font-size:17px}html .news-card-content{padding:23px 17px}html .news-card-meta{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Queue ladder fills the dashboard column with real TR-region V3 data. */
.home-tr-ladder{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.home-tr-ladder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.home-tr-ladder-head div{display:flex;flex-direction:column;gap:3px}.home-tr-ladder-head span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.18em}.home-tr-ladder-head strong{color:var(--text);font-size:13px;letter-spacing:.11em}.home-tr-ladder-head a{color:var(--blue);font-size:9px;font-weight:900;text-decoration:none}
.home-tr-ladder-list{display:grid;gap:6px}.home-tr-ladder-row{display:grid;grid-template-columns:30px 30px 30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(133,165,211,.12);border-radius:11px;color:var(--text);background:rgba(5,12,23,.42);text-decoration:none;transition:.18s}.home-tr-ladder-row:hover{border-color:rgba(64,185,255,.45);background:rgba(64,185,255,.07);transform:translateX(3px)}.home-tr-ladder-row>b{color:#65ceff;font-size:11px}.home-tr-ladder-row .avatar,.home-tr-ladder-row .xero-level-icon{width:28px;height:28px}.home-tr-ladder-row>span{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.home-tr-ladder-row .verified-badge{width:14px;height:14px}.home-tr-ladder-row em{color:#86ffbc;font-size:10px;font-style:normal;font-weight:900}.home-tr-ladder-empty{padding:17px;border:1px dashed rgba(133,165,211,.18);border-radius:11px;color:var(--muted);font-size:11px;text-align:center}

/* Posts is a seventh profile statistic, directly after Verified matches. */
html .profile-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.profile-kpi-link{position:relative;overflow:hidden;display:flex;min-width:0;flex-direction:column;padding:14px 16px;border:1px solid rgba(133,165,211,.16);border-radius:13px;color:var(--text);background:rgba(5,12,23,.5);text-decoration:none;transition:.2s}.profile-kpi-link::after{content:"";position:absolute;left:0;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,#8f70ff,transparent)}.profile-kpi-link:hover{border-color:rgba(134,112,255,.55);background:rgba(134,112,255,.09);transform:translateY(-2px)}.profile-kpi-link b{display:block;color:#f0f7ff;font-size:22px}.profile-kpi-link span{color:#8fa6bd;font-size:11px}.profile-kpi-link small{overflow:hidden;margin-top:3px;color:#71829b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
html .profile-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html .profile-mode-card:last-child{grid-column:auto}
html .profile-mode-card{min-height:178px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
html .combat-stat-tile{position:relative;overflow:hidden}.combat-stat-tile::after{content:"";position:absolute;right:-24px;bottom:-32px;width:82px;height:82px;border-radius:50%;background:currentColor;filter:blur(42px);opacity:.1}

/* Halloween palette only. Geometry is inherited from the shared rules above. */
html.halloween-theme body{background:radial-gradient(circle at 9% -10%,rgba(255,117,45,.16),transparent 31%),radial-gradient(circle at 88% 4%,rgba(155,86,255,.17),transparent 27%),linear-gradient(180deg,#0d0712 0%,#09050d 58%,#100711 100%)}
html.halloween-theme header{border-color:rgba(255,159,67,.22);background:rgba(19,8,24,.82);box-shadow:0 18px 60px rgba(18,3,25,.48),inset 0 1px rgba(255,255,255,.04)}
html.halloween-theme .brand-title{color:#fff1ff}html.halloween-theme .brand-sub{color:#ad8bb5}
html.halloween-theme nav a{color:#b59cba}html.halloween-theme nav a:hover{color:#fff1ff;background:rgba(255,159,67,.08)}html.halloween-theme nav a.active{color:#ffb45c;background:rgba(255,159,67,.14)}
html.halloween-theme .server-status-pill{border-color:rgba(255,159,67,.35);background:rgba(255,159,67,.1)}
html.halloween-theme .lang-trigger,html.halloween-theme .theme-switcher{border-color:rgba(255,159,67,.22);background:rgba(35,16,42,.9)}
html.halloween-theme .lang-menu{border-color:rgba(255,159,67,.24);background:#1c0e24}html.halloween-theme .lang-option:hover,html.halloween-theme .lang-option.active{background:rgba(255,159,67,.12);color:#ffb45c}
html.halloween-theme .login,html.halloween-theme .primary,html.halloween-theme .home-btn-primary{background:linear-gradient(135deg,#ff9f43,#ff7043);color:#1b0c1d;box-shadow:0 10px 28px rgba(255,112,67,.2)}
html.halloween-theme footer,html.halloween-theme .demo-bar{border-color:rgba(255,159,67,.2);background:rgba(22,9,29,.78)}
html.halloween-theme .home-hero-left{border-color:rgba(255,144,72,.3);background:radial-gradient(circle at 15% 18%,rgba(255,124,43,.13),transparent 30%),radial-gradient(circle at 80% 90%,rgba(155,86,255,.18),transparent 35%),linear-gradient(145deg,#281226,#11091a 70%)}
html.halloween-theme .home-main-title::first-line{color:#ffad63}html.halloween-theme .home-main-desc{color:#b69fbb}
html.halloween-theme .home-queues-card{border-color:rgba(255,144,72,.24);background:linear-gradient(145deg,rgba(35,15,37,.97),rgba(16,7,23,.98))}
html.halloween-theme .home-queue-item{border-color:rgba(255,159,67,.14);background:linear-gradient(110deg,color-mix(in srgb,var(--q),transparent 92%),rgba(25,12,31,.9))}
html.halloween-theme .home-tr-ladder-row{border-color:rgba(255,144,72,.15);background:rgba(25,8,28,.5)}html.halloween-theme .home-tr-ladder-row:hover{border-color:rgba(255,144,72,.52);background:rgba(255,112,67,.08)}html.halloween-theme .home-tr-ladder-row>b,html.halloween-theme .home-tr-ladder-head a{color:#ffad63}
html.halloween-theme .panel,html.halloween-theme .queue,html.halloween-theme .match-card,html.halloween-theme .empty{border-color:rgba(255,159,67,.2);background:linear-gradient(145deg,rgba(40,20,46,.94),rgba(18,8,25,.97))}
html.halloween-theme .toolbar,html.halloween-theme table{background:rgba(25,11,32,.78)}html.halloween-theme th{background:rgba(255,159,67,.07);color:#ffb45c}
html.halloween-theme .filter.active{background:linear-gradient(135deg,rgba(255,159,67,.2),rgba(155,108,255,.18));color:#fff1ff}
html.halloween-theme .profile-hero-modern{border-color:rgba(255,159,67,.52);background:radial-gradient(circle at 90% 0%,rgba(155,108,255,.3),transparent 32%),linear-gradient(135deg,rgba(48,23,49,.98),rgba(25,11,31,.98))}
html.halloween-theme .profile-kpis>div,html.halloween-theme .profile-kpi-link,html.halloween-theme .profile-mode-card,html.halloween-theme .combat-stat-tile,html.halloween-theme .profile-map-card{border-color:rgba(255,158,85,.18);background:rgba(20,7,26,.55)}
html.halloween-theme .profile-panel-modern,html.halloween-theme .profile-combat-panel{border-color:rgba(255,159,67,.3);background:linear-gradient(145deg,rgba(42,22,49,.96),rgba(20,10,29,.98))}
html.halloween-theme .profile-kpi-link::after{background:linear-gradient(90deg,#ff8b45,transparent)}
html.halloween-theme .news-shell{border-color:rgba(255,159,67,.22);background:rgba(22,9,29,.72)}html.halloween-theme .news-card h2{color:#fff1ff}
html.halloween-theme dialog{border-color:rgba(255,159,67,.28);background:linear-gradient(145deg,#28152f,#14091c)}html.halloween-theme input,html.halloween-theme select,html.halloween-theme textarea{border-color:rgba(255,159,67,.22);background:#180b20;color:#fff1ff}
html.halloween-theme .btn{border-color:rgba(255,159,67,.24);background:rgba(55,27,62,.78)}html.halloween-theme .btn:hover{border-color:rgba(255,159,67,.55);background:rgba(75,34,77,.88)}

/* Halloween coverage for Queues, Matches, Leaderboard and Announcements. */
html.halloween-theme .hero{border-color:rgba(255,159,67,.34);background:radial-gradient(circle at 86% 16%,rgba(155,86,255,.24),transparent 34%),radial-gradient(circle at 8% 100%,rgba(255,112,67,.12),transparent 32%),linear-gradient(120deg,#2a152e,#150b20 68%,#21102f);box-shadow:0 24px 65px rgba(35,6,42,.38)}
html.halloween-theme .hero::before{color:rgba(255,180,92,.055)}html.halloween-theme .hero::after{border-color:rgba(255,159,67,.2);box-shadow:0 0 0 28px rgba(155,108,255,.025),0 0 70px rgba(255,112,67,.12)}
html.halloween-theme .hero h1{color:#fff4fb}html.halloween-theme .hero .intro{color:#bba3c0}html.halloween-theme .eyebrow{color:#ffb45c}html.halloween-theme .eyebrow .dot{background:#ff7043;box-shadow:0 0 11px rgba(255,112,67,.8)}
html.halloween-theme .stat{border-color:rgba(255,159,67,.2);background:rgba(31,13,39,.78)}html.halloween-theme .stat strong{color:#ffb45c}
html.halloween-theme .notice{border-color:rgba(255,159,67,.34);background:rgba(255,159,67,.08);color:#ffd7a8}
html.halloween-theme .toolbar{border-color:rgba(255,159,67,.2);background:rgba(29,13,37,.76)}html.halloween-theme .filters{border-color:rgba(255,159,67,.2);background:#1a0d22}
html.halloween-theme .filter{color:#b69cbc}html.halloween-theme .filter:hover{color:#fff1ff}
html.halloween-theme .queue{border-color:rgba(255,159,67,.2);background:linear-gradient(160deg,rgba(42,21,48,.96),rgba(19,9,26,.98));box-shadow:0 6px 20px rgba(25,4,31,.34)}
html.halloween-theme .queue:hover{border-color:color-mix(in srgb,var(--q) 62%,#ff9f43);box-shadow:0 14px 32px rgba(32,5,39,.5),0 0 22px color-mix(in srgb,var(--q) 14%,transparent)}
html.halloween-theme .segment{background:#34213d}html.halloween-theme .join{border-color:rgba(255,159,67,.24);background:#2c1834;color:#fff1ff}html.halloween-theme .join:hover{border-color:#ff9f43;background:#3a2042;color:#fff}
html.halloween-theme .queue-players{border-color:rgba(255,159,67,.12)}html.halloween-theme .section-heading a{color:#d1a4cf}html.halloween-theme .section-heading a:hover{color:#ffb45c}
html.halloween-theme .match-card{border-color:rgba(255,159,67,.2);background:linear-gradient(145deg,rgba(42,21,48,.96),rgba(18,9,26,.98));box-shadow:0 6px 20px rgba(25,4,31,.3)}
html.halloween-theme .match-card:hover{border-color:rgba(255,159,67,.56);box-shadow:0 18px 42px rgba(38,5,45,.44),0 0 26px rgba(255,112,67,.09)}html.halloween-theme .match-card strong{color:#fff4fb}
html.halloween-theme .match-meta,html.halloween-theme .match-card p,html.halloween-theme .small-link{color:#b79dbc}html.halloween-theme .tag{background:rgba(155,108,255,.14);color:#d9c5e4}html.halloween-theme .tag.live{border-color:rgba(255,112,67,.42);background:rgba(255,112,67,.12);color:#ff8d6c}
html.halloween-theme .empty{border-color:rgba(255,159,67,.25);background:rgba(24,10,31,.55);color:#bba3c0}
html.halloween-theme .table-wrap{border-color:rgba(255,159,67,.24);background:linear-gradient(145deg,rgba(38,18,45,.94),rgba(17,8,24,.98));box-shadow:0 12px 34px rgba(30,4,36,.34)}
html.halloween-theme table{background:transparent}html.halloween-theme th{border-color:rgba(255,159,67,.18);background:rgba(255,159,67,.08);color:#ffb45c}html.halloween-theme td{border-color:rgba(255,159,67,.1)}html.halloween-theme tr:hover td{background:rgba(155,108,255,.07)}
html.halloween-theme td:first-child{color:#c09ec4}html.halloween-theme td .player-name{color:#fff1ff}html.halloween-theme .rank-label{color:#ffb45c}
html.halloween-theme .search{border-color:rgba(255,159,67,.24);background:#1a0c22;color:#fff1ff}html.halloween-theme .search:focus{border-color:#ff9f43;box-shadow:0 0 0 3px rgba(255,159,67,.12)}html.halloween-theme .search::placeholder{color:#9f82a8}
html.halloween-theme .legend-grid span{border-color:rgba(255,159,67,.2);background:rgba(31,13,39,.72);color:#b79dbc}html.halloween-theme .legend-grid span b{color:#ffb45c}
html.halloween-theme .news-shell-head{border-color:rgba(255,159,67,.18)}html.halloween-theme .news-shell-head h2{color:#fff1ff}
html.halloween-theme .news-count{border-color:rgba(255,159,67,.3);background:rgba(255,159,67,.1);color:#ffb45c}
html.halloween-theme .news-card{border-color:rgba(255,159,67,.16)}html.halloween-theme .news-card:hover{background:linear-gradient(90deg,rgba(255,112,67,.07),rgba(155,108,255,.025) 65%,transparent)}
html.halloween-theme .news-card-index{border-color:rgba(255,159,67,.16);color:rgba(255,180,92,.56)}html.halloween-theme .news-card-meta{color:#aa8db2}html.halloween-theme .news-live-mark{color:#ffb45c}html.halloween-theme .news-live-mark i{background:#ff7043;box-shadow:0 0 10px #ff7043}
html.halloween-theme .news-edited{background:rgba(155,108,255,.11);color:#d6bee0}html.halloween-theme .news-card p{color:#bba8c1}

@media(max-width:1180px){html .profile-kpis{grid-template-columns:repeat(4,1fr)}html .profile-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Clan and Level icon precision: no shadow/glow, tight side-by-side gap */
.xero-clan-icon, .xero-level-icon, .profile-track-badge, .profile-clan-logo {
  filter: none !important;
  box-shadow: none !important;
}
.xero-clan-icon:hover {
  filter: none !important;
  box-shadow: none !important;
}
.halloween-theme .xero-level-icon, .halloween-theme .xero-clan-icon {
  filter: none !important;
}

/* Tight gap between clan and level icons (like in-game reference) */
.player-name {
  gap: 8px !important;
}
.player-name .xero-clan-icon + .xero-level-icon {
  margin-left: -6px !important;
}
.home-tr-ladder-row .xero-clan-icon + .xero-level-icon {
  margin-left: -6px !important;
}
.home-leader-card .xero-clan-icon + .xero-level-icon {
  margin-left: -8px !important;
}
.res-player-name .xero-clan-icon + .xero-level-icon {
  margin-left: -4px !important;
}
.result-stack-row .xero-clan-icon + .xero-level-icon {
  margin-left: -6px !important;
}

/* Enlarged & Polished Leaderboard Table Typography and Elements */
.table-wrap {
  border-radius: 18px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35) !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px !important;
}

th {
  text-align: left;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: #68d7ff !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid var(--line) !important;
  background: rgba(10, 16, 28, 0.95) !important;
  text-transform: uppercase;
}

td {
  padding: 17px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  vertical-align: middle;
  font-size: 14.5px !important;
}

td:first-child {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #8fa6bd !important;
  min-width: 36px;
}

td b {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

td .player-name {
  font-size: 15.5px !important;
  font-weight: 700 !important;
  gap: 9px !important;
}

td .player-name .avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  flex: 0 0 36px !important;
}

td .player-name .xero-clan-icon {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 4px !important;
  filter: none !important;
  box-shadow: none !important;
}

td .player-name .xero-level-icon {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 4px !important;
  filter: none !important;
  box-shadow: none !important;
  margin-left: 0 !important;
}
td .player-name .xero-clan-icon + .xero-level-icon { margin-left: -7px !important; }

td .player-name .verified-badge {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

td .rank-label {
  font-size: 13.5px !important;
  font-weight: 700 !important;
}