:root{
  --bg:#06080d;--panel:#0d1119;--panel2:#111722;--gold:#c9a45c;--gold2:#f0d59a;
  --text:#eee8dc;--muted:#9a9aa0;--line:rgba(201,164,92,.22);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(50,65,91,.16),transparent 32%),linear-gradient(180deg,#070a10 0%,#06080d 70%);z-index:-3}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;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='.7'/%3E%3C/svg%3E")}
.stars{position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:97px 83px;opacity:.09}
a{color:inherit;text-decoration:none}.topbar{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(4,6,10,.92),rgba(4,6,10,.5),transparent);backdrop-filter:blur(7px);z-index:30}
.brand{display:flex;align-items:center;gap:11px;letter-spacing:2px}.brand-mark{color:var(--gold);font-size:25px;text-shadow:0 0 18px rgba(201,164,92,.4)}.brand strong{display:block;font-size:15px;letter-spacing:3px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:5px;margin-top:2px}
.desktop-nav{display:flex;gap:30px;font-family:Arial,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#bdb9b1}.desktop-nav a:hover{color:var(--gold2)}
.nav-cta,.gold-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border:1px solid rgba(201,164,92,.55);background:linear-gradient(180deg,rgba(201,164,92,.2),rgba(201,164,92,.06));color:#f4e4bd;font-family:Arial,sans-serif;font-size:10px;font-weight:bold;letter-spacing:1.6px;text-transform:uppercase;transition:.25s;cursor:pointer}.nav-cta:hover,.gold-btn:hover{transform:translateY(-2px);border-color:var(--gold2);box-shadow:0 8px 30px rgba(201,164,92,.13)}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}
.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;padding:20px;background:rgba(5,7,11,.97);z-index:29;border-bottom:1px solid var(--line)}.mobile-menu.open{display:grid}.mobile-menu a{padding:15px;border-bottom:1px solid rgba(255,255,255,.05);font-family:Arial,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1.5px}

