/* The guild's four paths share the same living woodland, at every depth. */
.v1-vista{padding-bottom:38px!important}.vista-frame{position:relative;isolation:isolate;overflow:hidden;min-height:540px;border:1px solid #a679cb66;border-radius:52px 8px 52px 8px;box-shadow:0 22px 65px #03051085,inset 0 0 60px #ad60e510;background:#161525}.vista-art,.vista-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.vista-shade{z-index:-1;background:linear-gradient(90deg,#0b101def 0%,#101321b8 36%,#17112628 75%),linear-gradient(0deg,#0e1225a6,transparent 70%)}.vista-copy{position:relative;max-width:680px;padding:70px 58px}.vista-copy h1{font:500 clamp(37px,4.2vw,59px)/1.17 RootCinzel,var(--serif);letter-spacing:-.045em;margin:22px 0 27px;text-wrap:balance;text-shadow:0 3px 9px #05081390,0 0 35px #be76df30}.vista-copy h1 em{font-style:normal;color:#e0adff}.vista-copy>p:not(.eyebrow){max-width:430px;font-size:16px;line-height:1.9;color:#e0d6e9;text-shadow:0 2px 5px #050813}.vista-copy>.button,.vista-actions{margin-top:29px}.vista-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.guild-vista .vista-art{object-position:58% 48%}.join-vista .vista-art{object-position:70% 45%}.community-vista .vista-art{object-position:62% 55%}
body[data-page=guild] .roots{padding-top:66px}body[data-page=guild] .roots-intro{max-width:800px}.join-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:38px;padding-bottom:35px}.join-steps article{position:relative;padding:32px 28px 30px;border:1px solid #9470b15c;background:radial-gradient(ellipse at 100% 0,#63367c32,transparent 70%),linear-gradient(135deg,#1a1b2d,#111a2b);border-radius:25px 4px;box-shadow:0 12px 30px #02051035}.join-steps article>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #ac82d680;border-radius:50%;color:#e1b2ff;background:#4d2c6b45;font:16px RootCinzel,var(--serif);box-shadow:0 0 25px #9c55cf24}.join-steps h2{font-size:23px;margin:21px 0 15px;letter-spacing:-.035em}.join-steps p{font-size:14px;line-height:1.9;color:#ccc2d9}.join-steps p+p{margin-top:12px}body[data-page=join] .recruitment{padding-top:70px}.community-heart{padding-top:73px}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.community-card{position:relative;isolation:isolate;overflow:hidden;padding:35px 30px 37px;min-height:310px;border:1px solid #a87ccc66;border-radius:29px 5px;background:#15192a;box-shadow:0 14px 40px #03071555;transition:transform .2s,border-color .2s,box-shadow .2s}.community-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101726f5,#171326c9),var(--card-art) center/cover;opacity:.95}.community-help{--card-art:url('/assets/class-art/druid.webp')}.community-learn{--card-art:url('/assets/class-art/mage.webp')}.community-unwind{--card-art:url('/assets/ravenroot-camp.webp')}.community-card>.talisman-icon{width:60px;height:60px;margin-bottom:23px}.community-card h3{font:500 25px/1.3 RootCinzel,var(--serif);letter-spacing:-.035em;margin:0 0 17px;color:#e0b6ff}.community-card p{font-size:14px;line-height:1.9;color:#d5c9e0}.community-card:hover{border-color:#d2a0f2;box-shadow:0 16px 45px #03061065,0 0 27px #ac56d119;transform:translateY(-3px)}.community-welcome{position:relative;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:43px;margin-top:46px;padding:39px 45px 49px;border:1px solid #a576cb45;border-radius:6px 45px 6px 45px;background:radial-gradient(ellipse at 15% 30%,#60408040,transparent 45%),linear-gradient(125deg,#182337,#211a30)}.community-welcome>img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 8px 25px #030512c0)}.community-welcome h3{font:500 clamp(25px,2.9vw,35px)/1.35 RootCinzel,var(--serif);letter-spacing:-.035em;margin:17px 0 20px}.community-welcome p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:610px;margin-bottom:15px}.community-welcome>.wonder-relic{position:absolute;bottom:12px;right:20px}.community-care{border-top:1px solid #ac76d22b;background:radial-gradient(ellipse at 0 70%,#42255524,transparent 65%),#101522}.care-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px}.care-layout h2{margin:20px 0 25px}.care-layout>div>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:370px}.care-notes{align-self:center}.care-notes details{border-bottom:1px solid #946fb457}.care-notes details:first-child{border-top:1px solid #946fb457}.care-notes summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 3px;cursor:pointer;list-style:none}.care-notes summary::-webkit-details-marker{display:none}.care-notes summary h3{font:500 21px/1.45 RootCinzel,var(--serif);letter-spacing:-.02em;color:#debbf6;margin:0}.care-notes summary:hover h3{color:#f0d9ff}.care-notes details>div{padding:0 3px 26px}.care-notes p{font-size:14px;line-height:1.9}.care-notes .plus{width:17px;height:17px;position:relative;flex:none}.care-notes .plus::before,.care-notes .plus::after{content:'';position:absolute;left:0;top:8px;width:17px;height:1px;background:#d2a5ef}.care-notes .plus::after{rotate:90deg;transition:rotate .2s}.care-notes details[open] .plus::after{rotate:0deg}.footer-paths{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.footer-paths a,.footer-paths button{font-size:12px;color:#cfb0e4;min-height:44px;display:inline-flex;align-items:center}.footer-paths a:hover,.footer-paths button:hover{color:#f1d7ff}.v1-trail{grid-template-columns:repeat(2,1fr)!important}.v1-trail .map-stop{min-height:145px}.lost-path{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 25px;background:radial-gradient(ellipse at center,#49306042,transparent 65%)}.lost-path>img{margin-bottom:30px;filter:drop-shadow(0 0 22px #ac6be93b)}.lost-path h1{font:500 clamp(37px,6vw,67px)/1.2 RootCinzel,var(--serif);letter-spacing:-.04em;margin:20px 0}.lost-path>p:not(.eyebrow){margin-bottom:30px}.noscript-note{padding:22px;margin:20px;border:1px solid #a06fc5;background:#1c1c31}.noscript-note a{color:#dfb1ff;text-decoration:underline}#privacy-dialog .dialog-content p{margin-bottom:20px;font-size:15px;line-height:1.9}#privacy-dialog .dialog-content h2{margin-bottom:27px}
@media(max-width:1000px){.vista-frame{min-height:490px}.vista-copy{padding:55px 40px}.community-cards{gap:16px}.community-card{padding:27px 23px}.community-card h3{font-size:22px}.care-layout{gap:40px}.join-steps{gap:16px}.join-steps article{padding:27px 23px}.join-steps h2{font-size:21px}.community-welcome{padding:35px;grid-template-columns:140px 1fr;gap:30px}.community-welcome>img{width:140px;height:140px}}
@media(max-width:680px){.vista-frame{min-height:575px;border-radius:30px 5px 30px 5px;display:flex;align-items:flex-end}.vista-copy{padding:180px 25px 35px;max-width:none;width:100%}.vista-copy h1{font-size:clamp(33px,8.8vw,43px);line-height:1.19;letter-spacing:-.045em}.vista-copy .eyebrow{font-size:9px;letter-spacing:.12em}.vista-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.vista-shade{background:linear-gradient(0deg,#0d1223fb,#121725b5 55%,#13142612 100%)}.vista-art{object-position:65% 40%!important}.vista-actions{align-items:flex-start;gap:17px;flex-direction:column}.v1-vista{padding-bottom:20px!important}.join-steps{grid-template-columns:1fr;padding-top:20px;gap:15px}.join-steps article{padding:26px}.join-steps h2{font-size:24px!important;margin-top:19px}.community-heart{padding-top:56px}.community-cards{grid-template-columns:1fr;gap:18px}.community-card{min-height:0;padding:30px}.community-card h3{font-size:25px}.community-card>.talisman-icon{margin-bottom:18px}.community-welcome{grid-template-columns:1fr;gap:20px;padding:29px 27px 60px;margin-top:29px}.community-welcome>img{width:135px;height:135px}.community-welcome h3{font-size:26px}.community-welcome p:not(.eyebrow){font-size:14px}.care-layout{grid-template-columns:1fr;gap:25px}.care-notes summary h3{font-size:21px}.care-layout>div>p:not(.eyebrow){max-width:none}.v1-trail .map-stop{min-height:135px}.footer-paths{gap:18px}#privacy-dialog .dialog-content p{font-size:14px}.join-steps p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.community-card{transition:none}.community-card:hover{transform:none}.care-notes .plus::after{transition:none}}body[data-motion=still] .community-card:hover{transform:none}

.care-notes .plus::before{content:'+';font:24px/1 RootSans,sans-serif;inset:-4px 0 auto;width:auto;height:auto;background:none;transform:none}.care-notes .plus::after{display:none}.care-notes details[open] .plus::before{content:'−'}
/* Four real destinations, with generous targets instead of the old absolute-position map. */
.v1-trail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:auto;margin:25px 35px 30px}.v1-trail .map-stop{position:relative;inset:auto;transform:none;width:auto;min-height:170px;padding:20px 12px;border:1px solid #bb92e35c;border-radius:21px 4px;background:#11172bc9;box-shadow:inset 0 1px 0 #c897ee13;display:flex;align-items:center;justify-content:center;flex-direction:column}.v1-trail .map-stop:hover,.v1-trail .map-stop:focus-visible{border-color:#d7b0f5;background:#352348ee}.v1-trail .map-stop strong{font-size:18px}.v1-trail .map-stop small{font-size:11px;max-width:170px}.trail-top h2{font-size:30px!important}.trail-top{padding-bottom:0}.trail-footer{gap:20px}#trail-dialog{max-height:calc(100dvh - 30px);overflow-y:auto}
@media(max-width:680px){.v1-trail{margin:20px 20px 25px;gap:12px}.v1-trail .map-stop{min-height:155px;padding:17px 9px}.v1-trail .map-stop strong{font-size:16px}.v1-trail .map-stop small{font-size:10px}.trail-top h2{font-size:25px!important}.trail-top p{font-size:12px}.trail-footer{padding:17px 21px}.trail-top{padding:26px 21px 0}}

#join-dialog.dialog-preview .join-route,#join-dialog.dialog-preview .intro-form-title,#join-dialog.dialog-preview .intro-form-title+.form-hint,#join-dialog.dialog-preview .dialog-intro{display:none}#join-dialog.dialog-preview .dialog-content h2{margin-bottom:24px}#join-dialog .dialog-top,#privacy-dialog .dialog-top{position:sticky;top:0;z-index:5;background:#151726f5}#join-dialog.dialog-preview .dialog-content{padding-bottom:30px}
/* Modal entry never moves the controls under a visitor's pointer. */
dialog[open]{animation:v1-dialog-in .18s ease-out!important}.intro-share-route{display:flex;gap:18px;flex-wrap:wrap;align-items:center}@keyframes v1-dialog-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none!important}}
.recruitment::before{width:64px;height:64px;top:-32px;transform:translateX(-50%);border-radius:50%;border:1px solid #aa7bc966;background:#151526 url('/assets/icons/shield.webp') center/49px 49px no-repeat;box-shadow:0 0 25px #a15ada20,inset 0 0 15px #b46cdb16}

/* Only the two controls needed to keep the forest in the background. */
.music-bar{gap:10px;padding:7px 13px 7px 7px}.music-bar input{width:80px;min-height:32px}.music-bar>button{flex:none}@media(max-width:680px){.music-bar{gap:9px;padding-right:12px}.music-bar input{width:76px}}

/* Center the complete invitation, not only its text alignment. */
.join-banner>.wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.join-banner h2{max-width:100%;overflow-wrap:break-word}
.join-banner p{margin:22px auto 0;max-width:min(100%,42ch)}
.join-banner .button{max-width:100%;white-space:normal}
.class-heading>div,.class-card li button>span:first-child{min-width:0}
.class-card li button>span:first-child{overflow-wrap:break-word}
.class-heading p{color:#c7b0e7}
.recruit-status.status-open{color:#bce5d6}
/* Discoveries sit above persistent controls, rather than beneath the music. */
.wonder-message{left:24px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:30;width:min(440px,calc(100vw - 48px));max-height:calc(100dvh - 128px);overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;gap:14px;padding:20px}
.wonder-message>div{min-width:0}.wonder-message strong,.wonder-message p,.wonder-message #wonder-count{overflow-wrap:break-word}
.wonder-message .icon-button{width:42px;height:42px;min-width:42px;min-height:42px;margin:0;padding:5px}
@media(max-width:680px){.wonder-message{left:12px;bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;width:calc(100vw - 24px);max-height:calc(100dvh - 178px);grid-template-columns:30px minmax(0,1fr) 42px;gap:10px;padding:16px}.wonder-message>.talisman-icon{width:30px;height:30px}}