:root{color-scheme:dark;--bg:#080a0e;--surface:#12161e;--surface-2:#171c25;--surface-3:#1e2430;--border:#29313e;--border-soft:#222935;--text:#f3f5f8;--muted:#939dab;--gold:#ffbf45;--gold-2:#ff942e;--red:#ef475b;--green:#32da8b;--purple:#6f79ff;--radius:16px;--shadow:0 16px 40px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%}::selection{background:#ffbd4755;color:white}.container{width:min(1240px,calc(100% - 52px));margin:0 auto}.site-main{min-height:75vh;position:relative;z-index:1}.page-grid{position:fixed;pointer-events:none;inset:0;z-index:0;background:radial-gradient(ellipse at 14% 30%,#65172429,transparent 37%),radial-gradient(ellipse at 90% 70%,#08412e23,transparent 31%),linear-gradient(90deg,transparent 49.6%,#ffffff04 49.8%,transparent 50%) 0 0/58px 58px,linear-gradient(transparent 49.6%,#ffffff04 49.8%,transparent 50%) 0 0/58px 58px;opacity:.8}
.site-header{position:sticky;top:0;z-index:40;min-height:76px;background:#080a0eea;border-bottom:1px solid #282e39;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;min-width:214px;gap:10px}.brand img{width:58px;height:58px;object-fit:cover;mix-blend-mode:screen;border-radius:12px}.brand-copy{display:grid;gap:0}.brand-copy strong{font-size:18px;font-weight:1000;letter-spacing:.5px;line-height:1.2}.brand-copy strong span{color:var(--gold)}.brand-copy small{font-weight:800;font-size:9px;color:#838e9e;letter-spacing:1.7px}.topnav{display:flex;align-self:stretch;align-items:center;gap:26px}.topnav a{height:100%;position:relative;display:grid;place-items:center;color:#a7b0c0;font-size:11px;font-weight:850;letter-spacing:1.05px;text-transform:uppercase;white-space:nowrap;transition:color .18s}.topnav a:hover,.topnav a.active{color:var(--gold)}.topnav a.active:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--gold);box-shadow:0 0 14px #f9b43b6c}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:13px 20px;font-weight:800;font-size:13px;transition:transform .17s,background .17s,border-color .17s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn-small{padding:10px 15px;font-size:11px}.btn-discord{color:white;background:linear-gradient(135deg,#6467f1,#475bd5);border-color:#8486ff55;box-shadow:0 4px 25px #6266ed25}.btn-discord:hover{background:linear-gradient(135deg,#7578ff,#515ee5)}.discord-mark{font-size:17px;line-height:1}.btn-gold{color:#18100a;background:linear-gradient(120deg,#ffdb73,#f7ac30);box-shadow:0 6px 26px #ffb43d2e}.btn-gold:hover{background:linear-gradient(120deg,#ffe18b,#ffc048)}.btn-outline{color:#f0f2f4;background:#ffffff08;border-color:#4b5364}.btn-outline:hover{background:#ffffff13;border-color:#8a92a0}.btn-plain{background:#1c222e;color:#e1e5ec;border-color:#2e3847}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{width:23px;height:2px;display:block;background:#eff2f8;border-radius:2px;margin:5px 0}
.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:900}.kicker:before{content:"";width:7px;height:7px;background:var(--gold);box-shadow:0 0 14px #ffbd58;border-radius:1px}.hero{position:relative;overflow:hidden;min-height:516px;border-bottom:1px solid #29313c}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b11 0%,#090b11f4 19%,#090b11e1 45%,#090b11a2 72%,#090b11bc 100%),url('minecraft-muur.webp') center 27% / cover no-repeat;filter:saturate(.9)}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#207d5352,transparent 32%),radial-gradient(ellipse at 20% 46%,#9c24364a,transparent 40%),linear-gradient(0deg,#080a0e 0%,transparent 28%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;min-height:516px;padding:72px 0 78px}.hero-copy{max-width:620px}.hero h1{font-family:"Arial Black",Impact,Inter,sans-serif;font-size:clamp(41px,5.1vw,70px);font-weight:1000;letter-spacing:-2px;line-height:1.03;margin:21px 0 22px;text-transform:uppercase;text-wrap:balance}.hero h1 .red{color:var(--red);text-shadow:0 0 32px #fa2c4d5a}.hero h1 .green{color:var(--green);text-shadow:0 0 32px #08ad6355}.hero-sub{font-size:16px;color:#c4cad5;max-width:495px;line-height:1.75}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;color:#99a7b7;font-size:11px;font-weight:750;letter-spacing:.3px;margin-top:35px}.hero-tags span:before{content:"✓";color:var(--gold);margin-right:7px}.hero-visual{display:grid;place-items:center;position:relative;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:87%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 140deg,#16ff831b,#ec344326,#ffd44925,#16ff831b);filter:blur(60px)}.hero-logo{position:relative;z-index:1;width:min(100%,500px);height:auto;filter:drop-shadow(0 18px 55px #0009);border-radius:28px;mix-blend-mode:screen}.hero-logo-caption{position:absolute;bottom:-20px;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #394250;background:#0d1117dc;border-radius:100px;color:#d5dbe4;font-weight:800;letter-spacing:2px;font-size:10px;box-shadow:var(--shadow)}.hero-logo-caption .dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
.main-stack{padding:32px 0 80px;display:grid;gap:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 16px}.section-head h2,.page-header h1{font-family:"Arial Black",Impact,system-ui,sans-serif;letter-spacing:.2px;text-transform:uppercase}.section-head h2{font-size:19px;margin:0;line-height:1.15}.subhead{color:var(--muted);font-size:12px;margin:6px 0 0}.text-link{font-size:11px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.text-link:hover{text-decoration:underline}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#171b24e8,#10141ce8);border-radius:var(--radius);box-shadow:0 12px 32px #0003}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border-soft)}.panel-header strong{font-size:11px;letter-spacing:1.05px;text-transform:uppercase;font-weight:900}.panel-header .hint{color:var(--muted);font-size:11px}.home-topgrid{display:grid;grid-template-columns:1fr 1.07fr;gap:21px}.news-feature{padding:24px;min-height:276px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0%,#6b2d2030,transparent 55%),linear-gradient(145deg,#1b202a,#10141c)}.news-feature .section-label{margin-bottom:18px}.section-label{font-size:10px;letter-spacing:1.3px;font-weight:900;color:var(--gold)}.news-feature h3{font-family:"Arial Black",Impact,sans-serif;font-size:27px;letter-spacing:-.5px;line-height:1.12;margin:0 0 12px;max-width:350px}.news-feature p{font-size:13px;color:#b4bdcb;max-width:420px;line-height:1.75;margin:0}.news-feature .text-link{margin-top:auto;display:inline-block;padding-top:20px}.news-feature .watermark{font-size:120px;line-height:1;position:absolute;right:13px;bottom:5px;opacity:.035;pointer-events:none}.news-feature{position:relative;overflow:hidden}.timeline{padding:21px 22px 24px}.timeline-track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:27px 0 10px;position:relative}.timeline-track:before{position:absolute;content:"";height:3px;background:linear-gradient(90deg,var(--gold) 0%,#ffbf45 13%,#3b4454 14%,#3b4454 100%);top:32px;left:10%;right:10%}.milestone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;position:relative;min-width:0}.milestone strong{text-transform:uppercase;letter-spacing:.3px;font-size:10px;line-height:1.3;min-height:26px;color:#e5e9ef}.milestone .point{width:15px;height:15px;border-radius:50%;border:3px solid #636d7d;background:#1a2029;position:relative;z-index:1}.milestone.current .point{background:var(--gold);border:3px solid #ffce70;box-shadow:0 0 0 5px #ffc25726,0 0 20px #ffce6666}.milestone.current strong{color:var(--gold)}.milestone small{color:#788395;font-size:10px;max-width:94px;line-height:1.35}.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border:1px solid #66522a;border-radius:11px;background:#4a38131b;color:#e8ca8a;font-size:11px}.demo-notice b{color:#ffd27d}.home-bottomgrid{display:grid;grid-template-columns:1.22fr .78fr;gap:21px}.team-panels{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px}.team-preview{border:1px solid #4e313c;background:linear-gradient(145deg,#301721b8,#19171ed9);padding:17px;border-radius:12px;overflow:hidden;position:relative}.team-preview.zuid{border-color:#2b5543;background:linear-gradient(145deg,#113b2ab8,#151f1edb)}.team-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,#f64e492a,transparent 70%);pointer-events:none}.team-preview.zuid:before{background:radial-gradient(ellipse at 80% 0%,#33e68526,transparent 70%)}.team-preview-head{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:17px}.team-symbol{display:grid;place-items:center;font-size:20px;font-weight:900;width:39px;height:39px;color:white;background:var(--red);border-radius:10px;box-shadow:0 5px 20px #d72c5a32}.team-preview.zuid .team-symbol{background:#16b970;box-shadow:0 5px 20px #22d77d33}.team-preview-head strong{font-size:14px;color:#ff6273;text-transform:uppercase}.team-preview.zuid .team-preview-head strong{color:#4ae59b}.team-preview-head span{display:block;font-size:10px;color:#a9b1ba}.mini-roster{position:relative;display:flex;gap:12px}.mini-member{min-width:0;text-align:center;flex:1}.mini-member img{display:block;width:100%;max-width:60px;aspect-ratio:1;border-radius:8px;border:1px solid #5d3b46;margin:0 auto 6px;image-rendering:pixelated}.zuid .mini-member img{border-color:#426e5a}.mini-member span{font-size:10px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.stats-tiles{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:17px}.stat-tile{background:#1d232e;border:1px solid #303946;padding:18px;border-radius:10px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:3px}.stat-tile span{font-size:10px;color:#a8b2bd;letter-spacing:.35px;text-transform:uppercase;font-weight:800}.stat-tile strong{font-family:"Arial Black",Impact,sans-serif;font-size:30px;line-height:1.1}.stat-tile.red{background:#311a23;border-color:#6e3041}.stat-tile.red strong{color:#ff6171}.stat-tile.green{background:#153127;border-color:#326e51}.stat-tile.green strong{color:#4ce99c}.stat-tile.gold{background:#302519;border-color:#66512c}.stat-tile.gold strong{color:#ffd06d}.callout-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #34414f;border-radius:15px;padding:21px 26px;background:linear-gradient(100deg,#171a2b,#151b23 52%,#192a22)}.callout-strip h3{font-size:16px;margin:0 0 3px}.callout-strip p{font-size:12px;color:var(--muted);margin:0}
.page-intro{position:relative;overflow:hidden;padding:48px 0 38px;border-bottom:1px solid #202833;background:radial-gradient(ellipse at 14% 62%,#942c351d,transparent 40%),radial-gradient(ellipse at 88% 44%,#1b815422,transparent 40%)}.page-header h1{font-size:clamp(31px,4vw,48px);margin:12px 0 7px;line-height:1.05}.page-header p{color:var(--muted);font-size:14px;max-width:650px;margin:0}.content-area{padding:30px 0 90px}.toolbar{padding:16px;display:flex;gap:13px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter-btn{border:1px solid transparent;border-radius:8px;padding:9px 12px;background:transparent;color:#a3adbb;font-size:11px;font-weight:850;white-space:nowrap}.filter-btn:hover{background:#ffffff0c;color:white}.filter-btn.active{background:#343946;color:white;border-color:#444d5a}.filter-btn.active.gold{background:var(--gold);color:#24190b;border-color:var(--gold)}.filter-btn.active.red{background:#672c36;color:#ff7889;border-color:#924451}.filter-btn.active.green{background:#24563f;color:#5ce3a0;border-color:#307952}.toolbar-grid{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.search-wrap{display:flex;gap:9px;align-items:center;min-width:240px;flex:1;max-width:460px;background:#121720;border:1px solid #303846;border-radius:10px;padding:0 13px}.search-wrap .search-glyph{font-size:21px;color:#6f7987}.search-wrap input{color:white;background:transparent;border:0;outline:none;width:100%;height:44px;font-size:13px}.search-wrap:focus-within{border-color:var(--gold)}.search-wrap input::placeholder{color:#7f8999}select{appearance:none;padding:11px 33px 11px 14px;color:#d8dee8;background:#161c26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2396a0ac' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E") right 12px center / 12px 8px no-repeat;border:1px solid #303846;border-radius:9px;font-size:12px;min-height:44px}.results-caption{color:#8e9aaa;font-size:11px;white-space:nowrap}.roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.player-card{border:1px solid #303845;background:#171b24;border-radius:12px;min-height:178px;color:var(--text);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:19px 10px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;text-align:center}.player-card:hover{transform:translateY(-4px);border-color:#718093;box-shadow:0 13px 28px #0006}.player-card:before{content:"";height:2px;background:var(--red);position:absolute;top:0;left:0;right:0;opacity:.7}.player-card.zuid:before{background:var(--green)}.player-card.dead:after{content:"";position:absolute;inset:0;background:#04060980;pointer-events:none}.player-card.dead>*{position:relative;z-index:1}.player-card .checkmark{position:absolute;right:10px;top:10px;border-radius:50%;background:var(--gold);color:#101218;font-weight:900;font-size:13px;width:23px;height:23px;display:grid;place-items:center;z-index:4}.player-card .team-pin{position:absolute;top:10px;left:10px;font-size:9px;letter-spacing:.4px;text-transform:uppercase;font-weight:900;color:#f37281;z-index:2}.player-card.zuid .team-pin{color:#5de1a2}.avatar{width:72px;height:72px;object-fit:cover;image-rendering:pixelated;border:2px solid #69414c;border-radius:11px;box-shadow:0 7px 14px #0004}.zuid .avatar{border-color:#315b48}.dead .avatar{filter:grayscale(1) brightness(.7)}.player-name{font-weight:900;font-size:14px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.status{font-size:11px;font-weight:800;color:#50df95}.status.dead{color:#ff6071}.player-card .death-cross{z-index:3;position:absolute;top:59px;left:calc(50% + 19px);background:#e73d58;border:2px solid #181c22;color:white;border-radius:50%;font-size:13px;line-height:20px;width:23px;height:23px}.player-card small{font-size:10px;color:#8b98a7}.empty-state{padding:60px 20px;text-align:center;border:1px dashed #394454;border-radius:14px;color:#aab2bd}.empty-state strong{display:block;font-size:17px;color:white;margin:9px 0}.compare-dock{position:sticky;bottom:20px;z-index:10;max-width:770px;margin:25px auto 0;border-radius:12px;background:#262b36;border:1px solid #6b7685;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 20px 35px #0008}.compare-dock strong{font-size:12px}.compare-dock span{font-size:11px;color:#abb6c6}.compare-dock .btn{padding:10px 13px;font-size:11px}.comp-buttons{display:flex;gap:7px}.hintbox{padding:15px 18px;margin-bottom:17px;color:#adbbc9;font-size:12px;background:#161e27;border:1px solid #364051;border-radius:10px}.highlight{color:var(--gold)}
.stats-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:22px}.ranking-list{padding:6px 18px 18px}.rank-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #28303b;padding:13px 0}.rank-row:last-child{border-bottom:0}.rank-num{font-family:"Arial Black",sans-serif;color:#778391;font-size:16px;width:30px;text-align:center}.rank-row:nth-child(1) .rank-num{color:#ffc344}.rank-row:nth-child(2) .rank-num{color:#b9c8db}.rank-row:nth-child(3) .rank-num{color:#d29b71}.rank-row .avatar{width:46px;height:46px;border-radius:8px}.rank-details{flex:1;min-width:0}.rank-details strong{display:block;font-size:13px}.rank-details small{color:var(--muted);font-size:10px}.rank-value{text-align:right;color:var(--gold);font-weight:950;font-size:14px}.rank-bar{height:5px;border-radius:4px;background:#313743;margin-top:8px;overflow:hidden}.rank-bar span{height:100%;display:block;border-radius:4px;background:linear-gradient(90deg,var(--gold-2),var(--gold));width:20%}.metric-detail{padding:24px}.metric-detail .metric-total{font-family:"Arial Black",sans-serif;color:var(--gold);font-size:41px;line-height:1;margin:13px 0 0}.metric-detail small{font-size:12px;color:var(--muted)}.breakdown{margin-top:22px;display:grid;gap:15px}.breakdown-row .top{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:7px}.breakdown-row .top b{color:#e4eaf0}.bar-rail{height:9px;background:#303744;border-radius:10px;overflow:hidden}.bar-rail span{height:100%;display:block;border-radius:10px}.bar-rail .red{background:linear-gradient(90deg,#a32e46,#f85665)}.bar-rail .green{background:linear-gradient(90deg,#137d58,#35e59c)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.overview-stat{padding:20px;background:#171c25;border:1px solid #303846;border-radius:13px}.overview-stat strong{font-family:"Arial Black",sans-serif;font-size:26px;display:block}.overview-stat span{display:block;color:#9da8b6;font-weight:750;font-size:11px}
.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.announcement-card{position:relative;padding:23px;background:linear-gradient(150deg,#1a202b,#11151c);border:1px solid #303846;border-radius:15px;display:flex;flex-direction:column;gap:13px;min-height:286px}.announcement-card.featured{background:linear-gradient(120deg,#302026,#1b1d26);border-color:#74433f}.announcement-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));opacity:.78}.announcement-card h2{font-size:19px;font-weight:950;line-height:1.25;margin:0}.announcement-card p{color:#aeb8c5;line-height:1.75;font-size:12px;margin:0}.announcement-card .pill{align-self:flex-start}.announcement-card .text-link{margin-top:auto}.pill{font-size:10px;letter-spacing:1px;color:var(--gold);border:1px solid #6d542e;background:#3a2b1766;border-radius:6px;padding:5px 8px;font-weight:900;display:inline-flex;align-items:center;gap:5px}.date-label{font-size:10px;color:#8290a0}.over-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.about-copy{padding:26px}.about-copy h2{font-size:25px;margin:10px 0 12px}.about-copy p{font-size:13px;line-height:1.9;color:#bcc6d2}.rule-list{padding:8px 24px}.rule-list article{padding:15px 0;border-bottom:1px solid #2e3540}.rule-list article:last-child{border:0}.rule-list strong{color:#f0f3f7}.rule-list p{font-size:12px;color:#a6b2bf;line-height:1.65;margin:4px 0 0}.two-teams{display:flex;gap:12px;margin:22px 0}.two-teams .team-chip{padding:11px 15px;border:1px solid #b747574f;border-radius:8px;color:#fb8894;background:#682c3938;font-weight:900}.two-teams .team-chip.green{color:#71ecc0;background:#22624636;border-color:#4b986d61}
.site-footer{position:relative;z-index:1;background:#090c11;border-top:1px solid #29313d}.footer-inner{padding:26px 0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{border-radius:8px;mix-blend-mode:screen}.footer-brand span{display:grid;gap:0}.footer-brand b{font-size:12px}.footer-brand small{color:#8490a0;font-size:10px}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{font-size:10px;color:#9da8b9}.footer-links a:hover{color:var(--gold)}.footer-inner>p{flex-basis:100%;text-align:center;font-size:10px;color:#66707d;border-top:1px solid #202733;padding-top:17px;margin:3px 0 0}
.detail-dialog{width:min(610px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;background:#171b24;color:white;border:1px solid #515767;border-radius:17px;padding:0;box-shadow:0 35px 120px #000b}.detail-dialog::backdrop{background:#030409cf;backdrop-filter:blur(6px)}.dialog-close{position:sticky;z-index:3;float:right;right:13px;top:13px;width:36px;height:36px;border-radius:8px;background:#222936;color:white;font-size:23px;border:1px solid #3c4353;margin:12px 12px 0 0}.dialog-body{padding:28px;clear:both}.profile-banner{display:flex;align-items:center;gap:17px;margin-bottom:21px}.profile-banner .avatar{width:92px;height:92px}.profile-banner h2{font-family:"Arial Black",sans-serif;font-size:29px;margin:0 0 4px}.profile-banner p{color:#99a7b7;margin:7px 0 0;font-size:12px}.profile-badges{display:flex;gap:7px;flex-wrap:wrap}.profile-badges span{border-radius:6px;padding:4px 8px;border:1px solid #394453;font-weight:800;font-size:10px}.profile-badges .red{color:#ff808f}.profile-badges .green{color:#67edb1}.profile-badges .out{color:#ff8287}.dialog-body>.intro{font-size:13px;color:#b6c0cd;line-height:1.8;margin:0 0 20px}.profile-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.profile-metric{background:#1e2430;border:1px solid #2e3744;border-radius:8px;padding:14px}.profile-metric small{display:block;font-size:10px;color:#8e9bac;margin-bottom:5px}.profile-metric b{font-size:19px}.out-note{padding:14px;border:1px solid #713441;background:#42212a50;border-radius:9px;font-size:12px;color:#ffbec8;margin-top:15px}.article-dialog h2{font-size:26px;font-family:"Arial Black",sans-serif;line-height:1.2;margin:13px 0}.article-dialog p{font-size:13px;color:#b3becc;line-height:1.85}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:13px}.comparison-col{border:1px solid #354052;border-radius:11px;padding:17px;text-align:center}.comparison-col img{width:75px;height:75px;image-rendering:pixelated;border-radius:9px}.comparison-col h3{margin:10px 0 4px}.comparison-col .profile-metric{margin-top:10px;text-align:left}.compare-hint{color:#a4afbc;font-size:12px;margin-bottom:13px}.toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%,90px);opacity:0;background:#202835;color:white;border:1px solid #505d6e;padding:12px 22px;border-radius:9px;transition:transform .2s,opacity .2s;font-size:12px;pointer-events:none;box-shadow:0 10px 30px #0009}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:1150px){.topnav{gap:16px}.topnav a{font-size:10px}.brand{min-width:182px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.hero-content{gap:23px}.container{width:min(1150px,calc(100% - 42px))}.mini-roster{gap:7px}.mini-member span{font-size:9px}}
@media(max-width:960px){.topnav{display:none;position:absolute;top:75px;left:0;right:0;background:#10141b;align-items:stretch;gap:0;box-shadow:0 25px 35px #0009;border-bottom:1px solid #424957;flex-direction:column;padding:12px 22px}.topnav.is-open{display:flex}.topnav a{height:49px;place-items:initial;display:flex;align-items:center;justify-content:flex-start;padding:0 14px;font-size:12px;border-radius:7px}.topnav a.active{background:#2d261b}.topnav a.active:after{display:none}.menu-toggle{display:block}.hero-content{grid-template-columns:1fr .75fr}.hero-logo{width:100%}.hero h1{font-size:clamp(36px,5.2vw,60px)}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-bottomgrid{grid-template-columns:1fr}.stats-layout{grid-template-columns:1fr .7fr}.announcement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:calc(100% - 30px)}.site-header,.header-inner{min-height:66px;height:66px}.topnav{top:65px}.brand{min-width:0}.brand img{width:48px;height:48px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px;letter-spacing:1px}.header-actions .btn-discord{padding:9px 10px;font-size:0;gap:4px}.header-actions .btn-discord .discord-mark{font-size:17px}.header-actions .btn-discord span:last-child{font-size:13px}.hero{min-height:0}.hero-content{min-height:0;grid-template-columns:1fr;padding:42px 0 52px;gap:10px}.hero-copy{order:1}.hero-visual{order:2;max-width:250px;margin:6px auto 0}.hero-logo{max-width:250px}.hero-logo-caption{bottom:0;font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(36px,9vw,52px);letter-spacing:-1.3px;margin:17px 0}.hero-sub{font-size:13px}.hero-tags{gap:11px;margin-top:21px;font-size:10px}.hero-ctas{margin-top:21px}.hero-ctas .btn{padding:12px 15px}.main-stack{padding-top:20px}.home-topgrid,.home-bottomgrid,.over-layout,.stats-layout{grid-template-columns:1fr}.timeline{padding:19px 10px}.timeline-track{margin:25px 0 4px}.timeline-track{display:flex;flex-direction:column;gap:13px;margin:20px 0 4px}.timeline-track:before{left:123px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:#384453}.milestone{display:grid;grid-template-columns:105px 15px 1fr;align-items:center;gap:12px;text-align:left}.milestone strong{grid-column:1;grid-row:1;font-size:10px;min-height:0}.milestone .point{grid-column:2;grid-row:1;width:13px;height:13px}.milestone small{grid-column:3;grid-row:1;font-size:10px;max-width:none;line-height:1.3}.news-feature{min-height:210px}.team-panels{padding:11px;gap:8px}.team-preview{padding:11px}.team-preview-head strong{font-size:11px}.team-preview-head span{font-size:8px}.team-symbol{width:30px;height:30px;font-size:15px}.mini-roster{gap:3px}.mini-member img{border-radius:4px}.mini-member span{font-size:8px}.stats-tiles{padding:12px}.stat-tile{min-height:84px;padding:13px}.stat-tile strong{font-size:23px}.callout-strip{flex-direction:column;align-items:stretch;padding:18px}.page-intro{padding:32px 0}.page-header h1{font-size:35px}.content-area{padding-top:18px}.toolbar{gap:9px;justify-content:flex-start;padding:12px}.filter-btn{padding:8px 9px;font-size:10px}.search-wrap{max-width:none;flex-basis:100%}.toolbar-grid{gap:10px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-card{min-height:153px;padding:15px 4px}.player-card .avatar{width:58px;height:58px}.player-card .team-pin{font-size:8px;left:5px;top:6px}.player-name{font-size:11px}.player-card .death-cross{top:51px;left:calc(50% + 13px);width:20px;height:20px;line-height:17px;font-size:10px}.status{font-size:10px}.player-card small{font-size:9px}.overview-grid{grid-template-columns:repeat(2,1fr);gap:9px}.overview-stat{padding:14px}.overview-stat strong{font-size:22px}.announcement-grid{grid-template-columns:1fr}.announcement-card{min-height:230px}.compare-dock{flex-wrap:wrap}.compare-dock>div:first-child{flex-basis:100%}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner>p{width:100%}.dialog-body{padding:21px}.profile-banner .avatar{width:73px;height:73px}.profile-banner h2{font-size:23px}.profile-metric b{font-size:16px}.comparison{gap:7px}.comparison-col{padding:11px}.comparison-col img{width:55px;height:55px}}
@media(max-width:380px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-copy small{display:none}.stats-tiles{gap:7px}.stat-tile span{font-size:9px}.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Official Discord mark in navigation and Discord CTAs */
.discord-mark{display:inline-block;width:19px;height:16px;object-fit:contain;flex:0 0 auto;vertical-align:middle}
.header-actions .btn-discord .discord-mark{width:19px;height:16px}