:root {
  color-scheme: dark;
  --bg: #07090d; --bg-2: #0d1118; --panel: #10151e; --panel-strong: #151c27;
  --border: #252d3a; --border-strong: #665026; --text: #f7f5ef; --muted: #929baa;
  --subtle: #5e6877; --link: #f7f5ef; --link-hover: #f6c453; --accent: #f6c453;
  --accent-2: #ff9e3d; --accent-soft: rgba(246,196,83,.10); --radius: 10px;
  --shadow: 0 24px 70px rgba(0,0,0,.35); --content: 1280px;
}
html { background: var(--bg); }
body {
  color: var(--text);
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 78% -10%,rgba(246,196,83,.12),transparent 28%),var(--bg);
  background-size: 42px 42px,42px 42px,auto,auto;
  font-family: Inter,"Segoe UI",system-ui,sans-serif;
}
body::before { background: linear-gradient(115deg,rgba(246,196,83,.035),transparent 28%,transparent 72%,rgba(111,231,245,.025)); filter:none; inset:0; height:auto; }
body::after { display:none; }
.page-shell,.page { width:min(var(--content),calc(100% - 32px)); padding:16px 0 60px; }
.topbar,.brand-bar {
  min-height:66px; gap:22px; padding:0 14px 0 18px; position:sticky; top:12px; z-index:50;
  background:rgba(10,13,18,.94); border:1px solid var(--border); border-radius:var(--radius);
  box-shadow:0 16px 50px rgba(0,0,0,.32); backdrop-filter:blur(18px);
}
.brand { gap:11px; margin-right:10px; font-weight:900; }
.brand__logo,.brand__icon { width:34px;height:34px;background:var(--accent);color:#12100a;border-radius:7px;font-size:12px;font-weight:1000;transform:rotate(-3deg);box-shadow:4px 4px 0 #6a4518; }
.brand__text { font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em; }
.topbar__links { gap:3px;flex:1; }
.topbar__links a,.topbar__search { min-height:40px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:700; }
.topbar__links a:hover,.topbar__search:hover { color:var(--text);background:var(--panel-strong);transform:none; }
.topbar__links a.is-active { color:#171208;background:var(--accent);border-color:var(--accent); }
.topbar__cta,.button-primary,.primary-button { min-height:40px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:#f9d77e;color:#171208;font-weight:900;box-shadow:0 8px 24px rgba(246,196,83,.15); }
.button-secondary,.button-quiet,.region-tab,.method-switch__button { min-height:40px;border-radius:7px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);font-weight:750; }
.region-tab.is-active,.method-switch__button.is-active { background:var(--accent);color:#171208;border-color:var(--accent); }
.hero { margin-top:18px;padding:clamp(26px,5vw,58px);background:linear-gradient(120deg,#111722,#0b0e14 65%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden; }
.hero::before { background:none; }
.hero::after { content:"TW";position:absolute;right:-10px;bottom:-92px;color:rgba(246,196,83,.055);font-size:clamp(180px,28vw,390px);line-height:1;font-weight:1000;letter-spacing:-.12em;pointer-events:none; }
.hero__split,.hero__inner { grid-template-columns:1.18fr .82fr;gap:32px;align-items:center; }
.hero h1,h1 { margin:8px 0 16px;font-size:clamp(2.8rem,7vw,6.3rem);line-height:.88;letter-spacing:-.07em;font-weight:950;text-transform:uppercase; }
.hero--stats h1 { font-size:clamp(2.7rem,6vw,5.2rem); }
h2 { font-size:clamp(1.5rem,3vw,2.25rem); }
.kicker,.eyebrow,.updated-at,.rw-search__eyebrow { color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em; }
.subcopy,.body-copy,.lede,.muted-copy,.section-heading p { color:var(--muted); }
.hero__actions { margin-top:24px; }
.hero__stats,.hero__chips { grid-template-columns:repeat(2,minmax(0,1fr)); }
.metric-card,.stat-card,.summary-card { min-height:104px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(16,21,30,.88);border:1px solid var(--border);border-radius:8px;box-shadow:none; }
.metric-card:nth-child(1){border-top-color:var(--accent)}.metric-card:nth-child(2){border-top-color:#6fe7f5}.metric-card:nth-child(3){border-top-color:#55e39b}.metric-card:nth-child(4){border-top-color:#c79cff}
.metric-card::before,.stat-card::before,.summary-card::before { display:none; }
.metric-card span,.stat-card span,.summary-card span,.podium-score span { color:var(--subtle);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em; }
.metric-card strong,.stat-card strong,.summary-card strong,.podium-score strong { color:var(--text);font-size:1.45rem;letter-spacing:-.04em; }
.layout { gap:14px;margin-top:14px; }
.glass-card,.panel,.list-card,.login-card { padding:clamp(18px,3vw,28px);margin-top:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px rgba(0,0,0,.2); }
.section-heading { align-items:end;margin-bottom:20px; }
.podium { gap:10px; }
.podium-entry { min-height:210px;position:relative;padding:20px;background:linear-gradient(145deg,var(--panel-strong),#0c1017);border:1px solid var(--border);border-radius:8px;box-shadow:none; }
.podium-entry:first-child { border-color:#715727;box-shadow:inset 0 3px 0 var(--accent); }
.podium-rank,.pill,.chip,.team-pill { min-height:25px;padding:0 9px;border:1px solid var(--border);border-radius:5px;background:#0c1016;color:var(--muted);font-size:.72rem;font-weight:850; }
.podium-avatar,.hero__avatar,.player-cell img { width:58px;height:58px;object-fit:cover;border:1px solid #3a4452;border-radius:7px;background:#090c11;box-shadow:none; }
.hero__avatar { width:112px;height:112px; }
.podium-name a,.player-cell a { color:var(--text);font-weight:850; }
.podium-team { color:var(--muted); }
.podium-score { position:absolute;right:18px;bottom:18px;text-align:right; }
.table-shell { overflow:auto;border:1px solid var(--border);border-radius:8px;background:#0b0f15;box-shadow:none; }
table { min-width:700px; }
th,td { padding:13px 16px;border-bottom:1px solid #202733; }
th,thead th { color:var(--subtle);background:#0c1016;font-size:.69rem;text-transform:uppercase;letter-spacing:.14em; }
td { color:#c9d0dc; }
tbody tr:hover { background:rgba(246,196,83,.04); }
.player-cell img { width:34px;height:34px; }
.event-list,.event-history,.updates-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.event-card,.event-entry,.game-card,.detail-card,.mode-card,.update-card { padding:20px;background:#0c1118;border:1px solid var(--border);border-radius:8px;box-shadow:none;transition:.17s ease; }
.event-card:hover,.game-card:hover { transform:translateY(-2px);border-color:#5d4a26;background:#111720; }
.event-card h3,.game-card h3,.event-entry h3 { margin:14px 0 8px;color:var(--text); }
.event-card p,.game-card p,.event-entry p,.detail-card p { color:var(--muted); }
.game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.game-breakdown__row { background:#090d12;border-radius:6px; }
.game-breakdown__player img { width:25px;height:25px;border-radius:4px; }
.stat-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.detail-grid,.overview-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.profile-head { display:flex;align-items:center;gap:22px; }
.positive{color:#55e39b}.negative{color:#ff6874}
.game-catalog { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.catalog-card { min-height:245px;display:flex;flex-direction:column;padding:22px;position:relative;overflow:hidden;background:linear-gradient(145deg,#131a24,#0c1017);border:1px solid var(--border);border-radius:8px;transition:.17s ease; }
.catalog-card:hover { transform:translateY(-2px);border-color:#5d4a26; }
.catalog-card::after { content:attr(data-index);position:absolute;right:-5px;bottom:-35px;color:rgba(255,255,255,.035);font-size:9rem;font-weight:1000; }
.catalog-card__icon { width:44px;height:44px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:#171208;font-size:1.35rem;font-weight:900; }
.catalog-card h3 { margin:26px 0 8px;font-size:1.25rem; }
.catalog-card p { margin:0 0 20px;color:var(--muted); }
.catalog-card .pill-row { margin-top:auto;position:relative;z-index:1; }
.catalog-card--cyan .catalog-card__icon{background:#6fe7f5}.catalog-card--green .catalog-card__icon{background:#55e39b}.catalog-card--violet .catalog-card__icon{background:#c79cff}
.footer { margin-top:14px;padding:24px;display:flex;justify-content:space-between;gap:16px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;color:var(--subtle); }
.rw-search { background:rgba(3,5,8,.86);backdrop-filter:blur(12px); }
.rw-search__panel { background:#10151e;border:1px solid var(--border);border-radius:10px; }
.rw-search__input,.field input { background:#090d12;border-color:var(--border);border-radius:6px; }
.rw-search__submit { min-height:40px;padding:0 14px;border:0;border-radius:6px;background:var(--accent);color:#171208;font-weight:900;cursor:pointer; }
@media(max-width:980px){.topbar{flex-wrap:wrap;padding-block:12px}.topbar__links{order:3;width:100%;overflow-x:auto}.hero__split,.hero__inner{grid-template-columns:1fr}.game-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.page-shell,.page{width:min(100% - 18px,var(--content));padding-top:9px}.topbar{position:static;gap:9px}.brand{margin-right:auto}.topbar__cta{padding-inline:12px}.topbar__links{flex-wrap:nowrap}.topbar__links a,.topbar__search{flex:none}.hero{padding:28px 20px}.hero h1,h1{font-size:clamp(2.6rem,15vw,4.4rem)}.hero__stats,.hero__chips,.podium,.game-catalog,.game-grid,.event-list,.event-history,.stat-grid,.detail-grid,.overview-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.podium-entry{min-height:175px}.profile-head{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}}