/* Atmospheric layer: optional motion, original site content remains usable without JS. */
.reading-progress{position:fixed;top:0;left:0;height:2px;width:var(--reading,0%);background:linear-gradient(90deg,#75b28b,#d8b77a,#ce6d5b);z-index:50;box-shadow:0 0 10px #d8b77a66;pointer-events:none}header{position:sticky;top:0;backdrop-filter:blur(16px);height:84px}.hero{height:calc(100svh - 84px);min-height:720px}.hero-image{inset:-20px;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.025);transition:transform 1.4s ease-out;will-change:transform}.hero-content{position:relative;z-index:3}.hero-content h1{animation:title-enter 1.3s both}.hero-content .eyebrow{animation:title-enter 1s both}.hero-content .hero-description,.hero-buttons{animation:title-enter 1.5s .15s both}.hero-tags{display:flex;gap:8px;margin:23px 0 15px}.hero-tags span{border:1px solid #c6b17e42;background:#11170e80;padding:4px 8px;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#d0d5c3}.hero-fog{position:absolute;inset:-10%;z-index:1;pointer-events:none;opacity:.55;background:radial-gradient(ellipse at 10% 80%,#56896a4a,transparent 40%),radial-gradient(ellipse at 85% 30%,#a0392b33,transparent 45%);filter:blur(26px);animation:fog-drift 18s ease-in-out infinite alternate}#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.portal-sigil{position:absolute;right:7%;top:23%;height:300px;width:300px;border-radius:50%;border:1px solid #ddc28725;box-shadow:0 0 55px #d8b77a0a,inset 0 0 40px #d8b77a09;z-index:1;opacity:.7;animation:sigil-turn 90s linear infinite}.portal-sigil:before,.portal-sigil:after{content:'';position:absolute;inset:17px;border:1px dashed #ddc28755;border-radius:50%}.portal-sigil:after{inset:45px;border-style:solid;transform:rotate(45deg);border-radius:0;border-color:#ddc28735}.portal-sigil i{position:absolute;inset:68px;transform:rotate(-10deg);border:1px solid #ddc28766}.portal-sigil b{font-size:74px;position:absolute;inset:0;display:grid;place-items:center;color:#e1c58a55;font-weight:400}.motion-control{position:fixed;right:22px;bottom:20px;z-index:40;border:1px solid #696044;background:#11170eea;color:#d8c9a8;padding:9px 13px;backdrop-filter:blur(12px);font-size:9px;letter-spacing:.6px;box-shadow:0 6px 24px #0004;display:flex;align-items:center;gap:9px}.motion-control>span:first-child{color:var(--gold);font-size:15px}.motion-control:hover{border-color:var(--gold)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.motion-ready .reveal.is-visible{opacity:1;transform:none}.faction{transition:border-color .4s,transform .4s,box-shadow .4s;isolation:isolate}.faction:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0004}.faction>*{position:relative;z-index:2}.faction:before{content:'';position:absolute;inset:-70%;background:conic-gradient(from 30deg,transparent 30%,#83bf8e0e 50%,transparent 70%);animation:sigil-turn 26s linear infinite;pointer-events:none;z-index:0}.faction.red:before{background:conic-gradient(from 30deg,transparent 30%,#d8725c0e 50%,transparent 70%);animation-direction:reverse}.faction .faction-num{position:absolute}.faction-choice{margin-top:25px;display:flex;gap:30px;justify-content:space-between;width:100%;border:1px solid #83bf8e66;background:#3b74432b;color:#d0e2d2;padding:10px 14px;font-size:11px;text-align:left}.red .faction-choice{border-color:#b9655266;background:#843a2c2b;color:#f0c9be}.faction-choice:hover,.faction-choice[aria-pressed=true]{border-color:currentColor;background:#5b95684a}.red .faction-choice:hover,.red .faction-choice[aria-pressed=true]{background:#a94c3c4a}.faction[data-active=true]{box-shadow:0 0 45px #59ad6424;border-color:#8abd8f}.faction.red[data-active=true]{border-color:#d48d7b;box-shadow:0 0 45px #b2453324}.faction-verdict{display:flex;gap:16px;align-items:center;margin-top:22px;border-bottom:1px solid var(--line);padding:10px 0 22px}.verdict-symbol{color:var(--gold);font-size:25px}.faction-verdict strong{font:26px 'Barlow Condensed';font-weight:500}.faction-verdict p{color:var(--muted);font-size:11px;margin-top:3px}.faction-verdict button{margin-left:auto;font-size:10px;background:none;border:0;border-bottom:1px solid #7a7258;color:var(--gold);padding:8px 0}.faction-verdict button[hidden]{display:none}body[data-allegiance=green]{--gold:#b2c994}body[data-allegiance=red]{--gold:#e4af8d}.world-explorer{padding-top:25px}.zone-stage{height:440px;position:relative;overflow:hidden;border:1px solid #5b5640;background:#151a14;isolation:isolate}.zone-art{position:absolute;inset:0;background-image:url('assets/world-atlas.png');background-size:400% 100%;background-position:0% center;transition:background-position .9s cubic-bezier(.2,.6,.2,1),filter .7s;z-index:-2;filter:saturate(.8)}.zone-stage[data-scene="1"] .zone-art{background-position:33.3333% center}.zone-stage[data-scene="2"] .zone-art{background-position:66.6667% center}.zone-stage[data-scene="3"] .zone-art{background-position:100% center}.zone-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b100ded,#0b100dbb 38%,#10131022),linear-gradient(0deg,#101210b3,transparent 50%);z-index:-1}.zone-number{position:absolute;right:35px;top:-20px;font:260px/1 'Barlow Condensed';color:#e3d9be20}.zone-detail{max-width:570px;padding:70px 45px}.zone-detail h3{font-size:64px;margin:15px 0 22px}.zone-detail>p:not(.eyebrow){color:#c4ccbe;font-size:13px;line-height:1.9;max-width:430px}.zone-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.zone-facts span{padding:5px 8px;border:1px solid #d4c69d3d;background:#11170d88;color:#ded5be;font-size:8px;letter-spacing:1px}.zone-caption{position:absolute;right:18px;bottom:13px;color:#b6bda3;font-size:7px;letter-spacing:1.2px}.zone-selectors{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.zone-selectors button{padding:18px 17px;border:0;border-right:1px solid var(--line);background:#151a13;color:var(--muted);text-align:left;position:relative;transition:background .3s}.zone-selectors button:last-child{border:0}.zone-selectors button>span{font-size:8px;color:#727e68;letter-spacing:1px}.zone-selectors button strong{display:block;font:22px/1.1 'Barlow Condensed';font-weight:500;margin:7px 0;color:#d3d8c9}.zone-selectors button small{font-size:9px}.zone-selectors button.selected,.zone-selectors button:hover{background:#2a3020}.zone-selectors button.selected:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold)}.zone-selectors button.selected strong{color:var(--gold)}.world-rule-strip{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;color:#99a38d;padding:20px 0;border-bottom:1px solid var(--line)}.share-server{margin-top:22px;border:0;border-bottom:1px solid #a58c5f;background:none;color:var(--gold);font-size:11px;padding:8px}.share-server span{margin-left:15px}#share-feedback{min-height:20px;font-size:10px;color:#c5ccb9;margin-top:9px}.effects-off .hero-fog,.effects-off .portal-sigil,.effects-off .faction:before{animation-play-state:paused}.effects-off .hero-image{transform:scale(1.025);transition:none}.effects-off .zone-art{transition:none}.effects-off .hero-content h1,.effects-off .hero-content .eyebrow,.effects-off .hero-content .hero-description,.effects-off .hero-buttons{animation:none}.effects-off .reveal{transition:none!important}.effects-off .reveal{opacity:1!important;transform:none!important}@keyframes sigil-turn{to{transform:rotate(360deg)}}@keyframes fog-drift{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(4%,-3%) scale(1.08)}}@keyframes title-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.portal-sigil{right:3%;width:230px;height:230px;top:32%;opacity:.45}.zone-detail{padding:60px 35px}.zone-detail h3{font-size:54px}.world-rule-strip{flex-wrap:wrap;justify-content:flex-start;font-size:7px}.zone-selectors button strong{font-size:19px}}@media(max-width:700px){header{height:76px}nav{top:75px}.hero{height:calc(100svh - 76px);min-height:640px;max-height:850px}.hero-content{padding-bottom:80px}.hero h1{font-size:clamp(49px,13vw,63px)}.hero-tags{margin-top:15px}.hero-tags span{font-size:7px}.portal-sigil{top:40%;right:-55px;width:200px;height:200px;opacity:.3}.portal-sigil:after{inset:35px}.portal-sigil i{inset:50px}.portal-sigil b{font-size:50px}.motion-control{right:10px;bottom:10px;font-size:8px;padding:6px 10px}.faction-verdict{align-items:flex-start;flex-wrap:wrap}.faction-verdict button{margin-left:41px}.faction-verdict p{max-width:245px}.zone-stage{height:490px}.zone-shade{background:linear-gradient(0deg,#0b100df5,#0b100dbb 45%,#10131011)}.zone-art{background-size:400% 100%}.zone-detail{padding:150px 25px 35px;position:relative}.zone-detail h3{font-size:45px;margin:12px 0 18px}.zone-detail>p:not(.eyebrow){font-size:12px}.zone-facts{margin-top:20px;gap:7px}.zone-facts span{font-size:7px}.zone-number{font-size:200px;top:0;right:20px}.zone-caption{font-size:6px;right:12px;bottom:10px}.zone-selectors{grid-template-columns:1fr 1fr}.zone-selectors button{padding:17px;border-bottom:1px solid var(--line)}.zone-selectors button:nth-child(2){border-right:0}.zone-selectors button:nth-child(3),.zone-selectors button:nth-child(4){border-bottom:0}.zone-selectors button strong{font-size:20px}.world-explorer{padding-top:0}.world-rule-strip{gap:12px;flex-direction:column}.faction:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-fog,.portal-sigil,.faction:before,.hero-content h1,.hero-content .eyebrow,.hero-description,.hero-buttons{animation:none!important}.hero-image{transform:none!important;transition:none!important}.zone-art{transition:none!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}.faction{transition:none}}