.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(201,164,92,.12);isolation:isolate}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:43%;background:linear-gradient(transparent,#06080d);z-index:4}.moon{position:absolute;width:260px;height:260px;border-radius:50%;right:13%;top:17%;background:radial-gradient(circle at 42% 38%,#e9e1ca,#b4ad9c 45%,#5b5c5e 73%,transparent 74%);box-shadow:0 0 80px rgba(203,211,220,.12);opacity:.55}
.mountains{position:absolute;left:-5%;right:-5%;bottom:0;height:42%;clip-path:polygon(0 100%,0 63%,12% 49%,21% 67%,32% 32%,44% 61%,55% 38%,67% 67%,79% 30%,89% 56%,100% 43%,100% 100%);}.mountains.back{background:#111722;opacity:.8;transform:scale(1.06)}.mountains.front{background:#080b10;bottom:-1%;height:36%;filter:drop-shadow(0 -15px 30px rgba(0,0,0,.6))}
.castle{position:absolute;bottom:18%;left:50%;width:410px;height:330px;transform:translateX(-50%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.8));opacity:.9;z-index:2}.tower{position:absolute;bottom:0;width:76px;height:225px;background:linear-gradient(90deg,#10141b,#262a31 52%,#0a0d12);border:1px solid #30343a}.tower:before{content:"";position:absolute;left:-10px;right:-10px;top:-34px;height:42px;background:#171b21;clip-path:polygon(0 100%,0 65%,14% 65%,14% 35%,27% 35%,27% 65%,40% 65%,40% 35%,53% 35%,53% 65%,66% 65%,66% 35%,79% 35%,79% 65%,100% 65%,100% 100%)}.tower i{position:absolute;left:27px;top:65px;width:20px;height:48px;border:3px solid #07090d;border-radius:12px 12px 4px 4px;background:#c9a45c22;box-shadow:0 0 12px #c9a45c33}.t1{left:5px}.t2{right:5px}.t3{left:167px;height:250px}.keep{position:absolute;left:78px;right:78px;bottom:0;height:210px;background:linear-gradient(90deg,#11151c,#292d33 50%,#10141a);border:1px solid #30343a}.keep:before,.keep:after{content:"";position:absolute;top:-24px;width:40px;height:38px;background:#171b21;clip-path:polygon(0 100%,0 25%,20% 25%,20% 0,40% 0,40% 25%,60% 25%,60% 0,80% 0,80% 25%,100% 25%,100% 100%)}.keep:before{left:0}.keep:after{right:0}.keep i{position:absolute;left:50%;top:36px;width:35px;height:78px;transform:translateX(-50%);border:4px solid #080a0e;border-bottom:0;border-radius:22px 22px 0 0}.keep b{position:absolute;left:50%;top:115px;width:5px;height:60px;transform:translateX(-50%);background:linear-gradient(#c9a45c,#5f4725);box-shadow:0 0 16px #c9a45c55}.gate{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:92px;height:116px;background:#07090c;border:3px solid #14171c;border-radius:50px 50px 0 0}.wall{position:absolute;bottom:0;width:90px;height:110px;background:#171b21;border:1px solid #30343a}.wall.left{left:48px}.wall.right{right:48px}
.mist{position:absolute;bottom:13%;width:75%;height:130px;background:radial-gradient(ellipse,rgba(174,181,190,.12),transparent 68%);filter:blur(18px);z-index:3}.mist-a{left:-15%;animation:drift 12s ease-in-out infinite}.mist-b{right:-15%;animation:drift 16s ease-in-out infinite reverse}
.hero-content{position:relative;z-index:8;text-align:center;width:min(850px,90%);margin-top:-1vh}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;color:#b7a273;text-transform:uppercase}.eyebrow span{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--gold)}
h1{margin:20px 0 4px;font-size:clamp(54px,9vw,108px);line-height:.84;letter-spacing:3px;text-shadow:0 8px 30px #000}.hero h1 span{display:block;font-size:.42em;letter-spacing:11px;color:#ded8cb;margin-bottom:13px}.hero h1 strong{font-weight:normal;color:#d7b66e;letter-spacing:7px;background:linear-gradient(#f0dcae,#9d7937);-webkit-background-clip:text;background-clip:text;color:transparent}
.ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px auto 12px;width:230px}.ornament i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.ornament b{font-size:13px;color:var(--gold)}
.tagline{font-family:Arial,sans-serif;font-size:13px;letter-spacing:7px;color:#eee3ca;margin:0 0 18px}.hero-copy{max-width:590px;margin:0 auto 28px;color:#b2b0ad;line-height:1.7;font-size:16px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ghost-btn{display:inline-flex;align-items:center;padding:13px 20px;border:1px solid rgba(255,255,255,.17);font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.5px;color:#c9c7c2;transition:.25s}.ghost-btn:hover{border-color:#aaa;color:white}.hero-status{margin-top:25px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.3px;color:#8e908f;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b9b72;margin-right:7px;box-shadow:0 0 10px #8b9b72}.hero-status small{margin:0 7px;color:#555}.hero-bottom{position:absolute;z-index:8;bottom:24px;left:50%;transform:translateX(-50%);font:9px Arial,sans-serif;letter-spacing:2px;color:#74777b}.hero-bottom i{display:block;width:1px;height:35px;background:linear-gradient(var(--gold),transparent);margin:10px auto 0}

.section{width:min(var(--max),92%);margin:auto;padding:115px 0}.section-heading{max-width:700px}.section-heading.centered{text-align:center;margin:0 auto 50px}.section-heading h2,.forge h2,.foundation h2,.enter h2{font-size:clamp(35px,5vw,60px);font-weight:normal;line-height:1.05;margin:13px 0 18px}.section-heading h2 span,.forge h2 span,.foundation h2 span{color:var(--gold)}.section-heading p,.forge-copy>p,.foundation-box>p{font-family:Arial,sans-serif;color:#94979b;line-height:1.8;font-size:14px}
.realm-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:15px}.realm-card,.hero-card,.coin-card{background:linear-gradient(145deg,rgba(22,27,37,.92),rgba(10,13,19,.95));border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:.3s}.realm-card:hover,.hero-card:hover,.coin-card:hover{transform:translateY(-5px);border-color:var(--line)}.card-visual{height:250px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(201,164,92,.16),transparent 45%),linear-gradient(180deg,transparent,#0b0e14)}.card-visual span{font-size:65px;color:rgba(221,196,137,.45);z-index:1}.castle-visual{background:linear-gradient(145deg,#151a23,#080a0f)}.castle-visual:after{content:"♜";font-size:150px;position:absolute;bottom:-30px;color:#05070a;text-shadow:0 0 20px #c9a45c22}.wild-visual{background:linear-gradient(145deg,#111c1b,#080b0d)}.forge-visual{background:linear-gradient(145deg,#201812,#0a0b0e)}
.card-body{padding:23px}.card-body small,.coin-card small,.hero-card-content small{font:9px Arial,sans-serif;letter-spacing:2px;color:#8d7b59}.card-body h3,.coin-card h3{font-size:26px;font-weight:normal;margin:9px 0}.card-body p,.coin-card p{font:13px Arial,sans-serif;line-height:1.7;color:#8e9298;margin:0}.card-body a{display:inline-block;margin-top:16px;color:var(--gold2);font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.4px}

.heroes{max-width:none;background:linear-gradient(180deg,transparent,rgba(15,19,27,.35),transparent);padding-left:4%;padding-right:4%}.hero-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero-card{min-height:470px;position:relative;padding:38px 30px;display:flex;align-items:flex-end;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#080a0e 100%);z-index:1}.hero-card:after{content:"";position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.025) 31px 32px)}.hero-glow{position:absolute;width:210px;height:210px;border-radius:50%;right:-30px;top:30px;background:radial-gradient(circle,rgba(201,164,92,.2),transparent 70%);filter:blur(12px)}.archer .hero-glow{background:radial-gradient(circle,rgba(95,139,119,.18),transparent 70%)}.mage .hero-glow{background:radial-gradient(circle,rgba(113,103,176,.2),transparent 70%)}.hero-symbol{position:absolute;right:35px;top:28px;font-size:110px;color:rgba(215,182,110,.13);z-index:2}.hero-card-content{position:relative;z-index:3}.hero-card-content h3{font-size:40px;font-weight:normal;margin:8px 0}.hero-card-content p{font:13px Arial,sans-serif;color:#8f9298;margin:0 0 26px}.stat{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px;margin:9px 0;font:8px Arial,sans-serif;letter-spacing:1.5px;color:#8f9298}.stat i{height:2px;background:#252b34}.stat b{display:block;height:100%;background:linear-gradient(90deg,#735a2f,#d8b871);box-shadow:0 0 10px #c9a45c22}.archer .stat b{background:linear-gradient(90deg,#416b59,#9bb99c)}.mage .stat b{background:linear-gradient(90deg,#514b80,#aaa3e2)}

.forge{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.forge-panel{min-height:430px;border:1px solid var(--line);background:radial-gradient(circle,#1d1710 0%,#0b0d12 58%);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.forge-ring{position:absolute;width:280px;height:280px;border:1px solid rgba(201,164,92,.35);border-radius:50%;box-shadow:0 0 70px rgba(201,164,92,.09),inset 0 0 50px rgba(201,164,92,.05);animation:spin 24s linear infinite}.forge-ring:before,.forge-ring:after{content:"✦";position:absolute;color:var(--gold);font-size:15px}.forge-ring:before{top:-8px;left:50%;transform:translateX(-50%)}.forge-ring:after{bottom:-8px;left:50%;transform:translateX(-50%)}.forge-core{font-size:85px;color:#d3a953;text-shadow:0 0 35px rgba(220,155,55,.4);z-index:1}.forge-panel span,.forge-panel strong{font:10px Arial,sans-serif;letter-spacing:3px;z-index:1}.forge-panel strong{color:var(--gold);margin-top:8px}.feature-list{margin-top:28px;display:grid;gap:14px}.feature-list div{display:flex;gap:15px;align-items:flex-start}.feature-list b{color:var(--gold);font-size:13px}.feature-list p{margin:0;font:13px Arial,sans-serif;color:#92959a;line-height:1.5}.feature-list strong{color:#ddd7cd}

.library{border-top:1px solid rgba(255,255,255,.04)}.books{display:grid;grid-template-columns:1fr 1fr;gap:10px}.book{min-height:84px;border:1px solid rgba(255,255,255,.06);background:#0b0f15;display:flex;align-items:center;padding:15px 18px;gap:16px}.book>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}.book strong{display:block;font-size:16px;font-weight:normal}.book small{display:block;margin-top:5px;color:#6f747b;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.3px}.book>b{margin-left:auto;color:#444b55;font:10px Arial,sans-serif}

.foundation{max-width:none;padding-left:4%;padding-right:4%}.foundation-box{max-width:1100px;margin:auto;text-align:center;padding:95px 10%;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(201,164,92,.12),transparent 45%),linear-gradient(145deg,#121721,#080b10);position:relative}.foundation-mark{font-size:55px;color:var(--gold);margin-bottom:20px;text-shadow:0 0 35px rgba(201,164,92,.22)}.foundation-box>p{max-width:690px;margin:0 auto 30px}

.economy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.coin-card{padding:30px}.coin{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2);font:bold 13px Arial,sans-serif;margin-bottom:25px;box-shadow:inset 0 0 20px rgba(201,164,92,.08)}.coin-card h3{font-size:30px}.coin-card>b{display:block;margin-top:22px;font:8px Arial,sans-serif;letter-spacing:1.5px;color:#6e7278}.legal-note{font:10px Arial,sans-serif;line-height:1.7;color:#5d6269;text-align:center;max-width:850px;margin:25px auto 0}

.enter{max-width:none;min-height:65vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(201,164,92,.08),transparent 30%)}.enter-content{max-width:700px}.enter h2{margin-bottom:8px}.enter h2:after{content:"";display:block;width:70px;height:1px;background:var(--gold);margin:24px auto}.enter-content>p{font:16px Arial,sans-serif;color:#999da3;margin-bottom:30px}.coming-soon{display:none;margin:18px auto 0;max-width:500px;border:1px solid rgba(201,164,92,.2);padding:13px;color:#8c8f94;font:10px Arial,sans-serif;line-height:1.5}.coming-soon.show{display:block}.coming-soon span{color:var(--gold);margin-right:7px}
footer{padding:40px 4vw;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#666b72}footer p{font:9px Arial,sans-serif;letter-spacing:.8px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{display:block;font:10px Arial,sans-serif;letter-spacing:2px;color:#bbb}.footer-brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;color:#826b42;margin-top:4px}.footer-links{display:flex;gap:20px;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.3px}.footer-links a:hover{color:var(--gold)}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,100%{transform:translateX(-2%)}50%{transform:translateX(6%)}}
@media(max-width:900px){.desktop-nav,.nav-cta{display:none}.menu-btn{display:block}.realm-grid,.hero-grid{grid-template-columns:1fr}.hero-card{min-height:400px}.forge{grid-template-columns:1fr;gap:45px}.forge-panel{min-height:350px}.books,.economy-grid{grid-template-columns:1fr}.castle{transform:translateX(-50%) scale(.72);bottom:14%}.moon{right:8%;top:15%;width:170px;height:170px}.hero-copy{font-size:14px}.section{padding:85px 0}}
@media(max-width:560px){.topbar{height:68px;padding:0 20px}.mobile-menu{top:68px}.brand strong{font-size:12px}.brand small{font-size:7px}.hero{min-height:780px}.hero-content{margin-top:-25px}.hero h1{font-size:52px}.hero h1 span{font-size:20px;letter-spacing:6px}.hero h1 strong{letter-spacing:3px}.tagline{font-size:10px;letter-spacing:4px}.hero-copy{font-size:13px;padding:0 8px}.castle{bottom:12%;transform:translateX(-50%) scale(.55);opacity:.7}.moon{top:11%;right:5%}.hero-bottom{display:none}.section{width:min(92%,520px);padding:70px 0}.section-heading h2,.forge h2,.foundation h2,.enter h2{font-size:38px}.card-visual{height:190px}.foundation-box{padding:60px 22px}.foundation-box h2 br{display:none}footer{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.forge-panel{min-height:300px}}