/* Apple system typography with native fallbacks on other platforms. */
:root{--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,.hero h1,.class-layout h2,#class-panel h3,.region-caption h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}
.brand,.brand span,.hero-wordmark,.hero-wordmark i,.class-art-type{font-family:var(--font-display)}
.brand{font-weight:700;letter-spacing:.045em}
.brand span{font-weight:400;letter-spacing:.04em}
.hero h1{line-height:1.2;letter-spacing:-.025em}
.hero-wordmark{font-weight:500}
.feature-index{font-family:var(--font-body);font-style:normal;font-weight:500}
.combat-shot figcaption{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em}
.combat-shot figcaption span:last-child,.combat-shot figcaption>.features{font-family:var(--font-body)}
.class-art-type{font-weight:700}
footer .community-links .playtoearn-badge{display:block;margin-left:auto;padding:0;flex:0 0 120px;border:0;line-height:0}
footer .community-links .playtoearn-badge:hover{border:0}
.playtoearn-badge img{display:block;width:120px;height:120px;object-fit:contain}
@media(max-width:700px){footer .community-links .playtoearn-badge{margin-left:0}}
.header nav a{font-size:16px}
@media(min-width:701px) and (max-width:1280px){.header .brand span{display:none}.header nav{gap:18px}.header{gap:18px}.header-actions{gap:12px}}
.hero-buttons{gap:8px}
.hero-buttons .game-entry-button{background:#477548;border-color:#2e512f;color:#fff8ec}
.hero-buttons .game-entry-button:hover{background:#385f39}
footer{flex-wrap:wrap}
footer .community-links{display:flex;flex-basis:100%;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:20px;border-top:1px solid #ccb99f;font-size:14px}
footer .community-label{font-size:12px;color:#877f73;margin-right:8px}
footer .community-links a,footer .community-links a:last-child{color:#624734;border-bottom:1px solid transparent;padding:6px 0}
footer .community-links a:hover{color:#ae5145;border-bottom-color:#ae5145}
@media(max-width:700px){footer .community-links{gap:8px 20px;padding-top:16px}footer .community-label{flex-basis:100%}}
.site-announcement{height:48px;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 24px;background:#795336;color:#fff8ec;font-size:14px;line-height:1.5;text-align:center}
.site-announcement strong{font-size:12px;letter-spacing:.08em;font-weight:600}
.site-announcement time{font-variant-numeric:tabular-nums}
.has-announcement:not(.economy-page)>.header{top:48px}
@media(max-width:700px){.site-announcement{height:72px;flex-direction:column;gap:3px;padding:8px 16px;font-size:13px}.site-announcement strong{font-size:12px}.has-announcement:not(.economy-page)>.header{top:72px}}
.learn-links{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.learn-links .button:last-child{background:#f8f1e3;color:#624734;border-color:#ccb99f}
@media(max-width:1100px){.economy-teaser{flex-wrap:wrap}.learn-links{flex-shrink:1}}
.economy-teaser{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:36px;padding-bottom:40px;border-top:1px solid #ccb99f}
.economy-teaser .eyebrow{margin-bottom:12px;color:#877f73}
.economy-teaser h2{font-size:30px;line-height:1.35;margin-bottom:12px}
.economy-teaser p:last-child{font-size:15px;color:#756d61;margin:0}
.economy-teaser .button{flex-shrink:0}
@media(max-width:700px){.economy-teaser{flex-direction:column;align-items:flex-start;gap:22px;padding:32px 24px}.economy-teaser h2{font-size:28px}}
.beta-verification{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:14px}
#beta-form .beta-verification label{margin:0}
#beta-answer{width:64px;height:36px;border:2px solid #ccb99f;border-radius:7px;padding:6px 10px;background:#fff8ec;font:inherit}
#beta-refresh{min-height:36px;padding:6px 12px;border:1px solid #ccb99f;border-radius:7px;background:#f8f1e3;color:#624734;font-size:14px}
.beta-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:48px;padding-bottom:48px;background:#ece0ca;border-top:1px solid #ccb99f}
.beta-heading .eyebrow{color:#877f73;margin-bottom:14px}
.beta-heading h2{font-size:32px;line-height:1.35;margin-bottom:12px}
.beta-heading>p:last-child{font-size:14px;color:#756d61;margin:0}
#beta-form{min-width:0}#beta-form label{display:block;font-size:14px;margin-bottom:10px}
.beta-fields{display:flex;gap:8px;align-items:stretch}
#beta-address{min-width:0;flex:1;padding:10px 12px;border:2px solid #ccb99f;border-radius:7px;background:#fff8ec;font-size:14px;font-family:var(--font-body);height:50px;color:#44403d}
#beta-address:focus{outline:2px solid #795336;outline-offset:2px}
#beta-submit{white-space:nowrap;min-width:110px;padding:12px 16px}
#beta-submit:disabled{opacity:.65;cursor:wait}
#beta-help{font-size:12px;color:#756d61;margin:12px 0 0}
#beta-result{font-size:14px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
#beta-result[data-state=eligible]{color:#38613b}#beta-result[data-state=invalid],#beta-result[data-state=unavailable],#beta-result[data-state=limited]{color:#923f35}
#beta-result{padding:18px 20px;border:2px solid #b99c72;border-left-width:6px;border-radius:10px;background:#fff8ec;color:#624734;box-shadow:0 4px 14px #62473412;margin-top:18px;font-size:14px;line-height:1.7}
#beta-result[hidden]{display:none}
#beta-result::before{content:attr(data-heading);display:block;font-family:var(--font-display);font-size:21px;font-weight:650;line-height:1.4;margin-bottom:7px;letter-spacing:-.015em}
#beta-result[data-state=eligible]{background:#edf5e8;border-color:#4e7949;color:#2e552a}
#beta-result[data-state=ineligible]{background:#fff1d9;border-color:#b78336;color:#78521d}
#beta-result[data-state=invalid],#beta-result[data-state=verification],#beta-result[data-state=expired],#beta-result[data-state=unavailable],#beta-result[data-state=limited],#beta-result[data-state=local]{background:#fff0ea;border-color:#ae5145;color:#873c31}
@media(max-width:700px){#beta-result{padding:16px}#beta-result::before{font-size:19px}}
@media(max-width:700px){.beta-access{grid-template-columns:1fr;gap:24px;padding:36px 24px}.beta-heading h2{font-size:28px}.beta-fields{flex-wrap:wrap}#beta-address{flex-basis:100%}#beta-submit{width:100%}}