html { scrollbar-gutter: stable; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { overflow-x: hidden; }
body [hidden] { display: none !important; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #ffc174; outline-offset: 3px; }
header .h-20 { max-width: 1600px; margin: auto; }
header nav a { white-space: nowrap; }
#mobile-menu { display: none; color: #ffc174; border: 1px solid #534434; background: #1a1b21; width: 42px; height: 42px; align-items: center; justify-content: center; }
.territory-row { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid rgba(200,155,89,.22); background: #1a1d2c; transition: border-color .2s; }
.territory-row:hover { border-color: #f59e0b; }
.territory-row b { display: grid; place-items: center; flex: 0 0 42px; height: 42px; color: #ffc174; background: #34343a; font: 700 18px Sora, sans-serif; }
.territory-row span { display: grid; min-width: 0; gap: 3px; }
.territory-row strong { font: 700 14px Sora, sans-serif; text-transform: uppercase; }
.territory-row small { color: #a08e7a; font: 700 10px 'Space Grotesk', sans-serif; }
.territory-row em { margin-left: auto; color: #ffc174; font: 700 10px 'Space Grotesk', sans-serif; font-style: normal; white-space: nowrap; }
.consent { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px; color: #d8c3ad; font-size: 12px; }
.consent input { margin-top: 3px; }
.consent button { display: inline; width: auto; padding: 0; border: 0; color: #ffc174; background: transparent; text-decoration: underline; }
#form-result, #remove-result { min-height: 20px; color: #ffc174; font-size: 12px; }
.trap { position: absolute; left: -9999px; }
.privacy-dialog { width: min(520px, calc(100% - 24px)); padding: 30px; border: 1px solid #c89b59; color: #e3e1e9; background: #13151f; }
.privacy-dialog::backdrop { background: #000c; }
.privacy-dialog h2 { color: #ffc174; font: 700 24px Sora, sans-serif; text-transform: uppercase; }
.privacy-dialog p { margin: 16px 0; color: #d8c3ad; }
.privacy-dialog form { display: grid; gap: 9px; }
.privacy-dialog input { padding: 12px; border: 1px solid #534434; color: #fff; background: #070809; }
.privacy-dialog form button { padding: 12px; color: #472a00; background: #f59e0b; font-weight: 700; }
#privacy-close { position: absolute; top: 12px; right: 14px; font-size: 28px; color: #ffc174; background: transparent; }
#faq-accordion button[aria-expanded="true"] .material-symbols-outlined { transform: rotate(180deg); }
.auth-modal { font-family: Inter, sans-serif; }
.auth-modal .eyebrow { color: #ffc174; }
.auth-modal .button { display: flex; justify-content: space-between; padding: 14px; color: #472a00; background: #f59e0b; }
@media (max-width: 1430px) {
  header .h-20 { gap: 10px; padding-inline: 18px; }
  header nav { gap: 0; }
  header nav a { padding: 7px 8px !important; font-size: 10px !important; }
  header .h-20 > div:last-child a { padding: 7px 9px; font-size: 10px; }
}
@media (max-width: 1280px) {
  #mobile-menu { display: flex; position: absolute; top: 19px; right: 16px; }
  header .h-20 { padding-right: 70px; }
  header nav { display: none !important; position: absolute; top: 80px; left: 0; right: 0; padding: 14px; background: #0d0e13; border-bottom: 1px solid #534434; box-shadow: 0 18px 26px #0009; grid-template-columns: repeat(4, 1fr); gap: 8px; }
  header nav.is-open { display: grid !important; }
  header nav a { padding: 14px !important; text-align: center; }
}
@media (max-width: 700px) {
  header .h-20 { padding-left: 12px; }
  header .h-20 > div:last-child { display: none; }
  header nav { grid-template-columns: repeat(2, 1fr); }
  .territory-row { flex-wrap: wrap; }
  .territory-row em { margin-left: 54px; }
  .auth-modal { max-height: 95vh; }
}

[data-hero-art="true"] { background-image: url("/assets/velkar-home-hero.jpg") !important; }
[data-hero-art="true"] { opacity: .82 !important; mix-blend-mode: normal !important; background-position: center 38% !important; }

/* Velkar primary navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:80px;background:rgba(7,8,9,.97);border-bottom:1px solid rgba(200,155,89,.22);box-shadow:0 10px 30px #000a;backdrop-filter:blur(16px)}
.site-header-inner{display:flex;align-items:center;gap:18px;width:100%;max-width:1600px;height:100%;margin:auto;padding:0 clamp(16px,2.2vw,34px)}
.site-brand{display:flex;align-items:center;flex:0 0 auto;gap:9px;min-width:156px;text-decoration:none}
.site-brand img{width:39px;height:46px;object-fit:contain;filter:drop-shadow(0 0 7px #c89b5955)}
.site-brand span{display:flex;flex-direction:column;line-height:1}.site-brand b{color:#ffc174;font:800 20px Sora,sans-serif;letter-spacing:.11em}.site-brand small{margin-top:5px;color:#a08e7a;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.16em}
#home-nav{display:flex!important;align-items:center;justify-content:center;flex:1;gap:2px;min-width:0}
#home-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:9px clamp(6px,.62vw,12px);color:#c9bdb0;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.035em;white-space:nowrap;text-decoration:none;transition:color .2s,background .2s}
#home-nav>a:hover,#home-nav>a[aria-current="page"]{color:#ffc174;background:#2a2116}
#home-nav>a[aria-current="page"]{box-shadow:inset 0 -2px #f59e0b}
.account-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.account-actions a,.account-member{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px;border:1px solid #c89b5955;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.045em;white-space:nowrap;text-decoration:none;transition:background .2s,filter .2s}
.account-actions .login-button{color:#f1d8b4;background:#1b1d25}.account-actions .login-button:hover{background:#30313a}.account-actions .register-button,.account-member{color:#2a1700;border-color:#f59e0b;background:#f59e0b;box-shadow:0 0 18px #f59e0b55}.account-actions .register-button:hover,.account-member:hover{filter:brightness(1.14)}
#home-nav .mobile-actions,#home-nav .mobile-account{display:none}#mobile-menu{display:none!important}
@media(max-width:1400px){.site-header-inner{gap:11px;padding-inline:16px}.site-brand{min-width:145px}.site-brand b{font-size:18px}#home-nav>a{font-size:9px;padding-inline:6px}.account-actions a,.account-member{padding-inline:10px;font-size:9px}}
@media(max-width:1280px){.site-header-inner{padding-right:16px}#mobile-menu{display:flex!important;position:static;width:42px;height:42px;flex:0 0 auto;margin-left:0}#home-nav{display:none!important;position:absolute;top:80px;left:0;right:0;max-height:calc(100vh - 80px);overflow:auto;padding:17px;background:#0d0e13;border-bottom:1px solid #534434;box-shadow:0 22px 30px #000b;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#home-nav.is-open{display:grid!important}#home-nav>a{min-height:44px;padding:12px!important;font-size:11px!important;text-align:center}.site-brand{margin-right:auto}}
@media(max-width:760px){.site-header{height:72px}.site-header-inner{gap:10px;padding:0 13px}.site-brand img{width:34px;height:40px}.site-brand b{font-size:18px}.site-brand small{font-size:7px}.account-actions,.account-member{display:none!important}#mobile-menu{margin-left:auto}#home-nav{top:72px;max-height:calc(100vh - 72px);grid-template-columns:repeat(2,minmax(0,1fr))}#home-nav .mobile-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px;border-top:1px solid #534434}#home-nav .mobile-actions[hidden],#home-nav .mobile-account[hidden]{display:none!important}#home-nav .mobile-actions a,#home-nav .mobile-account{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;color:#f1d8b4;background:#1b1d25;border:1px solid #c89b5955;font:700 11px 'Space Grotesk',sans-serif;text-decoration:none}#home-nav .mobile-actions a:last-child,#home-nav .mobile-account{color:#2a1700;background:#f59e0b;border-color:#f59e0b}#home-nav .mobile-account:not([hidden]){grid-column:1/-1}main{padding-top:72px!important}}
/* Hero typography and alignment */
.hero-section{min-height:clamp(670px,calc(100svh - 80px),860px)}
.hero-content{max-width:1050px;padding:88px 24px 112px;transform:translateY(-4px)}
.hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:0 0 23px;padding:8px 12px;background:rgba(24,25,31,.92);border-color:rgba(245,158,11,.5)}
.hero-badge-label{color:#ffd095;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.09em;line-height:1.25;text-transform:uppercase}
.hero-badge>span:last-child{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.06em;white-space:nowrap}
.hero-eyebrow{justify-content:center;margin-bottom:13px}.hero-eyebrow span:nth-child(2){color:#ffc174;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.21em;line-height:1.35}
.hero-title{max-width:950px;margin:0;color:#f5f2ee;font:800 clamp(38px,4.4vw,62px)/1.11 Sora,sans-serif;letter-spacing:-.025em;text-shadow:0 4px 22px #000e}
.hero-title span{display:inline-block}
.hero-subtitle{max-width:735px;margin:22px auto 0;color:#e4ddd5;font:400 16px/1.65 Inter,sans-serif;text-shadow:0 2px 12px #000;letter-spacing:0}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:min(100%,650px);max-width:650px;margin:31px auto 0}
.hero-actions .hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:62px;padding:12px 20px;font:700 15px/1.15 Sora,sans-serif;letter-spacing:.025em;white-space:nowrap;text-align:center}
.hero-actions .hero-cta .material-symbols-outlined{font-size:22px;flex:0 0 auto}
.hero-meta{margin-top:20px;color:#e0c9a8;font:700 10px/1.5 'Space Grotesk',sans-serif;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 9px #000}
@media(max-width:760px){.hero-section{min-height:690px}.hero-content{padding:86px 18px 92px;transform:none}.hero-badge{margin-bottom:20px}.hero-badge-label{font-size:10px}.hero-eyebrow span:nth-child(2){font-size:10px;letter-spacing:.12em}.hero-eyebrow span:first-child,.hero-eyebrow span:last-child{width:23px}.hero-title{font-size:clamp(32px,7vw,46px);line-height:1.14}.hero-subtitle{max-width:510px;margin-top:20px;font-size:14px;line-height:1.6}.hero-actions{max-width:360px;grid-template-columns:1fr;gap:10px;margin-top:27px}.hero-actions .hero-cta{min-height:55px;font-size:14px}.hero-meta{max-width:300px;margin-top:19px;font-size:9px;line-height:1.55}}
.hero-title span{background-image:linear-gradient(90deg,#ffe3ad 0%,#fbbf24 52%,#ffe6b9 100%)!important;filter:drop-shadow(0 3px 9px #000d)}
.hero-title span{background:none!important;color:#ffc43d!important;-webkit-text-fill-color:#ffc43d!important;filter:none!important;text-shadow:0 4px 22px #000e,0 0 25px #f59e0b44}

/* Compact live dashboard under the hero */
.home-live-stats{margin-top:-26px;padding-inline:clamp(16px,2.5vw,36px)}
.home-live-stats>div,.home-control-section>div{max-width:1400px;gap:16px}
.home-live-stats>div>div{min-width:0;min-height:105px;padding:17px 19px;background:#161923;border:1px solid #554431;box-shadow:0 12px 25px #0008}
.home-live-stats>div>div>div:first-child{min-width:0;gap:4px}
.home-live-stats>div>div>div:first-child>span:first-child{color:#b9a98f;font:700 10px/1.15 'Space Grotesk',sans-serif;letter-spacing:.12em}
.home-live-stats>div>div>div:first-child>div{min-height:30px;margin:1px 0;gap:7px}
.home-live-stats>div>div>div:first-child>span:last-child{color:#b7b4b8;font:400 11px/1.25 Inter,sans-serif}
.home-live-stats>div>div>div:last-child{flex:0 0 42px;width:42px;height:42px;background:#252834;border:1px solid #493b32}
.home-live-stats>div>div>div:last-child .material-symbols-outlined{font-size:24px}
#server-status,#online-count,#accounts-count{color:#f8f6f3;font:800 27px/1 Sora,sans-serif;letter-spacing:-.035em}
#server-status{font-size:22px;letter-spacing:-.02em}
.home-live-stats.server-offline #server-status{color:#ecb467}
.home-live-stats>div>div:nth-child(4)>div:first-child>div>span:first-child{color:#f7f4ef;font:800 22px/1 Sora,sans-serif;white-space:nowrap}
.home-live-stats>div>div:nth-child(4)>div:first-child>div>span:last-child{font-size:10px;white-space:nowrap}
.home-control-section{padding:18px clamp(16px,2.5vw,36px) 44px}
.home-control-section>div{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:stretch}
.home-control-section>div>div{min-width:0;padding:22px 24px;border-color:#695037;background-color:#181b25}
.home-control-section>div>div:first-child{gap:16px}
.home-control-section>div>div:last-child{background:linear-gradient(140deg,#30271f,#1b1d27 60%,#141720);border-color:#a07842}
.home-control-section h2,.home-control-section h3{margin:0;color:#f5f3f0;font:800 clamp(23px,2.05vw,31px)/1.14 Sora,sans-serif;letter-spacing:-.025em}
.home-control-section h3 span{color:#ffc43d;-webkit-text-fill-color:#ffc43d;background:none}
.home-control-section p{max-width:68ch;margin:14px 0 17px;color:#c9c4c3;font:400 13px/1.55 Inter,sans-serif}
.home-control-section>div>div:last-child p{max-width:52ch}
.home-control-section .territory-row{min-height:63px;margin-top:7px;padding:8px 11px;background:#202431;border-color:#514632}
.home-control-section .territory-row b{flex-basis:37px;height:37px;background:#292b33;font-size:14px}
.home-control-section .territory-row strong{font-size:12px;line-height:1.2}
.home-control-section .territory-row small{font-size:9px}
.home-control-section .territory-row em{font-size:9px;color:#9ee6bb}
.home-control-section>div>div:last-child .grid>div{min-height:31px;margin-bottom:0;padding:5px 8px}
.home-control-section>div>div:last-child .grid>div span:last-child{font-size:10px;line-height:1.3}
.home-control-section>div>div:last-child .grid{gap:5px;margin-bottom:16px}
.home-control-section>div>div:last-child>a{min-height:46px}
@media(max-width:1000px){.home-control-section>div{grid-template-columns:1fr}.home-live-stats>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.home-live-stats{margin-top:-16px}.home-live-stats>div{gap:9px}.home-live-stats>div>div{min-height:102px;padding:12px}.home-live-stats>div>div>div:last-child{width:32px;height:34px;flex-basis:32px}.home-live-stats>div>div>div:last-child .material-symbols-outlined{font-size:20px}#server-status{font-size:18px}#online-count,#accounts-count{font-size:23px}.home-live-stats>div>div:nth-child(4)>div:first-child>div{display:block}.home-live-stats>div>div:nth-child(4)>div:first-child>div>span:first-child{font-size:18px}.home-live-stats>div>div:nth-child(4)>div:first-child>div>span:last-child{display:block;margin-top:3px}.home-control-section>div>div{padding:18px}.home-control-section h2,.home-control-section h3{font-size:22px}.home-control-section .territory-row{gap:8px}.home-control-section .territory-row em{margin-left:auto}}

@media(min-width:1001px){.home-control-section>div>div{grid-column:auto!important}}

/* Beta event cards */
.home-events{padding:42px clamp(16px,2.5vw,36px) 38px;background:#0d0f16;border-block:1px solid #3e3329}
.home-events-inner{max-width:1400px;margin:auto}
.home-events-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:18px}
.home-events-eyebrow{display:block;margin-bottom:5px;color:#d8ac71;font:700 10px/1.3 'Space Grotesk',sans-serif;letter-spacing:.12em}
.home-events h2{margin:0;color:#f4f3f2;font:800 clamp(27px,2.4vw,36px)/1.14 Sora,sans-serif;letter-spacing:-.025em}
.home-events-heading p{width:min(100%,420px);margin:0 0 2px;color:#c7c2c4;font:400 13px/1.55 Inter,sans-serif}
.home-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-event-card{display:flex;flex-direction:column;min-width:0;min-height:270px;padding:20px;background:#171923;border:1px solid #554336;box-shadow:0 10px 28px #0006;transition:border-color .2s,transform .2s}
.home-event-card:hover{border-color:#c89b59;transform:translateY(-2px)}
.home-event-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-event-tag{padding:4px 8px;color:#ff8799;background:#4c1e2b;border:1px solid #913548;font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.055em}
.home-event-top .material-symbols-outlined{font-size:21px;color:#fa5679}
.home-events h3{margin:10px 0 0;color:#f5f3f1;font:800 20px/1.15 Sora,sans-serif}
.home-event-card>p{min-height:63px;margin:8px 0 13px;color:#c7c1c1;font:400 12px/1.48 Inter,sans-serif}
.home-event-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:11px 12px;background:#0d1018;border:1px solid #4b4138}
.home-event-detail span{display:flex;flex-direction:column;gap:5px;color:#a8a3a4;font:700 9px/1.25 'Space Grotesk',sans-serif;letter-spacing:.045em}
.home-event-detail span:last-child{text-align:right}
.home-event-detail strong{color:#f57a90;font:800 14px/1.15 Sora,sans-serif;letter-spacing:0}
.home-event-detail span:last-child strong{color:#e4d7be;font-size:11px}
.home-event-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;color:#aaa19b;font:700 9px/1.25 'Space Grotesk',sans-serif;letter-spacing:.04em}
.home-event-bottom a{color:#ffbd70;text-decoration:none;white-space:nowrap}
.home-event-bottom a:hover{text-decoration:underline}
.event-devil .home-event-tag{color:#ffd18a;background:#51371e;border-color:#a87134}
.event-devil .home-event-top .material-symbols-outlined,.event-devil .home-event-detail strong{color:#ffbf63}
.event-chaos .home-event-tag{color:#8edcf3;background:#163843;border-color:#327d99}
.event-chaos .home-event-top .material-symbols-outlined,.event-chaos .home-event-detail strong{color:#66c9ef}
.home-events-note{margin:16px 0 0;color:#a89f9b;font:400 11px/1.5 Inter,sans-serif}
@media(max-width:900px){.home-events-grid{grid-template-columns:1fr 1fr}.home-events-grid .home-event-card:last-child{grid-column:1/-1}.home-event-card{min-height:265px}}
@media(max-width:620px){.home-events{padding-block:33px}.home-events-heading{display:block}.home-events-heading p{margin-top:11px}.home-events-grid{grid-template-columns:1fr;gap:10px}.home-events-grid .home-event-card:last-child{grid-column:auto}.home-event-card{min-height:0;padding:17px}.home-event-card>p{min-height:0}.home-event-detail{margin-top:5px}.home-event-detail strong{font-size:13px}.home-events h3{font-size:19px}}

@media(min-width:1101px){.home-events-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-event-card{min-height:290px;padding:17px}.home-event-card>p{min-height:81px}.home-event-detail{padding:10px 8px}.home-event-detail strong{font-size:12px}.home-event-detail span:last-child strong{font-size:10px}.home-event-bottom{font-size:8px}}
@media(min-width:901px) and (max-width:1100px){.home-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-events-grid .home-event-card:last-child{grid-column:auto}}
@media(min-width:621px) and (max-width:900px){.home-events-grid .home-event-card:last-child{grid-column:auto}}
.event-arena .home-event-tag{color:#cbb6fb;background:#33224f;border-color:#7556ad}.event-arena .home-event-top .material-symbols-outlined,.event-arena .home-event-detail strong{color:#b99bfa}
.event-arena.is-open .home-event-tag{color:#9ee6bb;background:#1b4130;border-color:#3b8462}

@media(min-width:1101px){.event-arena .home-event-detail strong{font-size:10px}.event-arena .home-event-detail span:last-child strong{font-size:9px;white-space:nowrap}}

/* Seven class showcase and client download */
.home-classes{padding:42px clamp(16px,2.5vw,36px) 40px;background:#111319}
.home-classes>div,.home-downloads>div{max-width:1400px}
.home-classes>div>div:first-child{margin-bottom:21px}
.home-classes>div>div:first-child>span{font:700 10px/1.3 'Space Grotesk',sans-serif;letter-spacing:.18em}
.home-classes h2{margin:6px 0 0;color:#f5f3f0;font:800 clamp(27px,2.35vw,36px)/1.16 Sora,sans-serif;letter-spacing:-.025em}
.home-classes>div>div:first-child p{max-width:710px;margin:7px auto 0;color:#c7c1bf;font:400 13px/1.5 Inter,sans-serif}
.home-classes>div>div:nth-child(2){grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.home-classes>div>div:nth-child(2)>div{min-width:0;min-height:192px;padding:15px 10px 13px;background:#171922;border-color:#4d433b;box-shadow:0 8px 20px #0005}
.home-classes>div>div:nth-child(2)>div>div:first-child{width:45px;height:45px;margin-bottom:10px;background:#22252d}
.home-classes>div>div:nth-child(2)>div>div:first-child .material-symbols-outlined{font-size:27px}
.home-classes>div>div:nth-child(2)>div>span,.home-classes>div>div:nth-child(2)>div>span{font:700 9px/1.2 'Space Grotesk',sans-serif;letter-spacing:.035em}
.home-classes h3{margin:5px 0 0;color:#f4f2f0;font:800 14px/1.22 Sora,sans-serif}
.home-classes>div>div:nth-child(2)>div>p{display:block;overflow:visible;min-width:0;margin:8px 0 0;color:#bbb6b4;font:400 11px/1.45 Inter,sans-serif;white-space:normal;line-clamp:unset;-webkit-line-clamp:unset}

/* Color response for the seven playable classes */
.home-classes>div>div:nth-child(2)>div{--class-accent:#e0695d;--class-glow:224,105,93;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.home-classes>div>div:nth-child(2)>div:nth-child(2){--class-accent:#51c8e8;--class-glow:81,200,232}
.home-classes>div>div:nth-child(2)>div:nth-child(3){--class-accent:#65dca5;--class-glow:101,220,165}
.home-classes>div>div:nth-child(2)>div:nth-child(4){--class-accent:#f1ad4b;--class-glow:241,173,75}
.home-classes>div>div:nth-child(2)>div:nth-child(5){--class-accent:#e5c16b;--class-glow:229,193,107}
.home-classes>div>div:nth-child(2)>div:nth-child(6){--class-accent:#bc8af1;--class-glow:188,138,241}
.home-classes>div>div:nth-child(2)>div:nth-child(7){--class-accent:#f26475;--class-glow:242,100,117}
@media(hover:hover){
.home-classes>div>div:nth-child(2)>div:hover{transform:translateY(-6px);background:linear-gradient(160deg,rgba(var(--class-glow),.25),#1b1d27 76%);border-color:var(--class-accent);box-shadow:0 12px 28px #0008,0 0 22px rgba(var(--class-glow),.27)}
.home-classes>div>div:nth-child(2)>div:hover>div:first-child{background:rgba(var(--class-glow),.18);box-shadow:0 0 15px rgba(var(--class-glow),.32)}
.home-classes>div>div:nth-child(2)>div:hover h3{color:var(--class-accent)}
}
.home-classes>div>div:nth-child(2)>div>div:first-child,.home-classes h3{transition:background .22s ease,box-shadow .22s ease,color .22s ease}
@media(prefers-reduced-motion:reduce){.home-classes>div>div:nth-child(2)>div,.home-classes>div>div:nth-child(2)>div>div:first-child,.home-classes h3{transition:none}.home-classes>div>div:nth-child(2)>div:hover{transform:none}}
.home-downloads{padding:34px clamp(16px,2.5vw,36px) 42px;background:#0e1017}
.home-downloads>div>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:22px}
.home-downloads>div>div>div{grid-column:auto!important;min-width:0}
.home-downloads>div>div>div:first-child{justify-content:space-between}
.home-downloads>div>div>div:first-child>span{color:#d8a96e;font:700 10px/1.3 'Space Grotesk',sans-serif;letter-spacing:.11em}
.home-downloads h2{margin:7px 0 0;color:#f3f2ef;font:800 clamp(29px,2.55vw,39px)/1.1 Sora,sans-serif;letter-spacing:-.025em}
.home-downloads h2 span{background:none;color:#ffc43d;-webkit-text-fill-color:#ffc43d}
.home-downloads>div>div>div:first-child>p{max-width:580px;margin:14px 0 20px;color:#c9c4c2;font:400 13px/1.55 Inter,sans-serif}
.home-downloads>div>div>div:first-child>div:last-child{gap:12px}
.home-downloads>div>div>div:first-child>div:last-child>a{min-width:0;min-height:106px;padding:15px;background:#171a24;border-color:#5a4737}
.home-downloads>div>div>div:first-child>div:last-child>a span{line-height:1.3}
.home-downloads>div>div>div:first-child>div:last-child>a>div>span:first-child{font:800 15px/1.2 Sora,sans-serif}
.home-downloads>div>div>div:first-child>div:last-child>a>span:nth-child(2){color:#aaa5a7;font:400 11px/1.4 Inter,sans-serif}
.home-downloads>div>div>div:first-child>div:last-child>a>span:last-child{color:#f8c589;font:700 12px/1.2 'Space Grotesk',sans-serif}
.home-downloads>div>div>div:first-child>div:last-child>a:last-child>span:last-child{color:#7ed5ee}
.home-downloads>div>div>div:last-child{padding:20px 22px;background:#171923;border-color:#554536}
.home-downloads h3{margin:0 0 14px;color:#f2f1ee;font:800 21px/1.2 Sora,sans-serif}
.home-downloads h3 .material-symbols-outlined{font-size:23px}
.home-downloads>div>div>div:last-child>div{display:grid;gap:11px}
.home-downloads>div>div>div:last-child>div>div{gap:12px}
.home-downloads>div>div>div:last-child>div>div>span{width:35px;height:35px;flex:0 0 35px;font-size:15px}
.home-downloads h4{margin:0;color:#f5f3f0;font:800 14px/1.25 Sora,sans-serif}
.home-downloads>div>div>div:last-child p{margin:3px 0 0;color:#bbb5b5;font:400 11px/1.45 Inter,sans-serif}
@media(max-width:1100px){.home-classes>div>div:nth-child(2){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.home-downloads>div>div{grid-template-columns:1fr}.home-classes>div>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}.home-classes>div>div:nth-child(2)>div{min-height:175px}}
@media(max-width:480px){.home-classes,.home-downloads{padding-inline:15px}.home-classes>div>div:nth-child(2)>div{padding:12px 8px}.home-classes h3{font-size:12px}.home-classes>div>div:nth-child(2)>div>p{font-size:10px}.home-downloads>div>div>div:first-child>div:last-child{flex-direction:column}.home-downloads>div>div>div:first-child>div:last-child>a{min-height:93px}}

/* Community, newsletter, FAQ and footer */
.home-community{padding:34px clamp(16px,2.5vw,36px) 37px;background:#111319}
.home-community-inner,.home-footer-inner{max-width:1400px;margin:auto}
.home-community-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:stretch}
.community-card,.notice-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:21px 23px;border:1px solid #504637;background:#181b26;box-shadow:0 10px 25px #0007}
.community-card{background:linear-gradient(110deg,#181b2d,#20222d 62%,#26272c);border-color:#424a72}
.community-eyebrow,.notice-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#8f9ff4;font:700 10px/1.3 'Space Grotesk',sans-serif;letter-spacing:.06em}
.community-dot{width:8px;height:8px;border-radius:50%;background:#5865f2;box-shadow:0 0 12px #5865f2}
.community-card h2,.notice-card h2{margin:6px 0 0;color:#f3f2f1;font:800 clamp(23px,2.1vw,30px)/1.18 Sora,sans-serif;letter-spacing:-.02em}
.community-card p,.notice-card>div>p{max-width:650px;margin:12px 0;color:#c6c2c1;font:400 13px/1.55 Inter,sans-serif}
.community-points{display:flex;flex-wrap:wrap;gap:9px 16px;margin:17px 0 24px;color:#c8c5d6;font:700 10px/1.25 'Space Grotesk',sans-serif;letter-spacing:.03em}
.community-points span:before{content:'•';margin-right:6px;color:#70dbb6}
.community-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid #44475b}
.community-bottom>span{color:#b9b8c0;font:400 11px/1.4 Inter,sans-serif}
.community-bottom a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 16px;color:#fff;background:#5865f2;font:700 10px/1.2 'Space Grotesk',sans-serif;text-decoration:none;white-space:nowrap}
.community-bottom a:hover{background:#6b76fa}.community-bottom .material-symbols-outlined{font-size:15px}
.notice-card{border-color:#6c5638;background:#171923}
.notice-eyebrow{color:#e2b67f}
.notice-card h2{font-size:clamp(21px,1.8vw,26px)}
.notice-card>div>p{margin:9px 0 15px}
.notice-card form{display:grid;gap:8px}
.notice-card form>label:first-child{color:#d6c4aa;font:700 10px/1.2 'Space Grotesk',sans-serif}
.notice-card input[type=email]{width:100%;min-height:42px;padding:10px 12px;color:#f5f3ef;background:#0b0d12;border:1px solid #51473a;font:400 13px Inter,sans-serif}
.notice-card input[type=email]:focus{outline:2px solid #e7aa54;outline-offset:1px}
.notice-card form>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 14px;color:#2a1700;background:#f5a909;font:800 11px/1.2 'Space Grotesk',sans-serif}
.notice-card form>button:hover{background:#ffc154}
.notice-card .consent{margin:3px 0 0;font-size:11px;line-height:1.4}
.notice-card .consent button{font-size:11px}
.notice-card #form-result{min-height:16px;margin:0;font-size:11px}
.notice-foot{margin:12px 0 0;padding-top:9px;border-top:1px solid #4c443b;color:#b7b2b0;font:400 11px/1.4 Inter,sans-serif}
.home-faq{padding:40px clamp(16px,2.5vw,36px) 48px;background:#0d0f15;border-top:1px solid #2a2a32}
.home-faq-inner{width:min(100%,910px);margin:auto}
.home-faq-heading{text-align:center;margin-bottom:20px}
.home-faq-heading span{color:#d3a66e;font:700 10px/1.2 'Space Grotesk',sans-serif;letter-spacing:.1em}
.home-faq h2{margin:6px 0 0;color:#f5f3f1;font:800 clamp(25px,2.4vw,34px)/1.2 Sora,sans-serif}
#faq-accordion{display:grid;gap:9px}
.faq-item{background:#171923;border:1px solid #504234}
.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:50px;padding:12px 17px;color:#f1efed;background:transparent;border:0;text-align:left;cursor:pointer;font:700 14px/1.35 Sora,sans-serif}
.faq-item button:hover{background:#242631}
.faq-item button .material-symbols-outlined{flex:0 0 auto;color:#ffc174;font-size:21px;transition:transform .2s}
.faq-item button[aria-expanded=true] .material-symbols-outlined{transform:rotate(180deg)}
.faq-content{padding:0 17px 16px;color:#c7c2c0;font:400 13px/1.6 Inter,sans-serif}
.faq-content.hidden{display:none}
.home-footer{padding:34px clamp(16px,2.5vw,36px) 20px;background:#15161c;border-top:1px solid #54432d}
.home-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.home-footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.home-footer-brand span{color:#ffc174;font:800 19px Sora,sans-serif}.home-footer-brand small{padding:3px 5px;color:#ffd2ab;background:#68332b;font:700 8px 'Space Grotesk',sans-serif}
.home-footer p{max-width:280px;margin:12px 0;color:#bdb6b4;font:400 12px/1.5 Inter,sans-serif}
.home-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.home-footer h2{margin:2px 0 10px;color:#e1b680;font:700 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.055em}
.home-footer a{color:#cdc5bf;font:400 12px/1.35 Inter,sans-serif;text-decoration:none}.home-footer a:hover{color:#ffc174}
.footer-live{display:inline-flex;align-items:center;gap:7px;margin-top:5px;color:#a8dec0;font:700 10px 'Space Grotesk',sans-serif}.footer-live i{width:7px;height:7px;border-radius:50%;background:#38be78}
.home-footer .footer-discord{display:inline-flex;gap:7px;margin-top:3px;padding:8px 12px;border:1px solid #5a5162;background:#272731;color:#eee8e5;font:700 10px 'Space Grotesk',sans-serif}
.home-footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:27px;padding-top:14px;border-top:1px solid #3d393a;color:#99918d;font:400 10px/1.45 Inter,sans-serif}
@media(max-width:900px){.home-community-inner{grid-template-columns:1fr}.home-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-community,.home-faq,.home-footer{padding-inline:15px}.community-card,.notice-card{padding:18px}.community-bottom{align-items:stretch;flex-direction:column}.community-bottom a{width:100%}.faq-item button{font-size:12px}.home-footer-grid{gap:25px 14px}.home-footer-bottom{flex-direction:column;gap:5px}}

.account-slot{display:flex;align-items:center;justify-content:flex-end;flex:0 0 165px;min-width:165px}
@media(max-width:760px){.account-slot{display:none!important}}

/* La beta es el primer anuncio del hero. */
.hero-beta-banner{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 0 24px;padding:15px 28px 13px;border:1px solid #e4a5528c;background:linear-gradient(110deg,#171419df,#3a2518d9,#171419df);box-shadow:0 0 45px #f59e0b2b,inset 0 1px #ffe0a044;backdrop-filter:blur(9px);max-width:100%}
.hero-beta-kicker{display:flex;align-items:center;gap:9px;color:#ffdbad;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.18em}
.hero-beta-kicker i{width:8px;height:8px;border-radius:50%;background:#54e3a2;box-shadow:0 0 12px #54e3a2}
.hero-beta-banner strong{color:#fff5df;font:800 clamp(30px,4.4vw,58px)/1.02 Sora,sans-serif;letter-spacing:-.045em;text-shadow:0 3px 20px #000}
.hero-beta-banner em{font-style:normal;color:#ffc43d;text-shadow:0 0 25px #f59e0b7a}
.hero-beta-banner small{color:#efc990;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.13em}
@media(max-width:760px){.hero-beta-banner{padding:14px 12px;margin-bottom:19px;gap:7px}.hero-beta-banner strong{font-size:clamp(28px,7.5vw,43px)}.hero-beta-banner small{font-size:8px;letter-spacing:.06em}}

.hero-prize-banner{text-decoration:none;min-width:min(660px,100%);padding:17px 28px 16px;gap:6px;transition:transform .2s,box-shadow .2s}
.hero-prize-banner:hover{transform:translateY(-3px);box-shadow:0 15px 45px #0009,0 0 48px #f59e0b55}
.hero-prize-line{color:#fff4df;font:800 clamp(20px,2.7vw,35px)/1.12 Sora,sans-serif;letter-spacing:-.04em}
.hero-prize-line b{color:#ffc43d;white-space:nowrap;text-shadow:0 0 25px #f59e0b77}
.hero-prize-banner small{margin-top:2px}
@media(max-width:760px){.hero-prize-banner{padding:14px 12px;min-width:0}.hero-prize-line{font-size:clamp(18px,5vw,27px)}}

/* Canal de noticias oficial */
.whatsapp-news{grid-column:1/-1;display:flex;align-items:center;gap:23px;min-width:0;padding:24px 28px;border:1px solid #457d64;background:radial-gradient(circle at 9% 40%,#1859416b,transparent 34%),linear-gradient(105deg,#142820,#172128 58%,#171d25);box-shadow:0 14px 35px #0007,inset 0 1px #8df0b12b;position:relative;overflow:hidden}
.whatsapp-news:after{content:"";position:absolute;width:220px;height:220px;right:190px;top:-130px;border:1px solid #53bd8344;transform:rotate(45deg);pointer-events:none}
.whatsapp-news-icon{width:68px;height:68px;flex:none;display:grid;place-items:center;border:1px solid #5ce39289;border-radius:19px;background:linear-gradient(145deg,#27965b,#155a45);box-shadow:0 0 28px #29c06a4d;color:#fff}
.whatsapp-news-icon .material-symbols-outlined{font-size:37px}
.whatsapp-news-copy{flex:1;min-width:0;position:relative;z-index:1}
.whatsapp-news-kicker{display:flex;align-items:center;gap:8px;color:#8eebaf;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.16em}
.whatsapp-news-kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52e298;box-shadow:0 0 10px #52e298}
.whatsapp-news h2{margin:6px 0 7px;color:#f6f4ef;font:800 clamp(25px,2.7vw,37px)/1.1 Sora,sans-serif;letter-spacing:-.045em}
.whatsapp-news h2 em{font-style:normal;color:#6ee5a1}
.whatsapp-news p{max-width:670px;margin:0;color:#b7cec0;font:400 13px/1.55 Inter,sans-serif}
.whatsapp-news-action{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:20px;flex:none;min-height:50px;padding:13px 20px;color:#102018;background:#62dfa0;font:800 11px 'Space Grotesk',sans-serif;text-decoration:none;letter-spacing:.03em;box-shadow:0 5px 22px #2ac4723b;transition:transform .2s,background .2s,box-shadow .2s}
.whatsapp-news-action:hover{transform:translateY(-3px);background:#91f1ba;box-shadow:0 10px 30px #2ac47261}
.whatsapp-news-action span{font-size:19px}
@media(max-width:760px){.whatsapp-news{flex-wrap:wrap;gap:14px;padding:20px}.whatsapp-news-icon{width:52px;height:52px;border-radius:14px}.whatsapp-news-icon .material-symbols-outlined{font-size:30px}.whatsapp-news-copy{flex-basis:calc(100% - 70px)}.whatsapp-news h2{font-size:24px}.whatsapp-news p{font-size:12px}.whatsapp-news-action{width:100%;margin-top:4px}}

/* Progresión real de la beta */
.home-beta-settings{padding:65px clamp(16px,2.5vw,36px) 62px;background:linear-gradient(180deg,#101217,#15161b);border-top:1px solid #40342b;border-bottom:1px solid #604329}
.home-beta-settings-inner{max-width:1400px;margin:auto}
.beta-settings-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}
.beta-settings-heading span{color:#e6ae62;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.16em}
.beta-settings-heading h2{margin:8px 0 0;color:#f8f2e9;font:800 clamp(29px,3vw,43px)/1.08 Sora,sans-serif;letter-spacing:-.045em}
.beta-settings-heading h2 em{color:#f2ae4b;font-style:normal}
.beta-settings-heading p{max-width:430px;margin:0;color:#bdb7b1;font:400 13px/1.65 Inter,sans-serif}
.beta-settings-grid{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:16px}
.beta-settings-grid article{min-width:0;min-height:190px;padding:22px 24px;border:1px solid #67503a;background:radial-gradient(circle at 90% 0,#5740214d,transparent 42%),#1b1c23;position:relative;box-shadow:0 12px 30px #0005}
.beta-settings-grid .material-symbols-outlined{position:absolute;right:21px;top:20px;color:#d69b52;font-size:30px}
.beta-settings-grid small{display:block;color:#e2aa64;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.11em}
.beta-setting-rate strong{display:block;margin:14px 0 5px;color:#ffd080;font:800 clamp(43px,5vw,66px)/1 Sora,sans-serif;letter-spacing:-.05em}
.beta-settings-grid p{margin:9px 0 0;color:#bcb7b5;font:400 12px/1.6 Inter,sans-serif}
.beta-setting-reset strong{display:block;margin:18px 0 8px;color:#f8e4c6;font:800 clamp(20px,2.1vw,27px)/1.25 Sora,sans-serif;letter-spacing:-.035em}
.beta-setting-reset strong span{color:#f5af50}
.beta-setting-reset p{max-width:450px}.beta-setting-reset p b{color:#ffd080}
.beta-reset-examples{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;margin-top:13px;border:1px solid #514333;background:#14161b}
.beta-reset-examples>span{padding:18px 20px;color:#e2aa64;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.1em}
.beta-reset-examples>div{display:flex;flex-direction:column;gap:5px;padding:14px 17px;border-left:1px solid #514333}
.beta-reset-examples b{color:#a9a5a3;font:800 10px 'Space Grotesk',sans-serif}.beta-reset-examples strong{color:#f0c58d;font:800 16px Sora,sans-serif}
@media(max-width:950px){.beta-settings-grid{grid-template-columns:1fr 1fr}.beta-setting-reset{grid-column:1/-1}.beta-reset-examples{grid-template-columns:repeat(4,1fr)}.beta-reset-examples>span{grid-column:1/-1;padding-bottom:0}.beta-reset-examples>div:first-of-type{border-left:0}}
@media(max-width:650px){.home-beta-settings{padding:47px 16px}.beta-settings-heading{display:block}.beta-settings-heading p{margin-top:12px}.beta-settings-grid{grid-template-columns:1fr;gap:11px}.beta-setting-reset{grid-column:auto}.beta-settings-grid article{min-height:0}.beta-reset-examples{grid-template-columns:1fr 1fr}.beta-reset-examples>div:nth-of-type(odd){border-left:0}.beta-reset-examples>div{border-top:1px solid #514333}.beta-reset-examples strong{font-size:14px}}

.hero-prize-banner .hero-prize-condition{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;padding:7px 11px;border:1px solid #f4bc6873;background:#6b421d8a;color:#ffe1b3;font:800 11px/1.35 'Space Grotesk',sans-serif;letter-spacing:.065em}
@media(max-width:760px){.hero-prize-banner .hero-prize-condition{font-size:9px;letter-spacing:.02em;padding:7px}}

/* Server introduction and first steps */
.home-discovery p{margin:0 0 16px;color:#c7c2c0;font:400 15px/1.75 Inter,sans-serif}
.discovery-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.discovery-links a{display:block;padding:10px 14px;border:1px solid #504234;background:#171923;color:#ffd2ab;text-decoration:none;font:600 13px/1.4 Inter,sans-serif}
.discovery-links a:hover,.discovery-links a:focus-visible{background:#242631;border-color:#ffc174}
@media(max-width:600px){.discovery-links{display:grid;grid-template-columns:1fr}.discovery-links a{text-align:center}}

/* Slow preparation cards: balanced typography, limited to this section. */
#configuracion-beta .beta-settings-grid strong{font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.035em;margin:16px 0 12px}