@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ivory:#f4ebd4;--gold:#d7b473;--muted:#a4b3ac;--line:#dbcba632;--bg:#101d21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ivory);background:var(--bg);font:14px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f9e0a7;outline-offset:6px}.landing{overflow-x:hidden}.scene-scroll{height:128svh}.scene{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#8fabb1}.plane{transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform}.sky,.sun,.clouds,.mountains,.valley-mist,.foreground{position:absolute;inset:-45px;pointer-events:none}.sky{z-index:0}.sky-art{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 27%,#f8e8b0 0%,#d1cbc0 18%,transparent 44%),linear-gradient(#3b6c8c,#91aab5 55%,#e2d3ac);animation:sky-light 16s ease-in-out infinite alternate}.sun{z-index:1}.sun-art{position:absolute;top:16%;left:14%;width:130px;height:130px;background:radial-gradient(circle,#fff9d8 0%,#fff3b8 14%,#ffdf9555 35%,transparent 70%);border-radius:50%;box-shadow:0 0 110px 75px #f7d89922;animation:sun-breathe 9s ease-in-out infinite alternate}.clouds{z-index:2;inset:-70px -110px 0}.cloud-art{position:absolute;inset:0;background:url('assets/clouds-v2.png') center top/cover no-repeat;opacity:.82;animation:cloud-drift 52s ease-in-out infinite alternate}.mountains{z-index:3;inset:-45px -60px -75px}.mountain-art{position:absolute;inset:0;background:url('assets/mountains-v2.png') center 61%/cover no-repeat;animation:mountain-breathe 23s ease-in-out infinite alternate}.valley-mist{z-index:4;top:42%;bottom:-70px;opacity:.5;overflow:hidden}.mist-art{position:absolute;inset:0 -20%;background:radial-gradient(ellipse at 30% 55%,#e9edd66b,transparent 37%),radial-gradient(ellipse at 70% 65%,#9caeaa77,transparent 44%);filter:blur(18px);animation:mist-drift 17s ease-in-out infinite alternate}.entry-actions{position:absolute;z-index:25;top:28px;left:0;right:0;display:flex;justify-content:center;gap:14px}.entry-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:10px 22px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#f8f0dc;background:#142c37b8;border:1px solid #e3d6ac9c;box-shadow:0 3px 15px #081c2a38;backdrop-filter:blur(12px);transition:background .2s,translate .2s}.entry-button:hover{background:#23475ae6;translate:0 -3px}.discord-button{background:#d8c08ee8;color:#162b34;border-color:#f7e0ac}.discord-button:hover{background:#f3d8a3}.entry-button span{font-size:16px}.entry-button svg{height:19px;width:19px;fill:currentColor}.guild-title{position:absolute;top:16%;left:5%;right:5%;z-index:8;text-align:center;pointer-events:none;filter:drop-shadow(0 4px 10px #182e39b3)}.title-ornament{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:9px}.title-ornament img{height:53px;width:53px;object-fit:contain;filter:drop-shadow(0 0 12px #fff3c577)}.title-ornament i{height:1px;width:105px;background:linear-gradient(90deg,transparent,#f1ddb4)}.title-ornament i:last-child{rotate:180deg}.guild-title h1{margin:0;font-family:'Cinzel',Georgia,serif;font-weight:500;text-transform:uppercase;line-height:.95;letter-spacing:9px}.guild-title h1 span{font-size:clamp(38px,5.7vw,88px);display:block}.guild-title h1 strong{font-size:clamp(66px,9vw,140px);font-weight:500;display:block;letter-spacing:17px;margin-top:8px;background:linear-gradient(100deg,#bc9251 10%,#ffeab1 30%,#e3c285 46%,#fff6d1 55%,#bf9652 73%,#ffe8a8 90%);background-size:230% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:gold-shimmer 8s ease-in-out infinite alternate}.company{position:absolute;bottom:2%;left:50%;width:min(114%,1800px);height:58%;translate:-50% 0;z-index:10;pointer-events:none}.character{position:absolute;bottom:0;width:21%;height:100%;filter:drop-shadow(0 9px 9px #091e2477)}.sprite{position:absolute;inset:0;background-repeat:no-repeat;animation:hero-sway 6s ease-in-out infinite alternate;transform-origin:bottom center}.casters{background-image:url('assets/casters-v2.png');background-size:300% 100%}.fighters{background-image:url('assets/fighters-v2.png');background-size:300% 100%}.first{background-position:left bottom}.second{background-position:center bottom}.third{background-position:right bottom}.mage{left:0;width:19%;height:95%;bottom:2%;z-index:1}.warlock{left:13%;width:18%;height:86%;bottom:-1%;z-index:5}.druid{left:24%;width:19%;height:99%;bottom:0;z-index:4}.paladin{left:36%;width:28%;height:113%;bottom:-1%;z-index:8}.paladin-art{background-image:url('assets/paladin-v2.png');background-position:center bottom;background-size:contain}.shaman{left:52%;width:20%;height:92%;bottom:-2%;z-index:7}.warrior{left:66%;width:20%;height:106%;bottom:1%;z-index:3}.hunter{left:80%;width:20%;height:100%;bottom:0;z-index:2}.mage .sprite{animation-delay:-1s}.warlock .sprite{animation-delay:-3s;animation-duration:5s}.druid .sprite{animation-delay:-2s;animation-duration:8s}.shaman .sprite{animation-delay:-4s;animation-duration:7s}.warrior .sprite{animation-delay:-1s;animation-duration:9s}.hunter .sprite{animation-delay:-5s;animation-duration:7s}.spell{position:absolute;border-radius:50%;mix-blend-mode:screen;pointer-events:none;animation:magic 3s ease-in-out infinite alternate;filter:blur(6px)}.holy{left:12%;top:6%;width:25%;height:25%;background:radial-gradient(#ffe6a77a,transparent 68%)}.arcane{left:5%;top:26%;width:35%;height:23%;background:radial-gradient(#d0a0f677,transparent 66%)}.fel{left:15%;top:57%;width:65%;height:20%;background:radial-gradient(#9bd44b66,transparent 66%);animation-delay:-1s}.leaves{left:58%;top:30%;width:30%;height:20%;background:radial-gradient(#b9db7d66,transparent 66%);animation-delay:-2s}.earth{left:12%;top:65%;width:75%;height:30%;background:radial-gradient(#d8c77866,#8fb35033 35%,transparent 70%);animation-duration:4s}.foreground{z-index:15;inset:-15px -60px -65px}.foreground-art{position:absolute;inset:0;background:url('assets/foreground-v2.png') center bottom/100% 100% no-repeat;animation:forest-sway 10s ease-in-out infinite alternate;transform-origin:bottom center}.scene-vignette{position:absolute;inset:0;z-index:17;pointer-events:none;box-shadow:inset 0 0 100px #071d2844;background:linear-gradient(0deg,#081c27d9,transparent 12%,transparent 90%,#172e3b44)}#motes{position:absolute;inset:0;z-index:18;pointer-events:none}.mote{position:absolute;width:3px;height:3px;background:#fce1a3;border-radius:50%;box-shadow:0 0 7px #fff2ba;opacity:0;animation:firefly 10s linear infinite}.mote.leaf{width:6px;height:3px;background:#b4bc6e;box-shadow:none;rotate:25deg}.motion-paused *,.motion-paused *:before{animation-play-state:paused!important}.motion-paused .plane{transform:none!important}#motion-toggle{position:absolute;z-index:30;bottom:16px;right:20px;width:30px;height:30px;padding:0;border:1px solid #e4dfc644;color:#f5ead0;background:#162c3580;font-size:13px;backdrop-filter:blur(6px)}dialog{color:var(--ivory);background:#132932;border:1px solid #d9c08a;padding:40px;text-align:center;width:calc(100% - 40px);max-width:400px}dialog::backdrop{background:#071923bd;backdrop-filter:blur(8px)}dialog h2{font:26px 'Cinzel',Georgia,serif}dialog p{color:var(--muted);font-size:13px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px}.form-crest{width:54px;height:54px;object-fit:contain}.form-page{max-width:680px;padding:60px 28px 80px;margin:auto}.form-page>a{display:block;text-align:center}.form-page h1{text-align:center;font:32px 'Cinzel',Georgia,serif;margin:20px 0 10px}.form-intro{text-align:center;color:var(--muted);font-size:12px;margin-bottom:32px}.application-page{background:radial-gradient(ellipse at 50% 0,#2e4955,#101d21 65%);min-height:100vh}.back-link{position:absolute;top:22px;left:28px;font-size:12px;color:#d8c08a}form{border:1px solid var(--line);padding:28px;background:#10242bcc}.form-top{display:flex;justify-content:space-between;font-size:10px;color:var(--gold);letter-spacing:2px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}label{font-size:11px;color:#d4dbd3;display:block}label small{font-size:9px;color:var(--muted);float:right}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #899e9638;background:#091c24;color:var(--ivory);border-radius:0;padding:11px 12px;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:#819598}textarea{resize:vertical;min-height:100px}.full{grid-column:1/-1}.check{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:var(--muted);margin:20px 0}.check input{width:14px;height:14px;margin:2px 0 0;accent-color:var(--gold)}.button{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border:1px solid #eed6a2;min-height:48px;font-weight:600;font-size:12px}.gold{background:linear-gradient(120deg,#eed5a0,#bfa064);color:#17201d}.submit{width:100%}#form-status{font-size:12px;color:#b8e9cc}.review{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.review summary{cursor:pointer;font-size:12px}.review summary span{font-size:8px;color:var(--muted);letter-spacing:1px;margin-left:15px}.muted{color:var(--muted);font-size:12px}.review-toolbar{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:11px}.review button{background:transparent;border:1px solid var(--line);padding:6px 12px;font-size:10px}.review-card{padding:20px 0;border-bottom:1px solid var(--line)}.review-card h3{margin:0;color:var(--gold);font:21px Georgia,serif}.review-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#acbab6;font-size:12px}
@keyframes gold-shimmer{to{background-position:100% 50%}}@keyframes hero-sway{to{transform:translateY(-9px) rotate(.65deg)}}@keyframes sun-breathe{to{opacity:.65;transform:scale(1.22)}}@keyframes cloud-drift{to{transform:translate(70px,10px) scale(1.08)}}@keyframes mountain-breathe{to{transform:scale(1.025) translateY(5px)}}@keyframes mist-drift{to{transform:translateX(80px);opacity:.45}}@keyframes forest-sway{to{transform:rotate(.45deg) scale(1.015)}}@keyframes sky-light{to{filter:saturate(1.12) brightness(1.06)}}@keyframes magic{to{opacity:.3;transform:scale(1.32)}}@keyframes firefly{20%{opacity:.8}70%{opacity:.5}to{opacity:0;transform:translate(90px,-220px) rotate(180deg)}}
@media(min-aspect-ratio:19/9){.guild-title{top:13%}.guild-title h1 span{font-size:9vh}.guild-title h1 strong{font-size:13vh}.company{height:65%;width:min(102%,1550px)}.title-ornament img{height:35px;width:35px}}
@media(max-width:700px){.scene{min-height:640px}.entry-actions{top:22px;gap:9px}.entry-button{font-size:10px;gap:10px;padding:10px 14px}.entry-button svg{width:17px}.guild-title{top:22%;left:3%;right:3%}.guild-title h1{letter-spacing:3px}.guild-title h1 span{font-size:10vw}.guild-title h1 strong{font-size:17vw;letter-spacing:7px}.title-ornament img{width:45px;height:45px}.title-ornament i{width:65px}.mountain-art{background-position:65% center}.company{height:42%;width:125%;bottom:7%}.paladin{height:115%;left:36%}.foreground{inset:-5px -35px -55px}.foreground-art{background-size:auto 100%;opacity:.95}.sun-art{left:6%;top:16%;width:100px;height:100px}.clouds{inset:-40px -150px 0}.cloud-art{background-size:auto 100%}.form-page{padding:85px 20px 40px}.form-page h1{font-size:27px}form{padding:20px}.fields{gap:18px 12px}.review-toolbar{gap:10px}.review summary span{display:block;margin-left:16px}label small{float:none;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:root:not(.motion-enabled) *,:root:not(.motion-enabled) *:before{animation:none!important;transition:none!important}:root:not(.motion-enabled) .plane{transform:none!important}}
/* Preserve the painted figures' proportions across screen sizes. */
.company{width:min(98%,1700px);bottom:1%}
.casters,.fighters{background-size:300% auto}
.paladin{width:28%;left:36%}
.foreground{inset:-60px -55px -180px}
.guild-title h1{filter:drop-shadow(0 2px 1px #102b3bc9) drop-shadow(0 0 15px #17344699)}
.guild-title h1 span{color:#f4e8cb;-webkit-text-stroke:.5px #6b644d}
.guild-title h1 strong{-webkit-text-stroke:.6px #82613c}
@media(max-width:700px){.company{width:108%;height:48%;bottom:6%}.foreground{inset:-20px -35px -100px}.guild-title{top:23%}.guild-title h1 span{font-size:9.4vw}.guild-title h1 strong{font-size:17vw}}
/* Leave the crest and wordmark clear above the party. */
.guild-title{top:14%}.guild-title h1 span{font-size:clamp(38px,4.9vw,76px)}.guild-title h1 strong{font-size:clamp(66px,7.5vw,116px)}
.mage{left:3%;width:16%}.warlock{left:15%;width:17%}.druid{left:28%;width:16%}.paladin{left:39%;width:22%}.shaman{left:56%;width:17%}.warrior{left:69%;width:17%}.hunter{left:82%;width:17%}
.foreground{inset:-80px -180px -250px}
@media(max-width:700px){.guild-title{top:22%}.guild-title h1 span{font-size:9.4vw}.guild-title h1 strong{font-size:17vw}.company{width:115%;bottom:12%}.foreground{inset:-20px -90px -120px}}

/* Revision 3: all feet share the terrace plane; only upper bodies gently sway. */
.stage{position:absolute;inset:0;z-index:10;pointer-events:none;--floor-height:44vh;--feet:calc(var(--floor-height) * .35 - 25px)}
.platform{position:absolute;left:-8%;width:116%;bottom:0;height:var(--floor-height);background:url('assets/stone-terrace-v3.png') center bottom/100% 100% no-repeat;filter:drop-shadow(0 18px 20px #081c2c80)}
.stage .company{position:absolute;left:2%;right:2%;bottom:var(--feet);height:58vh;width:auto;translate:none;transform:none;z-index:2}
.stage .character{position:absolute;bottom:0;height:auto;aspect-ratio:auto;filter:none;transform:none;animation:none}
.character .figure{position:relative;transform-origin:50% 98%;animation:grounded-breathe 6s ease-in-out infinite alternate}
.character .figure>img{display:block;width:100%;height:auto;user-select:none;filter:drop-shadow(0 4px 3px #0d1e2244)}
.stage .rogue{left:-1%;width:13%;z-index:2}.stage .mage{left:9%;width:14%;z-index:3}.stage .warlock{left:20%;width:12%;z-index:8}.stage .druid{left:29%;width:16%;z-index:4}.stage .paladin{left:40%;width:18%;z-index:6}.stage .shaman{left:54%;width:15%;z-index:7}.stage .warrior{left:65%;width:15%;z-index:5}.stage .hunter{left:77%;width:17%;z-index:4}.stage .priest{left:89%;width:11%;z-index:9}
.warlock-art{width:100%;aspect-ratio:.5;background:url('assets/casters-v2.png') center bottom/300% auto no-repeat}
.contact-shadow{position:absolute;bottom:1%;left:21%;width:60%;height:8px;display:block;background:#07131ca6;border-radius:50%;filter:blur(4px);transform:scaleY(.65)}
.warlock .contact-shadow{bottom:1%}.character:nth-child(2n) .figure{animation-delay:-3s}.character:nth-child(3n) .figure{animation-duration:8s}
.fx{position:absolute;width:27%;aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;pointer-events:none;filter:none;background:radial-gradient(circle,var(--core,#fff4bd) 0%,var(--spell,#ffc34d) 9%,transparent 66%);animation:spell-glow 2.4s ease-in-out infinite alternate;box-shadow:0 0 18px color-mix(in srgb,var(--spell) 45%,transparent)}
.fx b{position:absolute;left:45%;top:45%;width:4px;height:4px;background:var(--core);border-radius:50%;box-shadow:0 0 5px var(--spell);animation:spell-spark 1.6s linear infinite}.fx b:nth-child(2){animation-delay:-.53s;left:65%}.fx b:nth-child(3){animation-delay:-1.1s;left:30%}
.fx.fire{--spell:#ff6c16;--core:#fff2ac;left:66%;top:26%;width:29%}.fx.fel{--spell:#6cf534;--core:#e7ff8b;left:52%;top:59%;width:29%}.fx.wrath{--spell:#45e944;--core:#edff95;left:65%;top:35%;width:29%}.fx.holy{--spell:#ffbd24;--core:#fff9d5;left:2%;top:8%;width:43%;animation-duration:3s;box-shadow:0 0 30px #ffbf3566,0 0 70px #ffdb5333}.fx.holy:after{content:'';position:absolute;inset:5%;border-radius:50%;border:1px solid #ffe59d80;animation:holy-ripple 3s ease-out infinite}
.fx.lightning{--spell:#64bfff;--core:#eeffff;left:59%;top:23%;width:30%;animation:lightning-flash 1.8s steps(1,end) infinite}.lightning-bolt{position:absolute;top:16%;left:59%;width:31%;height:24%;fill:none;stroke:#d7f4ff;stroke-width:2;filter:drop-shadow(0 0 5px #5cc8ff);animation:lightning-flash 1.8s steps(1,end) infinite}.fx.healing{--spell:#ffd169;--core:#fffde7;left:3%;top:26%;width:38%;animation-duration:3.4s}
.foreground{inset:-80px -220px -310px;z-index:15}.foreground-art{animation:forest-sway 10s ease-in-out infinite alternate}
.mote{display:block;width:var(--size,5px);height:var(--size,5px);background:#ffe6a0;box-shadow:0 0 3px #fff8dd,0 0 11px 2px #ffbf3999;opacity:.7;animation:embers-rise var(--duration,10s) linear var(--delay,0s) infinite}.mote.leaf{width:7px;height:3px;background:#bdc867;box-shadow:0 0 3px #6a783c66;opacity:.8}
.motion-paused .mote{opacity:.45}.motion-paused .fx{opacity:.65}
@keyframes grounded-breathe{to{transform:rotate(.28deg) scaleY(1.004)}}
@keyframes spell-glow{0%{opacity:.65;transform:scale(.92)}100%{opacity:1;transform:scale(1.1)}}
@keyframes spell-spark{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(9px,-30px) scale(.1)}}
@keyframes holy-ripple{0%{opacity:.8;transform:scale(.65)}100%{opacity:0;transform:scale(1.6)}}
@keyframes lightning-flash{0%,18%,25%,48%,55%,82%{opacity:.25}15%,22%,50%,80%,100%{opacity:1}}
@keyframes embers-rise{0%{opacity:.15;transform:translate3d(0,25px,0) scale(.6)}15%{opacity:.95}75%{opacity:.8}100%{opacity:0;transform:translate3d(var(--drift,45px),-240px,0) scale(.3)}}
@media(max-width:700px){.stage{--floor-height:35vh;--feet:calc(var(--floor-height)*.35 - 8px)}.stage .company{left:-5%;right:-5%;bottom:var(--feet);width:auto;height:48vh}.stage .priest{width:12%}.foreground{inset:-20px -120px -200px}.mote{width:calc(var(--size,4px)*.8);height:calc(var(--size,4px)*.8)}}
/* Anchor luminous effects to the actual painted hands and hammer head. */
.fx.fire{left:70%;top:11%;width:29%}.fx.wrath{left:75%;top:22%;width:26%}.fx.holy{left:0;top:2%;width:43%}.fx.lightning{left:72%;top:12%;width:28%}.lightning-bolt{left:74%;top:8%;width:24%;height:25%}.fx.healing{left:0;top:3%;width:30%}
.stage .rogue{left:-.5%;width:17%;z-index:7}.stage .mage{left:10%;width:14%;z-index:6}.stage .hunter{left:75%;width:22%;z-index:4}.stage .priest{left:89%;width:11%;z-index:9}
.stage .shaman{left:55%;width:13%}.stage .hunter{left:76%;width:23%}.stage .priest{left:83%;width:10%}
.stage .warlock{left:22%;width:10%;z-index:8}.fx.fel{left:75%;top:33%;width:28%}
/* Keep the illustrated canvas and entry buttons in view through the parallax scroll range. */
.scene{position:fixed;inset:0}