:root{--bg:#120d1d;--ink:#f7f1ff;--muted:#b7acc6;--pink:#f3a6df;--purple:#ab83ff;--line:#34283e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}header,section,footer{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}header{min-height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:13px;font-weight:700;letter-spacing:1.1px}.star{color:var(--pink);font-size:26px;margin-right:10px;vertical-align:middle}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover,footer>a:hover{color:var(--pink)}.nav-join{color:var(--pink)}.hero{min-height:730px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;overflow:hidden;padding-top:58px;padding-bottom:64px;background:radial-gradient(ellipse at 78% 38%,#37204470,transparent 55%)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.1px;color:var(--pink);margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(80px,9vw,142px);font-weight:800;line-height:.83;letter-spacing:-1px;margin-bottom:30px}h1 span{color:var(--pink)}.intro{font-size:16px;color:var(--muted);max-width:440px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.button{background:var(--pink);color:#211126;display:inline-flex;gap:25px;justify-content:space-between;padding:15px 23px;font-weight:700;font-size:14px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#ffd0f2;transform:translateY(-2px)}.text-link{font-size:12px}.micro{font-size:11px;color:var(--muted);margin:17px 0 0}.hero-art{position:relative;isolation:isolate;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hero-art img{width:110%;z-index:2;filter:drop-shadow(0 22px 35px #0008);transform:rotate(-7deg)}.orbit{position:absolute;width:94%;height:94%;border:1px solid #9560ba60;border-radius:50%;transform:rotate(-30deg) scaleY(.8)}.orbit.two{width:110%;height:110%;transform:rotate(36deg) scaleY(.7);border-style:dashed;opacity:.5}.spark{position:absolute;color:var(--pink);font-size:45px}.s1{top:0;right:20%}.s2{bottom:12%;left:4%;font-size:27px}.art-caption{position:absolute;bottom:-10px;left:10%;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:3px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:20px;padding:21px 25px;color:var(--pink);font-size:12px;font-weight:700;letter-spacing:2px;background:#1c1327}.ticker b{font-size:22px}.section{padding-top:100px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(40px,4.5vw,66px);line-height:1.05;font-weight:700;margin-bottom:25px}.about{padding-top:35px}.about p,.lineup p,.join-section p{color:var(--muted);font-size:15px}.about strong{color:var(--ink)}.note{border-left:2px solid var(--pink);padding-left:20px}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-bottom:95px}.activities article{background:#1d1528;padding:34px;border-top:2px solid #a07be2}.activities article:nth-child(2){border-color:var(--pink)}.activities article:nth-child(3){border-color:#e8d491}.number{font-size:10px;letter-spacing:2px;color:var(--muted)}h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:32px;line-height:1.2;margin:26px 0 14px}.activities p{font-size:14px;color:var(--muted)}.tag{display:inline-block;border:1px solid #493653;border-radius:20px;padding:5px 12px;margin-top:20px;font-size:10px;color:var(--pink)}.lineup{border-top:1px solid var(--line);padding-bottom:90px}.role-chips{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.role-chips span{border:1px solid #51405f;border-radius:4px;padding:7px 12px;font-size:12px}.schedule{padding-top:25px;border-top:1px solid var(--line);margin-top:35px}.schedule strong{font-size:13px}.schedule p{font-size:13px;margin-top:8px}.leader{background:radial-gradient(ellipse at 50% 30%,#6d2a6650,transparent 70%),#21162e;text-align:center;padding:22px 28px 35px;align-self:start;border:1px solid #4e355b;border-radius:100px 4px 4px 4px}.leader img{height:215px;width:230px;max-width:100%;object-fit:contain}.leader .eyebrow{margin-bottom:10px}.leader h3{font-size:44px;margin:0}.leader p{font-size:11px}.leader>span{color:var(--pink);display:block;margin-top:23px;font-size:18px}.ranks{border-block:1px solid var(--line);padding-top:34px;padding-bottom:34px;text-align:center}.ranks .eyebrow{margin-bottom:18px}.ranks>div{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:12px}.ranks i{color:var(--pink);font-style:normal}.join-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:100px;background:radial-gradient(ellipse at 5% 50%,#4a215a50,transparent 65%)}.join-section ol{padding:0;list-style:none;margin:0}.join-section li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:23px 0}.join-section li:first-child{padding-top:0}.join-section li>span{color:var(--pink);font-size:13px;padding-top:6px}.join-section h3{font-size:26px;margin:0 0 9px}.join-section li p{font-size:13px;margin:0}.join-section .button{margin-top:20px}.faq{padding-top:50px;padding-bottom:100px;max-width:1100px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{color:var(--muted);font-size:14px;margin:17px 0 0;max-width:750px}footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{font-size:13px}.skip{position:absolute;left:15px;top:-80px;background:var(--pink);color:#211126;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:800px){header{min-height:80px}nav{gap:18px}nav a:not(.nav-join){display:none}.brand{font-size:10px;letter-spacing:.5px}.hero{grid-template-columns:1fr;padding-top:45px;gap:0;min-height:auto}.hero-art{max-width:480px;width:100%;margin:15px auto 0}.hero h1{font-size:105px}.hero-art img{width:100%}.art-caption{bottom:0}.ticker{font-size:9px;letter-spacing:1px;gap:10px}.ticker b:last-child{display:none}.section,.join-section{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:55px}.about{padding-top:0}.activities{grid-template-columns:1fr;padding-bottom:60px;gap:12px}.activities article{padding:28px}.tag{margin-top:8px}.leader{max-width:460px;width:100%;justify-self:center}.ranks>div{gap:10px}.ranks i{display:none}.ranks span{padding:5px 9px;border:1px solid var(--line)}.join-section ol{margin-top:20px}.faq{padding-top:35px;padding-bottom:65px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Editorial guild identity: restrained surfaces, large type, clear recruitment. */
.brand .wordmark{display:block;width:220px;height:auto;max-width:100%;object-fit:contain}footer .brand .wordmark{width:210px}@media(max-width:800px){header .brand .wordmark{width:185px;margin-inline:auto}header:has(.wordmark){padding-block:14px;gap:12px}footer .brand .wordmark{width:180px}}
:root{--bg:#0c0b10;--ink:#f6f2f8;--muted:#b7afc0;--pink:#f5acd9;--purple:#a48add;--line:#ffffff18}
body{background:var(--bg);font-size:16px}::selection{background:#f5acd9;color:#130c19}
header,section,footer{padding-inline:max(calc((100vw - 1280px)/2),5vw)}
header{min-height:88px;position:sticky;top:0;z-index:20;background:#0c0b10ed;backdrop-filter:blur(16px)}
html{scroll-padding-top:120px}.brand{font-size:12px;letter-spacing:1.2px}nav{gap:30px;align-items:center}nav a{padding:11px 0}nav a[aria-current]{color:var(--pink)}.nav-join{border:1px solid #f5acd950;padding:10px 17px;color:var(--ink);border-radius:3px}
.hero{min-height:760px;padding-block:70px 80px;grid-template-columns:1fr 1fr;gap:4vw;position:relative;background:radial-gradient(ellipse at 80% 45%,#64388030,transparent 55%),linear-gradient(125deg,#0c0b10,#17101f)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,black)}
.hero-copy{z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#d0b3df;margin-bottom:28px}.hero h1{font-size:clamp(100px,10.7vw,154px);line-height:.88;letter-spacing:-2px;margin-bottom:32px}.hero h1 span{color:var(--pink)}.intro{font-size:16px;line-height:1.8;max-width:430px}.actions{gap:25px;margin-top:30px}.button{padding:17px 25px;min-height:54px;border-radius:3px;font-size:13px;box-shadow:0 5px 25px #f5acd90a}.text-link{font-size:13px}.micro{font-size:10px;letter-spacing:1.5px;margin-top:24px}.status-light{display:inline-block;width:6px;height:6px;background:#b5d9b5;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #b5d9b540}.hero-art{width:100%;min-width:0;aspect-ratio:1;align-self:center}.hero-art img{width:104%;transform:rotate(-5deg);filter:drop-shadow(0 24px 50px #09060dc0)}.art-topline{position:absolute;top:0;left:0;letter-spacing:2.5px;font-size:10px;color:#b5a5c1}.orbit{border-color:#aa78cf35;width:99%;height:99%}.orbit.two{width:111%;height:111%;border-style:solid;opacity:.45}.s1{font-size:30px;right:8%;top:7%}.art-caption{left:0;bottom:-22px;font-size:10px;color:#bdafc9}.guild-facts{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:30px;padding:30px max(calc((100vw - 1280px)/2),5vw);border-block:1px solid var(--line);background:#141017}.guild-facts div{border-right:1px solid var(--line)}.guild-facts span{display:block;font-size:9px;letter-spacing:1.8px;color:#a59bac;margin-bottom:6px}.guild-facts strong{font-size:13px;font-weight:500}.guild-facts>a{align-self:center;font-size:13px;color:var(--pink);display:flex;justify-content:space-between}.guild-facts b{font-size:20px;font-weight:400}
.section{padding-top:115px;padding-bottom:65px;gap:8vw;grid-template-columns:1.1fr 1fr}h2{font-size:clamp(44px,4.6vw,68px);letter-spacing:-.5px;line-height:1.06}h2 em{font-style:normal;color:#a899b9}.about{padding-top:34px}.about p{font-size:15px;line-height:1.85}.note{font-size:13px!important;border-color:#705780;margin-top:26px}.activities{gap:22px;padding-bottom:110px;grid-template-columns:1.2fr 1fr 1fr}.activities article{position:relative;overflow:hidden;min-height:340px;background:linear-gradient(150deg,#241c2d,#141117);border:1px solid #ffffff12;padding:32px;transition:border-color .2s,transform .2s}.activities article:hover{border-color:#ae7ea260;transform:translateY(-4px)}.activities article:first-child{background:radial-gradient(ellipse at 100% 0%,#73476440,transparent 75%),#1e1621;border-color:#f5acd931}.activities article:nth-child(2),.activities article:nth-child(3){border-color:#ffffff12}.activity-symbol{display:block;color:#b79acb;font-family:Georgia,serif;font-size:57px;height:88px;line-height:1.6}.activities article:first-child .activity-symbol{color:var(--pink)}.activities h3{font-size:32px;margin:16px 0}.activities p{font-size:13px;line-height:1.8}.number{font-size:10px;color:#b9a9c4}.tag{font-size:10px;border:0;padding:0;color:#cab4d6;margin-top:12px;border-radius:0;letter-spacing:.5px}.tag:before{content:'—';margin-right:8px}.lineup{padding-bottom:100px}.lineup>div>p{max-width:530px;font-size:15px}.open-roles{margin:30px 0}.open-roles>div{display:grid;grid-template-columns:40px 1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.open-roles span{font-size:10px;color:#9b8ba8}.open-roles strong{font-size:15px;font-weight:500}.open-roles small{font-size:11px;color:#a99db2}.schedule{border:0;padding-top:0;margin-top:30px}.schedule p{font-size:13px;line-height:1.8}.recruit-panel{align-self:start;background:radial-gradient(ellipse at 110% 0%,#68486c40,transparent 70%),#17121d;border:1px solid #bc8cc13d;padding:40px;position:relative}.recruit-panel:before{content:'';position:absolute;top:-1px;left:40px;width:70px;height:2px;background:var(--pink)}.recruit-panel h3{font-size:48px;line-height:1.05;margin:0 0 20px}.recruit-panel>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.recruit-panel dl{margin:28px 0}.recruit-panel dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.recruit-panel dt{color:#a99db2}.recruit-panel dd{margin:0;text-align:right}.recruit-panel .button{width:100%}.recruit-panel>small{display:block;text-align:center;font-size:10px;color:#a99db2;margin-top:16px}.leader-feature{padding-bottom:75px}.leader-feature>img{display:block;width:100%;height:auto;border:1px solid #b77eab35;aspect-ratio:3/1;object-fit:cover}.leader-caption{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.leader-caption .eyebrow{font-size:9px;margin-bottom:9px}.leader-caption h2{font-size:36px;margin:0}.leader-caption>p{font-size:16px;color:#c2b0cb;margin:0}.ranks{background:#100d14;padding-block:30px}.ranks .eyebrow{font-size:9px;color:#9e90aa}.ranks>div{gap:27px;font-size:11px}.ranks i{color:#715879}.join-section{padding-block:115px;background:radial-gradient(ellipse at 0 100%,#35204160,transparent 65%)}.join-section h2{font-size:clamp(48px,5vw,72px)}.join-section>div>p:not(.eyebrow){max-width:430px}.join-section ol{padding-top:20px}.join-section li{padding:25px 0;gap:28px}.join-section li>span{font-size:11px;color:#b796c9}.join-section li h3{font-size:27px}.join-section li p{font-size:13px;line-height:1.8}.faq{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:8vw;max-width:none;padding-top:75px;padding-bottom:110px;border-top:1px solid var(--line)}.faq h2{grid-column:1;grid-row:1/6;font-size:46px}.faq .eyebrow{display:none}.faq details{grid-column:2;padding:21px 0}.faq summary{font-size:14px;list-style:none;position:relative;padding-right:30px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--pink);font-size:19px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8}footer{padding-block:35px;background:#09080c}footer p{font-size:10px;line-height:1.8;color:#9b90a5}
@media(min-width:1600px){main,header,footer{max-width:none}}
@media(max-width:1000px){nav{gap:18px}.hero{gap:10px;min-height:700px}.hero h1{font-size:110px}.activities{gap:14px;grid-template-columns:1fr 1fr 1fr}.activities article{padding:24px}.activities h3{font-size:27px}.recruit-panel{padding:28px}.leader-caption{gap:20px}.leader-caption>p{font-size:14px}.ranks>div{gap:15px}}
@media(max-width:800px){header{min-height:104px;flex-wrap:wrap;gap:0;padding-block:12px}.brand{font-size:11px}header .brand{width:100%;text-align:center}header .star{font-size:20px}nav{width:100%;justify-content:center;gap:22px;font-size:11px}nav a:not(.nav-join){display:inline-block}nav .nav-join{padding:6px 12px}.hero{grid-template-columns:1fr;min-height:0;padding-top:45px;padding-bottom:55px;gap:30px}.hero h1{font-size:clamp(88px,18vw,125px)}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-art{max-width:450px;margin:25px auto 20px}.hero-art img{width:100%}.intro{font-size:15px}.art-topline{font-size:9px}.guild-facts{grid-template-columns:1fr 1fr;gap:23px 18px;padding-block:25px}.guild-facts div:nth-child(2){border:0}.guild-facts div:nth-child(3){border:0}.guild-facts strong{font-size:12px}.guild-facts>a{border-left:1px solid var(--line);padding-left:20px;font-size:12px}.section{grid-template-columns:1fr;padding-top:70px;padding-bottom:35px;gap:15px}.about{padding-top:0}h2{font-size:48px}.activities{grid-template-columns:1fr;padding-bottom:70px;gap:15px}.activities article{min-height:0;padding:28px;display:grid;grid-template-columns:1fr 70px;column-gap:10px}.activities .number{grid-column:1}.activities .activity-symbol{grid-column:2;grid-row:1/4;height:auto;text-align:center;align-self:center;font-size:55px}.activities h3{grid-column:1;font-size:30px;margin:22px 0 14px}.activities p{grid-column:1;max-width:420px}.activities .tag{grid-column:1}.lineup{padding-bottom:65px;gap:30px}.recruit-panel{padding:30px}.recruit-panel h3{font-size:44px}.leader-feature{padding-bottom:50px}.leader-caption{flex-wrap:wrap;padding:23px 0}.leader-caption>p{font-size:13px}.leader-caption .text-link{width:100%;font-size:12px}.leader-feature>img{aspect-ratio:2/1;object-position:55% center}.ranks>div{gap:9px}.ranks span{border:0;padding:3px 8px;font-size:10px}.join-section{grid-template-columns:1fr;padding-block:70px;gap:25px}.join-section h2{font-size:52px}.join-section ol{margin:0}.faq{display:block;padding-block:60px}.faq h2{font-size:43px;margin-bottom:30px}.faq details{padding:20px 0}.faq summary{font-size:14px}footer{gap:20px}footer .brand{font-size:10px}footer p{font-size:10px}}
@media(max-width:380px){nav{gap:15px}.hero h1{font-size:88px}.actions{gap:20px}.hero .eyebrow{font-size:8px}.guild-facts strong{font-size:11px}h2{font-size:42px}.open-roles small{font-size:10px}.leader-caption>p{width:100%}}

:root{--pink:#e3c28d;--purple:#c5a4ed}.hero{background:linear-gradient(90deg,#0b0c13f5 0%,#11101bd9 43%,#11101b70 100%),linear-gradient(0deg,#0c0b10 0%,transparent 45%),url('assets/silvermoon.webp') center/cover;grid-template-columns:1.2fr .85fr;min-height:760px;gap:6vw}.hero:before{display:none}.hero h1{font-size:clamp(60px,6.4vw,94px);line-height:.98;letter-spacing:-1px}.hero .intro{max-width:520px;color:#d1cad5}.hero .eyebrow{color:#e3c28d}.adventure-board{position:relative;z-index:1;background:#13121de8;border:1px solid #d6b77d55;padding:30px;box-shadow:0 22px 60px #0006;border-radius:6px}.adventure-board .eyebrow{font-size:10px;margin-bottom:15px}.adventure-board h2{font-size:43px;margin-bottom:12px}.adventure-board>p:not(.eyebrow){color:var(--muted);font-size:13px}.adventure-options{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.adventure-options button{font:inherit;font-size:11px;padding:10px 12px;background:#ffffff05;color:#d4cbdc;border:1px solid #ffffff24;border-radius:4px;cursor:pointer}.adventure-options button[aria-pressed=true]{background:#e3c28d;color:#201723;border-color:#e3c28d}.adventure-options button:hover{border-color:#e3c28d}.adventure-options button:focus-visible{outline:3px solid #fff;outline-offset:3px}.quest-result{min-height:225px;border-top:1px solid #ffffff1a;padding-top:22px}.quest-result>span{font-size:9px;letter-spacing:1.5px;color:#e3c28d}.quest-result h3{font-size:29px;margin:15px 0}.quest-result p{font-size:13px;color:#c6bdce;line-height:1.8}.quest-result .quest-channel{font-size:10px;color:#bda7d5}.adventure-board .button{width:100%;font-size:12px}.adventure-board>small{display:block;font-size:10px;color:#a99eb4;text-align:center;margin-top:14px}.guild-facts{background:#17141b}.activities article:first-child{border-color:#d8ba8050;background:radial-gradient(ellipse at 100% 0%,#77552240,transparent 75%),#1c171c}.activities .activity-symbol{color:#d9bd84}.activities article:nth-child(2){background:radial-gradient(ellipse at 100% 0%,#51428540,transparent 75%),#17141d}.activities article:nth-child(3){background:radial-gradient(ellipse at 100% 0%,#22556140,transparent 75%),#131b20}.guild-code{padding-block:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:linear-gradient(135deg,#17131d,#0c0b10)}.guild-code>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:450px}.code-list article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.code-list article:first-child{padding-top:0}.code-list article>span{font-size:11px;color:#e3c28d;padding-top:8px}.code-list h3{font-size:28px;margin:0 0 12px}.code-list p{color:var(--muted);font-size:13px;margin:0}.leader-compact{padding-block:30px;display:flex;align-items:center;gap:25px;border-block:1px solid var(--line)}.leader-compact img{width:80px;height:90px;object-fit:contain}.leader-compact .eyebrow{font-size:9px;margin-bottom:6px}.leader-compact h3{font-size:31px;margin:0}.leader-compact p:not(.eyebrow){font-size:12px;color:var(--muted);margin:5px 0 0}.leader-compact>a{margin-left:auto}.guild-flavor{display:flex;align-items:center;gap:35px;padding-block:30px;border-block:1px solid var(--line);background:#10131a}.guild-flavor img{width:125px;height:100px;object-fit:contain}.guild-flavor .eyebrow{font-size:9px;margin-bottom:8px}.guild-flavor h3{font-size:27px;margin:0 0 8px}.guild-flavor p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.recruit-panel:before{background:#e3c28d}.ranks{padding-block:22px}.ranks .eyebrow{margin-bottom:12px}footer p a{text-decoration:underline}
@media(max-width:1000px){.hero{gap:30px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:65px}.adventure-board{padding:23px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-block:45px;gap:40px;background-position:65% center}.hero h1{font-size:clamp(51px,11.4vw,85px)}.adventure-board{max-width:550px;width:100%}.adventure-board h2{font-size:40px}.quest-result{min-height:210px}.guild-code{grid-template-columns:1fr;padding-block:60px;gap:30px}.guild-code h2{font-size:44px}.leader-compact{gap:18px;flex-wrap:wrap}.leader-compact img{width:60px;height:70px}.leader-compact>a{margin-left:78px;font-size:12px}.leader-compact p:not(.eyebrow){max-width:230px}.guild-flavor{gap:15px;padding-block:25px}.guild-flavor img{width:80px;height:85px}.guild-flavor h3{font-size:23px}.guild-flavor p:not(.eyebrow){font-size:12px}.guild-flavor .eyebrow{font-size:8px}.hero .intro{font-size:15px}}

/* Motion never gates content or intercepts native scrolling. */
.scroll-energy{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c79ae9,#e3c28d,#fff0ce);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none;box-shadow:0 0 12px #e3c28d80}
.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:40;border:1px solid #e3c28d55;border-radius:30px;padding:9px 14px;background:#15121eeF;color:#e8dbed;font:500 11px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 25px #0005}.motion-toggle:focus-visible{outline:3px solid #e3c28d;outline-offset:3px}
.hero{isolation:isolate}.hero-copy,.adventure-board{position:relative;z-index:2}.ambient-light{position:absolute;inset:-15%;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(ellipse at 65% 30%,#b085ee35,transparent 40%),radial-gradient(ellipse at 90% 70%,#e3c28d22,transparent 35%);animation:aurora-drift 14s ease-in-out infinite alternate}.hero-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.hero-embers i{position:absolute;left:var(--left);bottom:-15px;width:var(--size);height:var(--size);border-radius:50%;background:#ead5a8;box-shadow:0 0 12px #ebbc7890;opacity:0;animation:ember-rise var(--duration) linear var(--delay) infinite}
.hero h1 span{background:linear-gradient(100deg,#d8ad75 10%,#fff0c5 40%,#cda8eb 65%,#dfb77d 90%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-light 10s ease-in-out infinite alternate}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:after{content:'';position:absolute;inset:-100% -70%;background:linear-gradient(110deg,transparent 42%,#fff8 50%,transparent 58%);transform:translateX(-70%) rotate(10deg);pointer-events:none;opacity:0}.button:hover:after,.button:focus-visible:after{animation:button-sweep .8s ease}.button:hover{box-shadow:0 8px 35px #dfb77d30;transform:translateY(-3px)}
.activities article,.recruit-panel,.adventure-board{transform-style:preserve-3d;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.activities article:hover,.recruit-panel:hover,.adventure-board:hover{border-color:#e3c28d80;box-shadow:0 18px 55px #0005}.activities article:after,.recruit-panel:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),#d4b5ef18,transparent 70%);pointer-events:none}.activities article:hover .activity-symbol{transform:translateY(-5px) rotate(-7deg);filter:drop-shadow(0 0 10px #e3c28d50)}.activity-symbol{transition:transform .4s ease,filter .4s ease}.open-roles>div{transition:padding .25s ease,background .25s ease}.open-roles>div:hover{padding-left:12px;padding-right:12px;background:#c39fe90a}.code-list article>span{transition:color .25s ease,transform .25s ease}.code-list article:hover>span{color:#fff0c5;transform:translateY(-3px)}nav a{position:relative}nav a:not(.nav-join):after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#e3c28d;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}
.adventure-options button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.adventure-options button:hover{transform:translateY(-2px)}.adventure-options button[aria-pressed=true]{box-shadow:0 0 20px #e3c28d18}.guild-facts>a b{transition:transform .25s ease}.guild-facts>a:hover b{transform:translate(3px,-3px)}.guild-flavor img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.guild-flavor:hover img{transform:rotate(-6deg) translateY(-5px)}.faq summary:after{transition:transform .3s ease}.faq details[open] summary:after{transform:rotate(180deg)}
@keyframes aurora-drift{from{transform:translate3d(-2%,-2%,0) rotate(-5deg)}to{transform:translate3d(4%,3%,0) rotate(5deg)}}@keyframes ember-rise{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.65}80%{opacity:.35}100%{transform:translate3d(65px,-800px,0);opacity:0}}@keyframes title-light{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes button-sweep{0%{transform:translateX(-70%) rotate(10deg);opacity:0}20%{opacity:.8}100%{transform:translateX(70%) rotate(10deg);opacity:0}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important}html.motion-paused{scroll-behavior:auto}html.motion-paused .hero-embers{opacity:0}
@media(max-width:800px){.motion-toggle{right:12px;bottom:12px;padding:9px 12px}.hero-embers i:nth-child(n+11){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.hero-embers{display:none}.ambient-light{transform:none}.hero h1 span{background:none;color:#e3c28d}.button:hover,.guild-flavor:hover img,.activities article:hover .activity-symbol{transform:none}}

/* Audit refinements: touch targets, safe areas, and lighter phone motion. */
.motion-toggle{min-height:44px;bottom:max(16px,env(safe-area-inset-bottom));font-size:12px}
.motion-toggle:disabled{cursor:default;opacity:.8}
footer{padding-bottom:85px}
.skip{z-index:110}
html.motion-paused .button:hover,html.motion-paused .activities article:hover,html.motion-paused .guild-flavor:hover img,html.motion-paused .activities article:hover .activity-symbol,html.motion-paused .adventure-options button:hover{transform:none}
@media(max-width:800px){
  html{scroll-padding-top:145px}
  header{backdrop-filter:none;background:#0c0b10fa}
  nav{gap:clamp(8px,2vw,18px);justify-content:space-between}
  nav a,nav .nav-join{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
  nav a{min-width:44px}nav .nav-join{padding:6px 10px}
  .adventure-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .adventure-options button{min-height:46px;font-size:12px}
  .adventure-options button:last-child{grid-column:1/-1}
  .quest-result{min-height:260px}
  .quest-channel{overflow-wrap:anywhere}
  .activities article{grid-template-columns:1fr 42px;padding:25px}
  .activities .activity-symbol{grid-row:1/3;font-size:40px;align-self:start}
  .activities p,.activities .tag{grid-column:1/-1}
  .activities p,.quest-result p,.code-list p,.join-section li p,.faq details p{font-size:14px}
  .activities h3{margin-top:18px}
  .hero h1{font-size:clamp(42px,11.4vw,85px)}
  .hero .micro{font-size:9px;letter-spacing:1px}
  .leader-compact img,.guild-flavor img{flex-shrink:0}
  .guild-flavor>div{min-width:0}
  .text-link{display:inline-flex;align-items:center;min-height:44px}
  .motion-toggle{right:max(12px,env(safe-area-inset-right));font-size:11px}
  .hero-embers i:nth-child(n+9){display:none}
  .hero h1 span{animation:none;background-size:100% 100%}
  .ambient-light{inset:0;animation-duration:20s}
}
@media(hover:none),(pointer:coarse){
  .button:hover,.activities article:hover,.adventure-options button:hover,.guild-flavor:hover img,.activities article:hover .activity-symbol{transform:none;filter:none}
  .button:hover:after{animation:none}
  .open-roles>div:hover{padding-left:0;padding-right:0}
}

@media(max-width:800px){.motion-toggle{position:static;margin-top:20px;box-shadow:none}footer{padding-bottom:35px}.quest-result{min-height:290px}}

@font-face{font-family:Guild Display;src:url('assets/fonts/orbitron.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/fonts/dmsans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{--display:'Guild Display',Arial,sans-serif}
h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;text-wrap:balance}
.hero h1{font-size:clamp(34px,3.65vw,57px);line-height:1.22;letter-spacing:-.045em;margin-bottom:28px}
h2,.guild-code h2,.join-section h2{font-size:clamp(28px,2.65vw,42px);line-height:1.3}
.adventure-board h2{font-size:30px;line-height:1.25}
.quest-result h3{font-size:23px;line-height:1.4}
.activities h3{font-size:24px;line-height:1.35}
.recruit-panel h3{font-size:31px;line-height:1.3}
.code-list h3{font-size:21px;line-height:1.4}
.leader-compact h3{font-size:25px;text-transform:none}
.join-section li h3{font-size:20px;line-height:1.35}
.guild-flavor h3{font-size:22px;line-height:1.35}
.faq h2{font-size:35px;line-height:1.3}
.eyebrow,.number,.guild-facts span{font-family:var(--display);font-weight:600;letter-spacing:.12em}
body{font-size:16px;line-height:1.75}
.hero .intro{font-size:16px;line-height:1.85}
.hero{gap:5vw;grid-template-columns:1.2fr 1fr}
header{min-height:104px}
.button{border-radius:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.button:focus-visible{clip-path:none}
@media(max-width:1100px) and (min-width:801px){.hero{gap:28px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(29px,3.6vw,40px)}.adventure-board{padding:23px}.activities h3{font-size:20px}.activities article{padding:23px}}
@media(max-width:800px){
 html{scroll-padding-top:165px}
 .hero{grid-template-columns:1fr;gap:35px;padding-top:36px}
 .hero h1{font-size:clamp(25px,6.6vw,49px);line-height:1.25;letter-spacing:-.045em}
 h2,.guild-code h2,.join-section h2{font-size:clamp(25px,6.6vw,39px);line-height:1.35}
 .adventure-board h2{font-size:28px}.quest-result h3{font-size:22px}.quest-result{min-height:265px}
 .activities h3{font-size:22px;grid-column:1/-1;margin-top:25px}.activities .activity-symbol{grid-row:1;font-size:32px;line-height:1}
 .recruit-panel{padding:25px}.recruit-panel h3{font-size:27px}
 .code-list h3{font-size:19px}.code-list article{gap:18px}
 .join-section li h3{font-size:18px}.guild-flavor h3{font-size:18px}.faq h2{font-size:29px}
 .eyebrow{font-size:10px}.hero .eyebrow{font-size:8px;letter-spacing:.09em}
 .hero .intro{font-size:15px}.leader-compact>div{flex:1;min-width:0}
 .guild-flavor{gap:18px}.guild-flavor img{width:64px}.guild-flavor .eyebrow{line-height:1.8}
}

@media(max-width:800px){.leader-compact{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:18px;row-gap:8px}.leader-compact>a{grid-column:2;margin-left:0}.leader-compact p:not(.eyebrow){max-width:none}.leader-compact img{grid-row:1/3}}

/* Final typography audit: consistent measures and phone spacing. */
.hero-copy,.section>div,.guild-code>div,.join-section>div{min-width:0}
p{text-wrap:pretty}
.eyebrow,.number{line-height:1.7}
.quest-result{min-height:210px}
@media(max-width:800px){
 .quest-result{min-height:225px}
 .adventure-board h2{font-size:clamp(23px,6.4vw,28px)}
 .recruit-panel h3{font-size:clamp(23px,6.3vw,27px)}
 .section{padding-top:60px}.join-section{padding-block:60px}
 .section-heading h2{margin-bottom:18px}
 .hero .eyebrow{font-size:9px;letter-spacing:.035em}
 .number{font-size:10px;letter-spacing:.08em}
 .guild-facts span{font-size:9px;letter-spacing:.075em}
 .adventure-board>small,.recruit-panel>small{font-size:11px;line-height:1.7}
 .guild-flavor .eyebrow{font-size:9px;letter-spacing:.06em}
 .leader-compact img{align-self:center}
}
@media(max-width:360px){.quest-result{min-height:245px}.hero .eyebrow{font-size:8px}.open-roles>div{grid-template-columns:24px minmax(0,1fr) auto;gap:8px}}
@media(prefers-reduced-motion:reduce){.activities article:hover,.adventure-options button:hover,.code-list article:hover>span,.guild-facts>a:hover b{transform:none!important}}
