.hero{isolation:isolate;min-height:clamp(660px,100svh - 96px,900px);color:var(--parchment);background:var(--midnight-950);display:flex;position:relative;overflow:hidden}.hero-art{z-index:-1;position:absolute;inset:0}.hero-art .layer,.hero-art .layer img{width:100%;height:100%;position:absolute;inset:0}.hero-art .layer img{object-fit:cover;object-position:50% 100%}.hero-art:after{content:"";background:linear-gradient(#05070fb8,#05070f33 46%,#0000 60%);position:absolute;inset:0}.hero-copy{width:100%;padding:var(--sp-5) var(--sp-4) var(--sp-4);flex-direction:column;max-width:36rem;display:flex}.hero-act{margin-top:auto}.kicker{margin:0 0 var(--sp-3);font-size:var(--fs-sm);letter-spacing:.03em;color:var(--steel-200);border-radius:var(--radius-sm);background:#23407a73;border:1px solid #9aa6bd73;padding:.2rem .7rem;font-weight:700;display:inline-block}.hero h1{font-size:calc(var(--fs-hero) * var(--display-scale));margin:0 0 var(--sp-3);color:#fbf7ee;text-shadow:0 2px 18px #0000008c}.pitch{margin:0 0 var(--sp-4);font-size:var(--fs-base);color:#dfe4ef;text-shadow:0 1px 10px #0009;max-width:34rem}.cta{gap:var(--sp-2);justify-items:start;display:grid}.cta .play{width:100%}.have{color:#dfe4ef;border-radius:var(--radius-sm);background:#05070f99;margin:0;padding:.15rem .6rem}.hero a:not(.button){color:#b9d3ff}.have a{min-height:44px;line-height:44px;display:inline-block}.online{margin:var(--sp-5) 0 0;border:1px solid #9aa6bd59;border-left:4px solid var(--crimson-500);border-radius:var(--radius-sm);background:#05070fb8;flex-wrap:wrap;align-items:center;gap:.15rem .6rem;width:fit-content;max-width:100%;padding:.5rem .9rem;display:flex}.realm{width:100%;font-family:var(--font-ui);letter-spacing:.02em;color:#fbf7ee;font-weight:700}.online-now{align-items:center;gap:.4rem;display:inline-flex}.online-label{color:#c3cbdc}.online a{align-items:center;min-height:44px;display:inline-flex}.beacon{background:#7ee2a0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 #7ee2a099}@media (width>=760px){.hero{align-items:center;min-height:clamp(560px,84vh,820px)}.hero-art:after{background:linear-gradient(90deg,#05070fd1,#05070f61 42%,#0000 62%)}.hero-copy{padding:var(--sp-7) var(--sp-5);margin-left:max(0px, calc((100vw - var(--page-wide)) / 2));display:block}.hero-act{margin-top:var(--sp-5)}.cta{align-items:center;gap:var(--sp-4);grid-auto-flow:column}.cta .play{width:auto}.pitch{font-size:var(--fs-md);margin-bottom:var(--sp-5)}}@media (prefers-reduced-motion:no-preference){.beacon{animation:2.4s ease-out infinite beacon}@supports (animation-timeline:scroll()){.hero-art .layer{animation:linear both parallax scroll(root);animation-range:0 100vh}.hero-art .far{--depth:22vh}.hero-art .mid{--depth:9vh}.hero-art .near{--depth:0}}}@keyframes parallax{to{transform:translate3d(0, var(--depth,0), 0)}}@keyframes beacon{70%{box-shadow:0 0 0 10px #7ee2a000}to{box-shadow:0 0 #7ee2a000}}.hero.painted{min-height:0;display:block}.hero.painted .hero-art{z-index:0;position:relative;inset:auto;overflow:hidden}.hero.painted .backdrop{display:none}.hero.painted .painting{aspect-ratio:var(--ar-narrow);width:100%;max-height:62svh;margin:0 auto;display:block;position:relative}.hero.painted .painting img{object-fit:cover;object-position:var(--pos-narrow);width:100%;height:100%;display:block}.hero.painted .hero-art:after{z-index:1;background:linear-gradient(to bottom, transparent 58%, #070b16bf 82%, var(--midnight-950))}.hero.painted .hero-copy{z-index:2;max-width:var(--page-wide);margin:-3.5rem auto 0;padding-top:0;position:relative}.hero.painted .kicker{background:#23407abf}@media (width>=760px){.hero.painted .backdrop{display:block;position:absolute;inset:-40px}.hero.painted .backdrop img{object-fit:cover;filter:blur(28px)brightness(.45)saturate(1.1);width:100%;height:100%}.hero.painted .painting{aspect-ratio:var(--ar-wide);max-width:1280px;max-height:none}.hero.painted .painting img{object-position:var(--pos-wide)}.hero.painted .painting:after{content:"";background:linear-gradient(to right, var(--midnight-950), transparent 7%, transparent 93%, var(--midnight-950));opacity:.85;position:absolute;inset:0}.hero.painted .hero-art:after{background:linear-gradient(to bottom, transparent 62%, #070b16cc 86%, var(--midnight-950))}.hero.painted .hero-copy{gap:var(--sp-6);padding:0 var(--sp-5) var(--sp-6);grid-template-columns:1.4fr 1fr;align-items:end;margin-top:-7rem;margin-left:auto;display:grid}.hero.painted .hero-act{margin-top:0}.hero.painted .cta{grid-auto-flow:row;justify-items:stretch}.hero.painted .cta .play{width:100%}.hero.painted .pitch{margin-bottom:0}}.band{padding:var(--sp-7) 0 var(--sp-6)}.band+.band{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.band .wrap{max-width:var(--page-wide);padding:0 var(--sp-4);margin:0 auto}.band h2{font-size:calc(var(--fs-xl) * var(--display-scale));margin:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.section-head h2:after,.band>.wrap>h2:after{content:"";width:84px;height:10px;margin-top:var(--sp-2);background:url(/art/battlements.svg) 0 0/84px 10px no-repeat;display:block}.section-head a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.lede{margin:0 0 var(--sp-5);color:var(--muted);font-size:var(--fs-md);max-width:42rem}.empty{color:var(--muted)}.beta-band{padding:var(--sp-4) 0;background:color-mix(in srgb, var(--brand) 14%, var(--bg));border-bottom:1px solid color-mix(in srgb, var(--brand) 40%, transparent)}.beta-band p{margin:0}.beta-band .tag{margin-right:var(--sp-2);border-radius:var(--radius-sm);background:var(--crimson-500);color:#fff;font-size:var(--fs-sm);padding:0 .6rem;display:inline-block}.paths{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.path{--voc:var(--knight);gap:var(--sp-3) var(--sp-4);padding:var(--sp-4);color:var(--ink);background:linear-gradient(var(--parchment), var(--parchment-deep));border:1px solid #c9b994;border-top:6px solid var(--voc);border-radius:var(--radius);box-shadow:var(--shadow-1);grid-template-columns:96px 1fr;display:grid}.path-paladin{--voc:var(--paladin)}.path-sorcerer{--voc:var(--sorcerer)}.path-druid{--voc:var(--druid)}.path-art img{object-fit:cover;width:96px;height:96px;box-shadow:0 0 0 3px var(--voc);border-radius:50%;display:block}.path h3{align-items:center;gap:var(--sp-2);font-size:calc(var(--fs-lg) * var(--display-scale));color:var(--ink);margin:0;display:flex}.path .motto{margin:var(--sp-1) 0 var(--sp-2);color:color-mix(in srgb, var(--voc) 62%, var(--ink));font-weight:700}.path p{margin:0 0 var(--sp-2)}.path dl{gap:var(--sp-1);font-size:var(--fs-sm);margin:0;display:grid}.path dl div{gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.path dt{font-weight:700}.path dt:after{content:":"}.path dd{margin:0}@media (width>=760px){.paths{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.paths{grid-template-columns:repeat(4,1fr)}.path{grid-template-columns:1fr;justify-items:start}.path-art img{width:120px;height:120px}}.news-strip{padding:0 0 var(--sp-2);gap:var(--sp-3);scroll-snap-type:x mandatory;grid-auto-columns:minmax(16rem,85%);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.news-strip li{scroll-snap-align:start}.news-strip article{height:100%;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow-1)}.news-strip h3{margin:var(--sp-1) 0 var(--sp-2);font-size:calc(var(--fs-md) * var(--display-scale))}.news-strip h3 a{min-height:44px;padding:.4rem 0;display:inline-block}.news-strip p{margin:0}@media (width>=760px){.news-strip{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}}.world{background:linear-gradient(to bottom, var(--bg-deep), var(--bg))}.feed-title{margin:var(--sp-5) 0 var(--sp-3);font-size:var(--fs-md);color:var(--accent)}.leaders{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.leader{gap:var(--sp-2);text-align:center;padding:var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);justify-items:center;display:grid}.leader p{margin:0}.leader .vocation{font-family:var(--font-ui);font-weight:700}.leader .who{overflow-wrap:anywhere;min-height:44px;font-weight:700;line-height:44px;display:inline-block}@media (width>=760px){.leaders{grid-template-columns:repeat(4,1fr)}}.feeds{gap:var(--sp-3);margin-top:var(--sp-3);display:grid}.feed{padding:var(--sp-2) var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.feed .feed-title{margin-top:var(--sp-3)}.feed ul{margin:0;padding:0;list-style:none}.feed li{gap:0 var(--sp-2);padding:var(--sp-1) 0 var(--sp-2);border-bottom:1px solid var(--border);grid-template-columns:1fr auto;display:grid}.feed li:last-child{border-bottom:0}.feed li>a{overflow-wrap:anywhere;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.feed .what{color:var(--muted);grid-column:1/-1}.feed .what a{min-height:44px;line-height:44px;display:inline-block}.feed li time{font-size:var(--fs-sm);grid-area:1/2;align-self:center}.feed .more{margin:var(--sp-2) 0 0}.feed .more a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.record .big{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xl);color:var(--brand-strong);margin:0}@media (width>=900px){.feeds{grid-template-columns:1fr 1fr .8fr}}.devices{background:var(--bg-deep)}.split{gap:var(--sp-5);align-items:center;display:grid}.split img{width:100%;height:auto}.devices h2{margin-bottom:var(--sp-3)}.perks{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.perks li{padding-left:1.6rem;position:relative}.perks li:before{content:"";background:var(--brand);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:.8rem;height:.9rem;position:absolute;top:.35em;left:.15rem}@media (width>=760px){.split{grid-template-columns:1fr 1.1fr}}.steps{counter-reset:step;gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding:var(--sp-4) var(--sp-4) var(--sp-4) 4.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative}.steps li:before{content:counter(step);left:var(--sp-4);top:var(--sp-4);width:2.3rem;height:2.6rem;font-family:var(--font-ui);color:#fff;background:var(--crimson-500);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);place-items:center;padding-bottom:.3rem;font-size:1.15rem;font-weight:700;display:grid;position:absolute}.steps h3{margin:0 0 var(--sp-1)}.steps p{color:var(--muted);margin:0}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}