@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#100f0f;--text:#eee7d9;--muted:#aaa29b;--gold:#c5a46b;--line:#c5a46b30;--red:#be3926}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #efba70;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.facts strong{font-family:Cinzel,Georgia,serif}em{font-style:normal;color:var(--gold)}header{height:92px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:25px;border-bottom:1px solid var(--line);background:linear-gradient(#0a0909c9,#0a09093d)}.brand{font-size:25px;font-weight:700;display:flex;align-items:center;white-space:nowrap;letter-spacing:-1px;line-height:1.2}.red{color:#d55938}.brand small{display:block;font:8px Inter,sans-serif;letter-spacing:2.2px;margin-top:8px;color:var(--gold)}.emblem{color:#d7ad69;font-size:44px;margin-right:12px}nav{display:flex;gap:25px;font-size:12px}nav a{color:#d0c5b8}nav a:hover,.text-link:hover{color:#e2b775}.outline{background:#100e0e80;border:1px solid #ad875b;color:#ddc291;padding:12px 18px;font-size:11px;letter-spacing:.5px}.outline span{margin-left:16px}.hero{min-height:780px;height:94vh;max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#080909a8 0%,#08090955 35%,transparent 65%),linear-gradient(0deg,#100f0f,transparent 30%),url('assets/phoenix-web.webp') 60% center/cover}.hero-content{position:relative;margin:70px 0 0 8%;max-width:600px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow>span{width:22px;height:1px;background:var(--gold)}h1{font-weight:500;font-size:clamp(45px,5.4vw,84px);line-height:1.15;letter-spacing:-2px;margin:25px 0}h1 em{color:#deb77c}.hero p{max-width:420px;color:#c6beb6;font-size:15px;line-height:1.9}.hero p strong{font-weight:500;color:#f1d2a0}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{padding:17px 23px;border:1px solid #d86b43;display:inline-flex;gap:25px;align-items:center;justify-content:center;font-size:12px;font-weight:600}.primary{background:linear-gradient(120deg,#a92d20,#cb4d2b);box-shadow:0 6px 35px #ad2a172a}.primary:hover{background:#d25230}.text-link{font-size:11px;color:var(--gold)}.text-link span{margin-left:10px}.hero-note{font-size:10px;color:#a99a8a;margin-top:26px;letter-spacing:.6px}.diamond{color:var(--gold);margin-right:8px}.scroll{position:absolute;bottom:35px;left:8%;font-size:8px;letter-spacing:2px;color:#b0a18e}.scroll span{margin-left:30px;color:var(--gold)}.art-caption{position:absolute;bottom:35px;right:5%;font-size:8px;letter-spacing:2px;color:#9b8270}.facts{display:flex;align-items:center;justify-content:space-around;max-width:1180px;margin:auto;padding:30px 20px 35px;border-bottom:1px solid var(--line);gap:15px}.facts div{text-align:center}.facts small{display:block;color:#92877a;font-size:8px;letter-spacing:1.8px;margin-bottom:10px}.facts strong{font-size:22px;font-weight:500}.facts>span{color:#806747;font-size:12px}.facts strong.soon{font-size:15px;color:#cbb58e}.section{max-width:1180px;margin:auto;padding:85px 25px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:40px}h2{font-size:clamp(28px,3vw,43px);line-height:1.3;font-weight:400;letter-spacing:-.6px;margin-top:20px}.intro-copy{padding-top:30px;color:var(--muted);line-height:1.9}.intro-copy p+p{margin-top:14px}.intro-copy a{display:inline-block;margin-top:22px}.pillars{padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillars article{position:relative;background:linear-gradient(130deg,#201a17,#151313);border:1px solid var(--line);padding:34px 30px}.number{position:absolute;right:22px;top:15px;font:40px Georgia;color:#c5a46b12}.line-icon{font-size:33px;color:#cfab70;margin-bottom:22px}h3{font-weight:500;font-size:18px;margin-bottom:13px}.pillars p,.steps p{font-size:12px;color:var(--muted);line-height:1.9}.tag{display:block;margin-top:24px;font-size:8px;letter-spacing:1.8px;color:var(--gold)}.info-wrap{border-block:1px solid var(--line);background:radial-gradient(ellipse at 15% 90%,#562b181f,transparent 65%),#141211}.info{display:grid;grid-template-columns:1fr 1fr;gap:100px}.info>div>p{color:var(--muted);font-size:13px;max-width:350px;margin-top:22px}.seal{margin-top:35px;border-left:2px solid #8c3d27;padding-left:18px;font:32px Cinzel,Georgia;color:#c4a774}.seal span{font-size:17px;margin-left:5px}.seal small{display:block;font:8px Inter;letter-spacing:3px;margin-top:8px;color:#9d8d7d}.specs>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.specs>div>span:first-child{color:#b6aaa0}.specs strong{font-weight:500;color:#e5d7bf}.pending{color:#b5a58c;font-size:11px}.specs .fine{font-size:10px;color:#97897b;line-height:1.8;margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.steps article{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column}.step{font:15px Cinzel;color:var(--gold);margin-bottom:16px}.steps h3{font-size:20px}.steps p{flex:1;min-height:70px}.steps button{margin-top:24px;background:#1d1916;border:1px solid #70573b;padding:13px 17px;text-align:left;color:#d3b58c;font-size:11px;display:flex;justify-content:space-between}.steps button:disabled{cursor:not-allowed;color:#938579;border-color:#3b3229;background:#161413}.community{background:linear-gradient(90deg,#100d0ce8,#1b0c08c4),url('assets/phoenix-web.webp') center 43%/cover;border-block:1px solid var(--line)}.community-inner{text-align:center;padding:75px 25px}.community .eyebrow{justify-content:center;font-size:9px}.community h2{font-size:48px}.community p{font-size:13px;color:#b7aaa0;margin-top:20px}.socials{display:flex;justify-content:center;gap:15px;margin:28px 0 15px}.socials button,.socials a{min-width:150px;border:1px solid #917249;background:#231a14a6;padding:13px 20px;font-size:12px}.socials span{margin-left:20px;color:var(--gold)}.community small{font-size:9px;color:#ad9987}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:13px;color:#d9c9b3;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';color:var(--gold)}details[open] summary::after{content:'−'}details p{font-size:12px;color:var(--muted);padding-top:15px}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:30px 25px 45px;display:flex;align-items:center;gap:35px;justify-content:space-between}footer p{color:#b4a18a;font-size:11px}footer small{display:block;color:#857b70;font-size:9px;margin-top:5px}footer .brand{font-size:22px}dialog{max-width:480px;width:calc(100% - 40px);background:#1c1714;color:var(--text);border:1px solid var(--gold);padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:27px}dialog p{font-size:13px;color:var(--muted);margin:20px 0 30px}.close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:26px;color:var(--gold)}.skip{position:absolute;top:-100px;z-index:20;background:#fff;color:#000;padding:10px}.skip:focus{top:0}.menu{display:none}
@media(min-width:1600px){.hero-content{margin-left:calc((100% - 1180px)/2)}}@media(max-width:1100px){header{gap:15px;padding:0 3%}nav{gap:15px;font-size:11px}.account{display:none}.hero-content{margin-left:6%}.intro,.info{gap:45px}.facts{margin:0 25px}.hero{min-height:720px}.art-caption{display:none}}@media(max-width:700px){header{height:78px;padding:0 22px}.brand{font-size:23px}.brand small{font-size:6px}.emblem{font-size:32px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px;color:var(--gold);font-size:11px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#161211;padding:24px;flex-direction:column;font-size:14px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:auto;min-height:770px;align-items:end}.hero-art{background-position:65% center;background-image:linear-gradient(0deg,#100f0f 2%,#100f0fe3 35%,#100f0f15 80%),url('assets/phoenix-web.webp')}.hero-content{margin:0;padding:310px 25px 100px;max-width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:48px;margin:20px 0;letter-spacing:-1.8px}.hero p{font-size:13px;max-width:350px}.actions{gap:18px;flex-wrap:wrap;margin-top:25px}.button{padding:15px 18px;font-size:11px}.hero-note{font-size:9px}.scroll{bottom:30px;left:25px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:26px 12px;padding:30px 0}.facts>span{display:none}.facts small{font-size:7px;letter-spacing:1px}.facts strong{font-size:20px}.facts strong.soon{font-size:13px}.section{padding:55px 25px}.intro,.info,.faq{grid-template-columns:1fr;gap:20px}.intro{padding-bottom:15px}.intro-copy{padding-top:0;font-size:13px}.pillars{grid-template-columns:1fr;gap:15px;padding-top:15px}.pillars article{padding:25px}.line-icon{margin-bottom:12px}.info{gap:35px}.seal{display:none}.section-heading{display:block}.section-heading>p{margin-top:20px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps p{min-height:0}.community h2{font-size:36px}.community .eyebrow{font-size:7px;letter-spacing:1.3px}.community-inner{padding:60px 20px}.community p{font-size:12px}.socials button,.socials a{min-width:130px}.faq{gap:15px}footer{margin:0 25px;padding:30px 0;align-items:start;flex-direction:column;gap:18px}.eyebrow{font-size:9px}.info>div>p{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fantasy portal composition */
:root{--bg:#100805;--gold:#d1b775;--line:#ae935966}body{background:#100805}header{height:90px;padding:8px 3%;border:0;gap:25px;background:linear-gradient(#160b0bcc,transparent)}header .brand img{width:75px;height:75px;object-fit:contain}nav{flex:1;justify-content:space-around;font:600 12px Cinzel,Georgia;text-transform:uppercase;gap:18px;text-shadow:0 2px 4px #000}nav button{font:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:0}nav a{color:#f0e7dc}.outline,.steps button,.socials button{border:2px solid #b7a16c;border-radius:28px;background:linear-gradient(#150b08bb,#160d08);color:#ecdaaa;box-shadow:inset 0 0 0 3px #27190d,inset 0 0 0 4px #7b6744;font:600 11px Cinzel,Georgia;text-transform:uppercase;letter-spacing:.5px;min-height:48px;padding:13px 28px;display:inline-flex;justify-content:center;align-items:center;position:relative}.outline::before,.outline::after{content:'◇';position:absolute;top:50%;transform:translateY(-50%);font-size:23px;color:#cbb075}.outline::before{left:-4px}.outline::after{right:-4px}.outline:hover{filter:brightness(1.25)}.account{min-width:220px}.hero{display:block;height:auto;min-height:1060px;max-height:none}.hero-art{background:linear-gradient(0deg,#100805 0%,transparent 32%),url('assets/world-web.webp') center top/cover}.hero-content{width:48%;max-width:none;margin:0 0 0 50%;padding:135px 20px 65px;text-align:center}.crest{width:95%;max-width:490px;filter:drop-shadow(0 5px 25px #210900);height:auto}.hero .welcome{font:27px/1.3 Cinzel,Georgia;color:#f3dda3;text-shadow:0 2px 7px #000;margin:8px 0 0;max-width:none}h1{font-size:clamp(38px,4.6vw,72px);line-height:1.2;font-weight:500;text-transform:uppercase;text-shadow:0 3px 10px #000;margin:5px 0 15px;letter-spacing:-2px}.hero .opening{display:inline-block;padding:2px 12px;color:#f7cb68;background:#20100d80;text-shadow:0 2px 4px #000;font-size:13px;max-width:none}.play{position:relative;display:flex;width:350px;max-width:100%;margin:36px auto 20px;padding:8px;border-radius:13px;border:3px ridge #e1c986;background:linear-gradient(135deg,#674724,#dbbd72 15%,#5e3d20 30%,#e5c785 50%,#51331a 80%,#d9b46e);box-shadow:0 0 0 2px #3b2315,0 0 0 4px #b89654,0 7px 25px #0009;text-shadow:0 1px #fff5}.play span{width:100%;display:block;padding:9px 22px;background:linear-gradient(#f2e6bc,#c8ba88);color:#38290e;font:500 25px Cinzel,Georgia;text-transform:uppercase;border:2px ridge #b19757;border-radius:40% 12px;text-align:center}.play::before,.play::after{position:absolute;top:3px;color:#ffe5a2;text-shadow:1px 2px #43260c;font-size:43px;line-height:1.5}.play::before{content:'❧';left:6px}.play::after{content:'❧';right:6px;transform:scaleX(-1)}.play:hover{filter:brightness(1.18)}.hero .hero-rates{font-size:9px;color:#f3dfb1;letter-spacing:2px;text-shadow:0 2px 4px #000;max-width:none}.side-nav{position:fixed;left:45px;top:39%;z-index:8;display:flex;flex-direction:column;gap:0;color:#cfb877}.side-nav:before{content:'';position:absolute;left:9px;top:15px;bottom:15px;width:1px;background:#a58e50}.side-nav a{display:flex;align-items:center;position:relative;height:35px;font-size:26px;line-height:1;text-shadow:0 0 3px #000}.side-nav span{display:none;margin-left:13px;background:#efe0a4;color:#261c0e;font:9px Inter;padding:4px 10px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);text-shadow:none}.side-nav a.active{color:#fff0b3}.side-nav a.active span,.side-nav a:hover span{display:block}.news{text-align:center;padding:30px 25px 40px}.news .eyebrow,.media .eyebrow{justify-content:center}.news p:not(.eyebrow){font-size:12px;color:#bbac9b}h2{text-transform:uppercase;font-size:35px;margin:15px 0 25px}.eyebrow{font-family:Cinzel,Georgia;letter-spacing:1.5px;font-size:11px}.ornament{color:#b7a16c;font-size:35px;margin-top:28px;line-height:1}.divider,.info-wrap,.downloads{border-top:1px solid #9d8952;position:relative}.divider::before,.info-wrap::before,.downloads::before{content:'◈';position:absolute;left:50%;transform:translate(-50%,-53%);top:0;color:#c7b475;background:#100805;padding:0 18px;font-size:22px;z-index:2;line-height:1}.section{padding:85px 45px;max-width:1180px}.intro{align-items:center;gap:75px}.intro-copy{padding:0}.intro-copy p{font-size:13px}.intro-copy .actions{gap:12px}.server-scene{background:linear-gradient(90deg,#160c08e8,#1d120bd9),url('assets/phoenix-web.webp') center/cover}.art-frame{position:relative;padding:6px;background:#1c100a;border:1px solid #967a48;border-radius:18px;box-shadow:0 12px 35px #0007}.art-frame img{display:block;width:100%;height:300px;object-fit:cover;border-radius:12px}.art-frame span{position:absolute;bottom:7px;left:7px;right:7px;text-align:center;padding:17px;background:linear-gradient(transparent,#100805e8);font-size:10px;letter-spacing:2px;color:#dfca99}.info-wrap{background:radial-gradient(ellipse at center,#39211944,transparent 70%);border-bottom:0}.info{gap:80px}.seal{border:0;padding:0;font-size:40px}.community{background:linear-gradient(90deg,#100805eb,#130a07d9),url('assets/world-web.webp') center/cover;border-bottom:0}.community-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px;text-align:left;align-items:center}.community .eyebrow{justify-content:start;font-size:10px}.community h2{font-size:36px}.community p{margin:15px 0;line-height:1.9}.community .outline{margin-top:20px}.social-panel{border:1px solid #66502d;border-radius:8px;padding:15px 30px 35px;background:linear-gradient(#2d1a11ad,#0d0805e8);text-align:center;box-shadow:0 15px 35px #0006}.social-panel img{width:190px;display:block;margin:auto}.social-panel .eyebrow{display:block;font-size:9px}.social-panel strong{font:27px Cinzel;color:#e2c78c}.media{text-align:center;background:linear-gradient(#100805d9,#100805f7),url('assets/world-web.webp') center/cover}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0 20px}.gallery button{padding:5px;border:1px solid #80643d;background:#1c1008;overflow:hidden;text-align:left}.gallery img{width:100%;height:185px;object-fit:cover;display:block}.gallery button:last-child img{object-fit:contain;background:radial-gradient(#5a2817,#140a06)}.gallery span{display:block;padding:11px 10px;font:12px Cinzel;color:#d9c38c}.fine{font-size:10px;color:#aa9b85}.floating-guide{position:fixed;left:25px;bottom:36px;z-index:9;border:2px solid #c4a65f;border-radius:30px;padding:12px 18px;font-size:10px;font-weight:600;letter-spacing:1px;background:#160d08;color:#e2c981;box-shadow:0 0 8px #c89946}.realm-tab{position:fixed;right:0;top:46%;z-index:8;writing-mode:vertical-rl;padding:22px 10px;border:1px solid #a88b4d;border-right:0;border-radius:8px 0 0 8px;background:#170d08e8;color:#ddc38a;font-size:10px;letter-spacing:2px}dialog{background:#1c1009;box-shadow:0 0 0 5px #342215}#lightbox{max-width:1000px;padding:35px 15px 15px;text-align:center}#lightbox img{max-width:100%;max-height:78vh;object-fit:contain}.close-art{position:absolute;top:6px;right:12px;background:none;border:0;font-size:27px;color:#d7b67c}.embers{position:absolute;left:30%;bottom:10%;color:#ffa958;text-shadow:0 0 12px #ff3b00;animation:ember 10s linear infinite;pointer-events:none}@keyframes ember{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translate(150px,-700px);opacity:0}}
@media(min-width:1700px){.hero{min-height:1200px}.hero-content{padding-top:170px;margin-left:50%}.crest{max-width:580px}}@media(max-width:1100px){header{gap:12px}nav{font-size:10px;gap:12px}.account{display:inline-flex;min-width:165px;font-size:9px;padding:10px 20px}.side-nav{left:18px}.section{padding:65px}.intro,.community-inner{gap:35px}.hero{min-height:950px}.hero-content{width:52%;margin-left:47%;padding-top:155px}.play{width:300px}.play span{font-size:22px}.welcome{font-size:23px}.hero .opening{font-size:11px}.gallery img{height:150px}}
@media(max-width:700px){header{height:76px;padding:7px 18px;gap:12px}.brand img{width:60px!important;height:60px!important}.menu{display:block;order:3;background:#1a0d08bb;border:1px solid #ae9259;color:#e4cc92;padding:8px 12px;font-family:Cinzel;font-size:10px}.account{display:inline-flex;min-width:0;font-size:7px;min-height:35px;padding:8px 18px;margin-left:auto}nav{top:76px;left:0;right:0;padding:20px 25px;background:#170b07fa;font-size:12px;gap:20px;align-items:start}.side-nav,.realm-tab{display:none}.hero{min-height:900px;display:block}.hero-art{background-image:linear-gradient(0deg,#100805 0%,#10080580 35%,transparent 70%),url('assets/world-web.webp');background-position:35% top;background-size:auto 900px}.hero-content{width:100%;margin:0;padding:245px 25px 45px}.crest{width:300px;max-width:78%;filter:drop-shadow(0 5px 20px #000)}.hero .welcome{font-size:21px;margin-top:0}h1{font-size:42px;letter-spacing:-1px;margin-top:8px}.hero .opening{font-size:10px;padding:3px 8px}.play{width:290px;margin-top:28px}.play span{font-size:21px}.hero .hero-rates{font-size:8px;letter-spacing:1px}.news{padding:30px 25px}.news h2{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1.2px}h2{font-size:29px}.section{padding:55px 25px}.intro,.community-inner{grid-template-columns:1fr;gap:30px}.art-frame img{height:240px}.intro-copy{text-align:center}.intro-copy .eyebrow{justify-content:center}.actions{justify-content:center;flex-wrap:wrap}.actions .outline{font-size:9px}.info{gap:30px}.community-inner>div:last-child{text-align:center}.community .eyebrow{justify-content:center}.social-panel{max-width:380px;width:100%;margin:auto}.community h2{font-size:31px}.gallery{grid-template-columns:1fr}.gallery img{height:220px}.gallery button:last-child img{height:230px}.floating-guide{left:15px;bottom:15px;font-size:8px;padding:10px 13px}footer{padding-bottom:80px}.section-heading{display:block}.ornament{font-size:28px}}
@media(prefers-reduced-motion:reduce){.embers{display:none}}


.steps.single-download{grid-template-columns:minmax(0,620px);justify-content:center}.steps.single-download article{text-align:center}.steps.single-download p{min-height:0}.steps.single-download button{justify-content:center;gap:18px}

.client-download{margin-top:24px;gap:18px;width:100%;text-align:center}

/* Keep the crest, launch details and play button together on the first screen. */
.hero{min-height:100svh}
.hero-content{width:48%;margin-left:43%;padding:92px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero .crest{display:block;width:auto;height:clamp(210px,43svh,420px);max-width:90%;object-fit:contain}
.hero .welcome{font-size:21px;margin:0}
.hero h1{font-size:clamp(32px,3.2vw,52px);margin:0;line-height:1.15}
.hero .opening{font-size:13px;margin:0;line-height:1.6}
.hero .play{margin:14px auto 8px;width:320px}
.hero .hero-rates{margin:0;font-size:10px}
@media(max-width:1100px) and (min-width:701px){.hero-content{padding-top:100px;width:52%;margin-left:42%}.hero .opening{font-size:11px}}
@media(max-width:700px){.hero{min-height:100svh}.hero-content{width:100%;margin-left:0;padding:115px 20px 65px;gap:8px}.hero .crest{height:clamp(140px,27svh,220px);max-width:78%}.hero .welcome{font-size:18px}.hero h1{font-size:34px}.hero .opening{font-size:11px;max-width:340px}.hero .play{width:290px;margin-top:12px}.hero .hero-rates{font-size:9px}}
@media(max-height:650px) and (min-width:701px){.hero-content{padding-top:95px;gap:5px}.hero .crest{height:24svh}.hero .welcome{font-size:17px}.hero h1{font-size:32px}.hero .play{margin-top:8px}.hero .play span{font-size:21px}}


/* Mobile-only composition: full artwork and navigation in document flow. */
@media(max-width:700px){
  header{position:relative;height:auto;min-height:76px;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:8px 14px;background:#170d08;align-items:center}
  header .brand{min-width:0}
  header .brand>.server-status{display:none}
  header .account{justify-self:end;min-width:0;max-width:100%;margin:0;font-size:8px;padding:10px 14px;min-height:44px;letter-spacing:0}
  header .menu{order:initial;min-height:44px;padding:8px 12px;font-size:11px}
  header #navigation{display:none;position:static;grid-column:1/-1;inset:auto;width:100%;padding:12px 0 4px;margin:0;border-top:1px solid #806437;background:#170d08;font-size:12px;gap:6px;max-height:none}
  header #navigation.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  header #navigation>a,header #navigation>button{display:flex;align-items:center;justify-content:flex-start;min-height:44px;width:100%;padding:10px 12px;text-align:left;white-space:normal;border:1px solid #80643755;border-radius:5px;background:#25170f}
  .hero{min-height:calc(100svh - 76px);background:#100805;overflow:hidden}
  .hero .hero-art{inset:0 0 auto;height:auto;aspect-ratio:1672/941;background-image:linear-gradient(0deg,#100805,transparent 28%),url('assets/world-web.webp');background-size:100% 100%,contain;background-position:center top;background-repeat:no-repeat}
  .hero .hero-content{width:100%;margin:0;padding:clamp(120px,38vw,230px) 18px 34px;gap:8px}
  .hero .crest{height:clamp(150px,42vw,210px);max-width:78%;filter:drop-shadow(0 3px 12px #000)}
  .hero .welcome{font-size:18px}
  .hero h1{font-size:clamp(28px,8.5vw,38px)}
  .hero .opening{max-width:100%;font-size:11px;line-height:1.8;text-wrap:balance}
  .hero .play{width:min(290px,100%);margin:12px auto 8px}
  .hero .play span{font-size:20px}
  .floating-guide{position:static;display:table;margin:0 auto 20px;font-size:9px;min-height:44px;padding:12px 16px}
}
@media(max-width:360px){header{grid-template-columns:48px minmax(0,1fr) auto;padding-inline:10px;gap:8px}header .brand img{width:48px!important;height:48px!important}header .account{font-size:7px;padding-inline:10px}header .menu{font-size:10px;padding-inline:8px}}

/* Agathions: responsive content section. */
.agathion-lead{max-width:760px;color:var(--muted);font-size:16px;line-height:1.8}.agathion-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.agathion-cards article{border:1px solid var(--line);border-radius:8px;padding:26px;background:linear-gradient(135deg,#2b1a11,#140c08)}.agathion-cards h3{margin:16px 0;font-size:20px}.agathion-cards p,.agathion-endgame p{color:#c4b8a6}.agathion-endgame{padding:25px;border-left:3px solid var(--gold);background:#24170f;margin-bottom:30px}.agathion-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.agathion-gallery figure{margin:0;min-width:0}.agathion-gallery a{display:block}.agathion-gallery img{display:block;width:100%;height:auto;border:1px solid #806437;border-radius:6px}.agathion-gallery figcaption{font-size:11px;color:#c4b8a6;padding:10px 0}.agathions>.fine{margin:14px 0 26px;line-height:1.8}.agathions>.outline{white-space:normal;text-align:center}@media(max-width:900px){.agathion-cards,.agathion-gallery{grid-template-columns:1fr}.agathion-cards{gap:14px}.agathion-lead{font-size:14px}}

.agathion-video{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:8px;background:#1c110b}.agathion-video h3{margin:12px 0}.agathion-video>div>p:last-child{max-width:760px;color:#c4b8a6;margin-bottom:20px}.agathion-video video{display:block;width:100%;max-height:640px;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #806437;border-radius:6px}.agathion-video>.fine{margin-top:12px}@media(max-width:700px){.agathion-video{padding:14px}.agathion-video h3{font-size:20px}}