/* Same obsidian / antique-gold language as the playable client. */
:root{--ink:#0b1115;--panel:#151e22;--panel2:#202c30;--gold:#e1bd78;--gold2:#a47f40;--cream:#f0e9d8;--green:#a9ccaf;--lime:#e5c68c;--muted:#bbc5c7;--line:#c6a56740;font-family:"Segoe UI",Arial,sans-serif}
body{background:#0b1115;color:#e9ece8}
.site-header{height:80px;background:#0b1115d9;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}
.site-header.scrolled{background:#0b1115f5}.brand-mark{border-color:#d9b66d;color:#e8c98d;box-shadow:none;border-radius:4px}
.site-header nav a{font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:#c7cfcf}
.button{min-height:46px;border-radius:6px;padding-inline:22px;font-size:14px;font-weight:650;letter-spacing:0;box-shadow:none}
.button-gold{background:linear-gradient(115deg,#e2c68d,#b68a40);color:#251c0d;border-color:#dfbf7d;text-shadow:none;box-shadow:0 6px 24px #0003}
.button-outline{color:#eee6d6;border-color:#ffffff40;background:#10191b60}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f0ce89;outline-offset:4px}
.hero{min-height:850px;padding-top:100px}.hero-inner{max-width:1480px;gap:70px;grid-template-columns:1.05fr 1fr}
.hero-shade{background:linear-gradient(90deg,#0b1115f5 0%,#0b1115ad 55%,#0b11155c),linear-gradient(0deg,#0b1115,transparent 40%)}
.hero-video{display:none}.hero-atmosphere{display:none}
.hero.hero{background:linear-gradient(90deg,#0b1115f5,#0b111580),url('/assets/noxios/environments/forest-ancestral-background-v4.png') center/cover}
.hero .eyebrow{color:#ddbc7e;letter-spacing:.18em;font-size:12px}
.hero h1{font:500 clamp(48px,4.8vw,80px)/1.06 Georgia,serif;letter-spacing:-.04em;color:#f5eddb;text-shadow:none;margin:22px 0}
.hero h2{font:500 clamp(19px,1.5vw,24px)/1.55 "Segoe UI",sans-serif;color:#dae0dd;max-width:560px}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#b7c1c4;max-width:520px}
.hero-actions{margin-top:30px}.hero-facts{margin-top:36px;padding-top:24px;border-top:1px solid #ffffff20;gap:28px}
.hero-facts li{border:0;background:none;padding:0;min-width:60px}.hero-facts b{font-size:21px;color:#e5c68b}.hero-facts span{font-size:12px;color:#bbc4c4}
.hero-combat{transform:none!important;rotate:none!important;border:1px solid #d0b37366;border-radius:12px;box-shadow:0 28px 80px #0009;overflow:hidden;background-color:#111b1d}
.section-heading{max-width:760px;margin-inline:auto}.section-heading h2{font:500 clamp(30px,3vw,46px)/1.18 Georgia,serif;letter-spacing:-.025em;color:#efdfbd}
.section-heading p:not(.eyebrow){font-size:16px;line-height:1.7;color:#bbc5c7;max-width:650px;margin-inline:auto}
.eyebrow{color:#d4b779;font-size:12px;letter-spacing:.15em}
.paper-section,.section-dark,.classes-section,.collection-section{background:#10181c;color:#eae6db}
.gameplay{background:#0b1115;padding-top:70px}.gameplay-demo{max-width:1120px;border:1px solid #d4b47455;border-radius:12px;box-shadow:0 24px 70px #0008}
.authored-preview{background:url('/assets/noxios/pixel-rpg/regions-v1.png') 0 0/200% 300%!important;isolation:isolate}
.authored-preview>:is(.hero-boss,.hero-party,.arena-bg,.battle-boss,.battle-party){display:none!important}
.preview-formation{position:absolute;inset:0;pointer-events:none;z-index:2}
.preview-unit{position:absolute;bottom:16%;width:19%;height:38%;left:12%}
.preview-unit::before{content:"";position:absolute;width:58%;height:5%;left:21%;bottom:-1%;background:#000b;border-radius:50%;filter:blur(3px);z-index:-1}
.preview-unit canvas{display:block;width:100%;height:100%;contain:size;image-rendering:pixelated}
.preview-hero{left:24%;height:44%}.preview-orin{left:38%;height:36%}.preview-boss{left:59%;width:37%;height:68%}
.authored-preview .battle-hud,.authored-preview .battle-skills{z-index:4}.preview-unavailable::after{content:'Prévia indisponível — entre para jogar';position:absolute;left:15%;bottom:20%;color:#fff}
.gameplay-notes{color:#c9cfca;gap:24px}.gameplay-notes span{font-size:13px}
.four-steps{gap:20px}.four-steps li{padding:28px!important;background:#192428;border:1px solid #ffffff15;border-radius:10px;box-shadow:none}
.four-steps li h3{font:500 25px Georgia,serif;color:#eedab4}.four-steps li p{font-size:15px;line-height:1.65;color:#bdc8c8}.four-steps li>b{color:#c7a768}.journey-walker{display:none!important}
.offline-section{background:#0d1519}.offline-copy h2,.awakening h2,.boss-copy h2{font-weight:500;letter-spacing:-.025em}.offline-copy>p,.awakening-copy>p,.boss-copy>p{font-size:16px;line-height:1.7;color:#c0c8c6}
.offline-popup,.awakening-card{border-radius:12px;border-color:#c2a36c55;background:#131f22ed;box-shadow:0 20px 60px #0006}
.class-grid{gap:18px}.class-card{border-radius:10px;border:1px solid #ffffff1e;background:radial-gradient(ellipse at 50% 25%,#344038,#172226 70%);box-shadow:none;overflow:hidden}
.class-card h3{color:#f0dbb5;font:500 22px Georgia,serif}.class-card span{color:#bac5c7;font-size:13px}.classes-toggle{background:#263134;color:#eddaad;border-color:#b59a6655}
.collection-tabs button{min-height:46px;font-size:14px;border-radius:6px}.collection-item{border-radius:10px;background:#192428;border:1px solid #ffffff16;padding:18px}.collection-item b{color:#ead8b4;font-size:16px}.collection-item span{color:#b8c4c3;font-size:13px}
.roadmap-community{background:#0b1216}.roadmap-community h2{font-weight:500}.community p{font-size:16px;line-height:1.7;color:#bac5c6}
.final-cta{border-top:1px solid #d5ae6330;background:#111b20;padding-block:100px}.final-cta h2{font-weight:500;letter-spacing:-.025em}
@media(max-width:1000px){.hero-inner{gap:32px}.hero{min-height:760px}.hero-facts{gap:20px}.four-steps li{padding:20px!important}}
@media(max-width:700px){.site-header{height:68px;padding-inline:18px}.hero{padding-top:100px;min-height:auto;padding-bottom:55px}.hero-inner{grid-template-columns:1fr;gap:36px}.hero h1{font-size:49px}.hero h2{font-size:20px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-facts b{font-size:18px}.hero-facts span{font-size:11px}.hero-actions{display:flex;gap:10px}.hero-actions .button{padding-inline:18px}.section-heading h2{font-size:32px}.section-heading p:not(.eyebrow){font-size:15px}.gameplay-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.four-steps{gap:12px}.final-cta{padding-block:64px}}
@media(max-width:700px){.hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.hero-facts li{display:grid;gap:4px}.hero-facts b{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.button:hover{transform:none}}