:root{color-scheme:dark;--bg:#070f13;--panel:#0d1a20;--panel2:#0a151a;--line:#254047;--text:#f0eee8;--muted:#a6b5b5;--green:#70d75e;--gold:#e9bb69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-60px;left:16px;z-index:50;padding:12px;background:#fff;color:#111}.skip:focus{top:12px}.header{background:#081317ed;border-bottom:1px solid #49635a55;position:relative;z-index:5}.nav{min-height:76px;display:flex;align-items:center;gap:42px}.brand{font:700 1.5rem Georgia,serif;white-space:nowrap;letter-spacing:-.04em}.brand-dot{font-size:.64em;color:var(--green);text-shadow:0 0 12px var(--green);vertical-align:middle;margin:0 2px}.nav nav{display:flex;align-items:center;gap:28px;font-size:.88rem;flex:1}.nav nav a{color:#d6dfda}.nav nav a[aria-current],.nav nav a:hover{color:var(--green)}.powered{font-size:.78rem;color:var(--muted);white-space:nowrap}.powered a{color:var(--gold)}.menu-toggle{display:none}.hero{background:linear-gradient(90deg,#071015 1%,#071015d8 39%,#07101525 78%),linear-gradient(0deg,#071015 0%,transparent 42%),url('/assets/hero.webp') center 48%/cover;min-height:520px;display:flex;align-items:center}.hero-inner{padding:66px 0 92px}.live-label,.eyebrow{display:inline-block;font-size:.76rem;font-weight:800;color:var(--green);letter-spacing:.16em}.live-label{background:#183b2b;padding:7px 12px;border:1px solid #36824c;border-radius:5px}.live-label i,.online i{display:inline-block;width:9px;height:9px;background:#65e46b;border-radius:50%;box-shadow:0 0 12px #55e76a;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 2px #55e76a}}.hero h1{font:700 clamp(3.5rem,7vw,6.4rem)/.96 Georgia,serif;letter-spacing:-.045em;margin:28px 0 22px;max-width:790px}.hero h1 em{font-style:normal;color:var(--green)}.hero h1 span{display:block;font-size:clamp(1.45rem,2.7vw,2.25rem);letter-spacing:0;margin-top:14px}.hero p{max-width:570px;font-size:1.06rem;color:#e0e8e4}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(#f2cc84,#c89342);border:1px solid #ffe0a2;color:#1d170d;font-weight:800;padding:14px 22px;border-radius:6px;box-shadow:0 8px 24px #0008;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.08);color:#1d170d}.hero small{display:block;margin-top:14px;color:#9eb0aa}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-42px 0 28px;position:relative}.stat{background:linear-gradient(145deg,#102128,#09151a);border:1px solid var(--line);min-height:116px;border-radius:9px;display:grid;grid-template-columns:54px auto;column-gap:12px;padding:19px 23px;align-content:center}.stat-icon{grid-row:span 2;font-size:2.15rem;color:var(--green);align-self:center;text-align:center}.stat strong{font:700 2.05rem Georgia,serif}.stat>span:last-child{color:var(--muted);font-size:.85rem}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#0e1d22,#071217);border-radius:9px;overflow:hidden}.rankings{margin:24px 0}.section-heading{padding:25px 27px;display:flex;justify-content:space-between;gap:24px;align-items:center}.section-heading h2,.small-panel h2,.section h2,.editorial h2,.cta h2,.related h2{font:700 clamp(1.6rem,3vw,2.2rem) Georgia,serif;margin:2px 0 3px}.section-heading p,.small-panel p,.section p,.cta p{margin:0;color:var(--muted)}.small-link{font-weight:700;font-size:.9rem;color:var(--gold);white-space:nowrap}.rank-head,.rank-row{display:grid;grid-template-columns:72px minmax(270px,1fr) 118px 128px 115px 86px;align-items:center;gap:14px;padding:10px 24px}.rank-head{background:#102127;color:#a3b6b9;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-block:1px solid var(--line)}.rank-row{min-height:93px;border-bottom:1px solid #21383b55}.rank-row:nth-child(even){background:#ffffff05}.rank-number{font:700 1.14rem Georgia,serif;color:var(--gold)}.server-info{display:flex;flex-direction:column;gap:2px;min-width:0}.banner-link{display:block;width:300px;max-width:100%;height:37px;overflow:hidden}.banner{display:block;width:300px;height:37px;object-fit:contain;object-position:left center}.banner-fallback{display:flex;align-items:center;min-height:37px;font:700 1.15rem Georgia,serif;color:var(--gold)}.server-name{font-weight:700;overflow-wrap:anywhere}.revision{color:#d3e5e8}.votes{font-variant-numeric:tabular-nums;font-weight:700}.online{color:var(--green);font-weight:700;font-size:.88rem;white-space:nowrap}.view{display:inline-block;background:#1e333b;border:1px solid #2d4750;padding:8px 12px;border-radius:5px;text-align:center;font-size:.85rem}.view:hover{background:#30454b}.panel-foot{padding:12px 23px;color:#8fa5a7;font-size:.78rem}.empty{padding:34px 26px;border-top:1px solid var(--line)}.empty h3{margin:0 0 7px;font:700 1.3rem Georgia,serif}.empty p{color:var(--muted);max-width:670px}.empty a{color:var(--gold);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:22px}.small-panel{padding:27px;min-height:190px}.small-panel p{margin:12px 0 18px}.new-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px 0;flex-wrap:wrap}.new-row small{color:var(--muted);flex:1}.editorial{margin-block:42px;padding:40px 0;border-block:1px solid var(--line)}.text-columns{columns:2;column-gap:52px;color:#cad8d8}.text-columns p{margin:0 0 18px;break-inside:avoid}.section{margin:44px 0}.section>.section-heading{padding:0 0 22px}.revision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.revision-card{background:linear-gradient(145deg,#18313a,#0a171d);border:1px solid var(--line);border-radius:8px;padding:24px;min-height:215px;transition:transform .18s,border-color .18s}.revision-card:hover{transform:translateY(-3px);border-color:var(--gold)}.revision-mark{font:700 2.6rem Georgia,serif;color:var(--gold);text-shadow:0 4px 18px #b3793977}.revision-card h3{font:700 1.3rem Georgia,serif;margin:16px 0 7px}.revision-card p{font-size:.9rem;line-height:1.5;margin:0 0 14px}.revision-card>span:last-child{font-size:.85rem;color:var(--gold);font-weight:700}.ticks{list-style:none;padding:0;margin:13px 0}.ticks li{margin:8px 0;color:#cad8d8}.ticks li:before{content:'✓';color:var(--green);font-weight:800;margin-right:10px}.faq-item{background:#101e23;border:1px solid #263b42;border-radius:5px;margin-bottom:6px}.faq-item summary{cursor:pointer;font-weight:650;padding:14px 18px;list-style:none}.faq-item summary:after{content:'⌄';float:right;color:var(--gold)}.faq-item[open] summary:after{content:'⌃'}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 18px 15px!important;margin:0!important;color:var(--muted)}.cta{background:linear-gradient(90deg,#102d29,#173038d9),url('/assets/hero.webp') center/cover;border:1px solid #426659;border-radius:9px;padding:28px 34px;margin:48px 0 70px;display:flex;justify-content:space-between;gap:22px;align-items:center}.cta p{max-width:600px}.cta .button{white-space:nowrap}.inner{padding:45px 0 80px;min-height:70vh}.inner h1{font:700 clamp(2.7rem,5vw,4.6rem)/1.1 Georgia,serif;margin:10px 0}.lead{color:#bdccca;font-size:1.15rem;max-width:760px}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:28px}.breadcrumbs a{color:var(--gold)}.intro-panel,.article-panel{max-width:850px;background:#101f25;border:1px solid var(--line);border-radius:9px;padding:30px;margin:30px 0}.intro-panel h2,.article-panel h2{font:700 1.7rem Georgia,serif;margin:0}.intro-panel p,.article-panel p,.article-panel li{color:#c9d4d3}.article-panel a{color:var(--gold)}.related{margin:40px 0}.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.related-links a{border:1px solid var(--line);padding:9px 15px;border-radius:5px;background:var(--panel)}footer{border-top:1px solid var(--line);background:#091418}.footer-inner{padding:35px 0;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}.footer-inner p,.footer-inner small{color:var(--muted);font-size:.8rem}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.83rem}@media(max-width:1050px){.powered{display:none}.nav{gap:25px}.rank-head,.rank-row{grid-template-columns:50px minmax(200px,1fr) 85px 95px 85px 74px;gap:9px;padding-inline:15px}.banner-link,.banner{max-width:100%}.revision-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 30px,1200px)}.nav{min-height:64px;justify-content:space-between;flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 10px}.nav nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;padding:5px 0}.nav nav.open{display:flex}.nav nav a{padding:10px;width:100%}.hero{min-height:510px;background:linear-gradient(90deg,#071015dc,#0710158a),linear-gradient(0deg,#071015,transparent),url('/assets/hero.webp') 62% center/cover}.hero-inner{padding:65px 0}.hero h1{font-size:3.5rem}.hero h1 span{font-size:1.5rem;line-height:1.2}.stats{grid-template-columns:1fr;gap:8px;margin:-28px 0 20px}.stat{min-height:74px;padding:8px 18px;grid-template-columns:44px auto}.stat strong{font-size:1.5rem}.stat-icon{font-size:1.6rem}.section-heading{padding:20px;align-items:flex-start;flex-direction:column;gap:8px}.rank-head{display:none}.rank-body{display:grid;gap:10px;padding:12px}.rank-row{border:1px solid var(--line);border-radius:7px;background:#102229!important;display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:7px 10px;padding:13px;min-height:0}.rank-number{grid-column:1;grid-row:1}.server-info{grid-column:2/4;grid-row:1/3}.banner-link{width:300px;max-width:100%}.revision{grid-column:1/3;grid-row:3}.votes{grid-column:1/3;grid-row:4}.online{grid-column:3;grid-row:3;justify-self:end}.view{grid-column:3;grid-row:4}.revision:before,.votes:before{content:attr(data-label) ': ';font-size:.75rem;color:#9eafb2;font-weight:400}.split,.revision-grid{grid-template-columns:1fr}.text-columns{columns:1}.editorial{padding:20px 0}.cta{flex-direction:column;align-items:flex-start;padding:22px}.cta .button{white-space:normal}.inner{padding-top:25px}.intro-panel,.article-panel{padding:20px}.footer-inner{display:block}.footer-inner nav{margin:20px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1050px){.stats{grid-template-columns:repeat(4,1fr)}}@media(min-width:761px) and (max-width:1049px){.stats{grid-template-columns:repeat(2,1fr)}}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:.88rem}.activity-row b{color:var(--gold)}.activity-row time{color:var(--muted);white-space:nowrap}.small-panel .activity-row:last-of-type{margin-bottom:16px}
/* Match MoparScape's fixed 300 × 37 banner viewport. */
.banner-link{display:block;width:300px;max-width:100%;height:37px;overflow:hidden;border-radius:3px;line-height:0}
.banner{display:block;width:300px;height:37px;max-width:none;object-fit:cover;object-position:center;border-radius:3px}
.banner-fallback{line-height:1.35}
/* Explicit row layout with space around each vote event. */
.small-panel .activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px;width:100%;padding:13px 0;border-top:1px solid var(--line);line-height:1.45;font-size:.94rem}
.small-panel h2+.activity-row{margin-top:16px}
.activity-row>span{min-width:0;overflow-wrap:anywhere}
.activity-row b{display:inline;font-weight:700;color:var(--gold)}
.activity-row time{font-size:.84rem;color:var(--muted);white-space:nowrap;text-align:right}
.small-panel .activity-row:last-of-type{margin-bottom:18px}
@media(max-width:760px){.rank-row .server-info{grid-column:1/4;grid-row:2}.rank-row .rank-number{grid-row:1}.rank-row .revision{grid-row:3}.rank-row .votes{grid-row:4}.rank-row .online{grid-row:3}.rank-row .view{grid-row:4}.banner-link{width:300px;max-width:100%}.banner{width:300px;max-width:100%}}
@media(max-width:390px){.small-panel .activity-row{grid-template-columns:1fr;gap:2px}.activity-row time{text-align:left}}