:root{--bg:#081119;--panel:#11212b;--gold:#d8b769;--ink:#eee7d7;--muted:#aebcc3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Georgia,serif}header{padding:18px 24px;background:#0b1822;border-bottom:2px solid #816935}header h1{margin:2px 0;font-size:30px;letter-spacing:.05em}header p{margin:0;color:var(--muted)}a{color:var(--gold)}.back{font:13px system-ui;text-decoration:none}.layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 115px)}.controls{padding:17px;background:#0d1a23;border-right:1px solid #69562e}.controls h2,.panel h2{font-size:17px;color:var(--gold);margin:16px 0 9px}.controls h2:first-child{margin-top:0}.region-buttons{display:grid;gap:6px}button{cursor:pointer;font:inherit;color:var(--ink);border:1px solid #76633a;border-radius:6px;background:#152935;padding:8px}.region-buttons button{text-align:left}.region-buttons button.active{background:#735a2d;color:#fff4d5}.controls label{display:block;margin:8px 0}.controls select,.controls input[type=search],.controls input[type=number]{width:100%;padding:9px;background:#07121a;color:var(--ink);border:1px solid #667079;border-radius:5px}.controls input[type=number]{margin-top:6px}.row{display:flex;gap:5px;margin-top:14px}.row button{flex:1}.note,.caption{font:12px/1.5 system-ui;color:var(--muted)}main{min-width:0;padding:15px}.map-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.map-head strong{font-size:20px;color:var(--gold)}#regionHint{display:block;color:var(--muted);font-size:12px}#live{font:12px system-ui;text-align:right;color:#d5d9ce}.map-frame{position:relative;overflow:auto;background:#060c10;border:2px solid #917642;border-radius:8px;min-height:370px;max-height:70vh}.stage{position:relative;transform-origin:top left;width:100%;line-height:0}.stage img{width:100%;height:auto;display:block}.pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-100%);border:0;background:none;padding:0;pointer-events:auto;color:#f1d387;text-shadow:0 1px 3px #000,0 0 5px #000;font:bold 12px system-ui;white-space:nowrap}.pin:before{content:'●';display:block;color:#e2ad4f;font-size:26px;line-height:22px;-webkit-text-stroke:1px #1b1711}.pin:hover,.pin:focus{z-index:5;color:#fff}.pin.peddler:before{content:'◆';color:#79d8a4}.pin small{display:block;font:10px system-ui}.caption{margin:7px 2px 13px}.lower{display:grid;grid-template-columns:minmax(250px,1fr) minmax(330px,1.25fr);gap:12px}.panel{background:var(--panel);border:1px solid #5e573d;border-radius:8px;padding:13px;min-width:0}.panel h2{margin:0 0 10px}.panel small{font:12px system-ui;color:var(--muted)}.area-list{max-height:440px;overflow:auto}.area-list button{display:block;text-align:left;width:100%;margin:3px 0;border-color:#314751;background:#0b1922;font:13px Georgia,serif}.area-list button:hover{background:#1c3d51}.area-list small{display:block}.detail p{margin:7px 0}.detail code{display:block;white-space:normal;overflow-wrap:anywhere;background:#07121a;border:1px solid #355062;padding:10px;margin:7px 0;font:12px/1.5 monospace}.detail button{margin-top:4px}.status{color:#a9dbbd}.unavailable{color:#d9bd88}@media(max-width:850px){.layout{display:block}.controls{border-right:0;border-bottom:1px solid #69562e}.region-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.lower{grid-template-columns:1fr}.map-head{display:block}#live{text-align:left}.pin{font-size:9px}.pin small{display:none}}

.events{margin-bottom:12px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.event-card{background:#0b1922;border:1px solid #314751;border-radius:6px;padding:12px}.event-card strong{color:var(--gold)}.event-card p{margin:7px 0 0;overflow-wrap:anywhere}@media(max-width:600px){.event-grid{grid-template-columns:1fr}}

.event-card button{margin-top:8px;font:12px system-ui;padding:5px 9px}.event-card button[hidden]{display:none}
.zone-pin{position:absolute;z-index:2;width:13px;height:13px;transform:translate(-50%,-50%);padding:0;border:2px solid #fff1c5;border-radius:50%;background:#b75b29;box-shadow:0 0 0 2px #26190e,0 1px 7px #000;pointer-events:auto;line-height:1}.zone-pin:hover,.zone-pin:focus-visible{z-index:20;background:#f2c869;outline:2px solid #fff;outline-offset:3px}.zone-tooltip{display:none;position:absolute;left:16px;top:-13px;min-width:max-content;max-width:240px;white-space:normal;text-align:left;padding:6px 9px;border:1px solid #d8b769;border-radius:5px;background:#10212c;color:#fff2d4;font:12px/1.35 system-ui;box-shadow:0 3px 12px #000;pointer-events:none}.zone-pin:hover .zone-tooltip,.zone-pin:focus-visible .zone-tooltip{display:block}
/* Wheel of Time inspired navigator shell */
body{background:radial-gradient(ellipse at 50% -15%,#2a3340 0,#0a141a 45%,#070c10 100%);color:#f1e7cd}
.aww-hero{position:relative;min-height:150px;display:flex;align-items:center;gap:24px;padding:24px clamp(20px,4vw,65px);overflow:hidden;border-bottom:3px solid #b3914e;background:radial-gradient(circle at 78% -35%,#334858 0,transparent 45%),linear-gradient(110deg,#071017 10%,#172833 50%,#0b1319 100%);box-shadow:0 8px 30px #0009}
.aww-hero:after{content:'✦   ✧   ✦';position:absolute;right:22%;top:15px;color:#d7bd7655;font-size:26px;letter-spacing:1.2em;pointer-events:none}
.hero-mark{flex:none;display:grid;place-items:center;width:92px;height:92px;border:3px double #cfad65;border-radius:50%;box-shadow:0 0 0 5px #cfad6522,inset 0 0 20px #cfad6533;color:#e9cd85;text-decoration:none;font-size:64px;line-height:1}
.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{font:700 11px system-ui;letter-spacing:.32em;color:#b9cbd0}.hero-copy h1{font-size:clamp(27px,3.2vw,48px);line-height:1.1;letter-spacing:.075em;margin:8px 0 7px;text-shadow:0 2px 13px #000}.hero-copy p{color:#e5c981;font:15px Georgia,serif;letter-spacing:.12em}.hero-sep{padding:0 8px;color:#a88b50}.hero-home{position:relative;z-index:1;margin-left:auto;color:#f1dca8;text-decoration:none;white-space:nowrap;border:1px solid #ab8b4c;border-radius:5px;background:#101b23;padding:10px 13px;font:12px system-ui}.hero-home:hover{background:#294154}
.layout{grid-template-columns:280px minmax(0,1fr)}.controls{background:linear-gradient(#101d26,#0b151d);border-right:2px solid #866d38}.controls h2{letter-spacing:.06em}.panel{background:#101e28;border-color:#75633e;box-shadow:0 5px 25px #0005}.map-frame{box-shadow:inset 0 0 0 4px #17110c,0 12px 24px #0007}.event-card{background:linear-gradient(145deg,#192a34,#0b1922);border-color:#705f3b}.event-card strong{letter-spacing:.03em}.area-list button{border-left:3px solid transparent}.area-list button:hover,.area-list button:focus-visible{border-left-color:#d8b769}
.detail.area-selected{position:relative;isolation:isolate;overflow:hidden;background:#0b1821}.detail.area-selected:before{content:'';position:absolute;z-index:-2;inset:0 0 auto;height:290px;background-image:var(--area-scene);background-size:cover;background-position:center 46%;opacity:.85}.detail.area-selected:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#07121a44 0,#07121ad9 170px,#0b1821 310px)}
.detail.area-selected>*{position:relative}.detail .area-eyebrow{font:700 11px system-ui;letter-spacing:.24em;color:#f4d996;text-shadow:0 1px 5px #000;margin:4px 0 9px}.detail.area-selected h2{font-size:clamp(23px,2.5vw,34px);line-height:1.12;margin:0 0 18px;text-shadow:0 2px 9px #000}.detail .area-lore{font:16px/1.6 Georgia,serif;padding:15px 17px;background:#09151bdc;border:1px solid #a88a4b;border-radius:8px;box-shadow:0 4px 18px #0007;margin:15px 0 18px}.detail .area-file{font:12px system-ui;color:#d6c595;letter-spacing:.04em;text-transform:uppercase}.detail.area-selected code{background:#07131be9}
@media(max-width:900px){.aww-hero{min-height:115px;padding:17px}.hero-mark{width:66px;height:66px;font-size:45px}.hero-home{font-size:11px}.layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:650px){.aww-hero{flex-wrap:wrap;gap:10px}.hero-mark{width:52px;height:52px;font-size:34px}.hero-copy{flex:1}.hero-copy h1{font-size:23px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.18em}.hero-copy p{font-size:11px}.hero-home{margin-left:62px}.layout{display:block}.event-grid{grid-template-columns:1fr}.detail.area-selected:before{height:250px}}
/* Light and Shadow banner: return on left, online count on right */
.aww-hero{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;gap:22px;min-height:156px;padding:18px clamp(18px,3vw,48px);background:linear-gradient(90deg,#06111c44,#06111ce8 30%,#06111ce8 70%,#06111c55),url('assets/hero-light-shadow.webp') center 52%/cover no-repeat;border-bottom:3px solid #ba9350;box-shadow:0 8px 24px #000a}
.aww-hero:after{display:none}.hero-brand{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;position:relative;z-index:1}.hero-logo{width:92px;height:92px;object-fit:cover;object-position:center;border:2px solid #d9ae68;border-radius:50%;box-shadow:0 0 0 4px #050d13b5,0 0 18px #d9ae685e;flex:none}.hero-copy{text-align:center;white-space:nowrap}.hero-copy h1{font-size:clamp(24px,2.5vw,42px);margin:3px 0 5px;color:#fff2d2;text-shadow:0 2px 8px #000,0 0 18px #000;letter-spacing:.04em}.hero-copy p{font-size:12px;letter-spacing:.28em;color:#e8c681;text-shadow:0 2px 6px #000}.hero-copy .eyebrow{text-shadow:0 2px 6px #000}
.aww-hero .hero-home{justify-self:start;margin:0;background:#07131bdc;border-color:#bd9653;color:#ffe2a5;font:700 12px system-ui;box-shadow:0 2px 12px #0009}.aww-hero .hero-home:hover{background:#183247}.hero-players{justify-self:end;position:relative;z-index:1;padding:11px 16px;min-width:128px;text-align:center;border:1px solid #bd9653;border-radius:7px;background:#07131be8;color:#fff2cf;font:700 15px system-ui;box-shadow:0 2px 12px #0009}
@media(max-width:1050px){.aww-hero{gap:10px;grid-template-columns:auto 1fr auto}.hero-logo{width:66px;height:66px}.hero-copy h1{font-size:clamp(20px,2.5vw,31px)}.hero-players{min-width:0;font-size:12px}}
@media(max-width:700px){.aww-hero{display:grid;grid-template-columns:1fr auto;min-height:150px;gap:12px;padding:12px}.hero-brand{grid-column:1/-1;grid-row:1;justify-content:center}.hero-logo{width:52px;height:52px}.hero-copy h1{font-size:clamp(17px,4vw,26px)}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:9px}.aww-hero .hero-home{grid-column:1;grid-row:2;font-size:11px}.hero-players{grid-column:2;grid-row:2;font-size:11px;padding:9px}}
/* Focus the existing northern map artwork on the Great Blight. */
.stage.blight-focus{aspect-ratio:3.36;overflow:hidden}.stage.blight-focus img{position:absolute;width:131.5%;max-width:none;height:auto;left:-14.6%;top:-13%}.stage.blight-focus .pins{z-index:1}

.zone-pin{background:#ff8a24;border-color:#ffe3bc}.zone-pin:hover,.zone-pin:focus-visible{background:#ffad54}

.event-map-pin{position:absolute;z-index:5;width:38px;height:34px;padding:0;border:0;background:transparent;transform:translate(-50%,-100%);cursor:pointer;filter:drop-shadow(0 2px 2px #000)}
.event-map-pin svg{display:block;width:100%;height:100%}.event-map-pin.faire{transform:translate(-100%,-100%)}.event-map-pin.peddler{transform:translate(0,-100%)}.event-map-pin:focus-visible{outline:2px solid #ffac4e;border-radius:4px}

/* Focus the map on the Aiel Waste while preserving the artwork's full height. */
.stage.waste-focus{aspect-ratio:.629;overflow:hidden}
.stage.waste-focus img{position:absolute;width:297.62%;max-width:none;height:auto;left:-197.62%;top:0}
.stage.waste-focus .pins{z-index:1}
.map-frame:has(.waste-focus){min-height:0}