:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0c0b12;color:#f4f0ff;--line:#3c2c4c;--muted:#a69ab9;--accent:#cf93ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#381a4a66,transparent 45%)}header,main,footer{max-width:1320px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff0d;min-height:90px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:950;letter-spacing:-1px;color:white;text-decoration:none}.brand img{width:45px;height:45px;object-fit:cover;border-radius:50%}nav{display:flex;gap:22px;flex:1;flex-wrap:wrap}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav a{font-size:14px;color:#d2c8e3;padding:12px 0}nav a[aria-current=page]{color:white;border-bottom:2px solid var(--accent)}#account{display:flex;gap:8px}.hero{position:relative;border-radius:16px;overflow:hidden;min-height:340px;padding:40px;margin:0 0 38px;background:linear-gradient(100deg,#21152e,#171322)}.hero>div{position:relative;z-index:1;max-width:65%}.hero-art{position:absolute;right:0;top:0;width:40%;height:100%;object-fit:cover;object-position:center 65%;mask-image:linear-gradient(to right,transparent,black 25%)}h1{font-size:clamp(36px,4.5vw,60px);line-height:1.05;letter-spacing:-2px;margin:16px 0}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 12px}h3{font-size:19px;margin:24px 0 12px}p{line-height:1.65;color:#c2b7d2;margin:12px 0}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800}.hero .button{margin-top:14px;margin-right:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel,.match,.article-card,.empty{background:linear-gradient(140deg,#1c1623,#13111b);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:16px}.panel p{font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.section-heading h2{margin:0}.section-heading p{margin:6px 0 0}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tabs button{border:0;background:transparent;border-radius:0;border-bottom:2px solid transparent;color:#b7abc9;padding:10px 6px}.tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button,.button{display:inline-block;font:inherit;color:#ead9ff;background:#261b33;border:1px solid #76518f;padding:10px 15px;border-radius:7px;cursor:pointer;font-size:13px;line-height:1.4;text-align:center}button:hover,.button:hover{background:#392448;text-decoration:none}.primary{color:#21102e;background:linear-gradient(110deg,#e2b5ff,#aa6bdc);border-color:#cb93f4;font-weight:750}.primary:hover{background:#dda7ff}.quiet{border-color:transparent;background:transparent;color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #d7b0ff;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.match{display:block;width:100%;text-align:left;color:inherit}.match:hover{border-color:#9e6abc;background:linear-gradient(140deg,#30203e,#1b1527)}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;font-size:19px;font-weight:800;margin:24px 0}.teams>span:last-child{text-align:right}.score{font-size:27px;white-space:nowrap}.meta{font-size:11px;color:#a99bb9;display:flex;justify-content:space-between;gap:10px;font-weight:400}.live{color:#ff739f}.stale{color:#ffc584}.muted{color:var(--muted);font-size:12px}.empty{color:#a99bb9;line-height:1.7;font-size:14px;padding:30px}.dot{color:#86ecb2;font-size:12px;float:right}.two-col,.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.article-grid{margin-top:0}.article-card p{font-size:14px}.article-title{padding:0;text-align:left;background:none;border:0;color:#f4f0ff;font-weight:750;font-size:19px;line-height:1.4}.article-title:hover{background:none;color:var(--accent)}.side-art{width:100%;height:160px;object-fit:cover;object-position:50% 75%;border-radius:5px;margin-bottom:18px}.partner{display:block;border:1px solid var(--line);padding:15px;margin-top:12px;border-radius:6px}small{font-size:11px;color:var(--muted)}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:60px;padding-top:36px;padding-bottom:36px}footer p{flex:1;font-size:13px}label{display:block;font-size:13px;color:#cdbbdd;margin:16px 0}input,textarea,select{width:100%;display:block;margin-top:8px;padding:12px;border:1px solid #624776;border-radius:6px;background:#100d17;color:#fff;font:inherit}textarea{min-height:120px;resize:vertical}#view form textarea{min-height:180px}dialog{color:#f3eaff;background:#17111f;border:1px solid #8759a8;border-radius:14px;padding:30px;width:min(750px,94vw);max-height:88vh}dialog::backdrop{background:#05030acb;backdrop-filter:blur(5px)}.icon{float:right;background:transparent;border:0;padding:3px 8px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.comment,.message{padding:15px 0;border-bottom:1px solid var(--line)}.message small{margin-left:14px}.message p,.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-messages{height:440px;overflow:auto;padding:0 20px;background:#14101d;border:1px solid var(--line);border-radius:10px}.error{color:#ff9bae;font-size:13px}#notice{position:sticky;top:12px;z-index:5;background:#382546;border:1px solid #b47bd6;padding:14px 20px;border-radius:8px;margin-bottom:20px}table{border-collapse:collapse;width:100%;font-size:13px;margin:16px 0 30px}th{text-align:left;color:#b69bc8;font-size:11px}td,th{border-bottom:1px solid var(--line);padding:13px 8px}td:first-child{overflow-wrap:anywhere}.article-card button{margin-right:5px}#view{min-width:0}[hidden]{display:none!important}@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}nav{order:3;flex-basis:100%;gap:18px}#account{margin-left:auto}.layout{grid-template-columns:minmax(0,1fr) 260px}header,main,footer{padding-left:22px;padding-right:22px}.hero{padding:30px}}@media(max-width:720px){.layout{grid-template-columns:1fr}.hero{min-height:320px;padding:24px}.hero>div{max-width:90%}.hero-art{opacity:.38;width:60%}h1{font-size:42px}.hero p{max-width:85%;color:#e0d0ed}.two-col,.article-grid{grid-template-columns:1fr}.teams{font-size:15px;gap:10px}.score{font-size:24px}.meta{flex-wrap:wrap}.panel,.match,.article-card{padding:18px}.section-heading{align-items:flex-start}h2{font-size:21px}footer{flex-wrap:wrap;gap:10px}footer p,footer small{flex-basis:100%}nav{overflow:auto;flex-wrap:nowrap}dialog{padding:22px}.chat-messages{height:350px}.brand{font-size:23px}header,main,footer{padding-left:16px;padding-right:16px}}

