:root{--void:#080b14;--night:#0e1424;--night-2:#131b30;--horizon:#2a2238;--dawn:#b66a32;--star:#f5f0e3;--mist:#9aa6c2;--mist-dim:#76829e;--brass:#c9a227;--brass-light:#ecd07a;--brass-deep:#8a6d1c;--aegean:#5fb6c9;--ember:#ffb347;--line:#c9a2272e;--display:"Cinzel", serif;--serif:"Cormorant Garamond", Georgia, serif;--mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--void);color:var(--mist);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.65;overflow-x:hidden}::selection{color:var(--star);background:#c9a2274d}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--night-2);color:var(--star);font-family:var(--mono);letter-spacing:1px;border:1px solid var(--brass);border-radius:6px;padding:10px 18px;font-size:12px;transition:transform .2s;position:absolute;top:8px;left:50%;transform:translate(-50%)translateY(-160%)}.skip-link:focus{outline:2px solid var(--brass-light);outline-offset:2px;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.eyebrow{font-family:var(--mono);letter-spacing:3.5px;text-transform:uppercase;color:var(--brass);font-size:11px}nav{z-index:80;-webkit-backdrop-filter:blur(7px);background:linear-gradient(#080b14e6,#080b1400);align-items:center;height:72px;display:flex;position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:0 28px;display:flex}.brandmark{align-items:center;gap:11px;display:flex}.brandmark .sigil{width:22px;height:22px;color:var(--brass)}.brandmark .name{font-family:var(--display);letter-spacing:4px;color:var(--star);font-size:15px;font-weight:600}.nav-links{gap:30px;display:flex}.nav-links a{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--mist-dim);margin:-10px 0;padding:10px 0;font-size:11px;transition:color .2s}.nav-links a:hover{color:var(--brass-light)}@media (width<=600px){.nav-links{display:none}}.hero{text-align:center;background:radial-gradient(1100px 560px at 50% -6%, #c9a2271a, transparent 60%), radial-gradient(900px 520px at 80% 14%, #5fb6c90d, transparent 60%), linear-gradient(to bottom, var(--void) 0%, var(--night) 55%, var(--night-2) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 28px 100px;display:flex;position:relative;overflow:hidden}.starlayer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.twinkle{background:var(--star);opacity:.5;border-radius:50%;animation:4s ease-in-out infinite tw;position:absolute}@keyframes tw{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}.hero-content{z-index:3;position:relative}.hero .mark{width:56px;height:56px;color:var(--brass);opacity:.92;margin-bottom:34px}.hero h1{font-family:var(--display);color:var(--star);letter-spacing:clamp(6px,2.2vw,20px);text-indent:clamp(6px,2.2vw,20px);font-size:clamp(44px,11vw,110px);font-weight:700;line-height:1}.hero .sub-mark{font-family:var(--mono);letter-spacing:clamp(5px,1.4vw,10px);text-transform:uppercase;color:var(--brass);margin-top:20px;font-size:clamp(10px,1.5vw,13px)}.hero .tagline{font-family:var(--serif);color:var(--mist);margin-top:30px;font-size:clamp(21px,3.4vw,31px);font-style:italic}.hero .lede{max-width:520px;color:var(--mist-dim);margin:20px auto 0;font-size:18px}.section{padding:110px 0}.section+.section{padding-top:0}.sec-head{text-align:center;max-width:620px;margin:0 auto 56px}.sec-head .eyebrow{margin-bottom:16px;display:block}.sec-head h2{font-family:var(--display);color:var(--star);letter-spacing:2px;font-size:clamp(28px,4.6vw,42px);font-weight:600}.sec-head p{color:var(--mist-dim);margin-top:16px;font-size:18px}.glass{-webkit-backdrop-filter:blur(16px)saturate(125%);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff24;border-radius:18px;box-shadow:0 24px 70px -30px #000c,inset 0 1px #ffffff1a}.card-link{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--brass-light);align-items:center;gap:6px;margin:-8px -2px;padding:8px 2px;font-size:11px;transition:gap .2s,color .2s;display:inline-flex}.card-link:hover{color:var(--star);gap:11px}.card-status{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--mist-dim);white-space:nowrap;border:1px solid #ffffff1a;border-radius:20px;padding:4px 9px;font-size:9.5px}.card-status.live{color:var(--brass-light);border-color:#c9a22766}.gods{background:linear-gradient(to bottom, var(--night-2) 0%, var(--night) 55%, var(--night-2) 100%);padding:110px 0;position:relative;overflow:hidden}.gods .wrap{z-index:2;position:relative}.gods-wrap{grid-template-columns:minmax(170px,230px) 1fr;align-items:center;gap:clamp(28px,5vw,60px);max-width:880px;margin:0 auto;display:grid}.god-stars{flex-direction:column;gap:8px;display:flex}.god-star{cursor:pointer;text-align:left;color:var(--mist);background:0 0;border:0;border-radius:12px;align-items:center;gap:16px;padding:14px 12px;transition:background .25s,color .25s;display:flex;position:relative}.god-star:hover{color:var(--star);background:#ffffff0a}.god-star .gstar{background:var(--mist-dim);border-radius:50%;flex:none;width:12px;height:12px;transition:background .3s,box-shadow .3s,transform .3s;position:relative}.god-star .gstar:before,.god-star .gstar:after{content:"";background:var(--brass-light);opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.god-star .gstar:before{width:1.5px;height:30px}.god-star .gstar:after{width:30px;height:1.5px}.god-star .gstar-name{font-family:var(--display);letter-spacing:1.5px;font-size:17px}.god-star[aria-selected=true]{color:var(--star)}.god-star[aria-selected=true] .gstar{background:var(--star);transform:scale(1.25);box-shadow:0 0 0 3px #c9a22729,0 0 18px 5px #ecd07ad9}.god-star[aria-selected=true] .gstar:before,.god-star[aria-selected=true] .gstar:after{opacity:.55}.god-star.dim .gstar-name{color:var(--mist)}.god-star.dim .gstar{opacity:.5}.god-star.dim[aria-selected=true] .gstar{background:var(--mist-dim);box-shadow:none;transform:none}.god-star:focus-visible{outline:2px solid var(--brass-light);outline-offset:2px}.god-panel{min-height:232px;padding:34px 34px 30px;position:relative}.gp-glyph{font-family:var(--display);color:var(--brass-light);font-size:44px;font-weight:700;line-height:1}.gp-role{font-family:var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--brass);margin-top:12px;font-size:10.5px}.gp-name{font-family:var(--display);letter-spacing:1.5px;color:var(--star);margin-top:6px;font-size:26px}.gp-desc{color:var(--mist);margin-top:14px;font-size:16.5px}.gp-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}footer{border-top:1px solid var(--line);padding:30px 0}.foot{font-family:var(--mono);letter-spacing:1px;color:var(--mist-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.foot a:hover{color:var(--brass-light)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}a:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.twinkle,.town-light{animation:none!important}.card-link:hover{gap:6px}}@media (width<=600px){body{font-size:18px}.section,.gods{padding:80px 0}.gods-wrap{grid-template-columns:1fr;gap:24px}.god-stars{flex-flow:wrap;justify-content:center;gap:6px}}.towns{background:linear-gradient(to bottom, var(--night-2) 0%, var(--horizon) 9%, #181020 22%, var(--void) 60%);padding:0 0 110px;position:relative;overflow:hidden}.ridge{width:100%;height:clamp(120px,20vh,240px);display:block}.towns .wrap{z-index:2;position:relative}.slope{flex-direction:column;gap:24px;max-width:760px;margin:0 auto;display:flex;position:relative}.slope:before{content:"";border-left:1px dashed var(--line);position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.town{align-items:flex-start;gap:16px;width:min(440px,90%);padding:22px 24px;display:flex;position:relative}.slope .town:first-child{align-self:flex-end}.slope .town:nth-child(2){align-self:center}.slope .town:nth-child(3){align-self:flex-start}.town-light{background:radial-gradient(circle, #fff0cf 10%, var(--ember) 55%, #ffa04600 72%);border-radius:50%;flex:none;width:13px;height:13px;margin-top:6px;animation:3.2s ease-in-out infinite lantern;box-shadow:0 0 16px 4px #ffa0468c}.town.dim .town-light{background:var(--mist-dim);box-shadow:none;opacity:.5;animation:none}@keyframes lantern{0%,to{opacity:.82}50%{opacity:1}}.town-body{flex:auto}.town-name{font-family:var(--display);letter-spacing:1.5px;color:var(--star);font-size:21px}.town.dim .town-name{color:var(--mist)}.town-type{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--brass);margin-top:6px;font-size:10px}.town.dim .town-type{color:var(--mist-dim)}.town-desc{color:var(--mist);margin-top:12px;font-size:16px}.town-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}@media (width<=600px){.slope .town{width:100%;align-self:center!important}.slope:before{display:none}}.lore{text-align:center;padding:110px 0}.lore .scroll-rule{background:var(--brass);opacity:.6;width:56px;height:1px;margin:0 auto 30px}.lore p{max-width:660px;color:var(--mist);margin:0 auto 22px;font-size:clamp(19px,2.5vw,23px);font-style:italic}.lore p.plain{color:var(--mist-dim);font-size:17px;font-style:normal}.lore p.plain a{color:var(--brass-light)}.lore .antikythera{font-family:var(--mono);letter-spacing:1px;color:var(--brass);text-transform:uppercase;margin-top:6px;font-size:12px;font-style:normal}@media (width<=600px){.lore{padding:80px 0}}