:root{--ink:#e8e3da;--gold:#c7aa70;--light:#a78449;--night:#050505;--panel:rgba(14,13,12,.9)}
html{background:var(--night)}
body{position:relative;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 73% 35%,#211c16 0,rgba(17,15,13,.78) 22%,transparent 47%),linear-gradient(115deg,#050505 0,#0c0b0a 54%,#030303 100%)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 80%)}
.page-scene{background:radial-gradient(circle at 78% 30%,rgba(164,126,62,.13),transparent 34%),radial-gradient(circle at 15% 55%,rgba(91,70,39,.1),transparent 34%);animation:none}
.page-scene:after{background:linear-gradient(90deg,rgba(5,5,5,.98) 0,rgba(7,7,6,.82) 40%,rgba(7,7,6,.04) 69%,rgba(5,5,5,.34) 100%),linear-gradient(180deg,transparent 60%,rgba(3,3,3,.9))}
.magic-light:before{width:54vw;height:54vw;left:auto;right:-12vw;top:-22vw;background:radial-gradient(circle,rgba(211,178,111,.12),rgba(103,77,34,.06) 38%,transparent 69%)}
.magic-light:after{opacity:.22;background-image:radial-gradient(circle,rgba(182,145,231,.8) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(203,185,138,.7) 0 1px,transparent 1.6px);background-size:141px 163px,197px 211px}
.arcane-seal{position:fixed;z-index:0;right:8vw;top:14vh;width:min(38vw,560px);aspect-ratio:1;border:1px solid rgba(199,170,112,.14);border-radius:50%;box-shadow:0 0 110px rgba(112,83,36,.1),inset 0 0 90px rgba(116,88,42,.05);pointer-events:none}
.arcane-seal:before,.arcane-seal:after{content:"";position:absolute;inset:9%;border:1px solid rgba(210,188,237,.1);border-radius:50%}
.arcane-seal:after{inset:22%;border-style:dashed;animation:sealSpin 28s linear infinite}
.dark-elf{position:absolute;z-index:-1;left:calc(100vw - max(34px,calc((100vw - 1240px)/2)) - min(52vw,720px));bottom:-19vh;width:min(52vw,720px);height:112vh;object-fit:cover;object-position:50% 12%;filter:saturate(.94) contrast(1.06) drop-shadow(-28px 10px 40px rgba(0,0,0,.72));mix-blend-mode:normal;pointer-events:none}
.site-header{position:relative;z-index:5;width:min(1240px,calc(100% - 44px));height:88px;border-bottom-color:rgba(199,170,112,.16)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,91,55,.45),rgba(199,170,112,.72),transparent)}
.brand-mini{color:#ede2c2}.brand-mini>span{border-color:rgba(199,170,112,.44);background:radial-gradient(circle at 35% 30%,#e0c98f,#6b512b 58%,#16120c);color:#090806;box-shadow:0 0 18px rgba(128,96,43,.18)}
.brand-mini small{color:#8f81a1}.site-header nav a{color:#aaa0b7;letter-spacing:.08em}.site-header nav a:hover{color:#f0e4c5}
.account-button{border-color:rgba(203,176,116,.72);color:#f2e8c7;background:linear-gradient(180deg,#3a3021,#1b1711);box-shadow:inset 0 0 0 3px rgba(230,203,148,.05),0 8px 24px rgba(0,0,0,.38)}
.hero-content{position:relative;z-index:2;width:min(690px,calc(100% - 44px));min-height:calc(100vh - 144px);margin-left:max(34px,calc((100vw - 1240px)/2));padding:clamp(42px,6vh,78px) 0 44px;align-items:flex-start;text-align:left}
.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#ad9770}.eyebrow i{width:34px;height:1px;background:linear-gradient(90deg,#715b35,#c7aa70);box-shadow:0 0 12px rgba(172,132,61,.45)}
.main-logo{width:min(590px,100%);justify-content:flex-start;filter:drop-shadow(0 9px 22px rgba(0,0,0,.68)) drop-shadow(0 0 14px rgba(205,156,54,.13))}.main-logo>img{display:block;width:100%;height:auto;object-fit:contain}.main-logo>small{left:4%;bottom:-16px;transform:none;color:#9b835d}
.intro{max-width:550px;margin:50px 0 25px;color:#aaa0b4;font-family:'Montserrat',sans-serif;line-height:1.75}
.world-options{width:min(620px,100%);gap:13px}
.world-option,.world-500{min-height:192px;border:1px solid rgba(199,170,112,.2);color:#e8e2d8;background:linear-gradient(145deg,rgba(27,25,22,.94),rgba(10,9,8,.97));box-shadow:0 18px 40px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(14px);overflow:hidden}
.world-option:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(170,132,216,.07),transparent 70%);transform:translateX(-100%);transition:transform .55s ease}
.world-option:hover,.world-500:hover{transform:translateY(-4px);border-color:rgba(210,181,121,.48);background:linear-gradient(145deg,rgba(43,37,29,.98),rgba(15,13,10,.99));box-shadow:0 22px 50px rgba(0,0,0,.58),0 0 26px rgba(155,113,48,.1)}
.world-option:hover:before{transform:translateX(100%)}
.world-logo{position:relative;z-index:1;filter:saturate(.75) hue-rotate(14deg) drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.world-label,.world-presence,.world-timer,.world-arrow{position:relative;z-index:1}.world-label small{color:#93846e}.world-label strong{color:#e2dcd0}.world-arrow{color:#c0a064}
.status-text{color:#75c79d}.world-option[data-world-status="beta"] .status-text{color:#d9b56e}.world-timer small,.world-500 .world-timer small{color:#80748c}.world-timer strong,.world-500 .world-timer strong{color:#d7c49a}
.hero-actions{margin-top:21px}.hero-actions a{color:#b2a5bd}.hero-actions a:hover{color:#eadfbe}.hero-actions i{background:rgba(187,153,220,.24)}
footer{position:relative;z-index:3;border-top-color:rgba(164,128,205,.13);color:#756b80;background:rgba(5,4,9,.34)}
.music-toggle{border-color:rgba(199,170,112,.34)!important;background:rgba(10,9,8,.9)!important;color:#d4c29d!important;box-shadow:0 10px 30px rgba(0,0,0,.48)!important}
@keyframes sealSpin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.dark-elf{left:52vw;width:72vw}.hero-content{width:min(610px,calc(100% - 44px))}.world-options{width:570px}}
@media(max-width:850px){body{background:#07060d}.page-scene{position:fixed;height:auto;background:radial-gradient(circle at 50% 16%,rgba(132,88,191,.26),transparent 40%)}.page-scene:after{background:linear-gradient(180deg,rgba(7,6,13,.08),rgba(7,6,13,.32) 35%,rgba(7,6,13,.98) 62%,#07060d)}.site-header{height:72px}.dark-elf{position:absolute;top:-40px;left:50%;bottom:auto;width:120vw;height:62vh;opacity:.78;object-position:50% 13%;transform:translateX(-50%)}.arcane-seal{top:9vh;right:-20vw;width:88vw}.hero-content{width:calc(100% - 28px);min-height:100vh;margin:0 auto;padding:47vh 0 44px;align-items:center;text-align:center}.eyebrow{justify-content:center}.main-logo{justify-content:center}.main-logo>small{left:50%;transform:translateX(-50%)}.intro{margin:42px auto 25px}.world-options{width:100%;max-width:430px}.world-option,.world-500{min-height:174px}.hero-actions{justify-content:center}footer{background:#07060d}}
@media(max-width:420px){.dark-elf{left:50%;width:138vw}.hero-content{padding-top:43vh}.main-logo{width:100%}.main-logo>small{font-size:6px;letter-spacing:2px}.world-option,.world-500{min-height:166px}.music-toggle{bottom:68px!important}}
@media(prefers-reduced-motion:reduce){.arcane-seal:after{animation:none}}

/* Paleta dark neutra: elimina o azulado/roxo residual. */
.magic-light:after{background-image:radial-gradient(circle,rgba(203,174,115,.52) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(238,221,180,.48) 0 1px,transparent 1.6px)}
.arcane-seal:before,.arcane-seal:after{border-color:rgba(199,170,112,.09)}
.world-option:before{background:linear-gradient(120deg,transparent 30%,rgba(199,170,112,.06),transparent 70%)}
.brand-mini small{color:#93866f}.site-header nav a{color:#aaa59c}.intro{color:#aaa59d}.hero-actions a{color:#b5ac9d}.hero-actions i{background:rgba(199,170,112,.22)}
footer{border-top-color:rgba(199,170,112,.13);color:#7d766b;background:rgba(3,3,3,.46)}
@media(max-width:850px){body{background:#050505}.page-scene{background:radial-gradient(circle at 50% 16%,rgba(167,128,62,.13),transparent 40%)}.page-scene:after{background:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.32) 35%,rgba(5,5,5,.98) 62%,#050505)}footer{background:#050505}}

/* Conteúdo editorial abaixo do portal */
.experience-section,.journey-section,.combat-section,.final-cta{position:relative;z-index:3;width:min(1240px,calc(100% - 44px));margin:0 auto;border-top:1px solid rgba(199,170,112,.16)}
.experience-section,.journey-section{padding:100px 0}.section-heading{max-width:610px}.section-heading>span,.combat-copy>span,.final-cta>span{color:#b99b64;font:700 9px/1 'Montserrat',sans-serif;letter-spacing:3.4px}.section-heading h2,.combat-copy h2,.final-cta h2{margin:14px 0 18px;color:#eee7da;font:600 clamp(29px,4vw,52px)/1.08 'Cinzel',serif;text-transform:uppercase}.section-heading p,.combat-copy>p,.final-cta p{margin:0;color:#928d84;font:400 13px/1.8 'Montserrat',sans-serif}.section-heading.centered{max-width:720px;margin:0 auto 50px;text-align:center}
.experience-layout{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:72px;align-items:center;margin-top:48px}.benefit-list{display:grid;gap:1px;border:1px solid rgba(199,170,112,.14);background:rgba(199,170,112,.1)}.benefit-list article{display:grid;grid-template-columns:52px 1fr;gap:17px;padding:22px;background:#0c0b0a}.benefit-list b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(199,170,112,.32);color:#c7aa70;font:600 11px/1 'Cinzel',serif}.benefit-list h3{margin:0 0 7px;color:#ded6c6;font:600 13px/1 'Cinzel',serif;text-transform:uppercase}.benefit-list p{margin:0;color:#817c74;font-size:11px;line-height:1.55}
.warrior-slices{position:relative;height:430px;display:flex;justify-content:center;gap:13px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))}.warrior-slices i{width:29%;height:100%;border:1px solid rgba(199,170,112,.22);background-image:linear-gradient(rgba(8,8,7,.15),rgba(5,5,5,.62)),url('../img/dark-elf-hero-v1.png');background-size:690px auto;background-repeat:no-repeat;transform:skewX(-9deg);overflow:hidden}.warrior-slices i:nth-child(1){background-position:30% 13%}.warrior-slices i:nth-child(2){background-position:55% 13%}.warrior-slices i:nth-child(3){background-position:78% 13%}.warrior-slices:before{content:"";position:absolute;inset:14% 5%;z-index:-1;background:radial-gradient(circle,rgba(165,123,51,.18),transparent 65%)}
.journey-section{width:100%;max-width:none;padding-inline:max(22px,calc((100% - 1240px)/2));background:linear-gradient(180deg,#070706,#0d0b08 50%,#060605)}.journey-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.journey-card{position:relative;min-height:390px;padding:0 18px 23px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(199,170,112,.2);background:#0d0c0a;clip-path:polygon(8% 0,92% 0,100% 5%,100% 95%,92% 100%,8% 100%,0 95%,0 5%);text-align:center;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.journey-card:hover{transform:translateY(-8px);border-color:rgba(224,191,121,.62)}.journey-rune{position:absolute;z-index:2;top:15px;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translateX(-50%) rotate(45deg);border:1px solid #9d793d;background:#17130e;color:#e0bd76;font-size:17px}.journey-art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,5,.12),rgba(8,7,6,.2) 48%,#0d0c0a 81%),radial-gradient(circle at 50% 38%,rgba(179,133,56,.24),transparent 36%),linear-gradient(135deg,#28241c,#0c0b09)}.art-quest{background:linear-gradient(180deg,transparent,#0d0c0a 82%),radial-gradient(circle at 45% 38%,rgba(130,101,58,.28),transparent 27%),linear-gradient(145deg,#20201c,#090908)}.art-boss{background:linear-gradient(180deg,transparent,#0d0c0a 82%),radial-gradient(circle at 55% 40%,rgba(151,75,42,.22),transparent 30%),linear-gradient(145deg,#251a15,#080706)}.art-solo{background:linear-gradient(180deg,transparent,#0d0c0a 82%),radial-gradient(circle at 50% 35%,rgba(159,131,70,.24),transparent 30%),linear-gradient(145deg,#1d211d,#080907)}.art-events{background:linear-gradient(180deg,transparent,#0d0c0a 82%),radial-gradient(circle at 50% 38%,rgba(136,61,44,.23),transparent 30%),linear-gradient(145deg,#211615,#080706)}.journey-card h3,.journey-card p{position:relative;z-index:2}.journey-card h3{margin:0 0 8px;color:#e2d8c4;font:600 15px/1 'Cinzel',serif;text-transform:uppercase}.journey-card p{margin:0;color:#7f786e;font-size:10px;line-height:1.55}
.combat-section{min-height:590px;padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(160,114,44,.12),transparent 30%),linear-gradient(120deg,#090908,#12100d)}.combat-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b08c50,transparent)}.combat-copy h2 em{color:#c8a35f;font-style:normal}.combat-copy ul{margin:25px 0;padding:0;list-style:none}.combat-copy li{position:relative;margin:11px 0;padding-left:22px;color:#aaa298;font-size:11px}.combat-copy li:before{content:"✦";position:absolute;left:0;color:#c7aa70}.combat-copy>a{display:inline-flex;gap:22px;margin-top:8px;padding:15px 22px;border:1px solid rgba(199,170,112,.42);color:#e5d6b4;font:600 9px/1 'Cinzel',serif;text-decoration:none;text-transform:uppercase}.combat-visual{position:relative;min-height:390px;display:grid;place-items:center}.combat-ring{position:absolute;width:330px;aspect-ratio:1;border:1px solid rgba(199,170,112,.26);border-radius:50%;box-shadow:0 0 80px rgba(160,113,37,.12),inset 0 0 70px rgba(160,113,37,.08)}.combat-ring:before,.combat-ring:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(199,170,112,.18);border-radius:50%}.combat-ring:after{inset:28%;border-style:solid}.combat-emblem{position:relative;display:grid;place-items:center;width:142px;aspect-ratio:1;clip-path:polygon(50% 0,90% 20%,100% 65%,72% 100%,28% 100%,0 65%,10% 20%);background:linear-gradient(145deg,#c7a661,#392b17 52%,#120e09);color:#f3dfae;font:700 43px/1 'Cinzel',serif;box-shadow:0 18px 45px rgba(0,0,0,.5)}.combat-visual>span{position:absolute;bottom:23px;color:#746b5e;font-size:8px;letter-spacing:2.6px}
.final-cta{width:100%;max-width:none;padding:95px 22px;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(165,120,44,.16),transparent 42%),#050505}.final-cta h2{font-size:clamp(28px,4vw,46px)}.final-cta p{margin-bottom:30px}.final-cta>div{display:flex;justify-content:center;gap:12px}.final-cta a{min-width:175px;padding:16px 22px;border:1px solid #ad8a4d;color:#eee0bd;background:linear-gradient(#3b3020,#1a1510);font:600 9px/1 'Cinzel',serif;text-decoration:none;text-transform:uppercase;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.final-cta a+a{background:#0c0b09;color:#c5b899}
@media(max-width:980px){.experience-layout,.combat-section{grid-template-columns:1fr}.warrior-slices{height:360px}.journey-grid{grid-template-columns:repeat(3,1fr)}.combat-section{padding:75px 8%}}
@media(max-width:650px){.experience-section,.journey-section{padding-top:72px;padding-bottom:72px}.experience-layout{gap:42px}.warrior-slices{height:300px}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:250px}.combat-section{width:calc(100% - 24px);padding:65px 22px;gap:35px}.combat-visual{min-height:300px}.combat-ring{width:260px}.final-cta>div{flex-direction:column;align-items:center}.final-cta a{width:min(300px,100%)}}

/* Artes exclusivas dos caminhos */
.journey-art{background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.72) contrast(1.08);transform:scale(1.015);transition:transform .55s ease,filter .55s ease}
.journey-card:hover .journey-art{transform:scale(1.07);filter:saturate(.92) contrast(1.04)}
.journey-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,4,.1) 0,rgba(7,6,5,.08) 42%,rgba(8,7,6,.72) 72%,#0b0a08 100%),linear-gradient(90deg,rgba(5,5,4,.12),transparent 50%,rgba(5,5,4,.12))}
.art-craft{background-image:url('../img/journey-craft-web-v1.jpg')}
.art-quest{background-image:url('../img/journey-quest-web-v1.jpg')}
.art-boss{background-image:url('../img/journey-raid-web-v1.jpg')}
.art-solo{background-image:url('../img/journey-solo-web-v1.jpg')}
.art-events{background-image:url('../img/journey-events-web-v1.jpg')}
.journey-card h3{text-shadow:0 2px 12px #000}.journey-card p{color:#a69d8f;text-shadow:0 2px 8px #000}

/* Imagens nos diferenciais e no painel de combate */
.benefit-list article{position:relative;isolation:isolate;overflow:hidden;background-color:#0c0b0a;background-position:right center;background-size:46% auto;background-repeat:no-repeat}
.benefit-list article:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c0b0a 0,#0c0b0a 51%,rgba(12,11,10,.82) 68%,rgba(12,11,10,.42) 100%)}
.benefit-list article:nth-child(1){background-image:url('../img/journey-solo-web-v1.jpg')}
.benefit-list article:nth-child(2){background-image:url('../img/journey-craft-web-v1.jpg')}
.benefit-list article:nth-child(3){background-image:url('../img/journey-events-web-v1.jpg')}
.benefit-list article:hover{background-size:50% auto}.benefit-list article,.benefit-list article:hover{transition:background-size .45s ease}
.benefit-list article>div,.benefit-list article>b{position:relative;z-index:2}.benefit-list p{max-width:270px}
.combat-visual{isolation:isolate;overflow:hidden;border:1px solid rgba(199,170,112,.22);background:url('../img/journey-events-web-v1.jpg') center 43%/cover no-repeat;clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%);box-shadow:0 24px 50px rgba(0,0,0,.48)}
.combat-visual:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.18),rgba(7,7,6,.04)),linear-gradient(180deg,rgba(5,5,4,.08),rgba(5,5,4,.18) 52%,rgba(5,5,4,.92) 100%)}
.combat-ring,.combat-emblem{display:none}.combat-visual>span{z-index:2;bottom:24px;color:#d2bd8f;text-shadow:0 2px 8px #000}
@media(max-width:650px){.benefit-list article{background-size:62% auto}.benefit-list article:after{background:linear-gradient(90deg,#0c0b0a 0,#0c0b0a 58%,rgba(12,11,10,.64) 100%)}.combat-visual{min-height:390px}}

/* Personagem do painel PvP — composição inspirada em landing pages clássicas. */
.combat-visual{min-height:500px;overflow:visible;border:0;background:radial-gradient(circle at 64% 45%,rgba(181,135,60,.13),transparent 43%),url('../img/combat-dark-elf-transparent-v2.png') right bottom/contain no-repeat;clip-path:none;box-shadow:none}
.combat-visual:before{inset:0;background:linear-gradient(90deg,rgba(9,9,8,.9) 0,rgba(9,9,8,.2) 28%,transparent 60%)}
.combat-visual:after{content:"";position:absolute;z-index:1;right:3%;bottom:0;width:82%;height:1px;background:linear-gradient(90deg,transparent,rgba(199,170,112,.62),transparent)}
.combat-visual>span{right:13%;bottom:20px;width:max-content;color:#cdb889}
@media(max-width:650px){.combat-visual{min-height:470px;background-position:center bottom}.combat-visual:before{background:linear-gradient(180deg,transparent 55%,rgba(9,9,8,.72) 100%)}.combat-visual>span{right:50%;transform:translateX(50%)}}

/* Três cards independentes e flutuantes nos diferenciais. */
.warrior-slices{height:440px;align-items:center;gap:18px;perspective:1200px;filter:none}
.warrior-slices:before{inset:6% 2%;background:radial-gradient(circle,rgba(175,130,52,.14),transparent 65%)}
.floating-feature{position:relative;width:31%;height:350px;display:flex;align-items:flex-end;padding:22px 17px;overflow:hidden;border:1px solid rgba(199,170,112,.28);background-position:center;background-size:cover;background-repeat:no-repeat;clip-path:polygon(10% 0,90% 0,100% 6%,100% 94%,90% 100%,10% 100%,0 94%,0 6%);box-shadow:0 24px 45px rgba(0,0,0,.46);animation:featureFloat 5.6s ease-in-out infinite;transition:transform .35s ease,border-color .35s ease}
.floating-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,4,.04),rgba(5,5,4,.12) 45%,rgba(5,5,4,.92) 100%)}
.floating-feature:after{content:"";position:absolute;inset:7px;border:1px solid rgba(224,191,121,.1);clip-path:inherit;pointer-events:none}
.floating-feature.freedom{background-image:url('../img/journey-solo-web-v1.jpg');transform:translateY(18px) rotateY(7deg);animation-delay:-1.2s}
.floating-feature.economy{height:390px;background-image:url('../img/journey-craft-web-v1.jpg');transform:translateY(-8px);animation-delay:-3.4s}
.floating-feature.competition{background-image:url('../img/journey-events-web-v1.jpg');transform:translateY(20px) rotateY(-7deg);animation-delay:-2.1s}
.floating-feature:hover{z-index:3;border-color:rgba(229,198,132,.65);animation-play-state:paused;transform:translateY(-14px) scale(1.035)}
.floating-feature>span{position:absolute;z-index:2;top:18px;left:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(214,181,112,.48);background:rgba(8,7,5,.7);color:#d8b873;font:600 9px/1 'Cinzel',serif;transform:rotate(45deg)}
.floating-feature>div{position:relative;z-index:2;text-shadow:0 2px 10px #000}.floating-feature small,.floating-feature strong{display:block}.floating-feature small{margin-bottom:8px;color:#c3a66f;font:700 7px/1 'Montserrat',sans-serif;letter-spacing:2.2px}.floating-feature strong{color:#eee4d1;font:600 13px/1.3 'Cinzel',serif;text-transform:uppercase}
@keyframes featureFloat{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(max-width:980px){.warrior-slices{height:420px}.floating-feature{height:330px}.floating-feature.economy{height:370px}}
@media(max-width:650px){.warrior-slices{height:auto;display:grid;grid-template-columns:1fr;gap:16px}.floating-feature,.floating-feature.economy{width:100%;height:240px;transform:none!important;animation-duration:6.5s;background-position:center 38%}.floating-feature>div{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.floating-feature{animation:none}}

/* Classes solicitadas: arqueiro humano, mago elfo e orc Tyrant. */
.floating-feature.freedom{background-image:url('../img/class-human-archer-v1.jpg')}
.floating-feature.economy{background-image:url('../img/class-elf-mage-v1.jpg')}
.floating-feature.competition{background-image:url('../img/class-orc-tyrant-v1.jpg')}
.floating-feature.freedom,.floating-feature.economy,.floating-feature.competition{background-position:center 24%}

/* Armas inspiradas nos equipamentos clássicos do Lineage II Interlude. */
.floating-feature.freedom{background-image:url('../img/class-human-archer-draconic-v2.jpg')}
.floating-feature.economy{background-image:url('../img/class-elf-mage-arcana-v2.jpg')}
.floating-feature.competition{background-image:url('../img/class-orc-tyrant-demon-v2.jpg')}

/* Banner sem cabeçalho: mantém a personagem acima da divisória. */
.hero-banner{position:relative;overflow:hidden;isolation:isolate}
.hero-banner .hero-content{min-height:max(680px,100svh);padding-top:clamp(42px,7vh,78px);padding-bottom:54px}
.hero-banner .dark-elf{top:0;bottom:0;height:100%;object-position:50% 0%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
@media(min-width:851px) and (max-width:1000px){.hero-banner .dark-elf{left:46vw;width:58vw}}
@media(max-width:850px){.hero-banner .hero-content{min-height:100svh;padding-top:47vh;padding-bottom:44px}.hero-banner .dark-elf{top:0;bottom:auto;left:50%;width:min(100vw,560px);height:60vh;object-fit:cover;object-position:center top}}
@media(max-width:420px){.hero-banner .hero-content{padding-top:43vh}.hero-banner .dark-elf{width:100vw;height:55vh}}