/* Aetheria Ascend • Original fantasy MMORPG landing page */
:root{--navy:#101823;--ink:#12354b;--blue:#2b91d9;--blue-dark:#22699b;--ice:#e4f0f7;--gold:#e9c77b;--gold-deep:#b99853;--white:#fffdf8;--serif:'Cinzel',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;overflow-x:hidden;background:#dcecf5;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{text-decoration:none;color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid #f6dba3;outline-offset:4px}
svg{display:block}
.svg-defs{width:0;height:0;position:absolute;overflow:hidden}
.site-header{height:70px;position:fixed;inset:0 0 auto;z-index:1000;background:rgba(10,14,22,.95);border-bottom:1px solid rgba(235,211,163,.13);box-shadow:0 5px 30px rgba(6,13,25,.15);transition:background .3s,box-shadow .3s}
.site-header.scrolled{background:rgba(8,16,27,.97);box-shadow:0 10px 28px rgba(5,12,20,.35)}
.header-inner{height:100%;width:min(1350px,calc(100% - 72px));margin:auto;display:flex;align-items:center;gap:54px}
.brand{color:#fff;display:flex;align-items:center;gap:10px;flex:none}
.brand-glyph{font-size:28px;color:#efcf86;text-shadow:0 0 10px #efcf8677}
.brand-name{font:700 18px/.93 var(--serif);letter-spacing:.075em;white-space:nowrap;text-shadow:0 1px 2px #090d16}
.brand-name span{display:block;font-size:15px;letter-spacing:.25em;text-align:center;font-weight:400}
.primary-nav{display:flex;gap:36px;align-items:center;margin-left:auto}
.nav-link{font:700 11px/1 var(--sans);letter-spacing:.14em;color:#d3d9df;transition:color .2s;position:relative;padding:26px 0}
.nav-link:hover,.nav-link.active{color:var(--gold)}
.nav-link::after{content:"";position:absolute;bottom:18px;left:50%;right:50%;height:1px;background:var(--gold);transition:left .2s,right .2s}
.nav-link:hover::after,.nav-link.active::after{left:0;right:0}
.header-cta{flex:none;margin-left:12px;border:1px solid #69b5ec;background:linear-gradient(#48a9f0,#247fc4);box-shadow:inset 0 1px 0 #ffffff40,0 4px 18px #087cbd5c;border-radius:26px;padding:13px 23px;color:white;font:700 10px var(--sans);letter-spacing:.13em;white-space:nowrap}
.header-cta span{opacity:.7;margin:0 5px;font-size:8px}
.header-cta:hover,.btn-primary:hover{filter:brightness(1.13);transform:translateY(-2px)}
.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-direction:column;gap:5px;background:transparent;border:1px solid #ffffff40;border-radius:5px;color:white}
.menu-toggle span{display:block;width:20px;height:2px;background:#f5e8cc}

.hero{height:780px;min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:#456e81}
.hero-photo,.hero-skyline,.hero-mist,.hero-art,.hero-vignette,.hero-stars{position:absolute;inset:0;pointer-events:none}
.hero-photo{z-index:-6;background:linear-gradient(90deg,#263e52cc 0%,#557a9399 32%,#6f9dac88 56%,#a28d6880 100%),url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1800&q=85") center 44%/cover no-repeat;filter:saturate(.83) contrast(1.05)}
.hero-skyline{z-index:-5;background:url('/skyline.svg') center 15%/cover no-repeat;opacity:.92;mix-blend-mode:screen}
.hero-mist{z-index:-4;background:radial-gradient(ellipse 42% 42% at 50% 48%,#c9e1e8a8,transparent 80%),radial-gradient(ellipse 45% 28% at 86% 34%,#ffe6b46b,transparent 90%),linear-gradient(180deg,rgba(8,23,37,.3) 0%,transparent 38%,rgba(22,37,53,.06) 60%,#152c43c9 100%)}
.hero-art{z-index:-3;top:122px;left:0;right:0;bottom:65px;display:flex;justify-content:center;align-items:flex-end}
.hero-art img{width:min(1370px,100vw);height:100%;max-height:580px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 18px rgba(15,29,46,.38))}
.hero-vignette{z-index:-2;background:linear-gradient(90deg,#122b4259 0%,transparent 25%,transparent 70%,#172a3e33 100%),linear-gradient(180deg,#0a152560 0%,transparent 30%,transparent 49%,#18334c60 79%,#17364d 100%)}
.hero-stars{z-index:-1;background-image:radial-gradient(2px 2px at 12% 24%,#fff8dc,transparent),radial-gradient(2px 2px at 84% 24%,#fff,transparent),radial-gradient(2px 2px at 31% 34%,#b8edff,transparent),radial-gradient(2px 2px at 64% 44%,#fff2cb,transparent),radial-gradient(2px 2px at 91% 44%,#fff,transparent);opacity:.6;animation:shimmer 5s ease-in-out infinite alternate}
@keyframes shimmer{from{opacity:.3}to{opacity:.85}}
.hero-copy{position:relative;z-index:3;text-align:center;padding-top:117px;color:#fff}
.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:20px;font:600 12px/1 var(--serif);letter-spacing:.33em;color:#f0e5c9;text-shadow:0 2px 6px #142d43}
.hero-eyebrow span{width:60px;height:1px;background:linear-gradient(90deg,transparent,#dfc78d)}
.hero-eyebrow span:last-child{transform:rotate(180deg)}
.hero h1{font:500 clamp(50px,7vw,108px)/.92 var(--serif);letter-spacing:-.065em;margin:18px 0 0;text-shadow:0 2px 2px #0c243b,0 9px 25px #12374d,0 0 2px #fff;white-space:nowrap}
.hero h1 em{font-style:normal;display:block;font-size:.66em;letter-spacing:.15em;margin-top:3px}
.title-rule{font-family:Georgia,serif;font-size:15px;color:#eed6a0;width:300px;max-width:50%;display:flex;align-items:center;gap:16px;margin:15px auto 0;text-shadow:0 0 15px #fff7cd}
.title-rule::before,.title-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e5c17c)}
.title-rule::after{transform:rotate(180deg)}
.hero-tagline{font:600 10px var(--serif);letter-spacing:.45em;margin:9px 0 0;color:#fff6e7;text-shadow:0 2px 8px #21394d}
.hero-bottom{position:absolute;left:50%;bottom:174px;transform:translateX(-50%);width:min(1230px,calc(100% - 80px));z-index:5;display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:38px}
.hero-panel{height:156px;background:linear-gradient(130deg,#09131bcf,#15222dcc);border:1px solid rgba(237,216,165,.43);box-shadow:0 12px 25px rgba(8,21,34,.34),inset 0 0 30px #090e1433;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;color:#fff}
.hero-panel::before{content:"";inset:5px;position:absolute;pointer-events:none;border:1px solid rgba(218,189,137,.22)}
.panel-corner{position:absolute;height:13px;width:13px;border:2px solid #d6bf87}.panel-corner.tl{left:-2px;top:-2px;border-right:0;border-bottom:0}.panel-corner.br{right:-2px;bottom:-2px;border-left:0;border-top:0}
.panel-small{font:600 10px var(--serif);letter-spacing:.15em;color:#d2b784;margin-bottom:8px}
.hero-panel strong{font:600 clamp(18px,2vw,30px) var(--serif);line-height:1.2;letter-spacing:.015em}
.hero-panel.count-panel strong{font-size:44px;line-height:1}
.hero-panel.count-panel strong span{font-size:18px}
.hero-panel p{font-size:12px;line-height:1.2;margin:7px 0 0;color:#d1dae2}
.panel-line{height:1px;background:linear-gradient(90deg,transparent,#ac9871,transparent);width:80%;margin:10px auto}
.platforms{display:flex;gap:9px}
.platform-pill{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:69px;height:44px;background:#0b121c9e;color:#f5f5f2;border:1px solid #bdac8755;transition:background .2s,transform .2s}
.platform-pill:hover{background:#2d475c;transform:translateY(-2px)}
.platform-symbol{font-size:18px;line-height:1}
.platform-pill small{font-size:8px;font-weight:700;letter-spacing:.06em}
.hero-action{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}
.play-button{height:68px;width:68px;display:grid;place-items:center;background:#0b1b27aa;border:2px solid #ecc889;border-radius:50%;color:#ffe6ae;box-shadow:0 0 0 6px #142a394d,inset 0 0 9px #fff3bc55,0 0 25px #fff1b85c;transition:transform .2s}
.play-button:hover{transform:scale(1.08)}
.play-triangle{width:0;height:0;border-left:17px solid #ffedcc;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.hero-ornament{color:#fff7df;font:23px Georgia,serif;text-shadow:0 0 10px #ece8d2;margin:-1px 0 9px}
.btn{border:0;border-radius:28px;color:white;line-height:1.2;letter-spacing:.12em;font:700 11px var(--sans);min-height:48px;transition:transform .25s,filter .25s,box-shadow .25s}
.btn-primary{border:1px solid #63b8f5;box-shadow:inset 0 1px 0 #ffffff73,0 5px 16px #18699d55;background:linear-gradient(180deg,#49b1ff 0%,#268bd7 47%,#1876be 100%)}
.btn span{font-size:9px;margin:0 13px;color:#b8e9ff}
.hero-register{min-width:min(100%,300px);height:52px}
.hero-action-note{font-size:9px;font-weight:700;letter-spacing:.17em;color:#e0e9ef;text-shadow:0 2px 5px #112a41;margin:12px 0 0}
.hero-social{position:absolute;top:32%;right:0;z-index:15;border-radius:10px 0 0 10px;background:rgba(9,15,23,.83);border:1px solid #e9e9e985;padding:8px 9px;display:flex;flex-direction:column;gap:3px}
.hero-social button{border:0;background:transparent;color:white;font-weight:800;font-size:18px;line-height:1.6}
.hero-social button:hover{color:var(--gold)}
.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:213px;z-index:4;pointer-events:none}.hero-wave svg{width:100%;height:100%;display:block}

.paper-section{background:#e4f0f7;position:relative}
.paper-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 39% 24% at 5% 55%,#fff9d29c,transparent),radial-gradient(ellipse 22% 18% at 98% 34%,#fff1c296,transparent),radial-gradient(ellipse 30% 26% at 50% 70%,#c8e0f0a8,transparent),repeating-linear-gradient(115deg,transparent 0,transparent 100px,#e1c68d1c 101px,transparent 103px);opacity:.8}
.rewards{padding:38px 0 82px;margin-top:-2px;overflow:hidden;min-height:680px}
.rewards::after{content:"";position:absolute;inset:48% -10% 9%;border-top:14px solid #dfbf71a8;border-bottom:9px solid #dfbf7130;transform:rotate(-10deg);pointer-events:none;border-radius:50%;opacity:.18}
.section-inner{position:relative;z-index:2;width:min(1210px,calc(100% - 65px));margin:auto}
.section-heading{text-align:center;max-width:790px;margin:0 auto}
.small-caps{font:700 10px var(--sans);letter-spacing:.3em;color:#5880a1}
.section-heading h2{font:700 clamp(24px,3vw,38px)/1.1 var(--serif);color:#2b597d;margin:12px 0 7px;text-shadow:0 1px 0 #fff;letter-spacing:.035em}
.section-heading h2 span{color:#327ba6}
.ornate-divider{font:24px Georgia,serif;color:#c9a65b;line-height:1.2;text-shadow:0 1px 0 #fff;letter-spacing:.23em}
.section-heading p{margin:14px auto 0;max-width:640px;font-size:13px;line-height:1.8;color:#61819a}
.rewards-grid{margin:58px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}
.reward-card{position:relative;height:213px;border-radius:7px 7px 14px 14px;background:linear-gradient(150deg,#d8eefb88,#80b7d77d 58%,#6a9cc59c 100%);border:1px solid #f7f5e8;outline:1px solid #7db3d6cc;box-shadow:0 8px 12px #49779a26,inset 0 6px 25px #fff9f471;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px 10px 19px;isolation:isolate;transition:transform .3s,box-shadow .3s}
.reward-card::before,.reward-card::after{position:absolute;content:"";width:13px;height:13px;border-color:#e7d39e;border-style:solid}
.reward-card::before{top:8px;left:8px;border-width:1px 0 0 1px}.reward-card::after{right:8px;bottom:8px;border-width:0 1px 1px 0}
.reward-card:hover{transform:translateY(-8px);box-shadow:0 16px 30px #47719c4d}
.reward-card.tier-one{margin-top:86px}.reward-card.tier-two{margin-top:21px}.reward-card.tier-three{height:254px;margin-top:37px}.reward-card.tier-four{margin-top:17px}.reward-card.tier-five{margin-top:78px}
.milestone{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:600 13px var(--serif);white-space:nowrap;color:#fff;background:linear-gradient(180deg,#52616c,#222e39);padding:9px 14px 8px;border-radius:30px;border:2px solid #e0cfaa;box-shadow:0 3px 8px #496e8c55,inset 0 1px #ffffff60;z-index:3}
.reward-glow{position:absolute;z-index:-1;width:80%;height:58%;left:10%;top:15%;background:radial-gradient(ellipse,#f7ffffdc,transparent 70%);filter:blur(9px)}
.reward-image{position:relative;z-index:1;width:116px;height:116px;flex:none;margin:0 auto 7px;filter:drop-shadow(0 10px 6px #4d7e9b55);transition:transform .3s}
.reward-card:hover .reward-image{transform:translateY(-7px) rotate(-3deg)}
.tier-three .reward-image{width:144px;height:144px}
.reward-name{font:700 12px var(--serif);color:#245177;text-shadow:0 1px #ffffffcc;text-align:center;white-space:nowrap}
.reward-caption{font-size:10px;color:#476e8c;margin-top:5px;text-align:center}
.reward-order{position:absolute;top:9px;right:11px;color:#f8ffffa6;font:12px var(--serif)}
.progress-area{margin:45px auto 0;max-width:1100px}
.progress-label{display:flex;align-items:center;justify-content:space-between;color:#2f5e80;font-size:12px;letter-spacing:.04em;margin-bottom:9px}
.progress-label strong{font:700 11px var(--serif);color:#1f5d86}
.progress-track{height:12px;border:1px solid #abc5d6;background:linear-gradient(180deg,#a8c6d7,#cce0e9);border-radius:12px;padding:2px;position:relative;box-shadow:inset 0 2px 4px #3668892e,0 1px white}
.progress-fill{display:block;width:0;height:100%;border-radius:12px;background:linear-gradient(90deg,#3da2e0,#8bddff)}
.progress-shine{position:absolute;top:2px;bottom:2px;left:0;width:100%;background:linear-gradient(90deg,transparent,#ffffff85,transparent);opacity:.23}
.progress-footnote{font-size:10px;color:#7c9db0;margin:8px 0 0;text-align:right}
.reward-register{width:250px;display:block;margin:24px auto 0}
.paper-flower{position:absolute;color:#d7b467;opacity:.75;pointer-events:none}.f1{font-size:40px;top:140px;left:4%}.f2{font-size:32px;top:420px;left:2%}.f3{font-size:38px;top:280px;right:3%}.f4{font-size:26px;bottom:62px;right:15%}

.world-section{padding:15px 0 118px;overflow:hidden}
.world-panel{width:min(1200px,calc(100% - 70px));margin:auto;background:linear-gradient(130deg,#27608d,#447fae 35%,#356f9d 80%,#2c628c);padding:11px;box-shadow:0 18px 35px #35678c44;position:relative;clip-path:polygon(2% 0,98% 0,100% 4%,100% 96%,98% 100%,2% 100%,0 96%,0 4%)}
.world-panel::before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid #f7e7bd;clip-path:polygon(2% 0,98% 0,100% 4%,100% 96%,98% 100%,2% 100%,0 96%,0 4%);opacity:.85}
.world-panel-inner{position:relative;min-height:445px;border:1px solid #91b9d3;padding:29px 38px 50px;background:radial-gradient(ellipse at 50% 90%,#8cbbd230,transparent 50%),url('/skyline.svg') center 64%/cover no-repeat}
.world-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px;color:#fff}
.world-heading h2{font:700 clamp(20px,2.6vw,32px) var(--serif);letter-spacing:.055em;margin:0;text-shadow:0 2px 4px #214d73}
.world-heading .ornate-divider{font-size:29px}
.world-content{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;padding:2px 5px}
.world-visual{position:relative}
.image-border{height:292px;padding:5px;border:1px solid #e3c990;background:#0e2c45;box-shadow:0 0 0 2px #7099b2,0 13px 27px #102f5270;position:relative}
.image-border::before,.image-border::after{content:"";position:absolute;z-index:3;width:17px;height:17px;border:2px solid #f5dc9f}.image-border::before{top:0;left:0;border-right:0;border-bottom:0}.image-border::after{bottom:0;right:0;border-left:0;border-top:0}
.image-border img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .5s;filter:saturate(.9)}
.image-shine{position:absolute;inset:6px;background:linear-gradient(115deg,#ffffff1c,transparent 40%,#f0d09318);pointer-events:none}
.image-caption{position:absolute;bottom:11px;left:12px;padding:6px 10px;background:#0b1b2ca8;color:#fff0c4;font:700 9px var(--serif);letter-spacing:.08em}
.world-description{color:#f2f6f8;padding-right:10px}
.world-kicker{font:600 10px var(--serif);color:#e5c789;letter-spacing:.25em}
.world-description h3{font:700 clamp(19px,2vw,28px)/1.3 var(--serif);color:white;margin:11px 0 16px;letter-spacing:.01em}
.world-description p{font-size:12px;line-height:1.85;color:#e1ecf3;margin:0 0 11px;max-width:500px}
.world-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;color:#eed59b;font:700 9px var(--sans);letter-spacing:.08em}
.carousel-arrow{position:absolute;z-index:4;top:52%;transform:translateY(-50%);height:46px;width:46px;border:2px solid #d6bd87;border-radius:50%;background:linear-gradient(145deg,#2b536f,#142b3e);color:white;box-shadow:0 0 0 3px #31587b,0 5px 12px #1b4566;display:grid;place-items:center;font-size:35px;line-height:1}
.carousel-arrow.prev{left:-32px}.carousel-arrow.next{right:-32px}
.carousel-arrow:hover{background:#2976b0}
.world-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}
.dot{height:9px;width:9px;border:1px solid #c5d8e9;background:transparent;transform:rotate(45deg);padding:0;transition:background .2s,box-shadow .2s}
.dot.active{background:#fff2c7;border-color:#fff0be;box-shadow:0 0 7px #ffe2a5}

.media-section{padding:90px 0 110px;background:#122d43;color:white;position:relative;overflow:hidden}
.media-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 8%,#577ea85a,transparent 55%),linear-gradient(#13334bd9,#0d243bfa),url('https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=1600&q=80') center 65%/cover;opacity:1}
.media-heading h2{color:#fff}.media-heading h2 span{color:#c7e1ef}.media-heading .small-caps{color:#dab977}.media-heading p{color:#c6d7e3}
.media-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px;margin-top:36px}
.media-tile{position:relative;min-height:295px;display:block;padding:0;border:1px solid #e5c58360;background:#14334a;overflow:hidden;text-align:left;color:#fff;transition:transform .25s,border-color .25s}
.media-tile:hover{transform:translateY(-5px);border-color:#e5c583}
.tile-image{position:absolute;inset:0;display:block;background-position:center;background-size:cover;transition:transform .6s}
.media-tile:hover .tile-image{transform:scale(1.08)}
.tile-one{background-image:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1000&q=80')}
.tile-two{background-image:url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=700&q=80')}
.tile-three{background-image:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=700&q=80')}
.tile-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#071826e8 100%)}
.tile-copy{position:absolute;bottom:22px;left:24px;z-index:2;display:flex;flex-direction:column;gap:7px}
.tile-copy small{font:700 10px var(--sans);color:#e1c383;letter-spacing:.14em}
.tile-copy strong{font:600 19px var(--serif)}
.tile-plus{position:absolute;bottom:24px;right:22px;font-size:24px;color:#e8c78f}
.footer{background:#0a1522;padding:50px 22px 34px;text-align:center;color:#c2ceda}
.footer-brand{justify-content:center;gap:8px}
.footer>p{font:600 9px var(--serif);letter-spacing:.34em;color:#d3b77d;margin:15px 0 28px}
.footer-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:28px}
.footer-links a{font-size:10px;letter-spacing:.12em;font-weight:700}
.footer-links a:hover{color:#ebd193}
.footer>small{font-size:10px;color:#7b8da0;line-height:1.7}

.game-dialog,.media-dialog{position:fixed;max-width:min(92vw,530px);margin:auto;padding:46px 45px 35px;color:#e6edf7;text-align:center;background:radial-gradient(ellipse at top,#315f83,#152d48 70%);border:1px solid #dfc287;box-shadow:0 20px 80px #020813bf,inset 0 0 0 6px #1b3e5d,inset 0 0 0 7px #cdb77870}
dialog::backdrop{background:rgba(4,13,25,.78);backdrop-filter:blur(8px)}
.game-dialog .modal-ornament{position:absolute;top:13px;left:0;right:0;color:#d9bd89;letter-spacing:.7em;font-size:12px}
.dialog-close{position:absolute;top:10px;right:13px;background:none;border:0;color:#f6dfb5;font-size:30px;line-height:1}
.dialog-symbol{font-size:45px;color:#e5c681;text-shadow:0 0 25px #e3c67d55}
.game-dialog .small-caps{color:#d8bb82}
.game-dialog h2{font:700 27px var(--serif);color:white;margin:10px 0 15px}
.game-dialog p{font-size:14px;line-height:1.8;margin-bottom:28px;color:#d8e5ee}
.dialog-action{padding:0 33px}
.modal-footnote{display:block;font-size:10px;margin-top:26px;color:#9eb7cc}
.media-dialog{max-width:min(88vw,1050px);width:100%;padding:38px 15px 15px}
.media-dialog img{display:block;width:100%;max-height:75vh;object-fit:contain}
.media-dialog p{font:600 18px var(--serif);margin:14px 0 5px;color:white}

@media(max-width:1150px){.header-inner{width:calc(100% - 44px);gap:25px}.primary-nav{gap:22px}.header-cta{padding:12px 15px}.hero-bottom{width:calc(100% - 70px);gap:17px}.hero-art img{width:1170px;max-width:none}.reward-name{font-size:10px}.reward-caption{font-size:9px}.rewards-grid{gap:16px}.world-panel-inner{padding:29px 29px 47px}.world-content{gap:25px}}
@media(max-width:800px){.site-header{height:62px}.header-inner{width:calc(100% - 30px)}.brand-name{font-size:15px}.brand-name span{font-size:12px}.brand-glyph{font-size:23px}.header-cta{margin-left:auto;font-size:9px;padding:11px 13px}.menu-toggle{display:flex}.primary-nav{display:none;position:absolute;top:62px;right:0;left:0;background:#0a1723f5;border-bottom:1px solid #c2aa7755;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px}.primary-nav.open{display:flex}.primary-nav .nav-link{padding:17px 10px;text-align:center}.nav-link::after{display:none}.hero{height:780px;min-height:730px}.hero-copy{padding-top:120px}.hero h1{font-size:clamp(45px,9vw,73px)}.hero-art{top:200px;bottom:110px;overflow:hidden}.hero-art img{width:1100px;height:100%;object-fit:contain;opacity:.85}.hero-bottom{width:calc(100% - 38px);grid-template-columns:1fr 1fr;gap:10px;bottom:143px;align-items:end}.hero-action{grid-column:1/3;grid-row:1;justify-self:center;margin-bottom:8px}.hero-register{min-width:230px}.hero-panel{height:123px}.hero-panel strong{font-size:19px}.hero-panel.count-panel strong{font-size:31px}.hero-panel.count-panel strong span{font-size:13px}.hero-panel .panel-small{font-size:8px;margin-bottom:4px}.panel-line{margin:5px auto}.platform-pill{height:36px;width:53px}.platform-symbol{font-size:15px}.platform-pill small{font-size:7px}.hero-wave{height:155px}.hero-social{top:46%}.rewards-grid{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding:25px 10px 16px;margin:35px -10px 0;scrollbar-color:#92b7ca transparent;scrollbar-width:thin}.reward-card{scroll-snap-align:center}.rewards{padding:25px 0 62px}.section-inner{width:calc(100% - 35px)}.section-heading p{font-size:12px}.world-section{padding:10px 0 80px}.world-panel{width:calc(100% - 42px)}.world-panel-inner{padding:28px 26px 38px}.world-content{grid-template-columns:1fr;gap:25px}.world-visual{width:100%}.image-border{height:260px}.world-description{padding:0 8px}.world-panel-inner{min-height:600px}.carousel-arrow.prev{left:-26px}.carousel-arrow.next{right:-26px}.world-heading h2{font-size:22px}.media-grid{grid-template-columns:1fr 1fr}.tile-wide{grid-column:1/-1}.media-tile{min-height:240px}}
@media(max-width:500px){.header-inner{gap:9px}.brand-name{font-size:12px;letter-spacing:.06em}.brand-name span{font-size:10px;letter-spacing:.19em}.brand-glyph{font-size:20px}.header-cta{padding:10px 8px;font-size:8px;letter-spacing:0}.header-cta span{display:none}.menu-toggle{width:34px;height:34px}.hero{height:750px;min-height:720px}.hero-copy{padding-top:119px}.hero-eyebrow{font-size:8px;letter-spacing:.16em;gap:9px}.hero-eyebrow span{width:28px}.hero h1{font-size:clamp(37px,10.5vw,57px);margin-top:20px}.hero h1 em{font-size:.63em}.hero-tagline{font-size:8px;letter-spacing:.28em}.title-rule{margin-top:10px}.hero-art{top:183px;bottom:140px;left:50%;right:auto;width:850px;transform:translateX(-50%)}.hero-art img{width:850px;opacity:.78}.hero-bottom{bottom:119px;width:calc(100% - 23px);gap:8px}.hero-action{margin-bottom:12px}.hero-panel{height:117px}.hero-panel.count-panel strong{font-size:27px}.hero-panel strong{font-size:17px}.hero-panel.count-panel p{font-size:10px}.hero-panel .panel-small{font-size:7px}.platform-pill{width:46px;height:33px}.platforms{gap:5px}.hero-register{height:45px;min-height:45px}.hero-action-note{font-size:8px}.play-button{height:50px;width:50px}.play-triangle{border-left-width:13px;border-top-width:8px;border-bottom-width:8px}.hero-ornament{font-size:15px;margin-bottom:6px}.hero-wave{height:132px}.hero-social{top:44%;padding:4px 6px}.hero-social button{font-size:14px}.section-heading h2{font-size:23px}.section-heading p{font-size:11px}.rewards{padding:18px 0 56px}.rewards-grid{grid-template-columns:repeat(5,165px);margin-top:24px}.progress-area{margin-top:15px}.progress-label{font-size:10px}.progress-label strong{font-size:9px}.progress-footnote{text-align:center}.world-panel{width:calc(100% - 25px);padding:8px}.world-panel-inner{padding:25px 20px 37px}.world-heading h2{font-size:17px}.world-heading .ornate-divider{font-size:17px}.world-content{padding:0}.image-border{height:210px}.world-description h3{font-size:19px}.world-description p{font-size:11px}.world-features{gap:9px;font-size:8px}.carousel-arrow{width:34px;height:34px;font-size:27px}.carousel-arrow.prev{left:-21px}.carousel-arrow.next{right:-21px}.media-section{padding:68px 0 78px}.media-grid{grid-template-columns:1fr;gap:12px}.tile-wide{grid-column:auto}.media-tile{min-height:240px}.footer-links{gap:13px}.footer-links a{font-size:9px}.game-dialog{padding:42px 25px 25px}.game-dialog h2{font-size:22px}.game-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}