.join80[data-join80]{--j80-gold:#ddc68e;--j80-line:#91a9b34d;color:#d1e0ea;font:13px/1.8 Inter,Arial,sans-serif;container-type:inline-size;min-width:0}
.join80[data-join80] *{box-sizing:border-box}
.join80[data-join80] [hidden]{display:none!important}
.join80[data-join80] :is(a,button,input,summary):focus-visible{outline:2px solid #edd496;outline-offset:4px}
.join80[data-join80] a{color:inherit;text-decoration:none}
.join80[data-join80] button{cursor:pointer;font:inherit}
.join80[data-join80] .j80-kicker{display:block;font:700 8px/1.6 Inter,Arial,sans-serif;letter-spacing:1.5px;color:var(--j80-gold)}
.join80[data-join80] .j80-hero{position:relative;isolation:isolate;overflow:hidden;padding:30px 24px 24px;border:1px solid #c0a66e99;background:linear-gradient(90deg,#071a2af7 2%,#0a1d30e6 60%,#16374970),url('/assets/classic-journey.webp') 80% 47%/cover;box-shadow:inset 0 0 0 4px #05111d9e,inset 0 0 0 5px #c9b07733}
.join80[data-join80] .j80-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#061a29cc,transparent 75%);pointer-events:none}
.join80[data-join80] h1{font:500 clamp(27px,6.6cqw,39px)/1.2 Cinzel54,Cinzel,Georgia,serif;color:#efdfb9;letter-spacing:-.8px;margin:22px 0 15px;max-width:410px;text-wrap:balance}
.join80[data-join80] h1 em{font-style:normal;color:#b9d4e6}
.join80[data-join80] p{font-size:13px;line-height:1.85;color:#b9cedd;margin:0 0 17px}
.join80[data-join80] .j80-hero>p{max-width:370px;margin-bottom:24px}
.join80[data-join80] .j80-primary{display:flex;align-items:center;gap:12px;position:relative;padding:13px 15px;border:1px solid #d5b77f;background:linear-gradient(110deg,#6d5636,#213b51);box-shadow:inset 0 0 0 3px #071723,inset 0 0 0 4px #d9bf7b33;color:#f3e0b1;max-width:420px;transition:filter .2s,border-color .2s}
.join80[data-join80] .j80-primary:hover{filter:brightness(1.15);border-color:#f0d49b}
.join80[data-join80] .j80-primary svg{flex:0 0 23px;width:23px;height:23px;fill:none;stroke:#e6d3a5;stroke-width:1.4}
.join80[data-join80] .j80-primary>span{flex:1;font-size:13px;font-weight:600;line-height:1.5}
.join80[data-join80] .j80-primary small{display:block;font:9px/1.7 Inter,Arial,sans-serif;color:#c0d0d9;margin-top:3px}
.join80[data-join80] .j80-primary b{font-weight:400;font-size:20px}
.join80[data-join80] .j80-quiet{display:flex;gap:12px;margin-top:17px;color:#adc6d6;font-size:10px;width:fit-content}
.join80[data-join80] .j80-mark{display:flex;align-items:baseline;gap:6px;margin-top:25px;padding-top:15px;border-top:1px solid #c3b1863b;color:#d4bc88}
.join80[data-join80] .j80-mark>span,.join80[data-join80] .j80-mark small{font-size:7px;letter-spacing:1.2px}.join80[data-join80] .j80-mark strong{font:21px/1 Georgia,serif;margin-right:auto;color:#e8d6ae}
.join80[data-join80] .j80-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--j80-line);margin-top:13px;background:linear-gradient(120deg,#173347e3,#071b2af5)}
.join80[data-join80] .j80-facts>div{padding:18px 6px;text-align:center;border-right:1px solid var(--j80-line)}.join80[data-join80] .j80-facts>div:last-child{border:0}
.join80[data-join80] .j80-facts strong{display:block;font:500 26px/1.3 Cinzel54,Cinzel,Georgia,serif;color:#e8d6ae}.join80[data-join80] .j80-facts span{font-size:9px;color:#a4bfd1}
.join80[data-join80] .j80-opening{display:flex;gap:15px;align-items:center;margin:17px 0 25px;border:1px solid #bca46d66;padding:19px;background:linear-gradient(115deg,#5c4b302f,#122e42b5)}
.join80[data-join80] .j80-opening-rune{font:35px/1 Georgia,serif;color:#c9ad71}.join80[data-join80] .j80-opening>div{flex:1}
body.portal62 .join80[data-join80] h2{font:500 24px/1.3 Cinzel54,Cinzel,Georgia,serif;letter-spacing:-.3px;color:#e7d6ae;margin:8px 0 12px;text-wrap:balance}
body.portal62 .join80[data-join80] .j80-opening h2{font-size:20px;margin:5px 0}.join80[data-join80] .j80-opening time{font-size:11px;color:#d8e4ec}.join80[data-join80] .j80-opening p{font-size:9px;margin:5px 0 0;line-height:1.7;color:#8faec5}.join80[data-join80] .j80-opening>a{flex:none;font-size:10px;color:#d8c18c;border-bottom:1px solid #baa26a66;white-space:nowrap}
.join80[data-join80] .j80-guild{position:relative;isolation:isolate;border:1px solid var(--j80-line);padding:27px 23px;background:linear-gradient(90deg,#071b29f5,#0d2334d9 68%,#163b4d99),image-set(url('/assets/perf101-classic-castle-1024.avif') type('image/avif'),url('/assets/perf101-classic-castle-1024.webp') type('image/webp')) 80% 47%/cover}
body.portal62 .join80[data-join80] .j80-guild h2{font-size:28px}.join80[data-join80] .j80-guild p{max-width:410px}.join80[data-join80] .j80-guild-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px;font-size:10px;color:#d9c48c}.join80[data-join80] .j80-guild-links button{background:none;border:0;border-bottom:1px solid #a5c2d05e;padding:0;color:#adcbdc;font-size:10px}
.join80[data-join80] .j80-prepare{margin-top:25px;border:1px solid var(--j80-line);padding:25px 22px;background:linear-gradient(130deg,#102b3bdc,#061722f7);scroll-margin-top:80px}
.join80[data-join80] .j80-section-head{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid #7d9eae3b;padding-bottom:9px}.join80[data-join80] .j80-section-head>span{font:15px/1 Cinzel54,Cinzel,Georgia,serif;color:#a38e65;white-space:nowrap}
.join80[data-join80] .j80-steps{margin:0;padding:0;list-style:none}.join80[data-join80] .j80-steps>li{display:flex;gap:17px;padding:23px 0;border-bottom:1px solid #83a3b333}.join80[data-join80] .j80-steps>li:last-child{border-bottom:0;padding-bottom:10px}.join80[data-join80] .j80-step-no{flex:none;display:grid;place-items:center;width:34px;height:40px;border:1px solid #a88e5f8c;color:#ddc28a;background:#7d61302b;font:18px/1 Georgia,serif;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%)}
.join80[data-join80] .j80-steps h3{font:500 20px/1.4 Cinzel54,Cinzel,Georgia,serif;margin:0 0 8px;color:#e3d2ac}.join80[data-join80] .j80-steps p{font-size:12px;margin-bottom:10px}.join80[data-join80] .j80-steps a{display:block;width:fit-content;font-size:11px;color:#dfc991;margin-top:8px}.join80[data-join80] .j80-steps a:hover{text-decoration:underline;text-underline-offset:4px}.join80[data-join80] .j80-steps .j80-secondary-link{color:#96b8ce;font-size:10px}.join80[data-join80] .j80-package{display:block;font-size:9px;color:#8eaec3;margin:8px 0}
.join80[data-join80] .j80-checklist{padding:17px;background:#27475533;border:1px solid #93acb43d;margin-top:18px}.join80[data-join80] .j80-checklist>div:first-child{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.join80[data-join80] .j80-checklist output{font-size:10px;color:#e0c991}.join80[data-join80] .j80-checklist p{font-size:10px;margin:8px 0 12px}.join80[data-join80] .j80-checks{display:grid;gap:9px}.join80[data-join80] .j80-checks label{display:flex;gap:10px;align-items:center;color:#bcd2df;font-size:11px;cursor:pointer}.join80[data-join80] .j80-checks input{width:16px;height:16px;accent-color:#d5b77f}.join80[data-join80] .j80-checks input:checked+span{color:#e6d19f}
.join80[data-join80] .j80-explore{margin:27px 0}.join80[data-join80] .j80-explore>div{display:grid;gap:10px;margin-top:20px}.join80[data-join80] .j80-explore a{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #83a3b34f;background:#0b2334e0;transition:border-color .2s}.join80[data-join80] .j80-explore a:hover{border-color:#c5a977}.join80[data-join80] .j80-explore a>span:first-child{font:29px/1 Georgia,serif;color:#bca36e;width:28px;text-align:center}.join80[data-join80] .j80-explore a>span:nth-child(2){flex:1}.join80[data-join80] .j80-explore strong{display:block;font:17px/1.4 Cinzel54,Cinzel,Georgia,serif;color:#ddcfad}.join80[data-join80] .j80-explore small{font-size:10px;color:#a0bdcf;margin-top:4px;display:block}.join80[data-join80] .j80-explore b{font-size:17px;font-weight:400;color:#bdd3df}
.join80[data-join80] .j80-faq{padding:25px 22px;border:1px solid var(--j80-line);background:#071c2ae8}.join80[data-join80] .j80-faq details{border-top:1px solid #7d9ead3d}.join80[data-join80] .j80-faq details:last-child{border-bottom:1px solid #7d9ead3d}.join80[data-join80] .j80-faq summary{padding:14px 0;color:#cfdfeb;font:12px/1.7 Inter,Arial,sans-serif;cursor:pointer}.join80[data-join80] .j80-faq p{font-size:12px;padding-bottom:15px;margin:0}.join80[data-join80] .j80-faq a{color:#e1c58d;text-decoration:underline;text-underline-offset:3px}
.join80[data-join80] .j80-share{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:23px 0 0;padding:24px 22px;border:1px solid #c6ab725e;background:linear-gradient(130deg,#5c472a2b,#193a4bd4)}.join80[data-join80] .j80-share>div{flex:1 1 100%}.join80[data-join80] .j80-share h2{font-size:24px;margin:8px 0}.join80[data-join80] .j80-share p{font-size:11px;margin:0}.join80[data-join80] .j80-share button{border:1px solid #bca36f9c;padding:9px 14px;background:linear-gradient(110deg,#6c5636,#1e3a4c);color:#eddaad;font-size:11px}.join80[data-join80] .j80-share>a{font-size:11px;color:#b1ccdc}
.join80[data-join80] .j80-feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 32px);border:1px solid #c9ad74;background:#061b2a;padding:12px 18px;box-shadow:0 8px 30px #0009;color:#ecd4a0;font-size:11px;margin:0;pointer-events:none}.join80[data-join80] .j80-feedback:empty{display:none}
#join-start{scroll-margin-top:80px}
@container(max-width:420px){.join80[data-join80] .j80-hero{padding:25px 18px 20px}.join80[data-join80] .j80-primary{padding:12px;gap:10px}.join80[data-join80] .j80-primary>span{font-size:12px}.join80[data-join80] .j80-primary small{font-size:8px}.join80[data-join80] .j80-opening{flex-wrap:wrap;padding:17px;gap:12px}.join80[data-join80] .j80-opening>a{margin-left:45px}.join80[data-join80] .j80-facts strong{font-size:23px}.join80[data-join80] .j80-guild,.join80[data-join80] .j80-faq{padding:23px 18px}.join80[data-join80] .j80-prepare{padding:23px 16px}.join80[data-join80] .j80-step-no{width:27px;height:34px;font-size:15px}.join80[data-join80] .j80-steps>li{gap:12px}.join80[data-join80] .j80-section-head>span{display:none}.join80[data-join80] .j80-steps h3{font-size:18px}.join80[data-join80] .j80-hero>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.join80[data-join80] *{transition:none!important;scroll-behavior:auto!important}}