@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--gold:#e9b75a;--red:#ee3a36;--bg:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f3e7d2;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;background:rgba(4,4,6,.88);border-bottom:1px solid #b18d4d55;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;gap:20px;backdrop-filter:blur(13px)}.brand{font:700 23px Cinzel,serif;color:#f7d991;white-space:nowrap;letter-spacing:2px}.brand small{display:block;font:9px Inter,sans-serif;letter-spacing:3.5px;margin-top:4px;color:#eee}.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{font-size:10px;font-weight:700;white-space:nowrap}.nav nav a:hover{color:var(--gold)}.official{border:1px solid var(--gold);padding:12px 16px;border-radius:5px;font-size:10px;white-space:nowrap}.official:hover,.cta:hover{background:#d6a13d;color:#000}.menu{display:none}.cinema{position:relative;margin-top:72px;width:100%;height:auto;aspect-ratio:1536/952;overflow:hidden;background:#100807}.cinema-art{display:block;width:100%;height:auto;object-fit:cover;transform:translateY(-4.6%)}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;display:block;cursor:pointer;border-radius:5px}.hotspot:hover{outline:2px solid #f8d278aa;box-shadow:0 0 26px #f5b33966}.discover{left:34%;top:38%;width:15%;height:5.5%}.guide{left:50%;top:38%;width:16%;height:5.5%}.card1,.card2,.card3,.card4{top:53%;width:22%;height:16%}.card1{left:4.8%}.card2{left:27.6%}.card3{left:50.5%}.card4{left:73.4%}.char1,.char2,.char3,.char4{top:77%;width:20%;height:18%}.char1{left:9%}.char2{left:29.6%}.char3{left:50.3%}.char4{left:71%}.scroll{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:3px;color:#ffd782;text-shadow:0 2px 10px #000}.scroll span{display:block;text-align:center;font-size:25px;animation:bob 1.5s infinite}.section{position:relative;max-width:1250px;margin:auto;padding:105px 25px;text-align:center;scroll-margin-top:70px}.eyebrow{font-size:11px;letter-spacing:5px;color:#d6a85c;margin-bottom:16px}.section h1,.section h2{font:700 clamp(34px,5vw,62px) Cinzel,Georgia,serif;letter-spacing:2px;margin:0 0 25px}.section h1 em,.section h2 em{color:var(--gold);font-style:normal}.section p{color:#bdb6ae;line-height:1.8;max-width:750px;margin:0 auto 24px}.intro{padding-top:115px}.stats{display:flex;justify-content:center;gap:clamp(30px,9vw,140px);margin-top:50px}.stats div{display:grid;gap:8px}.stats b{font:700 52px Cinzel;color:var(--gold)}.stats span{font-size:11px;letter-spacing:3px}.factions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faction{padding:55px 35px;min-height:320px;border:1px solid #775e4b;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#5a1a12,#120b0b 70%)}.morad{background:radial-gradient(ellipse at 50% 100%,#15395b,#080f1a 70%)}.sigil{font-size:50px}.faction h3{font:700 35px Cinzel;margin:15px 0}.karus h3{color:#ff6655}.morad h3{color:#84bcff}.faction a{font-size:11px;color:var(--gold);letter-spacing:2px}.classes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.class{border:1px solid #695b48;border-radius:8px;overflow:hidden;background:#15120e;transition:transform .3s,border-color .3s}.class:hover{transform:translateY(-8px);border-color:var(--gold)}.class img{width:100%;height:210px;object-fit:cover}.class div{padding:18px}.class h3{font:700 23px Cinzel;margin:0 0 10px}.class p{font-size:13px;margin:0}.pvp{max-width:none;padding:130px 25px;background:radial-gradient(ellipse at 20% 80%,#49140f,transparent 45%),radial-gradient(ellipse at 90% 30%,#112a45,transparent 45%),#0c0a0b}.cta{display:inline-block;border:1px solid var(--gold);padding:17px 27px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1px;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.steps article{padding:35px;border:1px solid #4a3c2b;background:#12100f}.steps span{font:700 37px Cinzel;color:var(--gold)}.steps h3{font:600 21px Cinzel}.steps p{font-size:13px}.faq{max-width:900px}.faq details{text-align:left;border-bottom:1px solid #51432f;padding:21px 10px}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:18px 0 0;font-size:14px}footer{border-top:1px solid #3d3328;padding:55px 20px;text-align:center}footer strong{font:700 26px Cinzel;color:var(--gold)}footer p{font-size:12px;color:#999}footer a{display:inline-block;margin-top:20px;color:var(--gold);font-size:12px}.embers{position:fixed;pointer-events:none;inset:0;z-index:5;overflow:hidden}.ember{position:absolute;bottom:-10px;background:#ff6b24;border-radius:50%;box-shadow:0 0 10px #ff5b20;opacity:0;animation:rise linear infinite}@keyframes rise{10%{opacity:.8}90%{opacity:.3}100%{transform:translateY(-110vh) translateX(60px);opacity:0}}@keyframes bob{50%{transform:translateY(6px)}}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:1150px){.nav nav{gap:11px}.nav nav a{font-size:9px}.brand{font-size:17px}.nav{padding:0 2%}}@media(max-width:800px){.nav{height:64px}.menu{display:block;margin-left:auto;background:transparent;border:1px solid #b68b45;color:#eac37a;padding:8px 12px;font-size:19px}.nav nav{display:none;position:absolute;top:64px;left:0;right:0;background:#0b0909;padding:20px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.official{font-size:9px;padding:9px}.cinema{margin-top:64px;aspect-ratio:1536/1050}.cinema-art{width:100%;height:100%;object-fit:cover;transform:none}.hotspot{outline:none!important;box-shadow:none!important}.scroll{font-size:8px;white-space:nowrap}.factions{grid-template-columns:1fr}.classes{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.section{padding:75px 20px}.class img{height:170px}}@media(max-width:500px){.brand{font-size:14px}.brand small{font-size:7px}.official{display:none}.cinema{height:70vh;aspect-ratio:auto}.cinema-art{width:100%;height:100%;object-fit:cover;object-position:center}.hotspots{display:none}.classes{grid-template-columns:1fr}.class img{height:260px}.stats{gap:22px}.stats b{font-size:35px}.stats span{font-size:9px}.section h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}