:root{--wood-accent:#c1a1ef;--wood-glow:#68ddd2;--wood-hue:0deg}
body{background:#0b1019}.site-header{background:linear-gradient(180deg,#060c1be8,#060c1b40);border-bottom-color:#c2a6ef26}.site-header .brand>span{letter-spacing:.22em}.site-header nav>a{color:#e4dbed}.hero{height:950px;max-height:none;min-height:900px;background:#101124;perspective:1200px;--px:0;--py:0}.hero-art{object-position:center;filter:hue-rotate(var(--wood-hue)) saturate(1.06);transform:translate3d(calc(var(--px)*-12px),calc(var(--py)*-8px),0) scale(1.035);transition:filter 1.8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.hero-shade{background:linear-gradient(90deg,#070d1ade 0%,#080e1c9c 31%,#080e1c0a 66%),linear-gradient(0deg,#0b1019 0%,#0b1019cc 12%,transparent 44%);z-index:-2}.hero-content{padding-top:285px;pointer-events:none;z-index:2}.hero-content button{pointer-events:auto}.hero h1{font-size:clamp(42px,4.6vw,67px);max-width:730px;line-height:1.19;letter-spacing:-.035em}.hero h1 em{color:#b49ed6}.hero-content>p{font-size:15px;line-height:1.85;margin-top:25px;max-width:470px;color:#ded7e9}.faction{margin:27px 0 0;font-size:8px;letter-spacing:.18em;color:#c0aedc}.hero-actions{margin-top:25px;gap:26px}.enchanted-button{background:#b29cd5;border-radius:28px 4px 28px 4px;box-shadow:0 8px 30px #0005;border-color:#c8b9e1;position:relative;overflow:hidden;padding-inline:27px}.enchanted-button:hover{background:#cec1e4;box-shadow:0 10px 35px #b57aab28;transform:translateY(-3px)}.hero-actions .text-link{font-size:12px;color:#eadff4}.hero-actions .text-link svg{width:17px}.hero-bottom{bottom:25px;z-index:3;align-items:flex-end}.forest-invitation{font:italic 13px/1.7 var(--serif);color:#c7bfd2;text-align:center;letter-spacing:.025em}.moon-control{display:grid;grid-template-columns:28px auto;align-items:center;gap:3px 12px;text-align:left;padding:8px 0;color:#b29dd5;min-height:48px}.moon-control>span:not(.moon-symbol){font:14px var(--serif);letter-spacing:.035em}.moon-control small{grid-column:2;font-size:7px;color:#c1b4d2;letter-spacing:.18em}.moon-symbol{grid-row:1/3;width:23px;height:23px;border:1px solid #b6a2d7;border-radius:50%;box-shadow:inset -7px -2px 0 #b6a2d7;transition:transform 1.2s}.moon-control:hover .moon-symbol{transform:rotate(50deg)}#motion-toggle{font-size:9px;letter-spacing:.08em;padding:12px 0;color:#d2c9df}#motion-toggle span{margin-left:14px;color:var(--gold)}#forest-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.65}.forest-portals{position:absolute;right:8%;bottom:128px;display:flex;gap:43px;z-index:3}.forest-portal{text-align:center;display:flex;flex-direction:column;align-items:center;text-decoration:none;position:relative;min-width:85px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.forest-portal:hover{text-decoration:none;transform:translateY(-9px)}.forest-portal>span:not(.portal-ring){font:14px/1.5 var(--serif);color:#ddd4ec;margin-top:15px}.forest-portal small{font-size:8px;color:#c9c3d6;letter-spacing:.025em;margin-top:3px}.portal-ring{width:60px;height:60px;display:grid;place-items:center;position:relative;border:1px solid #b8a4d8aa;border-radius:50%;background:radial-gradient(circle,#433059b3,#100e25e6 70%);color:#e4d1ff;box-shadow:0 7px 24px #02071799;transition:background .3s,box-shadow .3s,transform .3s}.portal-ring:before,.portal-ring:after{content:"";position:absolute;inset:-7px;border:1px solid #8c70b859;border-radius:50%;pointer-events:none}.portal-ring:after{inset:5px;border-style:dashed;border-color:#b09bc947}.portal-ring svg{width:25px;height:25px;filter:drop-shadow(0 1px 6px #d3a8ff)}.forest-portal:hover .portal-ring,.map-stop:hover .portal-ring{background:#654277;box-shadow:0 10px 35px #5d3c7877;transform:rotate(-8deg)}.forest-portal:nth-child(2){transform:translateY(24px)}.forest-portal:nth-child(2):hover{transform:translateY(15px)}.forest-portal:nth-child(3){transform:translateY(-10px)}.forest-portal:nth-child(3):hover{transform:translateY(-19px)}.forest-portal:after{content:"";position:absolute;top:30px;left:calc(100% + 6px);width:32px;height:1px;background:linear-gradient(90deg,#a490c58a,transparent);transform:rotate(16deg)}.forest-portal:last-child:after{display:none}.raven-whisper{position:absolute;left:78%;top:25%;width:100px;height:140px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transform:translate3d(calc(var(--px)*8px),calc(var(--py)*5px),0);transition:transform 1s}.raven-ring{width:72px;height:72px;border:1px solid #d6bcff6e;border-radius:50%;position:relative;display:block;animation:raven-breathe 4s ease-in-out infinite}.raven-ring:before,.raven-ring:after{content:"";position:absolute;border:1px solid #d6bcff50;border-radius:50%;inset:-10px}.raven-ring:after{inset:8px;border-style:dashed}.raven-whisper-label{display:block;position:absolute;top:116px;white-space:nowrap;background:#141226dd;border:1px solid #9e82ba66;border-radius:20px;padding:5px 13px;color:#e8d3fa;font:10px var(--sans)}.raven-whisper:hover .raven-whisper-label{background:#362347;color:white}.raven-bubble{position:absolute;right:6%;top:47%;max-width:270px;padding:19px 23px;border-radius:22px 22px 22px 2px;background:#161328ed;border:1px solid #c1a1ef8c;color:#eee0f3;font:14px/1.65 var(--serif);z-index:4;box-shadow:0 12px 35px #0007}.raven-bubble:before{content:"THE LITTLE RAVEN";display:block;font:7px var(--sans);letter-spacing:.2em;color:#ab93d1;margin-bottom:10px}@keyframes raven-breathe{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}.section-mark,.join-ornament{font-size:0;display:block;width:43px;height:43px;background:url('assets/celtic-knot.svg') center/contain no-repeat}.join-ornament{margin-inline:auto}.roots{background:radial-gradient(ellipse at 10% 20%,#24213a55,transparent 50%)}.adventures{background:radial-gradient(ellipse at 85% 20%,#29233b55,transparent 55%),#111723;border-color:#4c3c573b}.adventure-art{border-radius:140px 8px 90px 8px;box-shadow:0 18px 55px #03071160}.activity-tabs{border-bottom-color:#61516b8c}.activity-tabs input:checked+span{color:#d7b5fc;border-bottom-color:#bc9bde}.adventure-guide .activity-meta{color:#bfa9d5}.ready-section{background:radial-gradient(ellipse at 8% 55%,#14303288,transparent 55%),#141a26;border-color:#31504c66}.planner{border-radius:5px 40px 5px 40px;background:linear-gradient(140deg,#17202c,#0c141f)}.planner .button{border-radius:25px 3px 25px 3px}.hall .bank-art{border-radius:55px 5px 45px 5px}.join-banner{background:radial-gradient(ellipse at center,#34223e 0%,#181b2e 45%,#0b1019 80%);border-color:#48375299}.join-banner .button{border-radius:26px 4px 26px 4px}.trail-toggle{position:fixed;bottom:23px;right:25px;z-index:15;background:#21182eea;border:1px solid #b498c880;border-radius:28px;padding:12px 19px;display:flex;align-items:center;gap:10px;color:#ddd3ec;font-size:11px;box-shadow:0 8px 25px #0006;backdrop-filter:blur(10px)}.trail-toggle svg{color:#b09ad3;width:19px;height:19px}.trail-toggle:hover{background:#4d315c;border-color:#cfb1df}.trail-toggle:focus-visible{outline-color:#dfb9ff}#trail-dialog{width:min(920px,calc(100% - 32px));background:#0c1222;border-color:#a887bb8a;border-radius:60px 6px 60px 6px;overflow:hidden;box-shadow:0 30px 120px #000c}#trail-dialog:before{content:"";position:absolute;inset:0;background:linear-gradient(#0c1222e8,#0c1222ca),url('assets/ravenroot-duskwood.webp') center/cover;z-index:-1}.trail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:35px 42px 10px}.trail-top h2{font-size:31px;line-height:1.35}.trail-top p{font-size:12px;margin-top:13px;color:#cabbd8}.trail-map{position:relative;height:370px;margin:15px 40px 20px}.trail-lines{position:absolute;width:100%;height:100%;inset:0;stroke:#9f8fbc66;stroke-width:1.5;fill:none;stroke-dasharray:3 8}.trail-lines path+path{stroke:#9679c566;stroke-width:1;stroke-dasharray:none}.map-stop{position:absolute;display:flex;align-items:center;flex-direction:column;width:180px;transform:translate(-50%,-50%);text-align:center;text-decoration:none!important}.map-stop strong{font:19px/1.5 var(--serif);color:#cabbe2;margin-top:17px}.map-stop small{font-size:10px;color:#c5b7d3;display:block;margin-top:3px}.map-roots{left:13%;top:21%}.map-camp{left:48%;top:49%}.map-guide{left:84%;top:20%}.map-ready{left:22%;top:80%}.map-hall{left:80%;top:83%}.map-stop .portal-ring{width:59px;height:59px}.trail-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #725c8244;padding:20px 42px;font-size:10px;color:#c7b8d0}.trail-footer a{color:#b39ed5}body[data-moon=moonwake]{--wood-hue:21deg;--wood-accent:#8edcde;--wood-glow:#bfafff}body[data-moon=faerie]{--wood-hue:-24deg;--wood-accent:#ff9bd7;--wood-glow:#9ae9a8}body[data-motion=still] .motes i,body[data-motion=still] .raven-ring{animation:none}body[data-motion=still] .hero-art,body[data-motion=still] .raven-whisper{transform:none;transition:filter 1s}body[data-motion=still] #forest-atmosphere{opacity:.2}
@media(min-width:1600px){.hero{height:1030px}.hero-content{padding-top:320px}.forest-portals{right:12%;bottom:145px}.raven-whisper{left:77%;top:25%}}
@media(max-width:1100px){.hero{height:920px}.hero-content{padding-top:280px}.hero h1{font-size:54px}.forest-portals{right:6%;gap:32px}.raven-whisper{left:80%;top:25%}.raven-bubble{right:5%;top:45%;max-width:240px}.hero-content>p{max-width:380px}}
@media(max-width:850px){.hero{height:920px}.hero-content{padding-top:310px}.hero h1{font-size:48px}.hero-art{object-position:59% center}.hero-content>p{max-width:335px;font-size:14px}.hero-content>p br{display:none}.hero-shade{background:linear-gradient(90deg,#070d1ae6 0%,#080e1c65 60%,#080e1c0a 85%),linear-gradient(0deg,#0b1019 0%,#0b1019cc 12%,transparent 44%)}.forest-portals{left:0;right:0;justify-content:center;bottom:130px;gap:52px}.raven-whisper{left:81%;top:23%;width:70px}.raven-ring{width:54px;height:54px}.raven-whisper-label{font-size:8px;top:106px}.raven-bubble{top:42%;right:4%;max-width:215px;font-size:12px}.adventure-art{border-radius:90px 5px 70px 5px}.trail-map{margin-inline:25px}.map-stop{width:155px}.map-stop strong{font-size:17px}.map-stop small{font-size:9px}}
@media(max-width:680px){.site-header nav{background:#121626f5}.hero{height:1030px;min-height:0}.hero-art{height:590px;top:0;object-position:72% top;transform:none}.hero-shade{background:linear-gradient(0deg,#0b1019 28%,#0b1019fc 42%,#0b1019b3 54%,#0b101900 77%),linear-gradient(90deg,#070d1c25,transparent)}.hero-content{padding-top:420px}.hero h1{font-size:39px;line-height:1.2;max-width:390px}.hero-content>p{margin-top:18px;max-width:350px;font-size:13px}.faction{font-size:7px;margin-top:20px;letter-spacing:.14em}.hero-actions{margin-top:21px;gap:18px}.hero-actions .button{padding:12px 20px;font-size:12px;min-height:47px}.hero-actions .text-link{font-size:11px;gap:7px}.hero-actions .text-link svg{width:15px}.forest-portals{bottom:140px;gap:17px;justify-content:space-between;padding:0 24px}.forest-portal{min-width:0;flex:1}.portal-ring{width:43px;height:43px}.portal-ring:before{inset:-5px}.portal-ring svg{width:20px;height:20px}.forest-portal>span:not(.portal-ring){font-size:11px;margin-top:12px;white-space:nowrap}.forest-portal small{font-size:7px;line-height:1.6;max-width:60px}.forest-portal:after{display:none}.forest-portal:nth-child(2){transform:translateY(17px)}.forest-portal:nth-child(3){transform:translateY(-8px)}.hero-bottom{bottom:33px;display:flex;align-items:center}.forest-invitation{display:none}.moon-control{gap:3px 9px}.moon-control>span:not(.moon-symbol){font-size:13px}.moon-control small{font-size:6px}.moon-symbol{width:19px;height:19px;box-shadow:inset -6px -2px 0 #b6a2d7}.hero-bottom #motion-toggle{font-size:8px}.raven-whisper{top:150px;left:auto;right:10%;width:80px;height:110px}.raven-ring{width:54px;height:54px}.raven-whisper-label{top:94px;font-size:8px}.raven-bubble{top:285px;right:22px;max-width:220px;font-size:12px;padding:14px 18px}.raven-bubble:before{font-size:6px}.adventure-art{margin-inline:0;border-radius:75px 4px 55px 4px;min-height:320px}.adventure-art img{object-position:28% center}.image-caption{font-size:7px;left:20px}.roots{padding-top:45px}.section-mark{width:36px;height:36px}.join-ornament{width:38px;height:38px}.planner{border-radius:4px 32px 4px 32px}.hall .bank-art{margin-inline:0;border-radius:38px 3px 32px 3px}.trail-toggle{bottom:16px;right:15px;font-size:10px;padding:11px 14px;gap:8px}.trail-toggle svg{width:16px;height:16px}#trail-dialog{border-radius:38px 4px 38px 4px;max-height:calc(100dvh - 30px);overflow-y:auto}.trail-top{padding:28px 23px 5px;gap:10px}.trail-top h2{font-size:24px}.trail-top p{font-size:11px;margin-top:13px}.trail-top .icon-button{margin-top:-6px;flex:none;width:28px}.trail-map{margin:15px 22px 23px;height:410px}.trail-lines{opacity:.5}.map-stop{width:134px}.map-stop .portal-ring{width:45px;height:45px}.map-stop strong{font-size:15px;margin-top:11px}.map-stop small{font-size:8px;max-width:115px}.map-roots{left:23%;top:14%}.map-camp{left:73%;top:33%}.map-guide{left:23%;top:52%}.map-ready{left:73%;top:71%}.map-hall{left:23%;top:88%}.trail-footer{display:block;padding:18px 23px;font-size:9px}.trail-footer a{display:block;margin-top:12px}.dialog-content .form-grid{grid-template-columns:1fr}.dialog-content{max-height:none}footer{padding-bottom:80px!important}}
@media(max-width:370px){.hero{height:1050px}.hero-content{padding-top:420px}.hero h1{font-size:34px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding-inline:16px}.hero-actions .text-link{font-size:10px}.forest-portals{padding-inline:19px;gap:12px;bottom:145px}.forest-portal>span:not(.portal-ring){font-size:10px}.portal-ring{width:39px;height:39px}.hero-content>p{font-size:12px}.raven-whisper{right:9%}.trail-top h2{font-size:21px}.map-stop{width:120px}}
@media(prefers-reduced-motion:reduce){.hero-art,.raven-whisper{transform:none!important}.raven-ring{animation:none!important}#forest-atmosphere{opacity:.2}.forest-portal:hover,.forest-portal:hover .portal-ring{transform:none}}

/* Keep the raven fully visible on phones, and make its invitation explicit. */
.raven-whisper-label{font-size:11px;padding:7px 15px}
@media(max-width:680px){.hero-art{object-position:95% top}.raven-whisper-label{font-size:9px;padding:6px 12px}}

/* A living woodland, from the canopy to the last root. */
#main{position:relative}.forest-depth{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.forest-depth i{position:absolute;width:45vw;height:65vh;border-radius:50%;background:radial-gradient(ellipse,#5e317833,transparent 65%);filter:blur(25px);left:-20vw;top:15vh;animation:deep-current 21s ease-in-out infinite alternate}.forest-depth i:nth-child(2){left:auto;right:-20vw;top:40vh;background:radial-gradient(ellipse,#1d7b7330,transparent 65%);animation-duration:28s;animation-delay:-8s}.forest-depth i:nth-child(3){width:70vw;left:20vw;top:75vh;background:radial-gradient(ellipse,#4f40752b,transparent 65%);animation-duration:35s;animation-delay:-17s}@keyframes deep-current{to{transform:translate3d(5vw,-12vh,0) rotate(18deg) scale(1.2)}}
#magic-trail{position:fixed;inset:0;pointer-events:none;z-index:30}.world-thread{position:absolute;right:0;top:1050px;bottom:180px;width:88px;pointer-events:none;z-index:3;opacity:.45;overflow:hidden}.world-thread svg{width:100%;height:100%;fill:none;stroke-width:1}.thread-dim{stroke:#9879ad55}.thread-lit{stroke:#c6a3ed;stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--journey,0)*1000);filter:drop-shadow(0 0 4px #aa7fdd);transition:stroke-dashoffset .3s}
#forest-atmosphere{opacity:.9}.motes i{width:4px;height:4px;box-shadow:0 0 9px #e4c6fa66}.raven-ring{box-shadow:inset 0 0 30px #ac65df12,0 0 24px #d8c8ff22}.portal-ring:before{border-color:#b09ad4aa transparent #b991de99 transparent;animation:rune-turn 16s linear infinite}.portal-ring:after{animation:rune-turn 23s linear reverse infinite}.forest-portal:nth-child(even) .portal-ring:before{animation-direction:reverse}.forest-portal .portal-ring{animation:stone-drift 6s ease-in-out infinite}.forest-portal:nth-child(2) .portal-ring{animation-delay:-2s}.forest-portal:nth-child(3) .portal-ring{animation-delay:-4s}.forest-portal:nth-child(4) .portal-ring{animation-delay:-1s}@keyframes rune-turn{to{rotate:360deg}}@keyframes stone-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}.forest-portal:hover .portal-ring{box-shadow:0 12px 38px #a37bc455,0 0 25px #84d7d42a;background:#5e397b}.forest-portal:hover>span:not(.portal-ring){color:#cec0e4;text-shadow:0 2px 15px #c68ad388}.moon-control:hover{color:#d5cae8}.moon-control:active .moon-symbol{transform:rotate(180deg)}
.adventure-art,.bank-art{--card-x:0;--card-y:0;transform:perspective(1000px) rotateX(calc(var(--card-y)*-2deg)) rotateY(calc(var(--card-x)*3deg));transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .5s}.adventure-art img{transform:scale(1.045) translate(calc(var(--card-x)*-6px),calc(var(--card-y)*-4px));transition:transform 1s cubic-bezier(.16,1,.3,1)}.adventure-art:before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#e9c7ff12 49%,#b8ffe714 51%,transparent 58%);z-index:2;pointer-events:none;transform:translateX(-60%)}.adventures.arrived .adventure-art:before{animation:forest-sheen 4s ease-out 1}.adventure-art:hover:before{transform:translateX(30%);transition:transform 1.6s}.bank-art:hover{box-shadow:0 20px 60px #09041280}.bank-art:hover img{transform:scale(1.045)}@keyframes forest-sheen{from{transform:translateX(-55%)}to{transform:translateX(45%)}}.section.arrived .section-mark{animation:knot-awakes 2.5s ease-out 1}@keyframes knot-awakes{from{rotate:-90deg;filter:drop-shadow(0 0 15px #d7b5ff);scale:.9}to{rotate:0deg;filter:none;scale:1}}
#trail-dialog[open]{animation:map-unfurl .5s cubic-bezier(.16,1,.3,1)}#join-dialog[open],#art-dialog[open]{animation:map-unfurl .35s cubic-bezier(.16,1,.3,1)}@keyframes map-unfurl{from{opacity:.3;transform:translateY(18px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}#trail-dialog[open] .trail-lines{animation:path-awakes 1.4s ease-out 1}@keyframes path-awakes{from{opacity:0;stroke-dashoffset:160}to{opacity:1;stroke-dashoffset:0}}.map-stop .portal-ring{transition:scale .3s,background .3s,box-shadow .3s}.map-stop:hover .portal-ring{scale:1.16;box-shadow:0 8px 35px #b36dd855}.map-stop:hover strong{color:#c8b8e1;text-shadow:0 2px 20px #aa92d160}.guide-list details{transition:background .3s}.guide-list details[open]{background:linear-gradient(90deg,#3a264521,transparent 85%)}.guide-list details[open] .guide-body{animation:note-appears .4s ease-out}@keyframes note-appears{from{opacity:.4;translate:0 -5px}to{opacity:1;translate:0 0}}
.wonder-relic{display:inline-flex;align-items:center;gap:10px;color:#c2a4e5;padding:9px 0;margin-top:24px;position:relative;min-height:42px}.wonder-relic svg{width:21px;height:21px;animation:wonder-glimmer 5s ease-in-out infinite}.wonder-relic span{font-size:9px;letter-spacing:.08em;opacity:.8}.wonder-relic:hover{color:#e4c4ff}.wonder-relic:hover svg{scale:1.25}.wonder-relic[data-found=true]{color:#b09ad4}.wonder-relic[data-found=true] svg{animation:none;fill:#9e83ca26}.wonder-relic[data-found=true] span:after{content:" · found"}.art-relic{position:absolute;right:22px;bottom:18px;z-index:4;margin:0;background:#151425c9;padding:6px 10px;border-radius:20px}.art-relic span{display:none}.hall-copy .wonder-relic{display:flex;margin-top:12px}@keyframes wonder-glimmer{0%,100%{filter:drop-shadow(0 0 2px #b989e222);rotate:0deg;opacity:.65}50%{filter:drop-shadow(0 0 9px #bc8df5);rotate:45deg;opacity:1}}
.wonder-message{position:fixed;bottom:24px;left:25px;width:min(420px,calc(100% - 32px));z-index:22;padding:22px;background:linear-gradient(120deg,#241d32f5,#12262cf5);border:1px solid #b39ac773;border-radius:25px 4px 25px 4px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 12px 45px #0006;animation:map-unfurl .4s ease-out}.wonder-message>svg{color:var(--gold);width:24px;height:24px;margin-top:3px}.wonder-message strong{font:18px/1.5 var(--serif);color:#c6b5e0}.wonder-message p{font-size:12px;line-height:1.8;margin-top:9px;color:#d4cadf}.wonder-message #wonder-count{display:block;font-size:9px;color:#a4d8d5;margin-top:13px}.wonder-message .icon-button{width:24px;height:24px;flex:none;margin-top:-6px;margin-right:-8px}.wonder-message .icon-button svg{width:16px;height:16px}
body[data-motion=still] .forest-depth i,body[data-motion=still] .portal-ring,body[data-motion=still] .portal-ring:before,body[data-motion=still] .portal-ring:after,body[data-motion=still] .wonder-relic svg,body[data-motion=still] dialog,body[data-motion=still] .adventure-art:before,body[data-motion=still] .section-mark,body[data-motion=still] .trail-lines,body[data-motion=still] .guide-body,body[data-motion=still] .wonder-message{animation:none!important}body[data-motion=still] .adventure-art,body[data-motion=still] .bank-art,body[data-motion=still] .adventure-art img{transform:none!important}body[data-motion=still] .thread-lit{transition:none}
@media(max-width:680px){.forest-depth i{filter:none;opacity:.6}.world-thread{width:37px;right:0;opacity:.25}.art-relic{bottom:16px;right:18px}.wonder-message{left:16px;bottom:80px;padding:18px;gap:12px}.wonder-message strong{font-size:17px}.wonder-message p{font-size:11px}.wonder-relic{margin-top:17px}.forest-portal .portal-ring{animation-duration:7s}.hero-actions{position:relative;z-index:4}}
@media(prefers-reduced-motion:reduce){.forest-depth i,.portal-ring,.portal-ring:before,.portal-ring:after,.wonder-relic svg,dialog,.adventure-art:before,.section-mark,.trail-lines,.guide-body,.wonder-message{animation:none!important}.adventure-art,.bank-art,.adventure-art img{transform:none!important}.thread-lit{transition:none}}

/* The living header is real image-to-video; the still art is always underneath. */
.hero-video{opacity:0;pointer-events:none;transition:opacity 1.2s ease,filter 1.8s ease;z-index:-3}.hero-video.is-playing{opacity:1}body[data-motion=still] .hero-video{opacity:0!important}
@font-face{font-family:RootCinzel;src:url('assets/cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
.site-header{height:100px;padding-inline:42px;background:linear-gradient(#0a1020dd,#0a102080);border-bottom-color:#b4a1cb27}.brand>span{font-family:RootCinzel,var(--serif);font-size:23px;font-weight:600;letter-spacing:.11em;color:#d2c5e6}.brand small{font-size:8px;letter-spacing:.18em;color:#c0afcb}.site-header nav{gap:clamp(21px,2.4vw,42px)}.site-header nav>a{font:500 15px/1.3 RootCinzel,var(--serif);letter-spacing:.045em;color:#ede0f0;text-decoration:none;position:relative;padding-block:14px}.site-header nav>a:after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;border:1px solid #a88fcf;transform:translateX(-50%) rotate(45deg) scale(0);transition:transform .25s,box-shadow .25s}.site-header nav>a:hover:after,.site-header nav>a:focus-visible:after{transform:translateX(-50%) rotate(45deg) scale(1);box-shadow:0 0 14px #d7a3ff}.site-header nav .button{font:600 12px RootCinzel,var(--serif);letter-spacing:.025em;padding:15px 20px}
@media(min-width:1600px){.site-header{padding-inline:70px;height:110px}.site-header nav>a{font-size:17px}.brand>span{font-size:26px}.site-header nav .button{font-size:14px}}
@media(max-width:1080px){.site-header{height:90px;padding-inline:28px}.site-header nav{display:none;position:absolute;top:89px;left:0;right:0;background:linear-gradient(115deg,#191629fa,#0e1928fc);border-bottom:1px solid #8c739878;padding:20px 30px 28px;align-items:stretch;gap:0;box-shadow:0 20px 50px #07091780}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a{font-size:19px;padding:16px 0;border-bottom:1px solid #a48dba1c}.site-header nav>a:after{left:auto;right:4px;bottom:25px}.site-header nav .button{align-self:flex-start;margin-top:20px;padding:14px 22px}.menu-toggle{display:flex;width:48px;height:48px;flex-direction:column;gap:7px;align-items:center;justify-content:center}.menu-toggle>span:not(.sr-only){width:25px;height:1px;background:var(--gold);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:680px){.site-header{height:84px;padding-inline:20px}.site-header nav{top:83px;padding-inline:25px}.site-header .brand>span{font-size:21px}.site-header .brand small{font-size:6.5px;letter-spacing:.15em}.site-header .brand img{width:36px}.site-header nav>a{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none!important}.site-header nav>a:after{transition:none}}

/* The recruitment board is a working class/spec chooser, with honest unset needs. */
.recruitment{position:relative;background:linear-gradient(155deg,#19152990,#0c182290);border-block:1px solid #a990c326}.recruit-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}.recruit-intro h2{font-size:42px;line-height:1.25}.eyebrow{font-size:9px;letter-spacing:.19em;color:#a48cca;margin-bottom:20px}.recruit-intro>div>p:not(.eyebrow){font-size:14px}.recruit-intro .recruit-note{font-size:11px!important;color:#c8b4da;margin-top:16px}.recruit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:40px 0 24px}.role-filters{display:flex;flex-wrap:wrap;gap:7px}.role-filters button{font-size:12px;min-height:42px;padding:10px 18px;border-radius:22px;border:1px solid #8c78904a;color:#c6bdd1;transition:background .2s,border-color .2s}.role-filters button[aria-pressed=true]{color:#c5b4df;border-color:#9a7ec8;background:#5b453e35}.role-filters button:hover{background:#4c355360}.recruit-toolbar>p{font-size:10px;color:#b9a9c8;white-space:nowrap}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.class-card{--class:#b8a2dd;background:linear-gradient(140deg,#20202d,#121a25);border:1px solid #b5a2cc27;border-radius:25px 3px 25px 3px;overflow:hidden;transition:border-color .25s,box-shadow .25s,translate .25s}.class-card:hover{border-color:var(--class);box-shadow:0 8px 32px #07091066;translate:0 -3px}.class-heading{display:flex;align-items:center;gap:15px;padding:23px 21px 18px}.class-sigil{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--class);color:var(--class);border-radius:40% 60% 42% 58%;rotate:-9deg;box-shadow:inset 0 0 18px #c4a0e50c}.class-sigil svg{width:24px;height:24px;rotate:9deg}.class-heading h3{font:500 20px/1.4 RootCinzel,var(--serif);color:var(--class)}.class-heading p{font-size:9px;color:#a99db8;margin-top:3px}.class-card ul{list-style:none;padding:0 17px 14px;margin:0}.class-card li+li{border-top:1px solid #b9a5d31a}.class-card li button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:13px 4px;font-size:12px;color:#e4dce9;min-height:45px}.class-card li button:hover{color:var(--class)}.recruit-status{font:9px var(--sans);white-space:nowrap;color:#b8aeca;display:flex;gap:13px;align-items:center}.recruit-status>span{font-size:15px;color:#ccb3de}.class-card.warrior{--class:#ac95d1}.class-card.paladin{--class:#efa8ce}.class-card.hunter{--class:#b3d894}.class-card.rogue{--class:#c2b1dd}.class-card.priest{--class:#e7e4f0}.class-card.shaman{--class:#80bfff}.class-card.mage{--class:#8cdbed}.class-card.warlock{--class:#beacf0}.class-card.druid{--class:#ab93d1}.recruit-legend{display:flex;gap:25px;flex-wrap:wrap;margin-top:23px;color:#ad9bbf;font-size:10px}.status-open{color:#a4d9b7}.status-desired{color:#b29cd5}.status-closed{color:#b6abc4}.recruit-bottom{margin-top:40px;padding-top:32px;border-top:1px solid #a891bc30;display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.recruit-bottom h3{font:23px var(--serif);margin-bottom:13px;color:#c8b9e1}.recruit-bottom p{font-size:12px;line-height:1.85}.recruit-bottom .text-link{margin-top:16px}.recruit-bottom>div+div{padding-top:3px}.recruit-bottom>div+div p{font-size:10px;max-width:310px;margin-top:13px}.class-source{display:inline-block;font-size:10px;color:#b9a3cb;margin-top:14px}
@media(max-width:900px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-intro{gap:35px}.recruit-intro h2{font-size:34px}.recruit-bottom{gap:40px}.recruit-toolbar{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.recruit-intro{grid-template-columns:1fr;gap:24px}.recruit-intro h2{font-size:32px}.recruit-intro>div>p:not(.eyebrow){font-size:13px}.role-filters{gap:5px}.role-filters button{padding:9px 12px;font-size:11px;min-height:40px}.class-grid{grid-template-columns:1fr;gap:14px}.class-heading{padding:20px 20px 12px}.class-card ul{padding-bottom:12px}.class-card li button{font-size:13px;padding-block:12px}.class-heading h3{font-size:21px}.recruit-status{font-size:10px}.recruit-legend{gap:12px 20px;line-height:1.6}.recruit-legend>span:first-child{width:100%}.recruit-bottom{grid-template-columns:1fr;gap:28px}.recruit-bottom h3{font-size:21px}.recruit-bottom>div+div p{max-width:none}}
body[data-motion=still] .class-card{transition:none;translate:none}@media(prefers-reduced-motion:reduce){.class-card{transition:none;translate:none}}

/* One typographic system: storybook display, engraved wayfinding, readable field notes. */
:root{--type-note:12px;--type-body:15px;--type-lead:17px;--type-display:clamp(34px,3.8vw,50px)}
body{font-size:var(--type-body);line-height:1.8;font-optical-sizing:auto}p{max-width:68ch}.hero h1{font-weight:450;letter-spacing:-.045em}.hero-content>p{font-size:var(--type-lead);line-height:1.8;letter-spacing:.002em}.section h2,.ready-section h2{font-size:var(--type-display);font-weight:450;letter-spacing:-.035em;line-height:1.25}.section h2 em,.ready-section h2 em{font-weight:400}.roots-intro>p,.hall-copy>p,.section-heading>p,.ready-layout>div>p,.adventure-guide #adventure-content>p:not(.activity-meta){font-size:var(--type-body);line-height:1.85}.principles h3{font-size:23px;letter-spacing:-.02em}.principles p{font-size:14px;line-height:1.85}.eyebrow,.activity-meta,.faction{font-family:RootCinzel,var(--serif);font-weight:500;letter-spacing:.12em}.eyebrow{font-size:11px}.faction{font-size:10px}.activity-meta{font-size:11px}.adventure-guide h3{font-size:30px;letter-spacing:-.025em}.adventure-guide ul,.activity-tabs span{font-size:13px}.text-link{font-size:13px}.button{font-size:14px;letter-spacing:.015em}.button.small{font-size:12px}.forest-portal>span:not(.portal-ring){font-family:RootCinzel,var(--serif);font-size:15px;letter-spacing:.01em}.forest-portal small{font-size:11px;line-height:1.5;color:#c8bcd5}.raven-whisper-label{font-size:12px}.hero-bottom #motion-toggle{font-size:11px;letter-spacing:.03em}.moon-control small{font-size:9px;letter-spacing:.14em}.forest-invitation{font-size:15px}.guide-category{font-family:RootCinzel,var(--serif);font-size:11px;letter-spacing:.04em;color:#bbadc9}.guide-body{font-size:15px;line-height:1.85}.guide-filters button{font-size:12px}.resource-links a{font-size:14px}.guide-list summary h3{font-size:22px;letter-spacing:-.015em}.planner>p,.form-hint{font-size:12px;line-height:1.75}.planner h3{font-size:27px}.checklist label{font-size:14px}.check-progress,.ready-layout>div>.ready-message,.subtle-button{font-size:12px}label:not(.checklist label,.activity-tabs label,.search-label){font-size:13px;line-height:1.6}input:not([type=checkbox],[type=radio]),select,textarea{font-size:15px;line-height:1.6;min-height:48px}.search-label input{font-size:14px}.dialog-content h2{font-size:37px}.dialog-intro{font-size:14px;line-height:1.8}.dialog-top>span{font-family:RootCinzel,var(--serif);letter-spacing:.14em}.preview-label{font-size:13px}.trail-top h2{font-size:34px}.trail-top p,.trail-footer{font-size:12px}.map-stop strong{font-family:RootCinzel,var(--serif);font-size:19px;line-height:1.4}.map-stop small{font-size:11px;line-height:1.5}.trail-toggle{font-size:12px}.wonder-relic span{font-size:11px;letter-spacing:.04em}.wonder-message strong{font-size:20px}.wonder-message p{font-size:13px}.wonder-message #wonder-count{font-size:11px}.image-caption,.bank-art>span{font-size:10px;letter-spacing:.1em}.join-banner h2{font-weight:450;letter-spacing:-.035em}.join-banner p{font-size:16px}.join-banner small{font-size:10px}footer p{font-size:12px}.preview-note{font-size:11px;line-height:1.7}.recruit-intro>div>p:not(.eyebrow){font-size:15px}.recruit-intro .recruit-note{font-size:12px!important}.recruit-toolbar>p,.recruit-legend{font-size:12px}.class-heading p{font-size:11px}.class-card li button{font-size:13px}.recruit-status{font-size:11px}.recruit-bottom p{font-size:14px}.recruit-bottom>div+div p,.class-source{font-size:12px}
@media(max-width:850px){.forest-portal>span:not(.portal-ring){font-size:14px}.forest-portal small{font-size:10px}.map-stop strong{font-size:17px}.map-stop small{font-size:10px}}
@media(max-width:680px){:root{--type-body:15px;--type-lead:15px;--type-display:34px}.hero h1{font-size:40px;line-height:1.2}.hero-content>p{font-size:15px;line-height:1.7;max-width:355px}.hero-content{padding-top:410px}.faction{font-size:8px;letter-spacing:.08em;margin-top:18px}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:23px}.hero-actions .button{font-size:13px;padding-inline:18px}.hero-actions .text-link{font-size:12px}.forest-portals{gap:10px;bottom:142px;padding-inline:18px}.forest-portal>span:not(.portal-ring){font-size:11px;letter-spacing:-.01em}.forest-portal small{font-size:9px;max-width:72px;line-height:1.5}.moon-control small{font-size:8px}.hero-bottom #motion-toggle{font-size:10px}.raven-whisper-label{font-size:11px}.roots-intro>p,.hall-copy>p{font-size:15px}.principles h3{font-size:22px}.principles p{font-size:14px}.adventure-guide h3{font-size:28px}.adventure-guide #adventure-content>p:not(.activity-meta){font-size:15px}.activity-tabs span{font-size:12px}.guide-list summary h3{font-size:20px}.guide-category{font-size:10px}.guide-body{font-size:15px;line-height:1.85}.planner{padding:28px 23px}.planner h3{font-size:26px}.planner>p{font-size:13px}.checklist label{font-size:14px}.dialog-content h2{font-size:31px}.dialog-intro{font-size:14px}input:not([type=checkbox],[type=radio]),select,textarea{font-size:16px}.trail-top h2{font-size:26px}.trail-top p{font-size:12px}.trail-footer{font-size:11px}.map-stop strong{font-size:16px}.map-stop small{font-size:10px;max-width:126px}.trail-map{height:445px}.trail-toggle{font-size:11px}.wonder-message p{font-size:12px}.wonder-message strong{font-size:18px}.recruit-intro h2{font-size:34px}.recruit-intro>div>p:not(.eyebrow){font-size:15px}.recruit-bottom h3{font-size:24px}.recruit-bottom p{font-size:14px}.recruit-toolbar>p,.recruit-legend{font-size:11px}.class-heading p{font-size:11px}.class-card li button{font-size:14px}.class-source{font-size:11px}}
@media(max-width:370px){.hero{height:1090px}.hero h1{font-size:35px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:12px}.hero-content>p{font-size:14px}.forest-portal>span:not(.portal-ring){font-size:10px}.forest-portal small{font-size:8px}.faction{font-size:7px}.site-header .brand>span{font-size:19px}.brand{gap:8px}}

/* A pre-raid chronicle, never a fabricated progress meter. */
.raid-section{background:radial-gradient(ellipse at 50% 50%,#2c21353b,transparent 70%)}.raid-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.raid-season{display:flex;gap:20px;align-items:center;max-width:440px;padding-bottom:8px}.season-orbit{width:54px;height:54px;display:grid;place-items:center;color:#c2a0e6;border:1px solid #866d9d75;border-radius:50%;font-size:25px;box-shadow:0 0 35px #b48cc41a;flex:none}.raid-season strong{font:20px/1.5 var(--serif);color:#c4b3df}.raid-season p{font-size:13px;margin-top:6px}.raid-season small{display:block;font-size:11px;color:#afa0c2;margin-top:7px}.raid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.raid-card{padding:40px 28px 25px;min-height:310px;position:relative;overflow:hidden;border:1px solid #a58fb838;border-radius:4px 44px 4px 44px;background:radial-gradient(ellipse at 100% 0,#58683b25,transparent 70%),linear-gradient(130deg,#1b2230,#101522);isolation:isolate}.raid-card:before{content:"";position:absolute;width:170px;height:170px;right:-60px;top:-35px;border:1px solid #977ebf22;rotate:45deg;box-shadow:0 0 0 15px #977ebf07,0 0 0 36px #977ebf05;z-index:-1}.raid-hyjal{background:radial-gradient(ellipse at 100% 0,#3c7e7529,transparent 70%),linear-gradient(130deg,#1b2230,#101522)}.raid-onyxia{background:radial-gradient(ellipse at 100% 0,#a95a5425,transparent 70%),linear-gradient(130deg,#1b2230,#101522)}.raid-number{font:italic 95px/1 var(--serif);position:absolute;right:19px;top:18px;color:#bda3d616;pointer-events:none}.raid-card .eyebrow{font-size:9px;max-width:180px;margin-bottom:22px}.raid-card h3{font:500 27px/1.35 RootCinzel,var(--serif);color:#c7b7e0}.raid-meta{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:11px;color:#bdb1c8;margin-top:16px}.raid-state{display:flex;justify-content:space-between;margin-top:33px;border-top:1px solid #ac94bf36;padding-top:16px;font-size:12px;color:#ceb2e7}.raid-empty{font-size:11px;margin-top:9px;color:#b5a6c2}.raid-footnote{display:flex;justify-content:space-between;gap:40px;margin-top:23px}.raid-footnote p,.raid-footnote a{font-size:12px;color:#b6a7c4}.raid-footnote a{color:#ab94d1;white-space:nowrap}.trail-footer .trail-extra{display:inline-block;margin:9px 16px 0 0}
@media(max-width:1000px){.raid-heading{align-items:start;flex-direction:column;gap:28px}.raid-grid{gap:16px}.raid-card{padding:30px 20px 23px}.raid-card h3{font-size:23px}.raid-footnote{flex-direction:column;gap:15px}}
@media(max-width:680px){.raid-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.raid-card{padding:30px 25px;min-height:0}.raid-card h3{font-size:27px}.raid-card .eyebrow{font-size:10px;margin-bottom:18px}.raid-meta{font-size:12px}.raid-state{margin-top:25px;font-size:13px}.raid-empty{font-size:12px}.raid-season{gap:16px}.raid-season strong{font-size:20px}.raid-season p{font-size:13px}.raid-footnote p,.raid-footnote a{font-size:12px}.trail-footer .trail-extra{font-size:11px}}

/* Sound is a choice, never an arrival surprise. */
.forest-settings{display:flex;align-items:center;gap:22px}.forest-settings button{font-size:11px;color:#dacde4;letter-spacing:.025em;min-height:42px}.forest-settings button>span{margin-left:10px;color:#b19cd4;font-size:14px}.sound-dock{position:fixed;bottom:22px;left:24px;z-index:21;width:310px;max-width:calc(100vw - 32px);border:1px solid #9e87b780;background:linear-gradient(130deg,#251a32f5,#12242af5);padding:18px 20px 13px;border-radius:25px 4px 25px 4px;backdrop-filter:blur(15px);box-shadow:0 12px 50px #05071080}.sound-dock>div{display:flex;align-items:center;gap:13px}.sound-dock strong{font:17px/1.5 var(--serif);color:#bca9da}.sound-dock p{font-size:10px;line-height:1.6;color:#b9a8c9;margin-top:3px}.sound-dock .icon-button{width:24px;height:24px;margin-left:auto;align-self:start}.sound-dock .icon-button svg{width:15px;height:15px}.sound-dock label{font-size:11px!important;display:flex!important;justify-content:space-between;margin:13px 0 3px!important}.sound-dock input[type=range]{accent-color:#c5a5e3;width:100%;cursor:pointer;min-height:30px;padding:0;background:transparent;border:none}.sound-dock #sound-status{font-size:10px;min-height:16px}.sound-wave{height:25px;display:flex;align-items:center;gap:3px}.sound-wave i{display:block;width:2px;height:8px;background:#c5a5e3;animation:sound-breathe 2.4s ease-in-out infinite alternate}.sound-wave i:nth-child(2){height:20px;animation-delay:-.8s}.sound-wave i:nth-child(3){height:14px;animation-delay:-1.5s}.sound-wave i:nth-child(4){height:7px;animation-delay:-2s}@keyframes sound-breathe{to{scale:1 .5;opacity:.5}}body[data-sound=on] .wonder-message{bottom:215px}
@media(max-width:850px){.forest-settings{gap:12px;flex-direction:column;align-items:end}.forest-settings button{min-height:28px;font-size:10px}.forest-invitation{max-width:160px;text-align:center}}
@media(max-width:680px){.sound-dock{left:16px;bottom:74px;width:300px}.forest-settings{gap:2px}.forest-settings button{font-size:10px}.forest-settings button>span{margin-left:6px}.hero-bottom{align-items:end}.hero-bottom #motion-toggle{font-size:9px}.forest-settings #sound-toggle{font-size:10px}.sound-dock p{font-size:11px}body[data-sound=on] .wonder-message{bottom:275px}}
body[data-motion=still] .sound-wave i{animation:none}@media(prefers-reduced-motion:reduce){.sound-wave i{animation:none}}

/* Carved chapter edges and a gently unreal depth beyond the hero. */
.roots{position:relative;isolation:isolate}.roots:before{content:"";position:absolute;left:-40px;top:25px;width:420px;height:420px;background:url('assets/celtic-knot.svg') center/contain no-repeat;opacity:.035;rotate:-20deg;z-index:-1;pointer-events:none}.roots-intro .eyebrow{margin-bottom:22px}.roots-intro .section-mark{margin-bottom:22px}.roots-intro>p:not(.eyebrow):first-of-type:first-letter{float:left;font:54px/.95 var(--serif);padding:6px 9px 0 0;color:#9e82ca}.principles{position:relative;padding:26px 0 26px 34px;border-left:1px solid #a28bab35}.principles:before,.principles:after{content:"✦";position:absolute;left:-8px;color:#9c80c8;background:#0d111b;font-size:15px;line-height:1}.principles:before{top:-3px}.principles:after{bottom:-3px}.principles article{position:relative}.principles .line-icon{width:47px;height:47px;border:1px solid #7658a745;border-radius:33% 67% 63% 37%;background:radial-gradient(#9a6bb719,transparent);rotate:-7deg}.principles .line-icon svg{rotate:7deg;width:23px;height:23px}.adventures{position:relative;border-top:1px solid #8f78952c}.adventures:before,.recruitment:before{content:"";position:absolute;top:-24px;left:50%;width:48px;height:48px;transform:translateX(-50%) rotate(45deg);background:#131522;border:1px solid #8667b74f;box-shadow:inset 0 0 0 7px #131522,inset 0 0 0 8px #8d75932c}.adventures .section-heading{position:relative}.adventure-art{box-shadow:0 25px 80px #03061080,0 0 60px #64527815}.adventure-guide{position:relative}.adventure-guide:after{content:"";position:absolute;right:0;bottom:-30px;width:130px;height:130px;background:url('assets/celtic-knot.svg') center/contain no-repeat;opacity:.05;rotate:20deg;pointer-events:none}.ready-section{position:relative;background:radial-gradient(ellipse at 5% 30%,#254a5330,transparent 60%),linear-gradient(110deg,#131b27,#191625);border-color:#ac8dba32}.ready-section:before{content:"";position:absolute;top:-17px;left:15%;width:32px;height:32px;border:1px solid #8b6cbd7a;rotate:45deg;background:#161a27}.planner{border:1px solid #a994ba40;box-shadow:0 22px 55px #05081155,inset 0 0 45px #613f7710;position:relative}.planner:before{content:"✦";position:absolute;right:26px;top:20px;color:#ab8ac65c;font-size:27px}.hall{position:relative}.hall-copy .eyebrow{font-size:10px;margin-bottom:22px}.join-banner{position:relative;overflow:hidden;isolation:isolate}.join-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(#0c111be6,#0c111bbd,#0c111bf3),url('assets/ravenroot-duskwood.webp') 50% 65%/cover;z-index:-1;filter:hue-rotate(-12deg)}.join-banner:after{content:"";position:absolute;left:50%;top:50%;width:470px;height:470px;border:1px solid #967ac21f;border-radius:50%;translate:-50% -50%;box-shadow:0 0 0 23px #9d82c905,0 0 0 70px #9d82c904,0 0 0 110px #9d82c902;pointer-events:none;z-index:-1}.join-ornament{filter:drop-shadow(0 0 12px #c58cf166)}
@media(max-width:850px){.principles{padding-left:24px}.adventure-guide:after{right:0}}
@media(max-width:680px){.roots:before{left:0;top:100px;width:260px;height:260px}.principles{padding-left:19px;margin-top:28px}.principles .line-icon{width:38px;height:38px}.principles .line-icon svg{width:20px;height:20px}.join-banner:after{width:300px;height:300px}.ready-section:before{left:46%}.hall-copy .eyebrow{font-size:10px}.adventures:before,.recruitment:before{width:36px;height:36px;top:-18px}}

/* The archive opens into another impossible room in the same woodland. */
.guide-vista{position:relative;height:540px;margin-bottom:48px;border-radius:90px 4px 65px 4px;overflow:hidden;border:1px solid #b99bca42;box-shadow:0 25px 65px #05071377;isolation:isolate}.guide-vista>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.guide-vista:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10102280,transparent 75%),linear-gradient(0deg,#121322a8,transparent 40%);z-index:-1}.guide-vista:hover>img{transform:scale(1.025)}.guide-vista-copy{position:absolute;left:50px;top:50%;translate:0 -50%;max-width:410px}.guide-vista-copy h2{font-size:43px;line-height:1.3}.guide-vista-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:320px;margin-top:24px;color:#d7d0e1}.guide-vista-copy .text-link{color:#af99d3;margin-top:22px;font-size:13px}.guide-vista-copy .eyebrow{font-size:10px;color:#d4b7e7}.archive-caption{position:absolute;right:29px;bottom:25px;font:italic 13px var(--serif);color:#d4c7df;text-shadow:0 2px 8px #090919}.forest-settings{gap:18px}.forest-settings #video-toggle{color:#c4a8e1}
@media(min-width:1200px){.hero-bottom{gap:25px}.forest-invitation{max-width:210px}.forest-settings{flex-direction:column;gap:0;align-items:end}.forest-settings button{min-height:27px}}
@media(max-width:1100px){.forest-settings{flex-direction:column;gap:0;align-items:end}.forest-settings button{min-height:28px}.guide-vista-copy{left:30px;max-width:340px}.guide-vista-copy h2{font-size:36px}.guide-vista>img{object-position:58% center}}
@media(max-width:680px){.guide-vista{height:680px;margin-inline:-4px;margin-bottom:33px;border-radius:55px 4px 40px 4px}.guide-vista>img{height:440px;object-position:90% center;object-fit:cover}.guide-vista:before{background:linear-gradient(0deg,#111423 0%,#111423 31%,#111423d4 43%,transparent 65%)}.guide-vista-copy{top:auto;bottom:37px;left:24px;right:22px;translate:0 0;max-width:none}.guide-vista-copy h2{font-size:32px}.guide-vista-copy .eyebrow{font-size:9px;margin-bottom:16px}.guide-vista-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:none;margin-top:19px}.guide-vista-copy .text-link{margin-top:20px;font-size:12px}.archive-caption{top:23px;left:23px;right:auto;bottom:auto;max-width:180px;font-size:12px;line-height:1.6}.forest-settings{gap:0}.forest-settings button{min-height:26px;font-size:9px}.hero-bottom{bottom:22px}.moon-control{margin-bottom:15px}}
body[data-motion=still] .guide-vista>img{transition:none;transform:none}@media(prefers-reduced-motion:reduce){.guide-vista>img{transition:none;transform:none}}

/* Progressive CSS depth: optional in supporting browsers, content never hidden. */
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){body:not([data-motion=still]) .guide-vista>img{animation:archive-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}body:not([data-motion=still]) .raid-card:before{animation:seal-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}@keyframes archive-depth{from{transform:scale(1.06) translateY(-12px)}to{transform:scale(1.06) translateY(12px)}}@keyframes seal-depth{from{rotate:30deg}to{rotate:80deg}}
.raid-card{transition:border-color .4s,box-shadow .4s,translate .4s}.raid-card:hover{border-color:#b49ac578;box-shadow:0 18px 55px #02050c80,0 0 35px #ab83ca12;translate:0 -5px}.raid-card:hover .raid-number{color:#bda3d62c}.raid-number{transition:color .5s}.guide-list summary{transition:padding-inline .3s,background .3s}.guide-list summary:hover{padding-left:12px;background:linear-gradient(90deg,#84629e12,transparent)}.class-sigil{transition:rotate .5s,border-radius .5s,box-shadow .5s}.class-card:hover .class-sigil{rotate:6deg;border-radius:60% 40% 50% 50%;box-shadow:0 0 25px #ab83ca16}.class-card:hover .class-sigil svg{rotate:-6deg;transition:rotate .5s}
body[data-visibility=hidden] *,body[data-visibility=hidden] *:before,body[data-visibility=hidden] *:after{animation-play-state:paused!important}body[data-motion=still] .raid-card,body[data-motion=still] .guide-list summary,body[data-motion=still] .class-sigil,body[data-motion=still] .class-sigil svg{transition:none;translate:none}body[data-motion=still] .class-sigil{rotate:-9deg}body[data-motion=still] .class-sigil svg{rotate:9deg}
@media(prefers-reduced-motion:reduce){.raid-card,.guide-list summary,.class-sigil,.class-sigil svg{transition:none;translate:none}.class-sigil{rotate:-9deg}.class-sigil svg{rotate:9deg}}

/* The crest is the user's approved November 5 original, not a new substitute. */
.site-header .brand>img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 12px #9c64ce33)}.site-header .brand{gap:14px}.roots-crest{width:108px;height:108px;object-fit:contain;margin:0 0 25px -8px;filter:drop-shadow(0 5px 22px #8157a644)}footer .brand>img{width:56px;height:56px;object-fit:contain}.roots:before{background-image:url('assets/ravenroot-crest.webp');opacity:.045;left:-90px;top:45px;width:480px;height:480px;rotate:-12deg}
@media(max-width:680px){.site-header .brand>img{width:48px;height:48px}.site-header .brand{gap:10px}.site-header .brand>span{font-size:19px;letter-spacing:.09em}.site-header .brand small{font-size:6.5px}.roots-crest{width:92px;height:92px;margin-bottom:22px}.roots:before{width:280px;height:280px;left:0;top:100px}footer .brand>img{width:50px;height:50px}}
@media(max-width:370px){.site-header .brand>img{width:43px;height:43px}.site-header .brand>span{font-size:17px;letter-spacing:.08em}.site-header .brand{gap:8px}}
.raid-card progress{display:block;width:100%;height:6px;margin-top:18px;accent-color:#c4a1df;border:0;border-radius:9px;overflow:hidden}.raid-card progress::-webkit-progress-bar{background:#4f3d5e66}.raid-card progress::-webkit-progress-value{background:linear-gradient(90deg,#797cb6,#d4a5d8)}
.sound-dock strong{font-size:15px;line-height:1.45}.sound-dock{width:340px}.sound-credit{display:inline-block;font-size:10px;color:#ad96d2;margin-top:7px}.sound-dock audio{display:none}
.sound-dock .sound-choices{display:flex;gap:7px;margin-top:15px}.sound-choices button{font-size:11px;padding:8px 11px;border:1px solid #b395c656;border-radius:4px;min-height:38px;color:#d5c6e1}.sound-choices button[aria-pressed=true]{border-color:#a890cf;background:#a890cf19;color:#c5b4df}.sound-choices #pause-sound{margin-left:auto}.sound-choices button:disabled{cursor:default;opacity:.45}.sound-dock #sound-status{min-height:32px}

/* The dream has another layer: slow spectral apertures and faint future echoes. */
.dream-rift,.future-echo{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.dream-rift{mix-blend-mode:screen;opacity:.65}.dream-rift i{position:absolute;left:46%;top:16%;width:38%;height:75%;border:1px solid #b796d03a;border-radius:49% 51% 47% 53%;rotate:20deg;box-shadow:inset 0 0 40px #9543d213,0 0 35px #7b41b917;filter:blur(1px);animation:dream-aperture 24s ease-in-out infinite alternate}.dream-rift i:nth-child(2){left:56%;top:26%;width:23%;height:50%;rotate:-25deg;border-color:#67dbd32b;animation-duration:31s;animation-delay:-13s;box-shadow:0 0 50px #6f4de91b}.dream-rift i:nth-child(3){left:40%;top:31%;width:47%;height:28%;rotate:-17deg;border-color:#d67cca20;animation-duration:37s;animation-delay:-8s;filter:blur(3px)}@keyframes dream-aperture{from{transform:perspective(700px) rotateY(-20deg) translateY(-6px);opacity:.25;border-radius:48% 52% 44% 56%}to{transform:perspective(700px) rotateY(30deg) translateY(18px);opacity:1;border-radius:52% 48% 57% 43%}}
.future-echo i{position:absolute;left:60%;top:40%;width:13%;height:1px;background:linear-gradient(90deg,transparent,#8ed8da88,transparent);box-shadow:0 3px 0 #c48bdd26;opacity:0;animation:future-signal 19s ease-in-out infinite}.future-echo i:nth-child(2){left:77%;top:58%;width:9%;animation-delay:-7s;animation-duration:23s}.future-echo i:nth-child(3){left:55%;top:67%;width:5%;animation-delay:-11s;animation-duration:27s}@keyframes future-signal{0%,45%,55%,100%{opacity:0;translate:0 0}49%,51%{opacity:.4;translate:14px -2px}}
body[data-moon=veilwalk]{--wood-hue:10deg;--wood-accent:#d3a0df;--wood-glow:#69d6d2}body[data-moon=veilwalk] .hero-art{filter:hue-rotate(var(--wood-hue)) saturate(1.2) contrast(1.08)}body[data-moon=veilwalk] .hero-shade{background:linear-gradient(90deg,#0a0818e6,#100a2170 45%,#17091712),linear-gradient(0deg,#0b1019,transparent 47%)}body[data-moon=veilwalk] .dream-rift{opacity:1}body[data-moon=veilwalk] .forest-depth i{background:radial-gradient(ellipse,#7a25614d,transparent 65%)}
.site-header nav>a[aria-current=location]{color:#bdabdb}.site-header nav>a[aria-current=location]:after{transform:translateX(-50%) rotate(45deg) scale(1)}.forest-portal[aria-current=location] .portal-ring{border-color:#c1afdd}.map-stop[aria-current=location] strong:after{content:" · here";font:10px var(--sans);color:#b2d9cf;display:block;margin-top:4px}
@media(max-width:680px){.dream-rift{height:590px;opacity:.4}.dream-rift i{left:20%;width:65%;top:15%;height:65%}.dream-rift i:nth-child(2){left:35%;width:40%;height:45%}.future-echo{height:500px}.future-echo i{left:45%;width:25%}}
body[data-motion=still] .dream-rift i,body[data-motion=still] .future-echo i{animation:none}body[data-motion=still] .dream-rift{opacity:.2}body[data-motion=still] .future-echo{display:none}@media(prefers-reduced-motion:reduce){.dream-rift i,.future-echo i{animation:none}.dream-rift{opacity:.2}.future-echo{display:none}}

/* Weathered fantasy print, with a low electronic pulse rather than a neon dashboard. */
.forest-depth:after{content:"";position:absolute;inset:0;background:url('assets/grain.svg');opacity:.025;mix-blend-mode:screen;pointer-events:none}.enchanted-button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#b9f2e2,#e09ae7,transparent);opacity:0;transition:opacity .2s}.enchanted-button:hover:after{opacity:1}.class-card,.raid-card,.planner{background-blend-mode:normal;isolation:isolate}.guide-category{border-left:2px solid #aa87bf44;padding-left:11px}.guide-list details[open] .guide-category{border-left-color:#d497cb}.section h2 em{text-shadow:1px 1px 0 #2d163d}.guild-philosophy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:64px;padding:47px 0 0;border-top:1px solid #9572aa38;position:relative}.guild-philosophy:before{content:"";position:absolute;left:0;top:-1px;width:120px;height:1px;background:linear-gradient(90deg,#a187cb,#b983b5,transparent)}.guild-philosophy .eyebrow{font-size:10px;max-width:360px}.guild-philosophy h3{font-size:35px;line-height:1.3;letter-spacing:-.025em}.guild-philosophy h3 em{font-style:normal;color:#d2afd9}.guild-philosophy p{font-size:15px;line-height:1.9}.guild-philosophy p+p{margin-top:18px}.guild-philosophy .guild-lineage{font-size:12px;color:#b8a0c9;border-left:1px solid #9272a267;padding-left:17px;margin-top:23px}
@media(max-width:850px){.guild-philosophy{gap:40px}.guild-philosophy h3{font-size:30px}}
@media(max-width:680px){.guild-philosophy{grid-template-columns:1fr;gap:24px;margin-top:38px;padding-top:35px}.guild-philosophy h3{font-size:31px}.guild-philosophy p{font-size:15px}.guild-philosophy .eyebrow{font-size:9px}.guild-philosophy .guild-lineage{font-size:12px}.forest-depth:after{opacity:.02}}

/* Scale is felt through foreground shadow and depth, not more interface. */
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;box-shadow:inset 0 0 100px #0306135c,inset 0 40px 65px #08081833;border-radius:0 0 2% 2%}.hero-content,.forest-portals,.hero-bottom,.raven-whisper,.raven-bubble{z-index:3}.hero-content{isolation:isolate}.hero h1{filter:none;text-shadow:0 5px 30px #05071199}
@media(max-width:680px){.hero:after{box-shadow:inset 0 0 60px #05081438}}

/* Twelve seconds into a larger world, then a quiet, exact-frame landing. */
.arrival-settle{opacity:0;pointer-events:none;z-index:-3;transition:opacity .45s ease,filter 1.8s ease}.arrival-settle.is-visible{opacity:1}.hero-content{transform-origin:0 0;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.hero-shade{transition:background 1.5s}.guide-crest{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;opacity:0;scale:.8;transition:opacity 1.1s,scale 1.1s;filter:drop-shadow(0 0 9px #9b6dd877)}body[data-raven-away] .guide-crest{opacity:1;scale:1}body[data-raven-away] .raven-ring{background:#181026d9;box-shadow:0 0 25px #76519b50}body[data-arrival=settled] .hero-shade{background:linear-gradient(90deg,#080c19d0 0%,#0c102174 36%,#080e1c08 72%),linear-gradient(0deg,#0b1019 0%,#0b1019b3 12%,transparent 48%)}
@media(min-width:851px){body[data-arrival=playing] .hero-content,body[data-arrival=settled] .hero-content{transform:translateY(calc(var(--arrival-progress,0)*-65px))}body[data-arrival=settled] .raven-whisper{top:24%}}
@media(max-width:680px){.arrival-settle{object-position:95% top}body[data-arrival=settled] .hero-shade{background:linear-gradient(0deg,#0b1019 28%,#0b1019fc 42%,#0b1019b3 54%,#0b101900 77%),linear-gradient(90deg,#070d1c25,transparent)}.guide-crest{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px)}}
body[data-motion=still] .arrival-settle{opacity:0!important}body[data-motion=still] .hero-content{transform:none;transition:none}body[data-motion=still] .guide-crest{transition:none}@media(prefers-reduced-motion:reduce){.arrival-settle{display:none!important}.hero-content{transform:none!important;transition:none!important}.guide-crest{transition:none}}
body[data-raven-away] .raven-ring{animation:none;opacity:1}
/* Current preview: crest-matched talismans, moonlit controls, raven flight and landing. */
:root{--gold:#bdade4;--ink:#eeeaf7;--cyan:#9ed7dc}.talisman-icon{width:28px;height:28px;object-fit:contain;flex:none;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 6px #0005)}.button .talisman-icon{width:30px;height:30px}.text-link .talisman-icon{width:27px;height:27px}.icon-button .talisman-icon{width:28px;height:28px}.portal-ring>.talisman-icon{width:46px;height:46px;filter:drop-shadow(0 0 9px #be86e640)}.class-sigil>.talisman-icon{width:45px;height:45px}.principle-icon .talisman-icon{width:40px;height:40px}.trail-toggle>.talisman-icon{width:29px;height:29px}.wonder-message>.talisman-icon{width:38px;height:38px}.hero .enchanted-button,.button:not(.secondary){background:linear-gradient(130deg,#c5b9e7,#a6c8d5);border-color:#d8ccf0;color:#182130;box-shadow:0 6px 27px #8b78ca1f}.hero .enchanted-button:hover,.button:not(.secondary):hover{background:linear-gradient(130deg,#ded1f4,#bbe0e4);color:#111b29}.hero h1 em{color:#d2b9ed}.hero-content>p{color:#e1dae9}.ambient-video{z-index:-3}.ambient-video.is-playing{opacity:1}body[data-motion=still] .ambient-video{opacity:0!important}.hero-video,.arrival-settle{object-position:center}.hero[data-cinematic] .hero-art{filter:none}body[data-arrival=settled] .raven-whisper{left:auto;right:7%;top:24%}body[data-arrival=settled] .hero-shade{background:linear-gradient(90deg,#080c19cf 0%,#0c10216e 32%,#080e1c00 67%),linear-gradient(0deg,#0b1019 0%,#0b101994 10%,transparent 36%)}
@media(max-width:680px){.portal-ring>.talisman-icon{width:39px;height:39px}.class-sigil>.talisman-icon{width:40px;height:40px}.button .talisman-icon{width:27px;height:27px}.hero-video,.arrival-settle{object-position:53% top}body[data-arrival=settled] .hero-shade{background:linear-gradient(0deg,#0b1019 25%,#0b1019fa 40%,#0b101999 53%,#0b101900 75%)}body[data-arrival=settled] .raven-whisper{right:7%;left:auto;top:20%}}
@media(prefers-reduced-motion:reduce){.ambient-video{display:none!important}}
.hero-video{transition:opacity .18s linear,filter 1.8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.arrival-settle{transition:opacity .18s linear,filter 1.8s ease}
.adventure-layout>*{min-width:0}.adventure-guide>.text-link{max-width:100%}.wonder-relic .talisman-icon{width:27px;height:27px}.art-relic .talisman-icon{width:22px;height:22px}
@media(max-width:850px){.adventure-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.adventure-guide:after{right:14px}}