@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=DM+Sans:wght@400;450;500;600;650;700&family=Italiana&display=swap");:root{--ink:#100d10;--gold:#efca7f;--gold-dim:#9e7a43;--ivory:#f4e9d7;--red:#9c2837;--muted:#a89d94;--serif:"Cinzel",Georgia,serif;--body:"DM Sans",Arial,sans-serif;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#b88e46;color:#130d0d}.container{width:min(var(--container),calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;top:-100px;z-index:100;background:var(--gold);color:var(--ink);padding:15px}.skip-link:focus{top:10px}.header{height:98px;position:absolute;z-index:10;justify-content:space-between;gap:28px;padding:0 max(50px,calc((100vw - var(--container))/2));border-bottom:1px solid #e8be6830;background:linear-gradient(#100d10b0,#100d1020)}.brand,.header{display:flex;align-items:center}.brand{gap:12px;font-family:var(--serif);font-size:25px;font-weight:600;color:var(--gold);line-height:1.05;letter-spacing:1px}.brand-bottom{display:block;font-size:16px;letter-spacing:3px;margin-top:3px}.brand-seal{display:flex;align-items:center;justify-content:center;width:49px;border:1px solid #d4ac6260;border-radius:45% 45% 48% 48%;background:radial-gradient(#a66e2d35,transparent);box-shadow:inset 0 0 0 4px #100d1044;transform:rotate(-8deg)}.brand-stamp{font-size:12px;line-height:1.2;letter-spacing:0;background:#851b26;padding:5px;color:#e9be91;margin-left:2px}.navigation{display:flex;gap:30px;align-items:center;font-size:12px}.navigation a{position:relative;padding-block:13px;color:#ddd0c2}.navigation a:first-child,.navigation a:hover{color:var(--gold)}.navigation a:first-child:after{content:"";position:absolute;height:1px;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:18px 27px;background:linear-gradient(115deg,#e5b862,#ffe8a7 48%,#d3a554);border:1px solid #f6d692;color:#24180f;box-shadow:0 0 0 3px #b18b4d38,inset 0 0 0 3px #50321a26;transition:filter .2s,transform .2s;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.button:hover{filter:brightness(1.13);transform:translateY(-2px)}.button svg:first-child{width:19px;height:19px}.nav-discord{padding:13px 20px;font-size:10px;background:#20171370;color:var(--gold);border-color:#a07b45;box-shadow:none}.nav-discord svg:last-child{display:none}.menu-button{display:none;border:0;background:transparent;color:var(--gold);padding:8px}.hero{position:relative;height:min(790px,59vw);isolation:isolate}.hero-art,.hero-grain,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-art{background:url(/art/hero.webp) center 40%/cover no-repeat}.hero-shade{background:linear-gradient(90deg,#0e0b0ee0,#110c0f80 30%,#110c0f08 67%),linear-gradient(0deg,#100d10,transparent 23%,transparent 80%,#100d1050)}.hero-grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{padding-top:214px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:11px;text-transform:uppercase;margin:0 0 22px}.eyebrow>span{height:4px;width:4px;background:var(--gold);transform:rotate(45deg)}.eyebrow i{height:10px;width:1px;background:#c9ab6b80;margin-inline:3px}.hero h1{font-weight:500;font-size:clamp(54px,5.8vw,89px);letter-spacing:-2px;margin:26px 0 22px;text-shadow:0 3px 30px #0008}.hero h1>span{display:block;font-size:.65em;letter-spacing:1px;line-height:1.45;font-weight:400}.hero h1 strong{background:linear-gradient(180deg,#fff0bd 15%,#e6bb6b 65%,#a97532)}.gold-rule{height:1px;background:linear-gradient(90deg,#c9a25899,transparent);width:270px;position:relative;margin:28px 0}.gold-rule span{position:absolute;left:0;top:-5px;font-size:8px;color:var(--gold)}.hero-copy{font-size:17px;line-height:1.8;color:#eee2d2;margin:24px 0 30px;font-weight:400}.hero-button{padding:19px 31px}.hero-note{font-size:10px;color:#c0aea0;margin-top:19px;letter-spacing:.2px}.explore{position:absolute;bottom:33px;left:50%;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateX(-50%);color:#b9a38c;font-size:8px}.explore svg{color:var(--gold)}.status-ribbon{border-block:1px solid #cba4654d;background:linear-gradient(90deg,#100d10,#24171a50,#100d10);scroll-margin-top:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:29px}.stat{display:flex;align-items:center;gap:23px;padding:0 32px;border-right:1px solid #b395613d}.stat:first-child{padding-left:15px}.stat:last-child{border:0}.stat>svg{color:var(--gold);flex-shrink:0;stroke-width:1.3}.micro{font-size:9px;font-weight:600;margin:0 0 9px;color:#cfc1b2}.stat strong{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--gold);line-height:1.4}.stat small{display:block;font-size:10px;margin-top:6px;color:#a89b90}.stat .guild-name{font-size:17px;overflow-wrap:anywhere}.status-orb{width:14px;height:14px;background:#a7a09a;border:2px solid #d8cbbc88;border-radius:50%;box-shadow:0 0 20px #fff2;flex-shrink:0}.status-orb.prelaunch{background:#efc66e;box-shadow:0 0 25px #e7ac5e80;border-color:#ffe2a0}.status-orb.online{background:#84d7a0;box-shadow:0 0 23px #5fc38370}.status-orb.offline{background:#ae4c58;box-shadow:0 0 20px #9b263b66}.rewards-section{padding:90px 0 60px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 30%,#6c13201e,transparent 50%),radial-gradient(ellipse at 90% 70%,#6c132029,transparent 45%)}.rewards-section:before{content:"◆";position:absolute;right:-65px;top:30px;font-size:400px;color:#7e233409;pointer-events:none}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}h2{font-family:var(--serif);font-size:clamp(30px,3.1vw,45px);line-height:1.3;letter-spacing:-1px;margin:0}h2,h2 em{font-weight:400}h2 em{font-family:Georgia,serif;font-style:italic;letter-spacing:0}.rewards-intro{max-width:410px;justify-self:end}.badge{font-size:9px;letter-spacing:1.3px;padding:8px 13px;border:1px solid #e7ac6244;display:inline-flex;align-items:center;gap:7px;color:var(--gold);background:#8a263820}.badge>span{height:5px;width:5px;background:currentColor;border-radius:100%}.badge.open{color:#bfdfad;border-color:#7f9f6455;background:#5c7a3d18}.rewards-intro p{font-size:13px;color:#afa198;line-height:1.9;margin:18px 0 0}.progress-summary{display:flex;justify-content:space-between;align-items:end;margin-top:48px;gap:20px}.progress-summary>div{display:flex;gap:17px;align-items:center}.progress-number{font-family:var(--serif);font-size:53px;color:var(--gold);line-height:1}.progress-caption{font-size:12px;color:#e2d4c4}.progress-caption small{display:block;font-size:10px;color:#988b81;margin-top:6px}.goal{font-size:8px;color:#a79b8e;letter-spacing:1.5px;padding-bottom:4px}.goal strong{font-size:20px;font-family:var(--serif);color:var(--gold);margin-right:8px;letter-spacing:0}.progress-track{height:13px;background:#09080b;border:1px solid #8f693b;margin-top:21px;position:relative;border-radius:2px;box-shadow:0 0 0 3px #8f693b15}.progress-track>div{height:7px;background:linear-gradient(90deg,#99602e,#f1c772 70%,#ffe5a7);box-shadow:0 0 14px #f1b64e4d;transition:width 1.3s ease}.progress-glow{height:8px;width:8px;border-radius:100%;background:#ffecc2;box-shadow:0 0 14px 3px #ffbe59;position:absolute;top:2px;transform:translateX(-50%)}.milestone-tick{height:10px;width:10px;position:absolute;top:1px;border:1px solid #b18a4e;transform:translateX(-50%) rotate(45deg);background:#21191a}.milestone-tick.reached{background:var(--gold);box-shadow:0 0 10px #e6b75a90}.milestone-tick>span{position:absolute;top:18px;left:14px;transform:rotate(-45deg);font-family:var(--serif);font-size:12px;color:#b99c70}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:57px}.reward{position:relative;padding:20px 24px 25px;text-align:center;border:1px solid #8e6d432d;background:linear-gradient(150deg,#a4702910,#1a111510 55%);overflow:hidden}.reward:after,.reward:before{content:"";position:absolute;width:15px;height:15px;border-color:#b69354;border-style:solid;opacity:.7}.reward:before{top:4px;left:4px;border-width:1px 0 0 1px}.reward:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.reward.unlocked{border-color:#d3a45680;background:linear-gradient(150deg,#a470291d,#1a111510 55%)}.reward-top{display:flex;justify-content:space-between;align-items:center}.reward-top .micro{font-size:8px;margin:0;letter-spacing:1px;color:#c7ad86}.reward-state{display:flex;align-items:center;gap:4px;font-size:7px;letter-spacing:1px;color:#81766c}.unlocked .reward-state{color:#b9d69e}.reward-art{position:relative;height:132px;display:flex;align-items:center;justify-content:center}.reward-art>svg{width:69px;height:69px;stroke:#f0c477;filter:drop-shadow(0 3px 2px #64341a) drop-shadow(0 0 20px #cd803544);position:relative}.reward-halo{position:absolute;inset:0;background:radial-gradient(ellipse at center,#aa6e2b30,transparent 65%)}.garment .reward-halo{background:radial-gradient(ellipse at center,#b04b632d,transparent 65%)}.garment>svg{stroke:#efc5c1}.treasure>svg{width:80px;height:80px;stroke:#f3c87e}.spark{position:absolute;color:#f3ce88;font-size:13px;text-shadow:0 0 10px #efac40}.spark-one{top:32px;left:31%}.spark-two{right:29%;bottom:25px;font-size:9px}.reward-kicker{font-size:10px;color:#b0987d;letter-spacing:.4px;margin:3px 0 9px}.reward h3{font-family:var(--serif);font-size:15px;color:var(--gold);font-weight:500;margin:0}.reward>p:last-child{font-size:11px;line-height:1.7;color:#aa9c90;margin:10px auto 0;max-width:270px;min-height:37px}.reward-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #b18a4e25;padding:20px 0}.reward-footer p{display:flex;align-items:center;gap:8px;font-size:9px;color:#a99b8b;margin:0}.reward-footer svg{color:#b9965d}.reward-footer strong{color:#c9b69a;font-weight:450}.eligibility-note{font-size:10px;line-height:1.8;color:#918278;margin-top:18px;text-align:center}.eligibility-note p{margin:4px 0}.eligibility-note strong{color:#bdaa90;font-weight:500}.join-section{color:#462b28;background-color:#f0e4ce;background-image:radial-gradient(ellipse at 0 0,#b9824150,transparent 40%),radial-gradient(ellipse at 100% 100%,#bb8f6c55,transparent 50%);border-block:1px solid #bb955e;padding:67px 0 46px;position:relative}.join-section:before{position:absolute;content:"";inset:8px;border-block:1px solid #b3834d45;pointer-events:none}.join-heading{text-align:center}.join-heading .eyebrow{justify-content:center;color:#90623d;font-size:9px;letter-spacing:2.3px;margin-bottom:17px}.join-heading h2{font-size:38px;color:#542125}.join-heading h2 em{color:#9b3341}.join-heading>p:last-child{font-size:12px;line-height:1.8;color:#896f5b;margin:15px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:43px}.step{position:relative;border-left:1px solid #b4926a65;padding:0 18px}.step:first-child{border-left:0;padding-left:0}.step-top{display:flex;align-items:center;gap:20px;color:#936a43}.step-top>span{font-family:Georgia,serif;font-style:italic;font-size:43px;line-height:1;color:#a13b45}.step h3{font-family:var(--serif);font-size:13px;font-weight:600;margin:19px 0 12px;line-height:1.5;color:#54252a}.step p{font-size:11px;line-height:1.9;color:#79604f;margin:0}.step strong{font-weight:650;color:#654338}.step-arrow{position:absolute;right:-16px;top:11px;color:#b48c57}.join-bottom{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:37px}.crimson-button{color:#ffeac3;background:linear-gradient(135deg,#a03c46,#6f1d29);border:1px solid #ad6d5b;box-shadow:inset 0 0 0 3px #d8a97c30;padding:18px 30px}.join-bottom p{font-size:9px;color:#98775d;line-height:1.8;margin:0}.faq-section{padding:78px 0 80px;background:radial-gradient(ellipse at 8% 50%,#6b1b2915,transparent 60%)}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-section h2{font-size:35px}.faq-section .eyebrow{font-size:8px;letter-spacing:2px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:10px;color:#b7a17d;margin-top:25px}.text-link:hover{color:var(--gold)}.faq{border-bottom:1px solid #bb986333}.faq:first-child{border-top:1px solid #bb986333}.faq h3{margin:0}.faq button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;background:transparent;border:0;color:#e0d1c0;padding:20px 0;font-size:12px;font-weight:450;line-height:1.6}.faq button svg{flex-shrink:0;color:#a68658;transition:transform .2s}.faq.open button svg{transform:rotate(180deg)}.faq p{font-size:11px;line-height:1.9;color:#a99b8e;margin:0;padding:0 30px 20px 0}.footer{padding-block:26px;justify-content:space-between;gap:20px;border-top:1px solid #b18a4e35;color:#988267}.footer,.footer-brand{display:flex;align-items:center}.footer-brand{gap:9px;font-family:var(--serif);font-size:13px;color:#cfb582}.footer p{font-size:8px;letter-spacing:2px}.footer p span{margin-inline:10px;font-size:6px;color:#c19e61}.footer>a:last-child{display:flex;align-items:center;gap:10px;font-size:9px}@media(min-width:1600px){.hero-art{background-position:center 43%}.hero-content{padding-top:235px}}@media(max-width:1100px){.container{width:calc(100% - 60px)}.header{padding-inline:30px;gap:20px}.navigation{gap:20px;font-size:11px}.brand{font-size:21px}.brand-bottom{font-size:13px}.brand-seal{width:40px;height:48px}.hero{min-height:660px}.hero-content{padding-top:200px}.hero h1{font-size:68px}.hero-art{background-position:56%}.hero-copy{font-size:15px}.stat{gap:18px;padding:0 22px}.stat strong{font-size:17px}.stat .guild-name{font-size:15px}.section-heading{gap:40px}.reward{padding-inline:15px}.reward-grid,.steps{gap:18px}.step{padding-right:4px}.step h3{font-size:11px}.faq-grid{gap:50px}.reward-footer{align-items:start}.reward-footer p{line-height:1.8;flex-wrap:wrap}}@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header{height:80px;padding:0 20px;gap:14px}.brand{font-size:20px}.brand-bottom{font-size:12px}.brand-seal{width:36px;height:43px}.brand-seal svg{width:25px}.brand-stamp{font-size:10px}.nav-discord{margin-left:auto;font-size:8px;padding:11px 12px;gap:7px}.nav-discord svg:first-child{width:14px;height:14px}.menu-button{display:block}.navigation{display:none;position:absolute;top:79px;left:0;right:0;background:#160e13f5;padding:20px;border-bottom:1px solid #a27c44;flex-direction:column;gap:12px;align-items:stretch;font-size:13px}.navigation.expanded{display:flex}.navigation a{padding:10px}.navigation a:first-child:after{display:none}.hero{min-height:710px;height:94svh;max-height:860px}.hero-art{background-position:65% top;background-size:auto 70%;background-color:#100d10}.hero-shade{background:linear-gradient(0deg,#100d10 4%,#100d10f0 19%,#100d1080 48%,#100d1010 70%,#100d1040),linear-gradient(90deg,#100d1030,transparent)}.hero-content{position:absolute;bottom:75px;padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:2px;gap:8px}.hero h1{font-size:clamp(45px,9.5vw,70px);margin:19px 0;letter-spacing:-1.5px}.hero h1>span{font-size:.67em;line-height:1.5}.hero-copy{font-size:14px;margin:20px 0}.gold-rule{width:200px;margin:22px 0}.hero-button{font-size:10px;padding:17px 22px}.hero-note{font-size:9px;margin-top:15px}.explore{bottom:23px;font-size:7px;gap:7px}.status-grid{grid-template-columns:1fr;padding:10px 0}.stat,.stat:first-child{padding:19px 8px;gap:22px;border-right:0;border-bottom:1px solid #b3956128}.stat:last-child{border:0}.stat>svg{width:22px;height:22px}.status-orb{margin:0 4px}.stat>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1 1;column-gap:14px}.stat .micro{font-size:8px;letter-spacing:1.5px;margin:0}.stat .guild-name,.stat strong{font-size:14px;text-align:right}.stat small{grid-column:1/-1;margin-top:7px;font-size:9px}.section-heading{grid-template-columns:1fr;gap:23px}.rewards-section{padding:52px 0 37px}h2{font-size:32px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:17px}.rewards-intro{justify-self:start;max-width:100%}.rewards-intro p{font-size:12px;line-height:1.8;margin-top:14px}.badge{font-size:8px;padding:7px 10px}.progress-summary{margin-top:30px;align-items:start}.progress-number{font-size:44px}.progress-summary>div{gap:12px}.progress-caption{font-size:10px}.progress-caption small{font-size:8px;max-width:175px;line-height:1.5}.goal{font-size:0}.goal strong{font-size:18px;margin:0}.reward-grid{gap:14px;grid-template-columns:1fr;margin-top:45px}.reward{text-align:left;display:grid;grid-template-columns:85px 1fr;column-gap:18px;padding:20px}.reward-top{grid-column:1/-1;margin-bottom:5px}.reward-art{grid-column:1;grid-row:2/5;height:auto;min-height:108px}.reward-art>svg{width:50px;height:50px}.treasure>svg{width:60px;height:60px}.reward-kicker{margin:15px 0 7px;font-size:9px}.reward h3{font-size:14px;line-height:1.5}.reward>p:last-child{margin:7px 0 8px;min-height:0;font-size:10px}.spark-one{top:20px;left:8%}.spark-two{right:2%;bottom:18px}.reward-footer{flex-direction:column;gap:10px;padding:17px 0}.reward-footer p{font-size:9px}.eligibility-note{text-align:left;font-size:9px;line-height:1.9}.join-section{padding:45px 0 35px}.join-heading h2{font-size:31px}.join-heading>p:last-child{font-size:11px}.steps{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:32px}.step{border-left:0;padding:18px 0 0}.step,.step:first-child{border-top:1px solid #b4926a65}.step h3{font-size:11px;margin:13px 0 8px}.step p{font-size:10px}.step-top>span{font-size:35px}.step-top svg{width:22px}.step-arrow{display:none}.join-bottom{flex-direction:column;gap:15px;margin-top:28px}.join-bottom p{text-align:center;font-size:9px}.faq-section{padding:46px 0}.faq-grid{grid-template-columns:1fr;gap:26px}.faq-section h2{font-size:30px}.faq-grid .text-link{margin-top:18px}.faq button{font-size:11px;padding:17px 0}.faq p{font-size:10px}.footer{flex-direction:column;gap:12px;padding-block:24px}.footer p{margin:0;font-size:7px}.footer-brand{font-size:12px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}:root{--ink:#080e12;--gold:#f1d18a;--ivory:#eee8d8;--muted:#a9aca9;--red:#8e2530;--container:1240px}body{background:#080e12 url(/art/client/harbor.webp) top/100% auto fixed no-repeat}.header{height:94px;background:linear-gradient(#0a1219f5,#14222ae8);border-top:3px solid #7d643d;border-bottom:3px double #b79a5c90;box-shadow:0 5px 30px #0008,inset 0 -1px #04080c}.brand-seal{border:0;background:none;box-shadow:none;transform:none;width:55px;height:55px;overflow:visible}.brand-seal img{object-fit:contain;filter:drop-shadow(0 0 8px #c6943c60)}.brand{letter-spacing:1.5px;text-shadow:1px 2px #000,0 0 14px #a26f2440}.brand-stamp{background:#67252a;border:1px solid #bb6b52;box-shadow:inset 0 0 0 2px #35181b}.navigation{gap:2px}.navigation a{font-family:var(--serif);font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:15px 18px;border-inline:1px solid transparent}.navigation a:first-child,.navigation a:hover{background:linear-gradient(90deg,transparent,#b28b382a,transparent);border-color:#b48a4530}.navigation a:first-child:after{left:20%;right:20%;background:#c8ab65;box-shadow:0 0 9px #e9c374}.nav-discord{border:1px solid #cfb273;background:linear-gradient(#583d22,#261c15);box-shadow:inset 0 0 0 3px #b58a3b25;color:#f4db9f}.hero{height:790px;min-height:740px;border-bottom:1px solid #a07d45;overflow:hidden;background:#080d12}.hero-art{background-image:url(/art/warriors.webp);background-size:cover;background-position:center 35%;filter:saturate(1.07)}.hero-shade{background:linear-gradient(90deg,transparent 25%,#080d1208 37%,#080d1270 55%,#080d12e8 80%,#080d12f5),linear-gradient(0deg,#080d12,transparent 24%,transparent 70%,#080d1260)}.hero-content{display:flex;justify-content:flex-end;padding-top:190px;position:relative;z-index:2}.hero-copy-panel{width:500px;max-width:47%;text-align:center;position:relative}.hero-content .eyebrow{justify-content:center;letter-spacing:4px;font-size:9px;color:#ddc491;margin:0 0 17px}.hero-content .eyebrow>span{width:30px;height:1px;transform:none;background:linear-gradient(90deg,transparent,#a68c58)}.hero-content .eyebrow>span:last-child{transform:rotate(180deg)}.version-seal{font-size:8px;letter-spacing:2px;color:#c5b188;margin-bottom:17px}.version-seal>span{color:#ae7b3b;font-size:6px;padding-inline:10px}.hero h1{margin:0;font-family:var(--serif);font-size:clamp(48px,5.2vw,80px);font-weight:800;letter-spacing:-3px;line-height:1.05;filter:drop-shadow(0 4px 0 #21140c) drop-shadow(0 0 15px #000)}.hero h1>span{font-size:1.45em;letter-spacing:5px;font-weight:800;line-height:1.1;background:linear-gradient(#fff8d4 8%,#f8dc90 30%,#a98340 53%,#ffe2a1 60%,#b18339 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #f4d28c}.hero h1 strong{display:block;font-size:.78em;font-weight:700;letter-spacing:3px;background:linear-gradient(#f5f1de,#c6c8c5 40%,#686d71 54%,#e4e6dd 65%,#a6a9a6);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.4px #dbd4bb;-webkit-text-fill-color:transparent}.hero-content .gold-rule{width:90%;margin:26px auto 21px;background:linear-gradient(90deg,transparent,#b89955,transparent)}.gold-rule span{left:50%;transform:translateX(-50%);padding-inline:12px;background:#0c1014}.hero-tagline{font-family:var(--serif);font-size:10px;letter-spacing:1.5px;color:#d0b574;margin:0}.hero-copy{font-size:13px;color:#c7c5b6;line-height:1.9;margin:17px 0 22px;text-shadow:0 2px 5px #000}.hero-button{background:linear-gradient(#fff0a9,#f1c66c 42%,#b47b2e 48%,#d9ab56 95%);border:1px solid #fff0b2;box-shadow:0 0 0 3px #70522c,0 0 0 4px #dbc38670,inset 0 0 0 3px #71451b55;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:19px 35px;letter-spacing:2px;text-shadow:0 1px #ffe9a6;font-size:12px}.hero-note{font-size:9px;color:#9e9a88;margin-top:16px}.hero-chapter{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:22px;margin-top:24px;border-top:1px solid #9f844332;color:#ad9567}.hero-chapter>span{border:1px solid #a38a51;padding:7px 8px;font-family:var(--serif);font-size:15px;font-weight:700;background:#e7bf6120;box-shadow:inset 0 0 0 3px #0b121a}.hero-chapter>div{font-size:8px;letter-spacing:1px;text-align:left}.hero-chapter small{display:block;color:#8c918f;letter-spacing:.4px;font-size:9px;margin-top:5px}.hero-runes{position:absolute;right:9%;top:110px;font-family:Georgia,serif;font-size:490px;line-height:1;color:#d9ae3c05;z-index:0;pointer-events:none}.explore{font-size:7px;letter-spacing:3px;bottom:24px;z-index:3}.hero-embers{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-embers i{position:absolute;bottom:0;width:3px;height:3px;background:#ffbb5d;border-radius:50%;box-shadow:0 0 10px #ff8649;opacity:0;animation:ember-rise 9s linear infinite}.hero-embers i:nth-child(3n){width:2px;height:2px;animation-duration:12s}.hero-embers i:nth-child(2n){background:#f1d39e;animation-duration:11s}@keyframes ember-rise{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:.65}80%{opacity:.2}to{transform:translateY(-600px) translateX(70px);opacity:0}}.status-ribbon{margin:-1px auto 0;position:relative;z-index:3;border-top:3px double #ac8c50;border-bottom:3px double #ac8c50;background:linear-gradient(#23323a,#111d25 38%,#0a131a 65%,#1f2a2e);box-shadow:0 -5px 35px #0009,0 12px 35px #0008,inset 0 0 0 4px #080e12}.status-grid{padding-block:26px}.stat{border-right:1px solid #b3995b65}.stat strong{text-shadow:0 1px 4px #000;font-weight:600}.stat small{color:#969e9d}.micro{color:#c1b69d;letter-spacing:2px}.stat>svg{filter:drop-shadow(0 0 8px #d6b16a40)}.rewards-section{padding:62px 0;background:linear-gradient(#070c12e8,#080e12ef),url(/art/client/harbor.webp) 50%/cover}.rewards-section:before{display:none}.realm-panel{position:relative;padding:53px 48px 29px;border:1px solid #987b44;background:linear-gradient(115deg,#182a32dd,#0b1820ed 40%,#121d23f5);box-shadow:0 0 0 4px #090e13,0 0 0 5px #b0934f70,0 0 0 8px #15232a,0 0 0 9px #6c5d3b90,0 15px 50px #0008,inset 0 0 55px #0007}.realm-panel:after,.realm-panel:before{content:"◆";position:absolute;top:-14px;font-size:24px;color:#cfac68;text-shadow:0 0 2px #1e1309,2px 2px #3c2c14}.realm-panel:before{left:-13px}.realm-panel:after{right:-13px}.panel-ornament{position:absolute;top:-21px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#e5c477;font-size:27px;background:linear-gradient(transparent,#121e25 30%);padding:0 18px;text-shadow:0 0 10px #c38c3640}.panel-ornament span{height:1px;width:85px;background:linear-gradient(90deg,transparent,#bda063)}.panel-ornament span:last-child{transform:rotate(180deg)}.section-heading{gap:55px}h2{font-size:36px;text-shadow:0 2px 2px #0008}h2,h2 em{font-weight:500}h2 em{font-family:var(--serif);font-size:.82em;font-style:normal;color:var(--gold)}.rewards-intro p{color:#a8afac;font-size:12px}.badge{border:1px solid #ab9153;background:linear-gradient(#403c2580,#151b15);color:#e6c876;box-shadow:inset 0 0 0 2px #071018}.badge.open{border-color:#9f9a4e;color:#dbd594;background:#5d602020}.progress-number{font-size:48px;color:#e6cb8a;text-shadow:0 0 10px #c19b4d30}.progress-track{height:16px;border:2px solid #b99c61;background:#040a0f;padding:2px;box-shadow:0 0 0 2px #1f211b,0 0 0 3px #755f3580,inset 0 2px 5px #000}.progress-track>div{height:8px;background:linear-gradient(#ffe6a6,#d8a846 45%,#9d6c24 55%,#e9c675)}.progress-glow{top:3px}.milestone-tick{top:2px}.reward{border:1px solid #8e764a;background:linear-gradient(#1d303a,#0b161e);box-shadow:inset 0 0 0 3px #080f15,inset 0 0 0 4px #a38b4c20,0 3px 14px #0004;overflow:visible}.reward:after,.reward:before{width:22px;height:22px;border-width:3px 0 0 3px;top:3px;left:3px;opacity:.85;border-color:#bfa363}.reward:after{top:auto;left:auto;bottom:3px;right:3px;border-width:0 3px 3px 0}.reward.unlocked{border-color:#e9cd86;background:linear-gradient(#3c3b24,#13201d);box-shadow:inset 0 0 0 3px #0b1517,0 0 20px #d6ac4720}.reward h3{font-size:14px}.reward-art{height:130px}.inventory-slot{position:relative;display:flex;align-items:center;justify-content:center;width:83px;height:83px;border:1px solid #b49b58;background:radial-gradient(#947a3230,#050f16 70%);box-shadow:0 0 0 3px #0a1118,0 0 0 4px #6c6137,inset 0 0 0 3px #d1af5130,0 0 25px #b58f3625;transform:rotate(-4deg)}.inventory-slot img{width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #f1b55350);transform:rotate(4deg)}.garment .inventory-slot{transform:rotate(3deg)}.garment .inventory-slot img{transform:rotate(-3deg)}.treasure .inventory-slot{border-color:#dec283;box-shadow:0 0 0 3px #11191d,0 0 0 4px #92743a,inset 0 0 0 3px #d1af5130,0 0 28px #bf702d30}.reward-halo{background:radial-gradient(ellipse,#b88d3150,transparent 70%)}.reward>p:last-child{color:#a6b0ad}.reward-kicker{color:#b3aa8a}.reward-footer{border-color:#bf9d5540}.reward-footer p{color:#b8b4a1}.eligibility-note{color:#939d9a}.eligibility-note strong{color:#d0c299}.join-section{color:#d1cfbf;background:linear-gradient(90deg,#0d171ff5,#0c161ec9,#0d171ff5),url(/art/twin-city.webp) 50%/cover;border-block:3px double #ab925c;box-shadow:inset 0 0 60px #0009;padding:58px 0 44px}.join-section:before{border-color:#ae92543d;inset:5px}.join-heading .eyebrow{color:#c0a667}.join-heading h2{color:#ece4c9;font-size:34px}.join-heading h2 em{color:#e1c27e}.join-heading>p:last-child{color:#b2b8b3}.steps{gap:18px}.step,.step:first-child{border:1px solid #9c814e80;background:linear-gradient(#18252fe8,#0c141cf0);padding:22px 18px;box-shadow:inset 0 0 0 3px #080e1490,inset 0 0 0 4px #977c3b30}.step-top>span{font-family:var(--serif);font-style:normal;font-size:33px;color:#d5b76c;text-shadow:0 2px #241807}.step-top svg{color:#c6b180}.step h3{color:#e0cc9e;font-size:11px;line-height:1.6}.step p{color:#aab3b0;font-size:10px}.step strong{color:#e5d8b9}.step-arrow{right:-17px;top:38px;color:#e2bf72;z-index:1}.crimson-button{border:1px solid #cdaa66;background:linear-gradient(#9e3e3b,#5e2023 55%,#762b2c);box-shadow:inset 0 0 0 3px #dda86140;color:#f6dc9e;letter-spacing:1.5px}.join-bottom p{color:#8f9b9e}.faq-section{background:#080e12ed}.faq p{color:#9da8a5}.faq button{color:#d6d7c7}.faq-section h2{font-size:33px}.footer{background:#080e12}.footer-brand{color:#d9bd7e}.footer p{color:#929c99}@media(min-width:1600px){.hero-content{padding-top:200px}.hero-art{background-position:center 42%}.hero-copy-panel{max-width:43%;width:510px}}@media(max-width:1100px){.header{padding-inline:25px}.navigation a{padding-inline:10px;font-size:9px}.hero{height:730px;min-height:700px}.hero-art{background-position:38%}.hero-content{padding-top:180px}.hero-copy-panel{width:46%;max-width:none}.hero h1{font-size:58px}.hero-shade{background:linear-gradient(90deg,transparent 18%,#080d1220 33%,#080d12bc 63%,#080d12e8),linear-gradient(0deg,#080d12,transparent 30%)}.realm-panel{padding-inline:30px}.section-heading{gap:30px}.hero-tagline{font-size:8px}.hero-chapter>div{font-size:7px}.hero-chapter small{font-size:8px}.steps{gap:16px}.step,.step:first-child{padding:19px 14px}}@media(max-width:760px){.header{height:79px;border-top-width:2px;padding:0 16px}.brand-seal{width:38px;height:40px}.brand-seal img{width:46px;height:46px}.navigation{top:77px;background:linear-gradient(#1a2a33,#0a131c);border-color:#b49b5f}.navigation a,.navigation a:first-child{padding:13px;font-size:11px;border:1px solid #b5944933}.hero{height:860px;min-height:810px;max-height:none}.hero-art{background-size:auto 560px;background-position:26% 65px;background-repeat:no-repeat;filter:saturate(1.1)}.hero-shade{background:linear-gradient(0deg,#080d12 1%,#080d12 15%,#080d12e8 29%,#080d1280 46%,transparent 65%,#080d1220 85%)}.hero-content{display:block;bottom:66px;padding-top:0}.hero-copy-panel{width:100%;max-width:100%}.hero-content .eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:13px}.version-seal{font-size:7px;letter-spacing:1.5px;margin-bottom:13px}.hero h1{font-size:62px;line-height:1}.hero h1>span{font-size:1.4em;line-height:1.05;letter-spacing:5px}.hero h1 strong{font-size:.75em;letter-spacing:4px}.hero-content .gold-rule{margin:19px auto}.hero-tagline{font-size:8px;letter-spacing:1px}.hero-copy{font-size:12px;margin:13px 0 18px}.hero-button{font-size:11px;padding:17px 30px}.hero-note{font-size:8px;margin-top:13px}.hero-chapter{margin-top:18px;padding-top:16px}.hero-chapter>span{font-size:12px;padding:5px 7px}.hero-runes{font-size:280px;right:-70px;top:380px}.explore{font-size:6px;bottom:20px}.status-grid{padding-block:6px}.stat,.stat:first-child{padding:18px 10px}.stat .guild-name,.stat strong{font-size:14px}.rewards-section{padding:36px 0}.realm-panel{width:calc(100% - 32px);padding:35px 18px 23px}.panel-ornament{font-size:23px;top:-18px}.panel-ornament span{width:45px}.realm-panel:after,.realm-panel:before{font-size:19px;top:-11px}.realm-panel:before{left:-10px}.realm-panel:after{right:-10px}.section-heading h2{font-size:28px}.section-heading{gap:20px}.rewards-intro p{font-size:11px}.progress-number{font-size:40px}.progress-summary,.progress-summary>div{gap:10px}.progress-caption{font-size:9px}.progress-caption small{font-size:7px;max-width:160px}.goal strong{font-size:16px}.reward{grid-template-columns:74px 1fr;padding:17px 15px;column-gap:15px}.reward-art{min-height:105px;height:auto}.inventory-slot{width:65px;height:65px}.inventory-slot img{width:46px;height:46px}.reward h3{font-size:12px}.reward-kicker{font-size:8px}.reward>p:last-child{font-size:9px}.reward-top .micro{font-size:7px}.reward-state{font-size:6px}.eligibility-note,.reward-footer p{font-size:8px}.join-section{padding:38px 0 30px;background-position:45%}.join-heading h2{font-size:27px}.join-heading>p:last-child{font-size:10px}.steps{gap:14px 12px}.step,.step:first-child{border:1px solid #9c814e80;padding:17px 13px}.step-top{gap:16px}.step-top>span{font-size:27px}.step-top svg{width:20px}.step h3{font-size:10px;margin-top:13px}.step p{font-size:9px}.faq-section h2{font-size:29px}.brand-stamp{font-size:9px}}@media(max-width:360px){.nav-discord{font-size:7px;padding:10px 8px}.brand{font-size:17px}.brand-bottom{font-size:10px}.hero h1{font-size:52px}.hero-tagline{font-size:7px}.step,.step:first-child{padding:15px 10px}}html{scroll-padding-top:118px}.header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(#0a1219fa,#14222af5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;pointer-events:none}.video-toggle{position:absolute;left:max(25px,calc((100vw - var(--container))/2));bottom:30px;z-index:5;display:flex;align-items:center;gap:8px;border:1px solid #ad915b80;background:#0b131bd9;color:#d8c89e;padding:10px 13px;font-size:9px;letter-spacing:.6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-toggle:hover{border-color:var(--gold);color:var(--gold)}@media(max-width:760px){html{scroll-padding-top:98px}.hero-video{inset:0;width:100%;height:100%;object-position:center}.video-toggle{left:16px;bottom:23px;font-size:8px;padding:8px}.video-toggle span{display:none}}@media(prefers-reduced-motion:reduce){.hero-embers,.hero-video{display:none}}