@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#e5dccd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--heading:"Cinzel", Georgia, serif;--sans:"Inter", Arial, sans-serif;background:#0b0b0d;font-family:Inter,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:25px}body{background:#0b0b0d;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{-webkit-tap-highlight-color:transparent}::selection{color:#17120b;background:#d6b477}#root{width:100%;min-height:100vh}.app-shell{background:#0b0b0d;width:100%;overflow:hidden}.site-header{z-index:5;background-color:#000;border-bottom:1px solid #be975340;justify-content:space-between;align-items:center;gap:30px;height:82px;padding:0 6%;display:flex;position:relative}.brand{color:#f0e4ca;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#d8b879;width:43px;height:43px;font-family:var(--heading);border:1px solid #b99559;place-items:center;font-size:28px;display:grid;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand-name{font-family:var(--heading);letter-spacing:3px;font-size:20px;line-height:1.2}.brand-name strong,.footer-brand strong{color:#d6b477}.brand-name small{color:#8b8171;font:9px var(--sans);letter-spacing:2px;margin-top:5px;display:block}.main-nav{justify-content:center;align-items:center;gap:clamp(16px,3vw,42px);display:flex}.main-nav a{color:#c0b8aa;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;text-decoration:none;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:#dfbd7e}.header-button{color:#17120b;letter-spacing:1px;white-space:nowrap;background:linear-gradient(135deg,#e0c18a,#ad874c);padding:12px 19px;font-size:10px;font-weight:800;text-decoration:none}.hero-section{text-align:center;isolation:isolate;background:radial-gradient(at 50% 72%,#865d2d38,#0000 48%),linear-gradient(#0a0a0d4d,#0b0b0d 100%),linear-gradient(110deg,#17171b,#29251f 48%,#111216);place-items:center;min-height:525px;display:grid;position:relative}.hero-section:before{content:"";z-index:-1;opacity:.42;background:linear-gradient(90deg,#0000 49.8%,#d7b87e1a 50%,#0000 50.2%),repeating-linear-gradient(0deg,#0000 0 65px,#ffffff06 66px 67px);position:absolute;inset:0}.hero-overlay{z-index:-1;background:radial-gradient(at 50% 42%,#0000 0,#00000024 48%,#0b0b0d 100%);position:absolute;inset:0}.hero-content{max-width:850px;padding:75px 20px 95px}.eyebrow,.section-kicker{color:#c6a46c;letter-spacing:4px;font-size:10px;font-weight:700}.hero-content h1{color:#f3eadb;font:500 clamp(58px, 10vw, 104px)/1.05 var(--heading);letter-spacing:8px;text-shadow:0 5px 30px #000;margin:22px 0 12px}.hero-content h1 span{color:#d5b477}.hero-divider{background:linear-gradient(90deg,#0000,#b99559,#0000);width:210px;height:1px;margin:22px auto;position:relative}.hero-divider i{background:#d7b77d;width:7px;height:7px;position:absolute;top:-3px;left:calc(50% - 3px);transform:rotate(45deg)}.hero-subtitle{color:#d4c8b5;font:15px var(--heading);letter-spacing:6px}.hero-description{color:#a9a198;margin-top:15px;font-size:13px}.hero-actions{justify-content:center;gap:14px;margin-top:32px;display:flex}.button{letter-spacing:1.5px;min-width:165px;padding:15px 20px;font-size:10px;font-weight:800;text-decoration:none;transition:all .2s}.button-gold{color:#17120b;background:linear-gradient(135deg,#e1c38e,#b28b50);border:1px solid #e3c991}.button-gold:hover{filter:brightness(1.13);transform:translateY(-2px)}.button-outline{color:#dfc99f;background:#0a0a0c73;border:1px solid #cfad70a6}.button-outline:hover{background:#cfad701f}.hero-version{color:#746c61;letter-spacing:2px;margin-top:38px;font-size:9px}.hero-version span{color:#b99559;padding:0 8px}.hero-bottom-fade{background:linear-gradient(#0000,#0b0b0d);height:75px;position:absolute;bottom:0;left:0;right:0}.rankings-grid{grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr) minmax(220px,1fr);align-items:stretch;gap:22px;max-width:1440px;margin:0 auto;padding:25px 4% 65px;display:grid}.ranking-panel{background:linear-gradient(145deg,#151518,#101013);border:1px solid #302a21;min-width:0;padding:22px 20px 16px}.panel-heading{border-bottom:1px solid #302a21;align-items:center;gap:13px;padding-bottom:18px;display:flex}.panel-symbol{color:#c5a36b;font-size:27px}.panel-heading h2{color:#e4d6bf;font:19px var(--heading);letter-spacing:2px}.panel-heading p{color:#82796c;margin-top:4px;font-size:10px}.ranking-table,.raid-table{padding-top:8px}.ranking-row{border-bottom:1px solid #ffffff0b;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:43px;font-size:11px;display:grid}.rank-number{color:#82796c;font:13px var(--heading)}.rank-1{color:#e5c276}.rank-2{color:#c5c6c9}.rank-3{color:#b77f57}.rank-player{color:#c9c0b3}.ranking-row strong{color:#c8a76e;font-size:11px}.demo-note{text-align:center;color:#71695d;letter-spacing:1.5px;padding-top:15px;font-size:8px}.server-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px 15px;display:flex}.server-summary h2,.section-heading h2,.callout-section h2{color:#eee4d3;font:29px/1.35 var(--heading);margin:13px 0}.server-summary h2 span,.section-heading h2 span,.callout-section h2 span{color:#c8a66e}.server-summary>p{color:#999187;max-width:420px;font-size:12px;line-height:1.9}.summary-separator{background:#8e7044;width:80px;height:1px;margin:25px 0}.summary-features{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.summary-features div{flex-direction:column;gap:5px;display:flex}.summary-features span{color:#c8a66e;font-size:18px}.summary-features strong{color:#d4c5ad;letter-spacing:1px;font-size:9px}.summary-features small{color:#766f65;font-size:9px}.raid-row{border-bottom:1px solid #ffffff0b;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:43px;display:grid}.raid-icon{color:#b99559;font-size:9px}.raid-name{color:#c9c0b3;font-size:11px}.raid-name small{color:#756d61;margin-top:3px;font-size:9px;display:block}.raid-status{color:#8e806b;text-align:right;font-size:8px}.content-section{max-width:1200px;margin:0 auto;padding:75px 5%}.section-heading{text-align:center;margin-bottom:35px}.section-heading>p{color:#928a7f;font-size:12px}.info-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.info-card{text-align:center;background:linear-gradient(145deg,#17171a,#111114);border:1px solid #302a21;padding:28px 24px}.info-icon{color:#c5a36b;font-size:27px}.info-card h3,.download-card h3{color:#e0d3bd;font:18px var(--heading);margin:15px 0 9px}.info-card p,.download-card p{color:#938a7d;font-size:11px;line-height:1.8}.callout-section{border-top:1px solid #302a21;border-bottom:1px solid #302a21;justify-content:space-between;align-items:center;gap:25px;max-width:1100px;margin:20px auto;padding:38px 5%;display:flex}.callout-section h2{font-size:24px}.callout-section p{color:#928a7f;font-size:11px}.coming-soon{color:#c4a46f;letter-spacing:1px;white-space:nowrap;border:1px solid #665338;padding:11px 14px;font-size:9px;font-weight:700;display:inline-block}.downloads-section{padding-top:65px;padding-bottom:85px}.download-card{background:#141417;border:1px solid #302a21;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:25px;display:flex}.download-emblem{color:#d1b17a;border:1px solid #8d7046;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.download-card h3{margin:0 0 7px}.download-card>div:nth-child(2){flex:1}.site-footer{text-align:center;background:#080809;border-top:1px solid #302a21;padding:35px 20px 25px}.footer-brand{color:#eee4d3;font:22px var(--heading);letter-spacing:3px;text-decoration:none}.site-footer p{color:#81786c;letter-spacing:2px;margin:10px 0 18px;font-size:9px}.back-top{color:#c6a46c;letter-spacing:1px;margin-bottom:22px;font-size:9px;text-decoration:none;display:inline-block}.site-footer>small{color:#625c53;font-size:9px;display:block}@media (width<=900px){.site-header{gap:15px;padding:0 3%}.main-nav{gap:14px}.main-nav a{letter-spacing:.8px;font-size:9px}.rankings-grid{grid-template-columns:1fr 1fr}.server-summary{grid-area:1/1/auto/-1}}@media (width<=620px){.site-header{flex-wrap:wrap;height:auto;min-height:75px;padding:14px 18px}.brand-mark{width:35px;height:35px;font-size:23px}.brand-name{font-size:17px}.header-button{padding:10px 12px;font-size:9px}.main-nav{border-top:1px solid #28231d;order:3;justify-content:space-between;width:100%;padding-top:12px}.main-nav a{font-size:9px}.hero-section{min-height:470px}.hero-content{padding:65px 18px 85px}.eyebrow{letter-spacing:2px;font-size:8px}.hero-content h1{letter-spacing:4px}.hero-subtitle{letter-spacing:4px;font-size:12px}.hero-description{font-size:11px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center}.button{box-sizing:border-box;width:210px}.rankings-grid{grid-template-columns:1fr;padding:20px 18px 45px}.server-summary{grid-area:auto;padding:30px 5px}.info-cards{grid-template-columns:1fr}.content-section{padding:55px 18px}.section-heading h2{font-size:25px}.callout-section{flex-direction:column;align-items:flex-start;margin:10px 18px;padding:30px 5px}.callout-section h2{font-size:21px}.download-card{flex-wrap:wrap;align-items:flex-start;padding:20px}.download-card .coming-soon{margin-left:68px}.brand-logo{object-fit:contain;flex-shrink:0;width:30%;height:120px;display:block}#logo-abril{width:80px}}.header-auth{align-items:center;gap:10px;display:flex}.header-login-button{color:#dfc99f;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #cfad708c;padding:11px 16px;font-size:10px;font-weight:800}.header-login-button:hover{background:#cfad701f}.account-name{color:#dfc99f;letter-spacing:1px;font-size:11px}.auth-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal{color:#e8dfd0;background:linear-gradient(145deg,#191817,#0e0e10);border:1px solid #cfad707a;width:100%;max-width:440px;padding:42px;position:relative;box-shadow:0 25px 90px #000000a6}.auth-modal h2{color:#f0e7d9;font-family:var(--heading);margin:12px 0;font-size:30px}.auth-modal h2 span{color:#d7b77d}.auth-description{color:#a9a095;font-size:13px;line-height:1.6}.auth-close{color:#d7b77d;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:12px;right:16px}.auth-tabs{border-bottom:1px solid #cfad7040;grid-template-columns:1fr 1fr;margin:26px 0 22px;display:grid}.auth-tabs button{color:#938b80;letter-spacing:1.5px;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px;font-size:11px;font-weight:800}.auth-tabs button.selected{color:#e1c38e;border-bottom-color:#d7b77d}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label{color:#d4c4a7;letter-spacing:.8px;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:700}.auth-form input{box-sizing:border-box;color:#f0e7d9;background:#101012;border:1px solid #45403a;outline:none;width:100%;padding:13px 14px;font-size:13px}.auth-form input:focus{border-color:#c9a66b;box-shadow:0 0 0 2px #c9a66b1f}.auth-form input::placeholder{color:#77716a}.auth-submit{cursor:pointer;width:100%;margin-top:15px}.auth-submit:disabled,.auth-close:disabled{opacity:.55;cursor:wait}.auth-message{margin:8px 0 0;padding:11px;font-size:12px;line-height:1.5}.auth-error{color:#ffaaa3;background:#96232326;border:1px solid #dc555559}.auth-success{color:#b9e4b6;background:#32824121;border:1px solid #64b4644d}.auth-footer{color:#716b62;letter-spacing:1.5px;text-align:center;margin:25px 0 0;font-size:9px}.auth-footer span{color:#c9a66b}.callout-section>button{cursor:pointer}@media (width<=900px){.header-auth{gap:6px}.account-name{display:none}}@media (width<=600px){.auth-modal{padding:34px 23px 25px}.auth-modal h2{font-size:25px}.header-auth{justify-content:center;width:100%}}.promo-banner{text-align:center;box-sizing:border-box;background:linear-gradient(100deg,#0c0d12f5,#231d16e8);border:1px solid #493b28;border-radius:10px;max-width:1100px;margin:28px auto;padding:25px 30px}.promo-banner-content{max-width:760px;margin:0 auto}.promo-banner-label{color:#c8a66e;letter-spacing:3px;font-size:10px;font-weight:700}.promo-banner h2{color:#eee4d3;margin:8px 0;font-size:22px}.promo-banner p{color:#aaa194;margin:8px 0 15px;font-size:13px;line-height:1.7}.promo-banner-button{color:#d8b77e;letter-spacing:1px;cursor:pointer;background:#c8a66e14;border:1px solid #9b7948;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.promo-banner-button:hover{color:#fff0d1;background:#c8a66e33;border-color:#d0ad72}.promo-arrow{transition:transform .25s;display:inline-block}.promo-arrow.expanded{transform:rotate(180deg)}.promo-banner-details{border-top:1px solid #c8a66e40;max-width:760px;margin:20px auto 0;padding:18px 15px 5px;animation:.25s promoReveal}.promo-banner-details h3{color:#c8a66e;margin:0 0 8px;font-size:16px}.promo-banner-details p{margin:0}@keyframes promoReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.promo-banner{margin:20px 15px;padding:22px 16px}.promo-banner h2{font-size:18px}.promo-banner-button{padding:10px 14px;font-size:10px}}.promo-banner{justify-content:space-between;align-items:center;gap:25px;display:flex}.promo-banner-content{flex:1}.promo-banner-image{border-radius:8px;flex:0 0 220px;height:135px;overflow:hidden}.promo-banner-image img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=600px){.promo-banner{flex-direction:column}.promo-banner-image{flex-basis:auto;width:100%;height:160px}}.promo-banner-full-image{isolation:isolate;box-sizing:border-box;min-height:220px;position:relative;overflow:hidden}.promo-banner-full-image .promo-banner-image{z-index:0;border-radius:inherit;opacity:.48;opacity:1;inset:0;flex:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.promo-banner-full-image .promo-banner-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.promo-banner-full-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0c0c0ff5 0%,#0c0c0fb8 55%,#0c0c0f40 100%);position:absolute;inset:0}@media (width<=600px){.promo-banner-full-image{min-height:220px}.promo-banner-full-image .promo-banner-image{width:100%;height:100%}}.promo-banner-full-image{position:relative;overflow:hidden}.promo-banner-full-image .promo-banner-image{opacity:1;z-index:0;flex:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.promo-banner-full-image .promo-banner-image img{object-fit:fill;object-position:center;width:100%;max-width:none;height:100%;display:block}.promo-banner-full-image .promo-banner-content{z-index:2;flex:1;width:100%;position:relative}.promo-banner-full-image{isolation:isolate;position:relative}.promo-banner-full-image .promo-banner-image{z-index:-1}.promo-banner-full-image .promo-banner-content{z-index:2;position:relative}.promo-banner-full-image .promo-banner-details{z-index:3;box-sizing:border-box;color:#fff;flex:0 0 100%;width:100%;position:relative}.promo-banner-full-image .promo-banner-details h3,.promo-banner-full-image .promo-banner-details p{z-index:3;color:#fff;position:relative}@media (width<=600px){.promo-banner-full-image{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;width:100%;height:auto;min-height:360px;padding:28px 20px;display:flex;overflow:hidden}.promo-banner-full-image .promo-banner-image{opacity:1;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.promo-banner-full-image .promo-banner-image img{object-fit:cover;object-position:center;width:100%;height:100%}.promo-banner-full-image:before{background:#05070cc7}.promo-banner-full-image .promo-banner-content{align-items:flex-start;width:100%;min-width:0}.promo-banner-full-image .promo-banner-content h2{overflow-wrap:break-word;font-size:clamp(24px,7vw,30px);line-height:1.2}.promo-banner-full-image .promo-banner-content p{overflow-wrap:break-word;font-size:15px;line-height:1.6}.promo-banner-full-image .promo-banner-button{white-space:normal;text-align:center;align-self:flex-start;max-width:100%}.promo-banner-full-image .promo-banner-details{box-sizing:border-box;overflow-wrap:break-word;width:100%;min-width:0}.promo-banner-full-image .promo-banner-details h3{font-size:19px}.promo-banner-full-image .promo-banner-details p{font-size:14px;line-height:1.7}}.raid-status{letter-spacing:.7px;white-space:nowrap;font-weight:800}.raid-status.status-alive{color:#79bd83}.raid-status.status-waiting{color:#d2a85f}.ranking-empty{color:#82796c;text-align:center;padding:18px 5px;font-size:11px;line-height:1.7}
