:root{color-scheme:dark;--bg:#101412;--surface:#191e1a;--line:#343c32;--ink:#eff0e6;--muted:#a5b09f;--lime:#c6db91;--orange:#dda782}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{cursor:pointer}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.18em;font-weight:750;font-size:17px}.brand svg{width:39px;color:var(--lime)}.brand-sub{display:block;font-size:9px;letter-spacing:.17em;color:var(--muted);font-weight:500;margin-top:4px}nav{display:flex;gap:32px;font-size:13px;color:#ccd1c4}nav a:hover,.text-link:hover{color:var(--lime)}nav a span{margin-left:5px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:8px 12px}.skip{position:absolute;top:-100px;left:15px;padding:14px;background:var(--lime);color:var(--bg);z-index:10}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;max-width:1440px;margin:auto;padding:80px 5% 75px}.overline{font-size:10px;font-weight:650;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.04;font-size:clamp(44px,6vw,89px);margin:25px 0}h1 em{font-weight:400;color:var(--lime)}.lede{font-size:17px;line-height:1.85;color:#b9c2b2;max-width:600px}.hero .lede{max-width:425px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;font-size:12px;line-height:1.5;font-weight:650;border-radius:5px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#1b2517}.primary:hover{background:#d6ec9f}.outline{border-color:var(--line);background:transparent;color:var(--ink)}.text-link{font-size:12px}.hero-foot{margin-top:34px;font-size:10px;color:#a4ad9a}.hero-foot span{margin:0 12px;color:#59654e}.field-map{position:relative;overflow:hidden;align-self:center;min-height:405px;background:radial-gradient(ellipse at 50% 25%,#414d2c50,transparent 65%),#151a14;border:1px solid #3a4331;border-radius:6px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#87945c0a 1px,transparent 1px),linear-gradient(90deg,#87945c0a 1px,transparent 1px);background-size:34px 34px}.map-grid:after{content:'';position:absolute;inset:40px 70px;border:1px solid #66744a40;border-radius:50%;transform:rotate(-25deg)}.map-sigil{position:absolute;width:150px;top:-10px;right:55px;transform:rotate(18deg);color:#a7b27a1c}.coord{position:absolute;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.13em;color:#8a9978}.coord.top{top:22px;left:24px}.coord.bottom{bottom:23px;left:24px}.map-node{position:absolute;left:9%;right:9%;display:flex;align-items:center;gap:15px;border:1px solid #899b5f70;border-radius:5px;background:#182019f5;padding:22px;box-shadow:0 20px 45px #0003;transition:border-color .2s}.map-node:hover{border-color:var(--lime)}.map-node.azeroth{top:88px}.map-node.d2{top:224px;left:17%;border-color:#97684680;background:#221b16f5}.map-node i{width:16px;height:16px;background:var(--lime);transform:rotate(45deg);border:4px solid #2b3b1f;flex-shrink:0}.map-node.d2 i{background:var(--orange);border-color:#63412b}.map-node small{display:block;font-family:ui-monospace,monospace;letter-spacing:.15em;font-size:8px;color:var(--lime);margin-bottom:7px}.map-node.d2 small{color:var(--orange)}.map-node strong{display:block;font-size:15px;font-weight:550}.map-node span span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.section{max-width:1440px;margin:auto;padding:55px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px;border-top:1px solid var(--line);padding-top:42px}.section-head h2,.tool-promo h2{font-family:Georgia,serif;font-size:clamp(30px,3.8vw,48px);font-weight:400;line-height:1.14;letter-spacing:-.035em;margin:13px 0 0}.section-head>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:295px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-card{position:relative;overflow:hidden;padding:35px;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at 90% 10%,#61753a35,transparent 70%),var(--surface);min-height:310px}.game-card:hover{border-color:#8b9a6a}.game-card.d2{background:radial-gradient(ellipse at 90% 10%,#8b563535,transparent 70%),var(--surface)}.game-number{position:absolute;right:28px;top:10px;font-family:Georgia,serif;font-size:170px;color:#a2b37d0b;letter-spacing:-.09em}.d2 .game-number{color:#cb906510}.tag{font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.12em;border:1px solid #526140;padding:6px 8px;display:inline-block;color:var(--lime);text-transform:uppercase}.d2 .tag{color:var(--orange);border-color:#79563f}.game-card h3{font:400 39px/1.12 Georgia,serif;letter-spacing:-.025em;margin:22px 0 15px}.game-card>p:not(.tag){font-size:12px;line-height:1.8;max-width:320px;color:var(--muted)}.card-link{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;font-weight:600;margin-top:28px;color:#d6dfca}.card-link b{font-size:18px;font-weight:400}.search-label{display:block;font-size:10px;color:var(--muted);min-width:270px}.search-label input{display:block;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:12px;color:var(--ink);margin-top:8px;font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:28px;display:flex;flex-direction:column;min-height:285px}.guide-card:hover{border-color:#859268}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-family:ui-monospace,monospace;font-size:9px}.guide-card .overline{font-size:9px;margin-top:27px}.guide-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:4px 0 12px;max-width:390px}.guide-card>p:not(.overline){font-size:12px;line-height:1.8;color:var(--muted);margin:0}.guide-card .card-link{margin-top:auto;padding-top:25px}.tool-promo{margin:30px auto;max-width:calc(1440px - 10%);padding:45px;border:1px solid #5e6b46;border-radius:6px;background:linear-gradient(110deg,#242d1f,#171c16);display:flex;justify-content:space-between;align-items:center;gap:40px}.tool-promo p:not(.overline){font-size:13px;line-height:1.9;color:var(--muted);max-width:460px;margin-top:22px}.editor-note{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:35px;border-bottom:1px solid var(--line);margin-bottom:40px}.editor-note>span{font:9px/1.8 ui-monospace,monospace;letter-spacing:.13em;color:var(--muted)}.editor-note p{margin:0;font:20px/1.6 Georgia,serif;color:#c8cfc0}.editor-note a{font-size:11px;text-align:right;color:var(--lime);line-height:1.8}footer{max-width:1440px;margin:auto;padding:30px 5% 45px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-brand svg{width:24px;vertical-align:middle;color:var(--lime);margin-right:10px}.footer-brand strong{font-size:13px}.footer-brand p{font-size:11px;color:var(--muted);margin-top:12px}footer>div:nth-child(2){display:flex;justify-content:flex-end;align-items:flex-start;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.fine{font-size:10px;line-height:1.9;color:var(--muted)}footer>.fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;max-width:100%}.page-head,.article-head{max-width:1440px;margin:auto;padding:65px 5% 42px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(42px,6vw,74px)}.page-head .button{margin-top:16px}.crumb{font-size:11px;color:var(--muted);margin:0 0 32px}.crumb a{color:#d6ddcc}.article-head{max-width:1150px}.article-head h1{font-size:clamp(40px,5.2vw,66px);max-width:920px;line-height:1.1}.article-head .lede{max-width:730px}.article-meta{margin-top:25px;font-size:10px;color:var(--muted)}.article-meta span{margin:0 10px;color:#626f58}.article-layout{max-width:1150px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding-top:45px}.toc{align-self:start;position:sticky;top:30px;border-left:1px solid var(--line);padding-left:18px}.toc a{display:block;font-size:11px;line-height:1.7;margin:15px 0;color:var(--muted)}.toc a:hover{color:var(--lime)}.toc .toc-tool{padding-top:20px;border-top:1px solid var(--line);color:var(--lime)}.reading{font-size:15px;line-height:1.95;color:#c0c8b7}.reading h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.025em;line-height:1.3;color:var(--ink);margin:0 0 18px}.reading section{margin-bottom:50px}.reading p{margin:0 0 20px}.reading a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.reading li{margin-bottom:12px}.reading code{font:12px/1.7 ui-monospace,monospace;color:#d5e6ad;background:#263020;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}.reading.narrow{max-width:830px;padding-top:45px;padding-bottom:70px}.reading.narrow h2:not(:first-child){margin-top:40px}.sources{border-top:1px solid var(--line);padding-top:30px}.sources p,.sources li{font-size:12px}.checklist{border:1px solid var(--line);border-radius:6px;padding:18px;background:var(--surface)}.checklist label{display:flex;align-items:center;gap:12px;font-size:12px;padding:8px}.checklist input{accent-color:var(--lime);width:16px;height:16px}.related{max-width:950px}.table-wrap{overflow:auto;margin-bottom:25px}table{border-collapse:collapse;width:100%;min-width:420px;font-size:12px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{color:var(--ink);font-size:11px}.diagnostic{max-width:830px;background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-top:40px;margin-bottom:20px;padding:30px}.diagnostic-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.diagnostic h2{font:400 33px/1.3 Georgia,serif}.diagnostic>p{font-size:13px;color:var(--muted);line-height:1.8}.diagnostic .button{margin-top:12px}.check-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.check-row strong{font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;color:var(--lime)}.check-row strong.warn{color:var(--orange)}#check-results{margin:25px 0 10px}.button:disabled{opacity:.5;cursor:wait}button[hidden],[hidden]{display:none!important}.no-results{padding:30px;color:var(--muted)}@media(min-width:1440px){.tool-promo{max-width:1296px}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.hero h1{font-size:70px}.field-map{min-height:370px;max-width:600px;width:100%}.map-node.azeroth{top:73px}.map-node.d2{top:203px}.section{padding-top:35px;padding-bottom:35px}.section-head{align-items:start}.editor-note{grid-template-columns:1fr 2fr}.editor-note a{grid-column:2;text-align:left}.article-layout{grid-template-columns:1fr;gap:25px}.toc{position:static;display:flex;flex-wrap:wrap;gap:8px 18px;border-left:0;border-bottom:1px solid var(--line);padding:0 0 18px}.toc .overline{width:100%}.toc a{margin:0;font-size:10px}.toc .toc-tool{border:0;padding:0}.tool-promo{max-width:90%;padding:30px}}@media(max-width:600px){header{padding:20px 6%;flex-wrap:wrap}.brand{font-size:14px}.brand svg{width:32px}.menu-toggle{display:block}nav{display:none;width:100%;flex-direction:column;gap:18px;padding:20px 0 7px}nav.open{display:flex}.hero{padding:38px 6%}.hero h1{font-size:60px;margin-top:24px}.hero .lede{font-size:15px}.hero-actions{gap:20px}.hero-foot{font-size:9px;line-height:1.8}.field-map{min-height:350px}.map-node{left:7%;right:7%;padding:18px}.map-node.d2{left:13%;top:196px}.map-node strong{font-size:13px}.map-node span span{font-size:9px}.coord.bottom{font-size:7px}.section{padding-left:6%;padding-right:6%}.section-head{display:block;padding-top:28px}.section-head>p{max-width:100%;margin-top:20px}.game-grid,.guide-grid{grid-template-columns:1fr}.game-card{min-height:285px;padding:28px}.game-card h3{font-size:37px}.search-label{margin-top:25px;min-width:0}.guide-card{padding:25px;min-height:270px}.tool-promo{display:block;padding:27px;max-width:88%}.tool-promo .button{margin-top:20px}.tool-promo h2{font-size:34px}.editor-note{display:block}.editor-note p{margin:20px 0;font-size:19px}.editor-note a{text-align:left}footer{display:block;padding:30px 6%}footer>div:nth-child(2){justify-content:flex-start;margin:25px 0}.fine{font-size:10px}.page-head,.article-head{padding:35px 6%}.page-head h1,.article-head h1{font-size:43px;line-height:1.08}.article-head .lede,.page-head .lede{font-size:15px}.article-meta{font-size:9px;line-height:1.9}.article-meta span{margin:0 5px}.reading{font-size:14px}.reading h2{font-size:27px}.diagnostic{margin:25px 6%;padding:23px}.diagnostic-top{align-items:start}.diagnostic-top>.fine{max-width:120px;text-align:right}.diagnostic h2{font-size:29px}.check-row{align-items:start}.check-row strong{max-width:130px;text-align:right}.narrow{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Let long comparison tables scroll inside their article on narrow screens. */
.article-layout > * { min-width: 0; }