:root{color-scheme:dark;--bg:#121412;--panel:#22241f;--text:#ddd8c6;--muted:#a9ab99;--gold:#d2b16d;--line:#575444;--alliance:#86b9e4;--horde:#e49a85}
*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 50% 0,#34414a 0,#161b1d 48%,#0c0e0d 100%);color:var(--text);font:14px/1.65 Verdana,Tahoma,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(35deg,transparent 0 3px,#000 3px 4px);z-index:-1}
a{color:var(--gold);text-underline-offset:3px}a:hover{color:#ffe1a0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f3ce84;outline-offset:3px}.skip-link{position:absolute;top:-100px;left:15px;z-index:10;background:#141b1e;padding:12px}.skip-link:focus{top:8px}.site-shell{max-width:1160px;margin:28px auto;border:1px solid #82734c;box-shadow:0 0 0 4px #151713,0 0 0 5px #3f4239,0 12px 80px #000;background:#1b1f1b}
.masthead{height:242px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(0deg,#0a1016 0,transparent 25%,#080e1640 100%),url('/static/art/valley-masthead.webp') center 47%/cover;border-bottom:1px solid #978154;overflow:hidden}.brand{display:flex;flex-direction:column;align-items:center;color:#e4c582;text-decoration:none;text-shadow:0 3px 4px #000,0 0 20px #000}.brand:hover{color:#f4d795}.brand-kicker{font:10px Verdana,sans-serif;letter-spacing:4px;color:#d3d8d1;margin-bottom:9px}.brand-name{font:small-caps bold clamp(38px,6vw,69px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-2px}.brand-of{font-size:.48em;font-style:italic;font-variant:normal;vertical-align:middle;letter-spacing:-1px}.brand-tagline{font:10px Verdana,sans-serif;letter-spacing:5px;margin-top:15px}.masthead-foot{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;font:10px Verdana,sans-serif;letter-spacing:1px;color:#bbbda9}.masthead-foot b{color:#c2a16b;margin:0 8px}
.main-nav{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;border-bottom:3px double #726246;background:linear-gradient(#484a3c,#272b24 48%,#22251f 49%,#303228);box-shadow:inset 0 1px #8d8562,inset 0 -1px #12160e}.main-nav>a,.main-nav form{border-inline:1px solid #10150f55}.main-nav a,.main-nav .link{display:block;padding:13px 21px;color:#e3d2a2;text-decoration:none;font:bold 12px/1.4 Verdana,sans-serif;text-shadow:0 1px #000}.main-nav a:hover,.main-nav a[aria-current],.main-nav button:hover{background:#aa8b4230;color:#fff0c5}.main-nav .nav-join{color:#f0d394}.main-nav form{margin:0}.main-nav form button{margin:0;height:100%}.link{border:0;background:none;border-radius:0;cursor:pointer}
main{padding:20px 25px 38px;min-height:50vh;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000007 3px 4px)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#e5c98e;line-height:1.2}h1{font-size:38px;margin:9px 0 22px;text-shadow:0 2px #080b08}h2{font-size:24px;margin-top:0}h3{font-size:20px}p{margin:0 0 17px}em{color:var(--gold)}.eyebrow{font:bold 10px/1.4 Verdana,sans-serif;color:#b8a16e;letter-spacing:2px}.intro{font-size:15px;line-height:1.8;max-width:590px;color:#d6d5c7}.notice{background:#282c23;border:1px solid #887747;box-shadow:inset 0 0 0 1px #12160f;padding:12px 15px;margin-bottom:20px}.environment-notice{font-size:10px;color:#aeb5a3;background:#171d18;border-color:#424b3b;padding:7px 11px;margin-bottom:18px}
.button,button{display:inline-block;background:linear-gradient(#6f5030,#4a311e 48%,#382817 49%,#4b341f);border:1px solid #b08c53;box-shadow:inset 0 0 0 1px #18110d,0 1px 3px #0008;color:#ffe1a4;border-radius:2px;padding:10px 18px;text-decoration:none;font:bold 12px/1.5 Verdana,sans-serif;cursor:pointer;text-shadow:0 1px #000}.button:hover,button:hover{background:linear-gradient(#85613a,#5b3e26);color:#fff1cd}.small{padding:7px 12px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:23px}.actions>a:not(.button){font-size:12px}.section{margin-top:32px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;padding:22px;background:linear-gradient(125deg,#2b2e24,#20261f);border:1px solid #625b40;box-shadow:inset 0 0 0 1px #131910,0 2px 5px #0004;border-radius:1px}.card p{color:#c8cbb9}.card p:last-child{margin-bottom:0}.card h2{font-size:22px}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:22px}.home-main,.realm-sidebar{min-width:0}.welcome-panel{padding:26px 28px 0;background:radial-gradient(ellipse at top right,#42493777,transparent 70%),linear-gradient(110deg,#222b25,#1c2422);border:1px solid #6e6549;box-shadow:inset 0 0 0 1px #0e1714;margin-bottom:22px}.welcome-panel h1{font-size:36px;letter-spacing:-.6px}.welcome-panel .intro{font-size:13px;max-width:530px}.realm-ribbon{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:25px -28px 0;padding:10px 17px;border-top:1px solid #514f3a;background:#141b14;color:#a5aa94;font:9px/1.6 Verdana,sans-serif;letter-spacing:.5px}.realm-ribbon b{color:#dfc181}.dispatch-panel{border:1px solid #665e43;box-shadow:inset 0 0 0 1px #0d130f;background:#1d241d;margin-bottom:22px}.panel-title{display:flex;align-items:center;gap:10px;background:linear-gradient(#414435,#262b22);border-bottom:1px solid #6c6344;padding:10px 15px;box-shadow:inset 0 1px #7d795044}.panel-title>span:first-child{color:#bc9c57;font-size:10px}.panel-title h2{font-size:19px;margin:0;flex:1}.panel-title .caption,.panel-title a{font-size:9px;white-space:nowrap}.panel-body{padding:16px}.panel-empty{padding:18px}.news{padding:21px 23px;border-bottom:1px solid #474b36}.news:last-child{border-bottom:0}.news h1,.news h2{font-size:22px;margin:0 0 12px}.news p,.news ul{font-size:12px;line-height:1.85}.news p:last-child{margin-bottom:0}.feature-cards{gap:12px;margin:0 0 22px}.feature-cards .card{padding:15px}.feature-cards h2{font-size:18px;margin-bottom:9px}.feature-cards p{font-size:11px;line-height:1.8}.feature-number{font:italic 22px Georgia,serif;color:#a48b56;display:block;margin-bottom:7px}
.sidebar-panel{border:1px solid #6d6347;background:#22291f;box-shadow:inset 0 0 0 1px #10170d,0 3px 8px #0004;margin-bottom:19px}.sidebar-panel h2{font:bold 14px Georgia,serif;text-align:center;margin:0;padding:10px 8px;background:linear-gradient(#4c4937,#2c3023);border-bottom:1px solid #776b49;text-shadow:0 1px #000}.sidebar-panel>p{font-size:11px;padding:0 13px;margin:12px 0}.realm-facts{margin:8px 13px 12px;font-size:11px}.realm-facts div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #444a33}.realm-facts dt{color:#a5ac94}.realm-facts dd{margin:0;text-align:right;color:#e0d6b4}.sidebar-link{display:block;border-top:1px solid #4c5038;padding:9px 12px;background:#1a2117;font-size:11px;text-align:center}.map-preview img{display:block;width:100%;height:auto;padding:7px;filter:sepia(.08)}.map-preview>p{text-align:center;color:#bfb89c;font:italic 12px/1.6 Georgia,serif}.sidebar-panel pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 9px;padding:9px}.faction-motto{display:flex;align-items:center;justify-content:center;gap:9px;font:8px Verdana,sans-serif;color:#a0a694;letter-spacing:.4px}.faction-motto span:first-child{color:#86a8bd}.faction-motto span:last-child{color:#bb8872}.faction-motto b{font:22px Georgia,serif;color:#a79569}
.metrics{display:flex;gap:18px;padding:12px 0;border-block:1px solid #454c38;flex-wrap:wrap;font-size:11px}.metrics strong{margin-left:5px;color:#e6d5a8}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd7664;box-shadow:0 0 3px #000;margin-right:5px}.dot.up{background:#8db875}.objectives{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:15px 0}.objective{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #424a35;font-size:11px}.owner-1 strong{color:var(--alliance)}.owner-2 strong{color:var(--horde)}.owner-0 strong{color:#c3c4ae}.caption,small{font-size:10px;color:var(--muted)}.muted{color:var(--muted)}
label{display:block;font-size:12px;margin:17px 0 6px}input,select{width:100%;font:14px/1.4 Verdana,sans-serif;color:#ede9d9;background:#111810;border:1px solid #787359;padding:11px;border-radius:1px;box-shadow:inset 1px 2px 5px #0005}small{display:block;margin-top:7px}form button{margin-top:20px}.form-wrap{max-width:470px;margin:18px auto 25px;padding:28px;background:linear-gradient(#2b3126,#20271e);border:1px solid #786b49;box-shadow:inset 0 0 0 1px #11180c,0 6px 20px #0005}.form-wrap h1{font-size:36px}.form-wrap .intro{font-size:13px}.search{max-width:500px}.accounts{list-style:none;padding:0}.accounts li{padding:10px 12px;border:1px solid #424a36;border-top:0;background:#222a20}.accounts li:first-child{border-top:1px solid #424a36}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;border:1px solid #585b43}th,td{padding:11px 12px;border-bottom:1px solid #444d38;overflow-wrap:anywhere}th{color:#d7c18b;background:linear-gradient(#393f2e,#292f23);font-weight:400}td{background:#1c241c}tbody tr:nth-child(even) td{background:#242c21}.table-scroll{overflow:auto}pre{overflow:auto;padding:13px;background:#11180f;border:1px solid #555b3f;font:12px/1.6 Consolas,monospace}code{color:#dbc58f;overflow-wrap:anywhere}.prose{max-width:780px;margin:auto;padding:12px 12px 25px}.prose h2{margin-top:32px}.prose p{font-size:13px;line-height:1.9}.battlefield-figure{margin:25px 0;border:1px solid #8b7850;padding:8px;background:#12170f}.battlefield-figure img{display:block;width:100%;height:auto}.battlefield-figure figcaption{padding:10px 7px 3px;font-size:10px;color:#b6b49a}footer{padding:22px 25px;text-align:center;border-top:3px double #6b6042;background:#131a14;color:#939a85;font-size:10px}footer p{margin:0 0 5px}.footer-brand{font:17px Georgia,serif;color:#c7ae78}.footer-brand span{font:10px Verdana,sans-serif;color:#969b83}
@media(min-width:1500px){.site-shell{margin-top:42px}}
@media(max-width:900px){.site-shell{margin:10px}.home-layout{grid-template-columns:minmax(0,1fr) 225px;gap:15px}main{padding:16px}.main-nav a,.main-nav .link{padding:12px 13px}.feature-cards{grid-template-columns:1fr}.feature-cards .card{padding:15px 18px}.feature-number{float:left;margin-right:15px}.feature-cards h2{margin-top:3px}.feature-cards p{font-size:12px}.welcome-panel h1{font-size:31px}.welcome-panel{padding:22px 20px 0}.realm-ribbon{margin-inline:-20px}.panel-title .caption{display:none}}
@media(max-width:650px){.site-shell{margin:0;border-inline:0;box-shadow:none}.masthead{height:195px}.brand-name{font-size:43px;letter-spacing:-1.5px}.brand-kicker{font-size:8px;letter-spacing:2px}.brand-tagline{font-size:9px;letter-spacing:3px}.masthead-foot{font-size:8px;left:12px;right:12px}.main-nav a,.main-nav .link{padding:11px 12px;font-size:11px}.home-layout{grid-template-columns:1fr}.realm-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.realm-sidebar .sidebar-panel{margin:0}.realm-sidebar .sidebar-panel:last-of-type{grid-column:1/-1}.faction-motto{grid-column:1/-1;padding:8px}.two,.three,.objectives{grid-template-columns:1fr}h1{font-size:32px}.welcome-panel h1{font-size:31px}.actions{gap:13px}.realm-ribbon{font-size:8px;gap:5px}.feature-cards{gap:10px}.panel-title h2{font-size:18px}.panel-title a{font-size:9px}.news{padding:18px}.form-wrap{padding:22px 19px;margin-block:10px}.section-head{align-items:flex-start}.metrics{gap:10px 17px}footer{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}