@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3f1e9;background:#090c12;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}::selection{background:#ef6d37;color:#08090e}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.nav{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:50;border-bottom:1px solid #ffffff35;background:#080d17a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.footer-logo{font-family:Barlow Condensed;font-weight:900;letter-spacing:-1px;font-size:31px;line-height:.8}.brand span:not(.brand-symbol),.footer-logo span{color:#ef7038}.brand small{display:block;font:600 9px DM Sans;letter-spacing:3px;color:#a5afba;margin:9px 0 0 37px}.brand-symbol{background:#ed6935;color:#080c11;padding:5px 9px;margin-right:9px;border-radius:3px}.nav-links{display:flex;gap:36px}.nav-links a{font:800 15px Barlow Condensed;letter-spacing:1.8px}.nav-links a:hover{color:#f77b43}.nav-actions{display:flex;align-items:center;gap:10px}.button{background:#f0783e;color:#100f11;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #f0783e;padding:17px 24px;font:900 17px Barlow Condensed;letter-spacing:1.1px;transition:.2s;white-space:nowrap}.button:hover{background:#ffa56e;transform:translateY(-2px)}.button-outline{background:#0a0d14a6;color:#fff;border-color:#fff6}.button-outline:hover{background:#fff;color:#111}.button-small{font-size:13px;padding:12px 16px;gap:9px}.menu-toggle{display:none;color:#fff;background:none;border:0}.hero{min-height:780px;height:100vh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:url(/assets/planet-map.png) center center/cover no-repeat;filter:brightness(.6) saturate(1.2);transform:scale(1.1)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080c13,#080c13e8 24%,#080c13a1 53%,#080c1322),linear-gradient(0deg,#080c13 0%,transparent 25%)}.hero-content{position:relative;z-index:1;padding:130px 8% 70px;max-width:1100px}.eyebrow{color:#ff9258;font-size:12px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.pulse{width:9px;height:9px;background:#f0783e;border-radius:50%;box-shadow:0 0 15px #f0783e;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.75)}}.line{display:inline-block;width:80px;height:1px;background:#f0783e77}.hero h1,h2{font-family:Barlow Condensed;font-weight:900;line-height:.85;letter-spacing:-2px}.hero h1{font-size:clamp(78px,10vw,165px);margin:35px 0 30px;text-shadow:0 8px 25px #0008}.hero h1 em{font-style:normal;color:#f1783e}.hero h1 span{color:#f6f0e2}.hero-copy{font-size:18px;line-height:1.7;color:#c8d0d6;max-width:580px}.hero-actions{display:flex;gap:13px;margin-top:34px}.scroll-hint{position:absolute;bottom:40px;left:8%;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:800}.scroll-hint svg{animation:float 1.8s infinite}@keyframes float{50%{transform:translateY(8px)}}.hero-index{position:absolute;bottom:43px;right:5%;font-size:11px;letter-spacing:2px;color:#bbc3cd}.marquee{overflow:hidden;background:#ef753d;color:#111;padding:13px 0;white-space:nowrap;font:900 24px Barlow Condensed;letter-spacing:3px}.marquee div{width:max-content;animation:marquee 23s linear infinite}@keyframes marquee{to{transform:translate(-45%)}}.section{padding:110px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section h2{font-size:clamp(55px,6.3vw,100px);margin:20px 0 0}.section h2 span{color:#f0783e}.section-intro{max-width:330px;color:#b5bdc8;line-height:1.7;font-size:15px}.world-section{background:radial-gradient(circle at 50% 30%,#17283a,#0b1019 60%)}.map-shell{position:relative;border:1px solid #596b7c;box-shadow:0 20px 90px #000a;overflow:hidden}.map-viewport{position:relative}.map-viewport img{display:block;width:100%}.map-pin{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid white;background:#ef763d;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ef763d50,0 0 25px #ef763d;animation:pulse 2.2s infinite}.map-pin span{display:block;width:6px;height:6px;background:#fff;border-radius:50%;margin:auto}.map-pin:hover{z-index:3;transform:translate(-50%,-50%) scale(1.35)}.map-controls{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#131d2b;color:#a7b5c3;font-size:10px;letter-spacing:1.5px}.map-controls button{background:transparent;border:1px solid #f0783e;color:#f0783e;padding:9px 12px;font-weight:800;letter-spacing:1px}.map-expanded{position:fixed;z-index:80;top:3%;right:3%;bottom:3%;left:3%;overflow:auto;background:#0c121b}.location-card{position:absolute;bottom:70px;right:24px;background:#10151eeb;border:1px solid #f0783e;padding:25px;width:min(350px,80%);box-shadow:0 20px 60px #000a}.location-card>button{float:right;background:none;color:#fff;border:0;font-size:28px}.location-card small{color:#f0783e;letter-spacing:2px}.location-card h3{font:900 35px Barlow Condensed;margin:10px 0}.location-card p{line-height:1.6;color:#c4ccd3}.section-footer{display:flex;justify-content:space-between;color:#798798;letter-spacing:2px;font-size:10px;margin-top:20px}.characters-section{background:#11151c}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-card{background:#1c242e;border:1px solid #36414c;overflow:hidden}.character-art{height:390px;position:relative;overflow:hidden;background:#202833}.character-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.character-card:hover img{transform:scale(1.06)}.card-number{position:absolute;top:16px;left:17px;background:#f0783e;color:#111;padding:5px 12px;font:900 20px Barlow Condensed}.character-meta{padding:25px}.character-meta>span{color:#f0783e;font-size:10px;letter-spacing:2px;font-weight:800}.character-meta h3{font:900 36px Barlow Condensed;margin:10px 0}.character-meta p{color:#aab5c0;font-size:13px;line-height:1.6}.note{color:#788798;font-size:12px;margin-top:25px}.league-section{position:relative;min-height:690px;background:#12151c;display:flex;align-items:center;overflow:hidden}.league-art{position:absolute;top:0;right:0;bottom:0;left:38%;background:url(/assets/battle.png) center/cover;filter:saturate(1.2)}.league-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0c1119 18%,#0c1119ed 42%,#0c111922)}.league-content{position:relative;z-index:2;max-width:590px}.league-content>p:not(.eyebrow){max-width:450px;color:#c7d0d8;line-height:1.8}.league-stats{display:flex;gap:25px;margin:38px 0}.league-stats div{display:flex;flex-direction:column;gap:7px}.league-stats svg{color:#f0783e}.league-stats strong{font:900 23px Barlow Condensed}.league-stats small{color:#9ba8b6;font-size:9px;letter-spacing:1px}.about-section{text-align:center;background:radial-gradient(circle,#26313c,#0b0e13 70%)}.about-section>.eyebrow{justify-content:center}.about-section>p:not(.eyebrow){max-width:640px;margin:30px auto;line-height:1.8;color:#bdc7d0}.about-section .button{margin-top:18px}footer{background:#07090d;padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #303943}footer p{font-size:10px;letter-spacing:1.5px;color:#798594}@media(max-width:950px){.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:#101821;padding:30px;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block}.hero h1{font-size:clamp(70px,12vw,115px)}.character-art{height:300px}.section{padding:80px 5%}}@media(max-width:650px){.nav{padding:0 4%;height:76px}.brand{font-size:24px}.brand small{font-size:7px}.nav-links{top:76px}.wallet .button{font-size:0;padding:11px}.wallet .button svg{width:20px;height:20px}.hero{min-height:690px}.hero-content{padding:100px 6%}.hero h1{font-size:clamp(60px,14vw,85px)}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:start}.section-top{display:block}.section h2{font-size:60px}.character-grid{grid-template-columns:1fr}.character-art{height:380px}.map-pin{width:15px;height:15px}.map-controls span{display:none}.league-art{top:0;right:0;bottom:0;left:0;opacity:.45}.league-section:after{background:#0c1119b9}.league-stats{gap:15px}.section-footer{font-size:8px}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
