/* Esports theme: red/black, sharp edges. Loaded after speed.css. */
:root{
    --bg:#08090c;--panel:#12141a;--line:#262a33;--text:#f2f3f6;--muted:#9097a5;
    --red:#ff3b4f;--blue:#ff3b4f;--purple:#ff8a3d;
    --accent:linear-gradient(135deg,#ff2d46,#ff8a3d);
    --radius:6px;
    --font-display:Rajdhani,Inter,ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="light"]{
    --bg:#f3f4f7;--panel:#ffffff;--line:#d8dce4;--text:#14161c;--muted:#566074;
}
body{background:var(--bg);color:var(--text)}
h1,h2,h3,.eyebrow,.nav-links a,.button,.game-pill,.rank-tabs a,.tabs a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}
h1,h2{font-weight:700}
.button,.nx-btn,.game-pill,.rank-tabs a,.tabs a,.panel,.server-card,.rank-table-wrap,.nx-console,.nx-feature,.nx-aim,.nx-join,.server-filters{border-radius:6px}
.button-primary,.nx-btn.primary{background:linear-gradient(135deg,#ff2d46,#e01530);border-color:#ff2d46;color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);border-radius:0}
.button-primary:hover,.nx-btn.primary:hover{background:linear-gradient(135deg,#ff4a5e,#ff2d46)}
.eyebrow{background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats-row strong,.server-metrics strong{text-shadow:0 0 18px #ff3b4f55}
.stat-icon.blue,.stat-icon.purple{box-shadow:0 0 22px #ff3b4f44}
.load-bar span{background:var(--accent);box-shadow:0 0 12px #ff3b4f88}
.rank-table tbody tr:hover{background:#ff3b4f12}
.mobile-tabbar a.is-active{background:#ff3b4f1f}
:where(a,button,input,select):focus-visible{outline-color:#ff8a3d}

/* header */
.site-header{background:#0a0b0fe6;backdrop-filter:blur(14px);border-bottom:1px solid #ff3b4f33}
.nav-links a.is-active{color:#fff;box-shadow:inset 0 -2px 0 #ff3b4f}
@media (min-width:901px) and (max-width:1280px){.nav-links{gap:2px}.nav-links>a{padding-inline:8px;font-size:11px;white-space:nowrap}}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:16px 0}
.shop-card{display:flex;flex-direction:column;gap:8px}
.shop-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#0a0b0f}
.shop-card h3{margin:0}
.shop-card form{display:grid;gap:8px;margin-top:auto}
.shop-card input{width:100%}
.shop-card h3 a{color:inherit;text-decoration:none}
.shop-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
.shop-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start}
.shop-gallery a:first-child{grid-column:1/-1}
.shop-gallery img{width:100%;border-radius:8px;object-fit:cover;background:#0a0b0f}
@media (max-width:800px){.shop-detail{grid-template-columns:1fr}}
.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:18px;cursor:pointer}
.theme-toggle:hover{border-color:#ff3b4f}

/* admin forms + banner + news */
.site-banner{background:linear-gradient(90deg,#ff2d46,#ff8a3d);color:#fff;text-align:center;padding:9px 16px;font:700 .9rem var(--font-display);letter-spacing:.05em}
.site-banner a{color:#fff;text-decoration:none}
.adm-form{display:grid;gap:14px;max-width:760px}
.adm-inline{max-width:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}
.adm-inline h2,.adm-inline button{grid-column:1/-1}
.adm-field{display:grid;gap:6px;color:var(--muted);font-size:.8rem}
.adm-field input,.adm-field select,.adm-field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#0c0e13;color:var(--text);font:inherit}
.adm-field input:focus,.adm-field select:focus,.adm-field textarea:focus{outline:0;border-color:#ff3b4f}
.adm-check{display:flex;align-items:center;gap:10px}
.adm-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.adm-row:last-child{border-bottom:0}
.adm-actions{display:flex;gap:8px;align-items:center}
.adm-actions form{margin:0}
.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}
.adm-stats strong{display:block;font:700 2rem var(--font-display)}
.adm-dashboard-card{display:block;text-decoration:none;color:var(--text);transition:transform .2s,border-color .2s}
.adm-dashboard-card:hover{transform:translateY(-3px);border-color:#ff3b4f}
.adm-dashboard-card strong{color:#ff4357}
.adm-dashboard-card span{display:block;color:var(--muted);font-size:.8rem;margin-top:8px}
.profile-combat .profile-network-stats{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}
.profile-combat .profile-network-stats strong{font:700 1.5rem var(--font-display)}
.profile-rank-history{display:flex;align-items:flex-end;gap:12px;min-height:150px;padding:12px 4px 0}
.profile-rank-day{display:grid;grid-template-rows:20px 1fr 22px;gap:6px;align-items:end;justify-items:center;flex:1;height:140px;color:var(--muted);font-size:.72rem}
.profile-rank-day span{align-self:end;width:min(34px,70%);min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#ff8a3d,#ff2d46)}
.profile-rank-day strong{color:var(--text);font-variant-numeric:tabular-nums}
.tournament-signup{margin-top:20px}
.tournament-participants{margin-top:20px}
.server-rating .adm-form{max-width:480px}
.news-card{display:grid;gap:10px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.news-card:hover{transform:translateY(-3px);border-color:#ff3b4f}
.news-card img,.news-body img{width:100%;max-height:280px;object-fit:cover;border-radius:6px}
.news-card h3{margin:0}
.news-body{line-height:1.8;max-width:820px}
html[data-theme="light"] .adm-field input,html[data-theme="light"] .adm-field select,html[data-theme="light"] .adm-field textarea{background:#fff}

/* Admin pages */
.admin-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;margin-top:22px;width:100%}
.admin-tabs a{display:flex;align-items:center;min-width:0;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.82rem;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}
.admin-tabs a.active{border-color:#ff3b4f77;background:#ff3b4f12;color:var(--text)}
.admin-tabs a:hover{border-color:#ff3b4f66;color:var(--text)}
.admin-dashboard-heading{align-items:flex-end;justify-content:space-between;gap:20px}
.admin-dashboard-heading h1{margin-bottom:4px}
.admin-dashboard-heading p{margin:0}
.admin-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.admin-table-wrap{max-width:100%;overflow-x:auto}
.admin-server-editor{max-width:980px}
.admin-server-form{display:grid;gap:20px;padding:clamp(18px,3vw,30px)}
.admin-server-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-server-form .form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.86rem}
.admin-server-form input:not([type=checkbox]),.admin-server-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#0c0e13;color:var(--text);font:inherit}
.admin-server-form input:focus,.admin-server-form select:focus{outline:0;border-color:#ff3b4f}
.admin-server-form .admin-form-intro{display:flex;align-items:flex-start;gap:12px;padding-top:8px;border-top:1px solid var(--line)}
.admin-form-step{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid #ff3b4f66;border-radius:50%;background:#ff3b4f12;color:#ff6473;font:700 1rem var(--font-display)}
.admin-form-intro h2{margin:2px 0 4px;font-size:1.12rem}
.admin-form-intro p{margin:0;font-size:.86rem}
.admin-server-visibility{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:6px;color:var(--text)}
.admin-server-visibility input{width:18px;height:18px;accent-color:#ff3b4f}
.admin-server-form .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
html[data-theme="light"] .admin-server-form input:not([type=checkbox]),html[data-theme="light"] .admin-server-form select{background:#fff;color:var(--text)}
html[data-theme="light"] .admin-tabs a.active{color:var(--text)}
@media(max-width:640px){.admin-dashboard-heading{align-items:stretch;flex-direction:column}.admin-hero-actions{display:grid;grid-template-columns:1fr 1fr}.admin-hero-actions .button{justify-content:center;text-align:center}.admin-server-form .form-grid{grid-template-columns:1fr}.admin-server-form .form-actions{flex-direction:column-reverse}.admin-server-form .form-actions .button{width:100%;justify-content:center}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* home (.nx) */
.home-page .nx{--nx-accent:#ff3b4f;--nx-accent2:#ff8a3d;--nx-ink:#f2f3f6;--nx-mute:#98a0ae}
.home-page .nx-hero:after{background:radial-gradient(900px 500px at 85% 10%,#ff3b4f33,transparent 60%),radial-gradient(700px 420px at 5% 100%,#ff8a3d22,transparent 60%),linear-gradient(180deg,#07080bcc,#08090c)}
.home-page .nx-orb.a{background:#ff3b4f55}
.home-page .nx-orb.b{background:#ff8a3d3d}
.home-page .nx-hero h1{text-transform:uppercase}
.home-page .nx-hero h1 em{background-image:linear-gradient(90deg,#ff3b4f,#ff8a3d,#ffd166,#ff3b4f);background-size:200% 100%}
.home-page .nx-btn.primary{box-shadow:0 12px 34px #ff3b4f44}
.home-page .nx-feature b{background:#ff3b4f1f}
.home-page .nx-feature:hover{border-color:#ff3b4f77}
.home-page .nx-row:hover{background:linear-gradient(90deg,#ff3b4f18,transparent)}
.home-page .nx-console:before{background:linear-gradient(140deg,#ff3b4f99,transparent 40%,#ff8a3d88)}
.home-page .nx-join{background:linear-gradient(135deg,#1a0d10,#0a0b0f)}
.home-page .nx-join:before{background:#ff3b4f22}
.home-page .nx-join-stats strong,.home-page .nx-console-head b{color:#ff4a5e}
.home-page .stats-row>div:nth-child(2) strong{background:linear-gradient(180deg,#ff8a96,#ff3b4f);-webkit-background-clip:text;background-clip:text}
.nx-weekly-best{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;padding:18px 22px;border:1px solid #ff8a3d55;border-radius:8px;background:#ff8a3d0d}
.nx-weekly-best a{color:var(--text);text-decoration:none;font:700 1.15rem var(--font-display)}
.nx-weekly-best>span:last-child{margin-left:auto;color:var(--muted);font-size:.85rem}
.nx-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.4}

/* rank podium + player cards */
.rank-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:end;margin-bottom:26px}
.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 14px 18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#1a1d26,#101218);text-align:center;overflow:hidden}
.podium-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--podium,#ff3b4f)}
.podium-card.p1{--podium:#ffd76a;padding-top:32px;box-shadow:0 0 40px #ffd76a1f}
.podium-card.p2{--podium:#cfd8e6}
.podium-card.p3{--podium:#e5894a}
.podium-pos{font:700 2.4rem/1 var(--font-display);color:var(--podium)}
.podium-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--podium);background:#1c2029;display:grid;place-items:center;font-size:1.6rem;font-weight:800}
.p1 .podium-avatar{width:92px;height:92px}
.podium-card strong a{color:var(--text);text-decoration:none;font:700 1.15rem var(--font-display)}
.podium-xp{font:700 1.3rem var(--font-display);color:var(--podium)}
.podium-meta{display:flex;gap:14px;color:var(--muted);font-size:.78rem}
.podium-meta b{color:var(--text)}
@media(max-width:700px){.rank-podium{grid-template-columns:1fr}.podium-card.p1{order:-1}}

/* light theme fixes for hardcoded dark surfaces */
html[data-theme="light"] body{background:var(--bg)}
html[data-theme="light"] .site-header{background:#ffffffe6;border-bottom-color:#ff3b4f44}
html[data-theme="light"] .nav-links a.is-active{color:#14161c}
html[data-theme="light"] .server-card,html[data-theme="light"] .panel,html[data-theme="light"] .rank-table-wrap,html[data-theme="light"] .server-filters,html[data-theme="light"] .search-box,html[data-theme="light"] .filter-field input,html[data-theme="light"] .filter-field select,html[data-theme="light"] .rank-search{background:#fff;border-color:var(--line);color:var(--text)}
html[data-theme="light"] .rank-table td,html[data-theme="light"] .rank-table th{border-color:var(--line)}
html[data-theme="light"] footer{background:#e8eaf0;border-top-color:var(--line)}
html[data-theme="light"] .mobile-tabbar{background:#fffffff2}
html[data-theme="light"] .mobile-tabbar a.is-active{color:#14161c}
html[data-theme="light"] .podium-card{background:#fff}
html[data-theme="light"] .nx-hero{--nx-ink:#14161c}
html[data-theme="light"] .nx-hero:after{background:linear-gradient(180deg,#f3f4f7cc,#f3f4f7)}
html[data-theme="light"] .home-page .nx{--nx-ink:#14161c;--nx-mute:#566074;--nx-card:#fff;--nx-line:#d8dce4}
html[data-theme="light"] .nx-lead,html[data-theme="light"] .nx-join p{color:#3a4252}
html[data-theme="light"] .nx-console,html[data-theme="light"] .nx-aim,html[data-theme="light"] .nx-steps,html[data-theme="light"] .nx-feature,html[data-theme="light"] .stats-row{background:#fff}
html[data-theme="light"] .home-page .nx-join{background:linear-gradient(135deg,#fff,#fdecee)}
html[data-theme="light"] .nx-head h2,html[data-theme="light"] .nx-feature h3{color:#14161c}
html[data-theme="light"] .home-page .stats-row strong{background:none;-webkit-text-fill-color:#14161c;color:#14161c}
.mdl-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.mdl-list{max-height:560px;overflow:auto;padding:12px}.mdl-list summary{cursor:pointer;padding:6px 0;font-weight:700}.mdl-item{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;padding:4px 8px;cursor:pointer;border-radius:4px}.mdl-item:hover,.mdl-item.is-active{background:rgba(255,255,255,.1)}.mdl-stage{height:560px;border-radius:8px;overflow:hidden}.mdl-stage canvas{display:block}@media (max-width:800px){.mdl-layout{grid-template-columns:1fr}.mdl-list{max-height:260px}}
.mdl-item[hidden],.mdl-list details[hidden],#mdl-download[hidden]{display:none!important}.mdl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.mdl-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:inherit;border-radius:999px;padding:3px 10px;cursor:pointer;font-size:12px}.mdl-chip.is-active{background:rgba(255,255,255,.2)}.mdl-item.is-fav::before{content:'? ';color:#f5c518}.mdl-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}.mdl-toolbar select{max-width:200px}.mdl-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;font-size:14px}