.hero{min-height:240px;background:linear-gradient(90deg,#100d18d9,transparent 90%),url(/fortress-v1.png) center/cover}.hero>div{max-width:100%}.hero h1{font-size:clamp(36px,5vw,60px)}.hero .button{margin-top:10px}@media(max-width:720px){.hero{min-height:250px;padding:24px;background-position:58% center}.hero h1{font-size:40px;letter-spacing:-1.4px}}

/* v0.3 visual system */
.illustrated-match{padding:22px;background:linear-gradient(145deg,#21152ecc,#11101af5),url(/fortress-v1.png) center/cover;overflow:hidden}
.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:28px 0 18px}.team-identity{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800}.team-identity.dire{flex-direction:row-reverse;text-align:right}.team-monogram{width:48px;height:48px;flex:none;display:grid;place-items:center;border:1px solid #9d6bc077;background:linear-gradient(140deg,#4d2565,#21152e);border-radius:13px;font-size:16px;color:#e5bfff}.dire .team-monogram{background:linear-gradient(140deg,#174650,#152831);border-color:#59c4cc55;color:#b2faff}.match-score{display:flex;flex-direction:column;text-align:center;gap:4px}.match-score strong{font-size:30px;white-space:nowrap}.match-score small{font-size:10px}.draft-sides{display:flex;justify-content:space-between;gap:20px;margin:12px 0 24px}.hero-strip{display:flex;gap:5px;min-height:42px;align-items:center}.hero-strip.dire{justify-content:flex-end}.hero-tile{display:inline-flex;width:40px;height:42px;border-radius:5px;overflow:hidden;border:1px solid #6c447f;background:#1b1727}.hero-portrait{width:100%;height:100%;object-fit:cover}.hero-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:10px;background:linear-gradient(140deg,#482359,#171322);color:#d9b1f0}.card-bottom{padding-top:15px;border-top:1px solid #ffffff10;align-items:center;flex-wrap:wrap}.card-action{margin-left:auto;color:#e5b7ff;font-size:12px}.card-bottom span{font-size:10px}.cover-button{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;overflow:hidden}.article-cover{display:block;width:100%;height:170px;object-fit:cover;transition:transform .3s}.cover-button:hover .article-cover{transform:scale(1.04)}.visual-article{padding:0;overflow:hidden}.article-copy{padding:20px}.reading-cover{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:9px;margin:8px 0 22px}.section-art{width:100%;max-height:300px;object-fit:cover;border-radius:10px;margin:5px 0 24px}.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.profile-card{text-align:left;display:flex;flex-direction:column;padding:20px;border-color:var(--line);background:#191320;gap:10px;min-width:0;overflow-wrap:anywhere}.profile-card>.hero-portrait,.profile-card>.hero-fallback{width:60px;height:60px;border-radius:9px}.profile-monogram{display:grid;place-items:center;background:#3b224c;color:#e8baff;border:1px solid #714c86;width:52px;height:52px;border-radius:12px;font-weight:800;font-size:20px}.profile-card strong{font-size:15px}.profile-card p{font-size:12px;margin:0}.win-track{font-size:11px;color:#94e2c1;border-left:3px solid #64b994;padding-left:8px}.tournament-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tournament-card{display:block;text-align:left;padding:0;overflow:hidden;background:#1a1324;border-color:var(--line)}.tournament-cover{height:140px;width:100%;object-fit:cover}.tournament-copy{padding:18px}.tournament-copy h3{margin:10px 0 18px}.tournament-copy>span{color:var(--accent);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.metric{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#1a1324}.metric strong{font-size:30px}.player-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.player-tile{display:flex;flex-direction:column;padding:10px;text-align:center;align-items:center;gap:9px;min-width:0;border-color:var(--line);background:#191320}.player-tile .hero-portrait,.player-tile .hero-fallback{width:65px;height:65px;border-radius:6px}.player-tile b{font-size:12px;overflow-wrap:anywhere}.player-tile small{font-size:10px;max-width:100%;overflow-wrap:anywhere}.kda{font-size:11px;color:#b8d4c8}.tooltip-heading{display:flex;gap:18px;align-items:center}.tooltip-heading>.hero-portrait,.tooltip-heading>.hero-fallback{width:80px;height:80px;border-radius:8px}.item-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.item-slot{border:1px solid #705183;padding:15px 8px;font-size:12px;border-radius:5px;min-height:55px;display:grid;place-items:center;background:#20162e}.hero-history{display:flex;flex-wrap:wrap;gap:12px}.hero-history-card{display:flex;align-items:center;gap:12px}.hero-history-card>.hero-portrait,.hero-history-card>.hero-fallback{width:40px;height:40px}.sidebar-player{display:grid;grid-template-columns:20px 1fr auto;gap:10px;width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;text-align:left;border-radius:0;padding:14px 0}.sidebar-player>span{color:#b98fdb}.sidebar-player>b{overflow:hidden;text-overflow:ellipsis}.sidebar-player small{white-space:nowrap}
@media(max-width:1050px){.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-identity{font-size:15px;gap:8px}.team-monogram{width:36px;height:36px;font-size:13px}.hero-tile{width:32px;height:36px}.hero-strip{gap:3px}.versus{gap:8px}.match-score strong{font-size:25px}.player-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.illustrated-match{padding:16px}.team-identity{font-size:14px;flex-direction:column;align-items:flex-start}.team-identity.dire{flex-direction:column;align-items:flex-end}.team-monogram{width:40px;height:40px}.versus{margin-top:22px}.hero-tile{width:30px;height:34px}.draft-sides{gap:8px}.hero-strip{gap:3px;flex-wrap:wrap;max-width:49%}.card-bottom{gap:8px}.card-action{margin-left:0}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{padding:14px}.player-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tournament-grid{grid-template-columns:1fr}.metrics{gap:7px}.metric{padding:14px 10px}.metric strong{font-size:26px}.metric small{font-size:10px}.reading-cover{aspect-ratio:16/10}}

.home-tournaments{margin-top:32px;margin-bottom:30px}.home-tournaments .tournament-cover{height:150px}

/* Friendly daylight theme: readable surfaces, quiet accents, clear actions. */
:root{color-scheme:light;background:#f5f6fb;color:#24243d;--line:#e5e5f0;--muted:#75758b;--accent:#7356c9}
body{background:radial-gradient(ellipse at 95% 0,#ebe5fc,transparent 38%),#f5f6fb}
header{border-bottom:1px solid var(--line);gap:28px}.brand{color:#29243e;font-weight:900}nav{gap:7px}nav a{color:#69667b;padding:10px 12px;border-radius:10px}nav a:hover{background:#ece8f7;text-decoration:none}nav a[aria-current=page]{color:#6742bd;background:#ebe5fa;border:0;font-weight:700}
.hero{min-height:260px;padding:36px 40px;margin-bottom:30px;background:linear-gradient(110deg,#eee8ff 0%,#f0ecff 56%,#e2f4f0 100%);border:1px solid #e5ddf5;border-radius:24px;isolation:isolate}.hero:after{content:'';position:absolute;right:40px;bottom:-38px;width:320px;height:320px;background:url(/mascot.png) center/cover;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 0 22px #ffffff55;z-index:-1}.hero>div{max-width:68%}.hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;line-height:1.1;margin:14px 0}.hero p{color:#69607e}.eyebrow{color:#8164bd;font-size:10px;letter-spacing:1.8px}.hero .button{margin-top:12px}
p{color:#656579}h2{font-size:22px;letter-spacing:-.5px}h3{color:#302b43}.panel,.match,.article-card,.empty{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:0 4px 18px #34325b04}.panel{padding:23px;margin-bottom:18px}.panel p{line-height:1.7}.layout{gap:26px}.section-heading{margin-bottom:18px}
button,.button{background:#fff;border-color:#ded9eb;color:#67548b;border-radius:10px;padding:11px 16px;transition:background .18s,border-color .18s,box-shadow .18s}button:hover,.button:hover{background:#f3effc;border-color:#c8b7e8}.primary{background:#7955d5;border-color:#7955d5;color:#fff;box-shadow:0 4px 12px #7854d526}.primary:hover{background:#6945c3;border-color:#6945c3}.quiet{background:transparent;border-color:transparent;color:var(--accent)}.tabs{gap:6px;background:#ebeaf3;padding:5px;border-radius:13px;width:fit-content;max-width:100%}.tabs button{border:0;border-radius:9px;color:#767186;padding:9px 17px;background:transparent}.tabs button[aria-pressed=true]{background:#fff;color:#704fc2;box-shadow:0 2px 7px #29204209}
.match,.illustrated-match{background:#fff;color:#24243d}.match:hover{background:#fefdff;border-color:#bda9e4;box-shadow:0 7px 24px #634a8b0b}.meta{color:#858093}.team-monogram,.profile-monogram{background:#eee8fc;border-color:#e3daf6;color:#7655b0}.dire .team-monogram{background:#e6f4f1;border-color:#d6eae5;color:#408675}.match-score strong{color:#393047}.card-bottom{border-color:#eeedf4}.card-action{color:#7955c2;font-weight:650}.hero-tile{border-color:#e6dff0;background:#f5f1fa;border-radius:7px}.hero-fallback{background:#eee8f8;color:#795f99}.live{color:#dc5183}.stale{color:#a66f2e}.empty{color:#787187;background:#fff;padding:25px;line-height:1.8}.dot{color:#47ad90}
.article-title{color:#302a43}.article-title:hover{color:#7955c2}.visual-article{padding:0}.article-copy{padding:22px}.article-cover{height:185px}.cover-button{padding:0;border:0;border-radius:0}.side-art{border-radius:12px}.partner{border-radius:11px;background:#faf9fd}.profile-card,.tournament-card,.player-tile,.metric{background:#fff;border-color:var(--line);color:#343047;border-radius:15px}.profile-card:hover,.tournament-card:hover,.player-tile:hover{background:#faf8ff}.tournament-copy{padding:20px}.win-track{color:#36876d;border-color:#69b49b}.sidebar-player{color:#484057;background:transparent;border-radius:0;padding:15px 0}.sidebar-player>span{color:#a294b6}.sidebar-player:hover{background:#faf8fd}.kda{color:#508370}.item-slot{background:#f7f4fc;border-color:#e3d9ef;color:#655276;border-radius:10px}.metric strong{color:#7054a5}.chat-messages{background:#faf9fd;border-color:var(--line)}label{color:#655a74}input,textarea,select{background:#fff;color:#30283e;border-color:#dcd5e7;border-radius:10px}input:focus,textarea:focus,select:focus{outline:2px solid #d4c5f2;border-color:#ad93d5}dialog{background:#fff;color:#30283e;border-color:#e4deed;border-radius:22px;box-shadow:0 24px 100px #29233c33}dialog::backdrop{background:#39304c66;backdrop-filter:blur(6px)}th{color:#8c7b9e}.error{color:#bf3d65}#notice{background:#eee7fc;border-color:#d8c8ef;color:#614880;border-radius:13px}footer{border-color:var(--line)}footer .brand{font-size:21px}small{color:var(--muted)}.data-note summary{cursor:pointer;font-weight:700;font-size:15px;color:#6d617f}.data-note p{font-size:12px}.data-note #sources{margin-top:14px}a:focus-visible,button:focus-visible{outline-color:#9878db}
@media(max-width:1050px){header{gap:14px}nav a{padding:9px 10px}.hero:after{right:0;width:280px;height:280px}.hero>div{max-width:72%}}
@media(max-width:720px){header{padding-top:17px;padding-bottom:17px}main{padding-top:16px}nav{gap:3px;padding:3px 0}nav a{white-space:nowrap;font-size:13px;padding:9px 10px}.hero{padding:26px;min-height:250px;border-radius:20px;margin-bottom:24px}.hero>div{max-width:100%}.hero:after{width:180px;height:180px;right:-65px;bottom:-40px;opacity:.17}.hero h1{font-size:36px;letter-spacing:-1.2px}.hero p{color:#736586;max-width:100%}.hero .button{font-size:12px;padding:10px 13px}.eyebrow{font-size:9px}.panel,.match,.article-card{border-radius:15px}.visual-article{padding:0}.layout{gap:16px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:9px 10px;font-size:12px}aside{margin-top:14px}.section-heading h2{font-size:20px}.article-cover{height:195px}footer{margin-top:30px}.team-identity{font-size:13px}.meta{font-size:10px}}

/* Ancient allegiance: Radiant daylight and Dire embers. */
:root{--accent:#26866b}header{flex-wrap:wrap;gap:16px}nav{gap:2px}.faction-switch{display:flex;background:#e9eeeb;padding:4px;border:1px solid #dbe5de;border-radius:13px;gap:3px}.faction-switch button{border:0;background:transparent;color:#69786d;font-size:12px;padding:8px 10px;white-space:nowrap}.faction-switch button[aria-pressed=true]{background:#fff;color:#287b5d;box-shadow:0 2px 6px #244c1510}.hero{background:linear-gradient(110deg,#e7f3e9,#edf7ed 58%,#dbf1e7);border-color:#d6e9db}.eyebrow{color:#43846b}.primary{background:#31886b;border-color:#31886b;box-shadow:0 4px 12px #31886b22}.primary:hover{background:#26765b;border-color:#26765b}nav a[aria-current=page]{color:#277459;background:#e0eee5}.tabs button[aria-pressed=true]{color:#28775e}.card-action{color:#318265}.team-monogram,.profile-monogram{background:#e7f2e9;border-color:#d6e8db;color:#477e58}
:root[data-theme=dire]{color-scheme:dark;background:#17171d;color:#f1edf0;--line:#3b3038;--muted:#ac9fa8;--accent:#f09883}html[data-theme=dire] body{background:radial-gradient(ellipse at 95% 0,#50272c55,transparent 45%),#17171d}html[data-theme=dire] .brand{color:#f4edef}html[data-theme=dire] nav a{color:#bcadb4}html[data-theme=dire] nav a:hover{background:#35272e}html[data-theme=dire] nav a[aria-current=page]{background:#452c31;color:#ffb19a}html[data-theme=dire] .faction-switch{background:#252027;border-color:#46323a}html[data-theme=dire] .faction-switch button{color:#b5a5ad}html[data-theme=dire] .faction-switch button[aria-pressed=true]{background:#543039;color:#ffc0a7}html[data-theme=dire] .hero{background:linear-gradient(110deg,#33262e,#38252b 60%,#512c2c);border-color:#57353c}html[data-theme=dire] .hero:after{background-image:url(/mascot-dire-v1.png);box-shadow:0 0 0 22px #dc896112}html[data-theme=dire] .hero p{color:#d2b4b6}html[data-theme=dire] .eyebrow{color:#f0a08b}html[data-theme=dire] p{color:#c0afb9}html[data-theme=dire] h3{color:#e9dde3}html[data-theme=dire] .panel,html[data-theme=dire] .match,html[data-theme=dire] .article-card,html[data-theme=dire] .empty,html[data-theme=dire] .profile-card,html[data-theme=dire] .tournament-card,html[data-theme=dire] .player-tile,html[data-theme=dire] .metric{background:#242129;color:#f1e8ed;border-color:var(--line)}html[data-theme=dire] .match:hover,html[data-theme=dire] .profile-card:hover,html[data-theme=dire] .tournament-card:hover,html[data-theme=dire] .player-tile:hover{background:#2d252e;border-color:#79505b}html[data-theme=dire] button,html[data-theme=dire] .button{background:#342931;border-color:#60434e;color:#f2c6bc}html[data-theme=dire] button:hover,html[data-theme=dire] .button:hover{background:#493039}html[data-theme=dire] .primary{background:#bf604d;border-color:#bf604d;color:#fff;box-shadow:0 4px 14px #ad443822}html[data-theme=dire] .primary:hover{background:#cc705b}html[data-theme=dire] .tabs{background:#29232b}html[data-theme=dire] .tabs button{background:transparent;border:0;color:#b5a3af}html[data-theme=dire] .tabs button[aria-pressed=true]{background:#50323b;color:#ffc1a8}html[data-theme=dire] .quiet{background:transparent;border-color:transparent}html[data-theme=dire] .team-monogram,html[data-theme=dire] .profile-monogram{background:#49303b;border-color:#62404a;color:#f4b5a4}html[data-theme=dire] .dire .team-monogram{background:#343e3c;border-color:#45554e;color:#b1d4c1}html[data-theme=dire] .match-score strong,html[data-theme=dire] .article-title{color:#f5e9ef}html[data-theme=dire] .card-bottom{border-color:var(--line)}html[data-theme=dire] .card-action{color:#f5ab93}html[data-theme=dire] .sidebar-player{background:transparent;color:#e3d7df;border-color:var(--line)}html[data-theme=dire] .sidebar-player:hover{background:#30262d}html[data-theme=dire] .data-note summary{color:#d6bbc6}html[data-theme=dire] .partner,html[data-theme=dire] .chat-messages,html[data-theme=dire] .item-slot{background:#29232c;border-color:var(--line);color:#d7c0ce}html[data-theme=dire] input,html[data-theme=dire] textarea,html[data-theme=dire] select{background:#1e1b22;border-color:#614450;color:#f2e9ee}html[data-theme=dire] label{color:#d7bdc9}html[data-theme=dire] dialog{background:#27212a;color:#f3e5ed;border-color:#67444f}html[data-theme=dire] .cover-button,html[data-theme=dire] .article-title{background:transparent;border:0}html[data-theme=dire] .metric strong{color:#edaa91}html[data-theme=dire] #notice{background:#4c303b;color:#f2d0c6;border-color:#79505c}html[data-theme=dire] .meta{color:#b5a4b0}
@media(max-width:1000px){nav{order:3}.faction-switch{margin-left:auto}#account{margin-left:0}}@media(max-width:720px){header{gap:12px}.faction-switch{margin-left:auto}.faction-switch button{padding:8px;font-size:11px}#account{margin-left:auto}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:no-preference){body,.hero,.panel,.match,.article-card{transition:background-color .25s,border-color .25s,color .25s}}
html[data-theme=radiant] body{background:radial-gradient(ellipse at 95% 0,#e0f0e5,transparent 42%),#f5f8f5}html[data-theme=radiant] .tabs{background:#e8eee9}html[data-theme=radiant] .hero p{color:#5c7668}html[data-theme=radiant] .card-action{color:#318265}

/* Modern masthead: floating navigation and faction atmosphere. */
header{max-width:1256px;margin:18px auto 0;padding:13px 18px;min-height:76px;border:1px solid #dce8df;border-radius:22px;background:#ffffffc9;box-shadow:0 8px 30px #23493106;backdrop-filter:blur(18px);gap:14px}.brand{font-size:24px;letter-spacing:-1px;gap:9px}.brand img{width:42px;height:42px;box-shadow:0 3px 12px #26886722}header nav{gap:2px}header nav a{padding:10px 9px;font-size:12px;border-radius:11px}header #account button{font-size:12px;padding:9px 12px}.faction-switch{border-radius:14px;background:#eef4ef;padding:4px;gap:2px}.faction-switch button{padding:8px 9px;font-size:11px}.hero{min-height:325px;padding:43px 42px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#bbe8ca88,transparent 48%),linear-gradient(120deg,#edf7ef,#e3f3e9);border:1px solid #d4e8d9;box-shadow:inset 0 1px 0 #ffffffaa}.hero:after{display:none}.hero>div{max-width:63%;z-index:2}.hero h1{font-size:clamp(36px,4.1vw,58px);margin:20px 0 15px;letter-spacing:-2px}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #bbd9c5;background:#ffffff75;border-radius:30px;padding:8px 12px;letter-spacing:1.1px;font-size:9px}.hero .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#43a77c;box-shadow:0 0 0 4px #43a77c18}.hero .button{padding:12px 19px;border-radius:12px}.hero #portal-date{font-size:14px}.hero-orbit{position:absolute;right:30px;top:25px;width:290px;height:290px;display:grid;place-items:center;z-index:1}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:7px;border:1px solid #65aa7c44;border-radius:50%;transform:rotate(-20deg) scaleX(1.17)}.hero-orbit:after{inset:-12px;transform:rotate(25deg) scaleX(.95);border-style:dashed;border-color:#65aa7c33}.hero-orbit img{width:240px;height:240px;object-fit:cover;border-radius:50%;box-shadow:0 18px 48px #397f6030,0 0 0 10px #ffffff70;position:relative}.orbit-caption{position:absolute;bottom:0;font-size:8px;font-weight:750;letter-spacing:2px;color:#548369;background:#edf7efee;border:1px solid #cee3d4;padding:8px 12px;border-radius:30px}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(120deg,transparent 45%,#fff5 45.1%,transparent 65%)}.hero-atmosphere i{position:absolute;border-radius:50%;background:#59ae7d44;box-shadow:0 0 14px #60b68a22;width:6px;height:6px;left:55%;top:20%}.hero-atmosphere i:nth-child(2){left:92%;top:66%;width:10px;height:10px;animation-delay:-3s}.hero-atmosphere i:nth-child(3){left:58%;top:82%;animation-delay:-5s}.hero-atmosphere i:nth-child(4){left:72%;top:12%;width:4px;height:4px;animation-delay:-7s}.hero-atmosphere i:nth-child(5){left:45%;top:51%;width:4px;height:4px;animation-delay:-2s}.hero-atmosphere i:nth-child(6){left:95%;top:16%;animation-delay:-4s}.motion-toggle{position:absolute;bottom:12px;left:42px;font-size:9px;padding:3px 8px;background:transparent;border-color:transparent;opacity:.65;z-index:3}.motion-toggle:hover{opacity:1}
html[data-theme=dire] header{background:#242028d9;border-color:#49333c;box-shadow:0 8px 30px #0002}html[data-theme=dire] .hero{background:radial-gradient(ellipse at 80% 20%,#a348303d,transparent 50%),linear-gradient(120deg,#30252d,#42272b);border-color:#603b40;box-shadow:inset 0 1px 0 #9c6b5d22}html[data-theme=dire] .hero .eyebrow{background:#55333b88;border-color:#7b4a47;color:#f6b09b}html[data-theme=dire] .hero .eyebrow:before{background:#f79468;box-shadow:0 0 0 4px #f7946818}html[data-theme=dire] .hero-orbit img{box-shadow:0 18px 48px #d15a1e20,0 0 0 10px #c77b5715}html[data-theme=dire] .hero-orbit:before,html[data-theme=dire] .hero-orbit:after{border-color:#e8885740}html[data-theme=dire] .orbit-caption{background:#412a30;color:#edab8e;border-color:#74473d}html[data-theme=dire] .hero-atmosphere{background:linear-gradient(120deg,transparent 45%,#f4986010 45.1%,transparent 65%)}html[data-theme=dire] .hero-atmosphere i{background:#ffb07588;box-shadow:0 0 14px #ff975533}html[data-theme=dire] .motion-toggle{background:transparent;border-color:transparent;color:#e5b6a7}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes mote-float{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(10px,-18px);opacity:.85}}@keyframes masthead-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-orbit img{animation:mascot-float 7s ease-in-out infinite}.hero-atmosphere i{animation:mote-float 9s ease-in-out infinite}.hero>div{animation:masthead-in .5s ease-out}header nav a{transition:background .2s,color .2s}html[data-motion=paused] .hero *,html[data-motion=paused] .hero *:before,html[data-motion=paused] .hero *:after{animation-play-state:paused!important}}
@media(prefers-reduced-motion:reduce){.hero *,header *{animation:none!important;transition:none!important}.motion-toggle{display:none}}
@media(max-width:1300px){header{margin-left:22px;margin-right:22px}header nav{order:3;flex-basis:100%;justify-content:center}header #account{margin-left:0}.faction-switch{margin-left:auto}header{min-height:0;row-gap:8px}main{padding-top:24px}}
@media(max-width:850px){.hero-orbit{width:230px;height:230px;right:14px;top:54px}.hero-orbit img{width:190px;height:190px}.orbit-caption{font-size:6px;letter-spacing:1px}.hero>div{max-width:65%}.hero{padding:32px;min-height:310px}.motion-toggle{left:32px}.hero h1{font-size:40px}}
@media(max-width:720px){header{margin:12px 16px 0;padding:13px 12px;border-radius:18px;gap:10px}.brand{font-size:21px}.brand img{width:34px;height:34px}header #account{margin-left:auto}header nav{justify-content:flex-start;gap:2px;padding:0 0 3px;order:4}header nav a{font-size:12px;padding:9px 10px}.faction-switch button{padding:7px;font-size:10px}.hero{min-height:380px;padding:25px;border-radius:22px}.hero>div{max-width:100%}.hero h1{font-size:36px;letter-spacing:-1.3px;margin:17px 0 10px;max-width:100%}.hero .eyebrow{font-size:8px;padding:7px 10px;letter-spacing:.7px}.hero #portal-date{font-size:12px}.hero .button{font-size:11px;padding:11px 12px;margin-right:3px}.hero-orbit{width:130px;height:130px;top:auto;bottom:14px;right:26px}.hero-orbit img{width:105px;height:105px;box-shadow:0 8px 22px #397f6020,0 0 0 5px #ffffff70}.orbit-caption{display:none}.hero-orbit:after{inset:-5px}.motion-toggle{left:25px;bottom:24px;font-size:10px}.hero-atmosphere i:nth-child(5){left:22%;top:80%}main{padding-top:18px}}
@media(prefers-reduced-motion:no-preference){html[data-motion=paused] .hero>div{animation:none!important;opacity:1;transform:none}}
@media(max-width:720px){.hero{min-height:470px}.hero-orbit{bottom:18px;right:25px}.motion-toggle{bottom:25px}.hero>div{padding-bottom:125px}}

/* Illustrated faction hero and coordinated editorial artwork. */
html[data-theme=radiant] .hero{background:linear-gradient(90deg,#f3faf2f5 0%,#eff8eedb 30%,#e7f5e963 58%,#ccebd51a 100%),url(/hero-radiant-v1.png) center 55%/cover;min-height:380px;padding:35px 42px;box-shadow:inset 0 1px 0 #fff9,0 12px 35px #3e765d0a}html[data-theme=dire] .hero{background:linear-gradient(90deg,#211c29f5 0%,#2a202ce3 33%,#37232b88 62%,#34202c33 100%),url(/fortress-v1.png) center/cover;min-height:380px;padding:35px 42px}.hero h1{margin:14px 0 12px;font-size:clamp(36px,4.2vw,58px)}.hero-intro{font-size:16px;line-height:1.65;font-weight:500;margin:0 0 14px;max-width:390px}html[data-theme=radiant] .hero .hero-intro{color:#41634f}html[data-theme=dire] .hero .hero-intro{color:#ddcbd3}.hero #portal-date{font-size:11px;margin:0 0 4px}.hero .eyebrow{margin:0}.hero-orbit{top:40px;right:45px;width:310px;height:310px}.hero-orbit img{width:255px;height:255px}.hero-atmosphere{background:none!important}.hero .motion-toggle{bottom:10px}.article-cover,.tournament-cover,.side-art{transition:opacity .2s}
@media(max-width:1000px){.hero-orbit{right:12px;top:80px;width:240px;height:240px}.hero-orbit img{width:200px;height:200px}.hero>div{max-width:65%}.hero-intro{font-size:14px}}
@media(max-width:720px){html[data-theme=radiant] .hero,html[data-theme=dire] .hero{padding:25px;min-height:520px;background-position:60% center}.hero>div{max-width:100%;padding-bottom:145px}.hero h1{font-size:35px;line-height:1.12}.hero-intro{font-size:14px;max-width:100%}.hero-orbit{top:auto;bottom:17px;right:30px;width:145px;height:145px}.hero-orbit img{width:122px;height:122px}.hero .motion-toggle{bottom:25px}.hero .eyebrow{font-size:7px}.hero .button{margin-top:9px}.article-cover{height:200px}}

/* Match centre: compact, scan-friendly rows and expandable inventories. */
main>.hero{display:none!important}header{margin-top:14px}main{padding-top:30px}.layout{grid-template-columns:minmax(0,1fr) 285px}header nav{order:0;flex-basis:auto}.match-group{margin:0 0 20px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.match-group-title{margin:0;padding:13px 18px;background:#f1f6f2;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:0}.compact-match{border-bottom:1px solid var(--line);margin:0;background:#fff}.compact-match:last-child{border-bottom:0}.match-summary{display:grid;grid-template-columns:65px minmax(0,1fr) 80px 14px;gap:18px;align-items:center;cursor:pointer;list-style:none;padding:18px;min-height:100px}.match-summary::-webkit-details-marker{display:none}.match-summary:hover{background:#f8fbf8}.match-summary:focus-visible{outline:3px solid #6fa68b;outline-offset:-3px}.match-time{display:flex;flex-direction:column;gap:7px}.match-time b{font-size:14px}.match-time small{font-size:10px}.row-teams{display:grid;gap:10px;min-width:0}.row-team{display:flex;align-items:center;gap:10px;min-width:0}.row-team b{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.team-logo,.team-placeholder{width:29px;height:29px;object-fit:contain;flex:none}.team-logo{background:#f5f5f2;border-radius:6px;padding:2px}.team-placeholder{display:grid;place-items:center;background:#edf0ec;color:#718177;font-size:10px;border-radius:6px}.kill-score{font-size:14px;min-width:25px;text-align:center}.match-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;color:var(--muted)}.match-status small{font-size:10px}.row-chevron{color:var(--muted);transition:transform .2s}.compact-match[open] .row-chevron{transform:rotate(180deg)}.compact-match[open] .match-summary{background:#f5f9f6}.match-expansion{border-top:1px solid var(--line);padding:18px;background:#fafcf9}.expansion-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:17px}.expanded-rosters{display:grid;grid-template-columns:1fr;gap:15px}.roster-side h3{font-size:12px;margin:0 0 8px;color:#61796a}.roster-player{display:grid;grid-template-columns:42px minmax(85px,1fr) 65px 210px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.roster-hero{padding:0!important;width:42px;height:32px;border:0!important;overflow:hidden;border-radius:6px!important}.roster-hero img{width:100%;height:100%;object-fit:cover}.roster-name{display:flex;flex-direction:column;gap:4px;min-width:0}.roster-name b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-name small{font-size:10px}.roster-kda{font-size:10px;color:var(--muted);white-space:nowrap}.inventory-strip{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.inventory-slot{width:31px;height:25px;background:#e9eee9;border:1px solid #dbe4dc;border-radius:4px;display:grid;place-items:center;font-size:10px;color:#819487;overflow:hidden;flex:none}.item-icon{width:100%;height:100%;object-fit:cover}.item-slots .inventory-slot{width:100%;height:65px}.compact-match>div.match-summary{cursor:default}.compact-match>div.match-summary+.match-expansion{display:block}#view>.compact-match{border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
html[data-theme=dire] .match-group,html[data-theme=dire] .compact-match{background:#242129}html[data-theme=dire] .match-group-title{background:#2e252d;color:#d4b5be}html[data-theme=dire] .match-summary:hover,html[data-theme=dire] .compact-match[open] .match-summary{background:#30262e}html[data-theme=dire] .match-expansion{background:#211e26}html[data-theme=dire] .team-placeholder{background:#3d3039;color:#c6a3ac}html[data-theme=dire] .team-logo{background:#eeeae8}html[data-theme=dire] .roster-side h3{color:#d2ab9c}html[data-theme=dire] .inventory-slot{background:#352b34;border-color:#57404b;color:#baa3b4}
@media(max-width:1200px){header nav{order:3;flex-basis:100%}}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 250px}.roster-player{grid-template-columns:38px minmax(80px,1fr) 60px}.inventory-strip{grid-column:2/4}.match-summary{gap:10px;padding:14px;grid-template-columns:52px minmax(0,1fr) 62px 12px}}
@media(max-width:720px){main{padding-top:25px}.layout{grid-template-columns:1fr}.match-group-title{font-size:11px;padding:12px}.match-summary{grid-template-columns:44px minmax(0,1fr) 58px 10px;gap:8px;padding:14px 11px}.row-team{gap:7px}.row-team b{font-size:12px}.team-logo,.team-placeholder{width:23px;height:23px}.match-status{font-size:9px}.match-status small{font-size:9px}.match-time b{font-size:12px}.match-time small{font-size:9px}.kill-score{font-size:12px;min-width:20px}.match-expansion{padding:13px}.expansion-caption{font-size:10px;flex-wrap:wrap}.roster-player{grid-template-columns:36px minmax(65px,1fr) 64px;gap:8px}.inventory-strip{grid-column:2/4}.inventory-slot{width:29px;height:23px}.roster-hero{width:36px;height:30px}.match-group{border-radius:12px}.match-summary{min-height:93px}}
@media(prefers-reduced-motion:reduce){.row-chevron{transition:none}}
/* Logos supplied by teams often use white artwork; a neutral plate preserves it. */
.team-logo,html[data-theme=dire] .team-logo{background:#51565d;border-radius:6px;padding:3px}
.team-filters{display:grid;grid-template-columns:1fr 190px;gap:18px}.team-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.team-directory-card{display:grid;grid-template-columns:44px 1fr;gap:10px;text-align:left;padding:20px;background:#fff;border-color:var(--line);color:inherit;border-radius:15px}.team-directory-card .team-logo,.team-directory-card .team-placeholder{width:44px;height:44px;grid-row:span 2}.team-directory-card>strong{font-size:17px;align-self:end}.team-directory-card p,.team-directory-card>small{grid-column:1/-1;margin:0;line-height:1.7}.tier-badge{display:inline-block;font-size:11px;font-weight:650;color:var(--accent)}.team-profile-head{display:flex;align-items:center;gap:18px;margin:20px 0}.team-profile-head .team-logo,.team-profile-head .team-placeholder{width:70px;height:70px}.team-directory-card p{font-size:12px}label:has(select[name=match-tier]){max-width:220px;margin-bottom:24px}html[data-theme=dire] .team-directory-card{background:#242129;border-color:var(--line)}@media(max-width:720px){.team-filters,.team-directory{grid-template-columns:1fr}.team-filters{gap:0}.team-directory-card{padding:17px}}
.season-filters{display:grid;grid-template-columns:190px minmax(150px,1fr) 150px;gap:15px;align-items:end}.season-filters label{margin:8px 0 16px}.ranking-wrap{overflow-x:auto;max-width:100%}.ranking-table{border-collapse:separate;border-spacing:0 8px;margin:0 0 20px;min-width:620px}.ranking-table th{font-size:11px;padding:10px 13px}.ranking-table td{padding:16px 13px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}.ranking-table td:first-child{border-left:1px solid var(--line);border-radius:13px 0 0 13px}.ranking-table td:last-child{border-right:1px solid var(--line);border-radius:0 13px 13px 0}.ranking-name{display:flex;align-items:center;gap:10px;min-height:65px;font-weight:700}.ranking-name a{color:inherit}.position{color:var(--muted);font-weight:700}.form-badges{display:flex;gap:4px}.form-badges>span{display:grid;place-items:center;width:24px;height:27px;border-radius:6px;font-size:10px;font-weight:700}.form-win{background:#d8efdf;color:#2d7648;border:1px solid #acd4b7}.form-loss{background:#f7e0dc;color:#a84f49;border:1px solid #ecc0b7}.season-patches{display:flex;flex-wrap:wrap;gap:8px}.season-patches a{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;font-size:12px}.tabs>a{padding:9px 16px;font-size:12px;color:var(--muted);border-radius:9px}.tabs>a[aria-current=page]{background:#fff;color:var(--accent)}html[data-theme=dire] .ranking-table td{background:#29252d}html[data-theme=dire] .form-win{background:#284936;color:#b0e1bc;border-color:#3d664b}html[data-theme=dire] .form-loss{background:#5d2e34;color:#f5bbac;border-color:#80424b}html[data-theme=dire] .season-patches a,html[data-theme=dire] .tabs>a[aria-current=page]{background:#352932}@media(max-width:720px){.season-filters{grid-template-columns:1fr 1fr;gap:10px}.season-filters label:nth-child(2){grid-column:1/-1;grid-row:2}.ranking-table td{padding:12px 10px}.ranking-table{min-width:600px}.season-filters label{font-size:11px}}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px}

/* Match arena: paired teams, prominent score, readable inventories. */
.arena-card{--arena-bg:#fff;--arena-soft:#f5f7f6;--arena-text:#28382f;border:1px solid var(--line);border-radius:22px;background:var(--arena-bg);overflow:hidden;margin-bottom:22px;color:var(--arena-text);box-shadow:0 12px 40px #244c3107}.arena-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line);background:var(--arena-soft)}.arena-league{font-size:11px;font-weight:750;letter-spacing:.3px}.arena-live{font-size:10px;font-weight:800;color:#db5275;background:#e75f7712;border:1px solid #e75f7733;padding:5px 9px;border-radius:6px;letter-spacing:1px}.arena-state{font-size:9px;letter-spacing:1px;color:var(--muted)}.arena-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);gap:15px;align-items:center;padding:30px 24px 24px;background:radial-gradient(ellipse at 0 0,#77c49b12,transparent 50%),radial-gradient(ellipse at 100% 0,#d37b6910,transparent 50%)}.arena-identity{display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center;min-width:0}.arena-identity .team-logo,.arena-identity .team-placeholder{width:52px;height:52px;grid-row:span 2;border-radius:12px}.arena-identity small{font-size:9px;font-weight:750;letter-spacing:1.8px;color:#469d78;align-self:end}.arena-identity strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere;align-self:start;margin-top:5px}.arena-identity.dire{text-align:right;grid-template-columns:1fr 52px}.arena-identity.dire .team-logo,.arena-identity.dire .team-placeholder{grid-column:2}.arena-identity.dire small,.arena-identity.dire strong{grid-column:1}.arena-identity.dire small{grid-row:1;color:#cb7768}.arena-score{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.arena-score>strong{font-size:44px;line-height:1;letter-spacing:-2px;font-weight:850;white-space:nowrap}.arena-map-label{font-size:8px;letter-spacing:1.8px;font-weight:750;color:var(--muted)}.arena-clock{font-size:13px;font-variant-numeric:tabular-nums;font-weight:650}.arena-score>small{font-size:9px}.arena-series{font-size:10px;padding:5px 10px;background:var(--arena-soft);border:1px solid var(--line);border-radius:7px;color:var(--muted)}.arena-meta{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px 22px;font-size:10px;flex-wrap:wrap}.arena-delay{color:#a37a38}.arena-rosters{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 18px 18px}.arena-side{border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0}.arena-side-heading{display:flex;justify-content:space-between;gap:6px;padding:11px 12px;font-size:8px;font-weight:750;letter-spacing:1.3px;background:#6fb68a0e;border-bottom:1px solid var(--line);color:#4b9772}.arena-side-heading small{font-size:8px;letter-spacing:.7px}.arena-side.dire .arena-side-heading{color:#c67d6a;background:#bd79680a}.arena-player{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line);transition:background .15s}.arena-player:last-child{border-bottom:0}.arena-player:hover{background:var(--arena-soft)}.arena-portrait{width:43px;height:36px;padding:0!important;border:0!important;border-radius:7px!important;overflow:hidden;box-shadow:0 2px 7px #0002}.arena-portrait .hero-portrait,.arena-portrait .hero-fallback{width:100%;height:100%;object-fit:cover}.arena-player-name{display:flex;flex-direction:column;gap:4px;min-width:0}.arena-player-name b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-player-name small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-kda{display:flex;gap:3px;align-items:center;white-space:nowrap;font-size:9px;font-variant-numeric:tabular-nums}.arena-kda span{color:var(--muted)}.arena-kda b{font-weight:600}.arena-inventory{grid-column:2/4;display:flex;gap:4px}.arena-inventory .inventory-slot{width:calc((100% - 20px)/6);max-width:34px;height:25px;border-radius:4px;background:var(--arena-soft);border-color:var(--line)}.arena-data{border-top:1px solid var(--line);padding:13px 22px;font-size:10px;color:var(--muted);background:var(--arena-soft)}.arena-data summary{cursor:pointer}.arena-data p{font-size:11px}.map-provenance{font-size:12px}.match-expansion>.arena-card{box-shadow:none}.match-expansion>.muted{font-size:10px}html[data-theme=dire] .arena-card{--arena-bg:#211e27;--arena-soft:#29242f;--arena-text:#f0e8ef;box-shadow:0 12px 40px #0001}html[data-theme=dire] .arena-delay{color:#cfa578}html[data-theme=dire] .arena-side-heading{color:#87bd9c}html[data-theme=dire] .arena-side.dire .arena-side-heading{color:#d7978a}
@media(max-width:1050px){.arena-scoreboard{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);padding:25px 16px;gap:8px}.arena-identity{grid-template-columns:1fr;text-align:center;justify-items:center;gap:6px}.arena-identity.dire{grid-template-columns:1fr;text-align:center}.arena-identity.dire .team-logo,.arena-identity.dire .team-placeholder,.arena-identity.dire small,.arena-identity.dire strong{grid-column:1;grid-row:auto}.arena-identity .team-logo,.arena-identity .team-placeholder{grid-row:auto}.arena-identity strong{font-size:14px}.arena-score>strong{font-size:36px}.arena-rosters{padding:0 12px 12px;gap:10px}.arena-player{padding:10px 8px;grid-template-columns:35px minmax(0,1fr);gap:7px}.arena-portrait{width:35px;height:31px}.arena-kda{grid-column:2}.arena-inventory{grid-column:1/3;justify-content:center}.arena-inventory .inventory-slot{height:23px}.arena-player-name b{font-size:10px}.arena-player-name small{font-size:8px}}
@media(max-width:720px){.arena-card{border-radius:16px}.arena-topbar{padding:12px 14px}.arena-league{font-size:9px}.arena-scoreboard{padding:23px 12px 19px;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr)}.arena-identity .team-logo,.arena-identity .team-placeholder{width:42px;height:42px;border-radius:10px}.arena-identity strong{font-size:12px;margin-top:0}.arena-identity small{font-size:7px;letter-spacing:1px}.arena-score>strong{font-size:32px}.arena-clock{font-size:11px}.arena-map-label{font-size:7px}.arena-rosters{grid-template-columns:1fr;padding:0 12px 12px;gap:12px}.arena-player{grid-template-columns:43px minmax(0,1fr) auto;padding:11px;gap:9px}.arena-portrait{width:43px;height:35px}.arena-player-name b{font-size:12px}.arena-player-name small{font-size:10px}.arena-kda{grid-column:3;font-size:10px}.arena-inventory{grid-column:2/4;justify-content:flex-start}.arena-inventory .inventory-slot{width:29px;height:23px}.arena-meta{gap:9px;padding-bottom:18px;font-size:9px}.arena-meta .muted{font-size:9px}.arena-data{padding:12px 15px}.arena-side-heading{font-size:9px}.match-expansion{padding:9px}}
@media(prefers-reduced-motion:reduce){.arena-player{transition:none}}

.arena-buildings{padding:16px 20px;border-top:1px solid #89918d33;color:var(--arena-text)}.arena-buildings>small{display:block;font-size:11px;margin:6px 0}.arena-bases{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.arena-base{padding:12px;border-radius:12px;background:var(--arena-soft);min-width:0}.arena-base.radiant{--building-color:#269b73}.arena-base.dire{--building-color:#d47b57}.arena-base>b{color:var(--building-color);font-size:12px;text-transform:uppercase;letter-spacing:1px}.arena-building-line{display:grid;grid-template-columns:54px 42px 1fr;gap:4px;align-items:center;margin-top:9px;font-size:12px}.arena-building-icons{display:flex;gap:3px;flex-wrap:wrap}.arena-building{display:inline-flex;width:19px;height:24px;align-items:center;justify-content:center;border-radius:4px;font-size:19px}.arena-building.standing{color:var(--building-color);background:color-mix(in srgb,var(--building-color) 13%,transparent)}.arena-building.destroyed{color:#ab6e6e;background:#a0606012}.arena-building.unknown{color:#89918d;border:1px dashed #89918d55}@media(max-width:720px){.arena-bases{grid-template-columns:1fr;gap:10px}.arena-buildings{padding:14px}.arena-building{width:18px}}

/* Professional directory: quiet surfaces, real imagery, compact context. */
.pro-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pro-source{font-size:11px;color:var(--muted,#7b8581);margin:14px 0}.pro-team-grid,.pro-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pro-team-card,.pro-event-card{border:1px solid #84978d33;border-radius:20px;padding:20px;text-align:left;background:var(--panel,#fff);color:inherit;overflow:hidden;transition:transform .2s,border-color .2s}.pro-team-card:hover{transform:translateY(-3px);border-color:#37b78a}.pro-team-identity{display:flex;align-items:center;gap:12px}.pro-team-identity h3{font-size:18px;margin:4px 0}.pro-role{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#279b77}.pro-photo{object-fit:contain;flex:none}.pro-photo.team{width:52px;height:52px}.pro-photo.player{width:100%;height:154px;object-fit:contain;object-position:center bottom;background:radial-gradient(ellipse at bottom,#70d2b62b,transparent 75%)}.pro-photo.placeholder{display:flex;align-items:center;justify-content:center;color:#6c8c7e;background:#6b9a8418;border-radius:12px;font-weight:800}.pro-facepile{display:flex;margin-top:22px;overflow:hidden;padding-bottom:3px}.pro-facepile .pro-photo{width:44px;height:50px;border-radius:8px;background:#5ba48b15;margin-right:-4px;border:2px solid var(--panel,#fff)}.pro-roster-names{font-size:12px;line-height:1.7;min-height:42px;opacity:.7}.pro-link{font-size:12px;color:#299a77}.pro-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pro-player-card{padding:0;border:1px solid #84978d33;border-radius:18px;overflow:hidden;background:var(--panel,#fff);color:inherit;text-align:left;transition:transform .2s}.pro-player-card:hover{transform:translateY(-3px)}.pro-player-copy{display:flex;flex-direction:column;padding:14px;gap:5px}.pro-player-copy strong{font-size:20px;letter-spacing:-.5px}.pro-player-copy>span{font-size:12px;opacity:.65}.pro-player-copy>small:last-child{font-size:11px;opacity:.65}.pro-pager{display:flex;justify-content:center;gap:16px;align-items:center;margin:20px}.pro-profile-hero{display:flex;gap:26px;align-items:center;padding:28px;border:1px solid #84978d33;border-radius:22px;margin:20px 0;background:linear-gradient(120deg,#33ba8a16,#b3a1e316)}.pro-profile-hero>.pro-photo{width:150px;height:180px}.pro-profile-hero h2{font-size:42px;letter-spacing:-1.5px;margin:8px 0}.pro-facts{display:flex;gap:20px;padding:20px;border-radius:16px;background:#74ae9312}.pro-event-art{display:flex;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at left,#3eb99a40,transparent 70%),linear-gradient(140deg,#152c28,#293d46);margin:-20px -20px 18px;padding:22px;height:112px}.pro-event-art .pro-photo.team{width:90px;height:80px}.pro-event-art>small{font-size:10px;letter-spacing:2px;color:#c7ebdf;border:1px solid #a9dfd344;padding:5px 9px;border-radius:20px}.pro-event-symbol{font-size:58px;color:#7de5b6}.pro-event-copy h3{font-size:23px;margin:7px 0;letter-spacing:-.6px}.pro-event-copy p{font-size:12px}.pro-stage-chips{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0}.pro-stage-chips span{font-size:10px;padding:5px 8px;border-radius:7px;background:#6dab9620}.pro-event-teams{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.pro-mini-team{padding:5px!important;border-radius:9px!important;background:#8da79816!important;border:1px solid #84978d22!important}.pro-mini-team .pro-photo.team{height:28px;width:28px}.pro-archive{margin-top:26px;padding:18px;border:1px solid #84978d33;border-radius:16px}.pro-schedule-row{display:grid;grid-template-columns:110px 1fr 36px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #84978d22}.pro-schedule-row small{font-size:11px;opacity:.65}.pro-schedule-row strong{font-size:14px}.pro-event-row{display:flex;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid #84978d22}.arena-economy{margin:0 20px 18px;padding:18px;border:1px solid #84978d33;border-radius:14px;background:var(--arena-soft)}.arena-economy header{display:flex;justify-content:space-between;gap:12px}.arena-economy small{font-size:11px;opacity:.65}.arena-economy svg{width:100%;height:135px;margin-top:12px}.economy-zero{stroke:#89978d55;stroke-dasharray:5 5}.economy-line{stroke:#37b88c;stroke-width:2.8;fill:none;stroke-linejoin:round}.economy-area{fill:#37b88c15}.economy-labels{display:flex;justify-content:space-between;font-size:10px;opacity:.6}
html[data-theme=dire] .pro-team-card,html[data-theme=dire] .pro-player-card,html[data-theme=dire] .pro-event-card{background:#192422}html[data-theme=dire] .pro-facepile .pro-photo{border-color:#192422}html[data-theme=dire] .pro-role,html[data-theme=dire] .pro-link{color:#83d1b5}@media(max-width:1100px){.pro-team-grid,.pro-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.pro-team-grid,.pro-event-grid{grid-template-columns:1fr}.pro-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-profile-hero{padding:16px;gap:14px}.pro-profile-hero>.pro-photo{width:100px;height:130px}.pro-profile-hero h2{font-size:28px}.pro-schedule-row{grid-template-columns:80px 1fr 28px;gap:6px}.pro-event-row{flex-direction:column}.arena-economy{margin:0 14px 14px}.pro-player-copy{padding:10px}.pro-player-copy strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.pro-team-card,.pro-player-card{transition:none}}

.pro-verified-note{border-left:3px solid #37b78a;padding:12px 18px;margin:18px 0;background:#5ba48b10;border-radius:0 12px 12px 0;font-size:13px}.pro-verified-note a{font-size:11px}

.pro-event-art{position:relative;isolation:isolate}.pro-event-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1}.pro-event-art>.pro-photo,.pro-event-art>.pro-trophy{filter:drop-shadow(0 3px 10px #0008)}.pro-trophy{height:58px;width:58px;fill:none;stroke:#b6ffe1;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

.arena-economy-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.economy-line.dire{stroke:#dd9177}@media(max-width:650px){.arena-economy-heading{align-items:flex-start;flex-direction:column;gap:5px}}

.pro-wiki{padding:20px;border:1px solid #84978d33;border-radius:16px;margin:18px 0}.pro-wiki-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.pro-wiki-roster>div{display:flex;flex-direction:column;gap:7px}.pro-wiki-roster small,.pro-wiki>a{font-size:11px;opacity:.7}@media(max-width:650px){.pro-wiki-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}