:root{--bg:#05070a;--panel:#0d1117;--panel2:#121922;--line:#27313d;--text:#f4f3ed;--muted:#929ba6;--gold:#e0ad42;--teal:#5bc8c9;--red:#d84c43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:76px;padding:0 max(20px,5vw);display:flex;align-items:center;gap:44px;position:sticky;top:0;z-index:30;background:rgba(5,7,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:grid;line-height:1}.brand strong{font-size:19px;letter-spacing:-1px}.brand strong span{color:var(--gold)}.brand small{margin-top:5px;color:#77808b;font-size:7px;font-weight:800;letter-spacing:2px}.topbar nav{display:flex;gap:26px;margin:auto}.topbar nav a{font-size:12px;color:#b3bac2;font-weight:700}.head-actions{display:flex;gap:8px}.head-actions button,.filters button{border:1px solid var(--line);background:#0b0e13;color:#d8dce1;cursor:pointer}.head-actions button{height:38px;padding:0 14px;font-size:11px}.head-actions .text-btn{background:transparent;border-color:transparent}.cart-btn b{margin-left:8px;padding:2px 6px;background:var(--gold);color:#0a0a0a}.hero{height:min(700px,78vh);min-height:570px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,9,.97) 0%,rgba(4,6,9,.82) 28%,rgba(4,6,9,.25) 65%),linear-gradient(0deg,#05070a 0%,transparent 32%)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(700px,90%);padding-left:max(24px,8vw)}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2.2px}.hero h1{margin:0 0 25px;font-family:Georgia,serif;font-size:clamp(54px,7vw,104px);line-height:.87;letter-spacing:-5px}.hero h1 em{color:transparent;-webkit-text-stroke:1px #cdd1d5;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:560px;color:#bdc3ca;font-size:17px;line-height:1.7}.primary,.secondary{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:0;font-size:11px;font-weight:900;cursor:pointer}.primary{background:var(--gold);color:#090909}.secondary{margin-left:8px;background:rgba(5,7,10,.55);color:#eee;border:1px solid #68727e}.hero-copy small{margin-top:22px;color:#9ca5af;font-size:10px}.hero-copy small i{width:8px;height:8px;margin-right:8px;display:inline-block;border-radius:50%;background:#dd9f35;box-shadow:0 0 12px #dd9f35}.statbar{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:#090d12}.statbar article{padding:24px 5vw;display:grid;border-right:1px solid var(--line)}.statbar article:last-child{border:0}.statbar strong{font-size:23px}.statbar span{margin-top:4px;color:#78828d;font-size:9px;text-transform:uppercase;letter-spacing:1px}.section{padding:88px max(22px,6vw)}.intro>div:first-child{display:flex;justify-content:space-between;align-items:end}.section h2{margin:0;font-family:Georgia,serif;font-size:clamp(36px,4.5vw,62px);font-weight:500;letter-spacing:-2px}.feature-grid{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.feature-grid article{padding:34px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-grid b{color:var(--gold);font-size:11px}.feature-grid h3{margin:36px 0 12px}.feature-grid p,.download-copy>p,.delivery>p,.community>p{color:var(--muted);line-height:1.7}.download{display:grid;grid-template-columns:1fr minmax(380px,.7fr);gap:9vw;background:radial-gradient(circle at 85% 30%,rgba(91,200,201,.09),transparent 32%),#090d12;border-block:1px solid var(--line)}.download-copy ol{padding:0;list-style:none;counter-reset:steps}.download-copy li{counter-increment:steps;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.download-copy li:before{content:'0' counter(steps);color:var(--gold);margin-right:16px;font-size:9px}.download-card{padding:28px;border:1px solid #36404d;background:linear-gradient(145deg,#131b24,#0b0f15);box-shadow:0 28px 70px rgba(0,0,0,.3)}.download-card>div{padding-bottom:24px;border-bottom:1px solid var(--line);display:grid}.download-card small{color:var(--teal);font-size:9px;font-weight:900;letter-spacing:1.5px}.download-card strong{margin-top:6px;font-size:19px}.download-card span{display:block;margin:24px 0;color:#9fa8b2;font-size:12px}.download-card button{width:100%;height:48px;background:var(--gold);border:0;font-weight:900;font-size:11px;cursor:pointer}.download-card p{color:#6f7984;font-size:10px;line-height:1.6}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{color:#7f8993;font-size:10px}.filters{display:flex;gap:8px;margin:30px 0 20px;overflow:auto}.filters button{padding:10px 15px;white-space:nowrap;font-size:10px;font-weight:800}.filters button.active{background:var(--gold);color:#080808;border-color:var(--gold)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{min-height:310px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:.2s}.product:hover{transform:translateY(-4px);border-color:#6f5a2d}.product-art{height:145px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--glow),transparent 60%),linear-gradient(145deg,#17202b,#090c11)}.product-art span{font-size:58px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.product-copy{padding:18px;display:flex;flex-direction:column;flex:1}.product-copy small{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:1px}.product h3{margin:7px 0;font-family:Georgia,serif;font-size:19px}.product p{margin:0 0 20px;color:#7e8892;font-size:10px;line-height:1.55}.product-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:13px}.product-bottom button{padding:8px 11px;background:transparent;color:var(--gold);border:1px solid #4a412c;font-size:9px;font-weight:900;cursor:pointer}.delivery{background:#090d12;border-block:1px solid var(--line)}.flow{margin:38px 0;display:flex;align-items:center;justify-content:space-between}.flow span{width:21%;padding:21px;border:1px solid #303a46;color:var(--gold);font-size:10px}.flow span b{display:block;margin-top:8px;color:#fff;font-size:12px}.flow i{color:#56616d}.community{text-align:center}.community>p{max-width:600px;margin:18px auto 28px}.community .secondary{margin:0}footer{padding:42px max(22px,6vw);display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;color:#727c86;border-top:1px solid var(--line);font-size:9px}footer p{margin-right:auto}footer>div{display:flex;gap:18px}.overlay{position:fixed;inset:0;z-index:80;display:none;justify-content:flex-end;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.overlay.open{display:flex}.panel{width:min(470px,100%);height:100%;padding:42px;background:#0a0e13;border-left:1px solid #35404d;overflow:auto}.panel .close{float:right;border:0;background:transparent;color:#aab2bb;font-size:27px;cursor:pointer}.panel h2{margin:6px 0 30px;font-family:Georgia,serif;font-size:38px}.panel label{display:grid;gap:8px;margin:18px 0;color:#98a1aa;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.panel input,.panel select{width:100%;height:47px;padding:0 13px;border:1px solid #333e4a;background:#080b0f;color:#eee}.panel .check{display:flex;grid-template-columns:18px 1fr;align-items:start;text-transform:none;line-height:1.5}.panel .check input{width:16px;height:16px}.full{width:100%;margin-top:10px}.panel-note{color:#77818b;font-size:10px;line-height:1.6}.cart-items{display:grid;gap:10px}.cart-line{padding:14px;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px}.cart-line small{color:#77818b}.cart-line button{grid-column:2;border:0;background:transparent;color:#dc706a;cursor:pointer}.delivery-picker{margin-top:25px;padding-top:10px;border-top:1px solid var(--line)}.total{margin:25px 0;padding:20px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between}.total strong{font-size:19px}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{display:none}.download{grid-template-columns:1fr}.flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow span{width:auto}.flow i{display:none}}@media(max-width:620px){.head-actions .text-btn{display:none}.hero{min-height:640px}.hero-shade{background:linear-gradient(0deg,#05070a 0%,rgba(5,7,10,.65) 65%,rgba(5,7,10,.45))}.hero-copy{justify-content:flex-end;padding:25px 20px 55px}.hero h1{font-size:54px;letter-spacing:-3px}.statbar{grid-template-columns:1fr 1fr}.statbar article:nth-child(2){border-right:0}.feature-grid,.product-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)}.section-head{align-items:start;display:grid}.section-head>p{margin-top:15px}.flow{grid-template-columns:1fr}.flow span{display:flex;gap:12px;align-items:center}.flow span b{margin:0}footer{grid-template-columns:1fr}.secondary{display:none}}
.realms{background:linear-gradient(180deg,#080c11,#05070a)}.realm-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:34px}.realm-card{min-height:280px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#121a23,#090d12)}.realm-card.live{border-color:#6f5a2d;box-shadow:inset 0 1px rgba(224,173,66,.2)}.realm-card>div:first-child{display:flex;justify-content:space-between;gap:20px;color:#7d8791;font-size:9px;font-weight:800;letter-spacing:1px}.realm-status{color:var(--gold)}.realm-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#dd9f35;box-shadow:0 0 10px #dd9f35}.realm-card h3{margin:42px 0 10px;font:500 31px Georgia,serif}.realm-card p{color:var(--muted);font-size:11px;line-height:1.7}.realm-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:26px 0 0;background:var(--line)}.realm-card dl div{padding:13px;background:#0b1016}.realm-card dt{color:#737e89;font-size:8px;text-transform:uppercase}.realm-card dd{margin:5px 0 0;font-size:10px}.realm-card.future{display:flex;flex-direction:column;justify-content:center;border-style:dashed}.realm-card.future>span{color:#69737e;font-size:9px;letter-spacing:1.5px}.realm-card.future h3{margin:18px 0 8px;font-size:24px;color:#b5bbc2}@media(max-width:1000px){.realm-grid{grid-template-columns:1fr 1fr}.realm-card.live{grid-column:1/-1}}@media(max-width:620px){.realm-grid{grid-template-columns:1fr}.realm-card.live{grid-column:auto}.realm-card dl{grid-template-columns:1fr}}
.realms-title{display:flex;justify-content:space-between;align-items:end;gap:40px}.realms-title>div>p:last-child{max-width:620px;color:var(--muted);line-height:1.7}.realm-count{display:grid;color:var(--gold);font:52px Georgia,serif;text-align:right}.realm-count small{color:#707a85;font:800 9px Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.realm-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(220px,.7fr))}.realm-card.live{display:grid;grid-template-columns:110px 1fr;gap:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 0 0,rgba(224,173,66,.16),transparent 38%),linear-gradient(135deg,#141b23,#090d12)}.realm-emblem,.future-mark{display:grid;place-items:center;border:1px solid #69552b;background:radial-gradient(circle,rgba(224,173,66,.18),transparent 68%);color:var(--gold);font:32px Georgia,serif}.realm-emblem{width:90px;height:90px;align-self:center;transform:rotate(45deg)}.realm-emblem::first-line{transform:rotate(-45deg)}.realm-main{min-width:0}.realm-top{display:flex;justify-content:space-between;gap:18px;color:#7d8791;font-size:9px;font-weight:800;letter-spacing:1px}.realm-card.live h3{margin:22px 0 8px;font-size:37px}.realm-intro{max-width:720px}.realm-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.realm-tags span{padding:7px 10px;border:1px solid #38424d;background:#0b1016;color:#b6bec7;font-size:8px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.realm-card.live dl{margin-top:20px}.future-mark{width:54px;height:54px;margin-bottom:28px;border-radius:50%;font-size:20px}.realm-card.future>small{margin-top:auto;color:#6f7983;font-size:8px;letter-spacing:1px}.product-copy{position:relative}.info-button{position:absolute;right:16px;top:14px;width:24px;height:24px;border:1px solid #4a5561;border-radius:50%;background:#0a0e13;color:#bfc6ce;font:700 11px Georgia,serif;cursor:help}.product-info{position:absolute;z-index:8;right:-2px;top:31px;width:260px;padding:16px;border:1px solid #68552e;background:#0a0e13;color:#c7cdd3;font:400 10px/1.65 Inter,sans-serif;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.65);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s;pointer-events:none}.info-button:hover .product-info,.info-button:focus .product-info{opacity:1;visibility:visible;transform:none}.product-gold-1k .product-art,.product-gold-5k .product-art,.product-gold-10k .product-art,.product-gold-25k .product-art,.product-frost .product-art,.product-founder .product-art{background-image:url('assets/store-products-v1.png');background-size:300% 100%;background-repeat:no-repeat}.product-gold-1k .product-art,.product-gold-5k .product-art,.product-gold-10k .product-art,.product-gold-25k .product-art{background-position:left center}.product-frost .product-art{background-position:center center}.product-founder .product-art{background-position:right center}.product-gold-1k .product-art span,.product-gold-5k .product-art span,.product-gold-10k .product-art span,.product-gold-25k .product-art span,.product-frost .product-art span,.product-founder .product-art span{display:none}@media(max-width:1100px){.realm-grid{grid-template-columns:1fr 1fr}.realm-card.live{grid-column:1/-1}}@media(max-width:700px){.realms-title{display:grid}.realm-count{text-align:left}.realm-grid{grid-template-columns:1fr}.realm-card.live{grid-column:auto;grid-template-columns:1fr}.realm-emblem{display:none}.realm-top{display:grid}.product-info{position:fixed;left:18px;right:18px;top:auto;bottom:18px;width:auto}}
.product-gems .product-art,.product-healing .product-art,.product-alchemy .product-art,.product-scrolls .product-art{background-image:url('assets/store-consumables-v1.png');background-size:400% 100%;background-repeat:no-repeat}.product-gems .product-art{background-position:0 center}.product-healing .product-art{background-position:33.333% center}.product-alchemy .product-art{background-position:66.666% center}.product-scrolls .product-art{background-position:100% center}.product-gems .product-art span,.product-healing .product-art span,.product-alchemy .product-art span,.product-scrolls .product-art span{display:none}
/* Preserve generated artwork aspect ratios while filling responsive cards. */
.product-gold-1k .product-art,.product-gold-5k .product-art,.product-gold-10k .product-art,.product-gold-25k .product-art,.product-frost .product-art,.product-founder .product-art{background-size:300% auto;background-position-y:center}.product-gems .product-art,.product-healing .product-art,.product-alchemy .product-art,.product-scrolls .product-art{background-size:400% auto;background-position-y:center}.product-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.product-grid{min-width:0}.product{min-width:0}.product-copy{min-width:0}.product-bottom{gap:10px;flex-wrap:wrap}.product-bottom strong{min-width:0;overflow-wrap:anywhere}.product-art{overflow:hidden;background-color:#101821;background-repeat:no-repeat}
.product:has(.product-art img) .product-art{background-image:none!important;background:#0b1016}.product-art img{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;max-width:100%}
.product-art{position:relative}.product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.product-art:has(img){height:auto;aspect-ratio:4/3;isolation:isolate;background:#0b1016!important}.product-art:has(img)::before{content:"";position:absolute;inset:-10px;z-index:-1;background-image:var(--art);background-size:cover;background-position:center;filter:blur(13px) brightness(.4) saturate(.8);transform:scale(1.08)}.product-art:has(img) img{z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.realm-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(220px,.7fr))}.realm-card.live{grid-column:auto;display:block}.realm-card.future{min-height:280px}.realm-count,.realm-emblem,.future-mark{display:none!important}@media(max-width:1100px){.realm-grid{grid-template-columns:1fr 1fr}.realm-card.live{grid-column:1/-1}}@media(max-width:700px){.realm-grid{grid-template-columns:1fr}.realm-card.live{grid-column:auto}}
.realm-card.live>.realm-main{display:block}.realm-card.live .realm-top{display:flex;justify-content:space-between;gap:20px}.realm-card.live h3{margin:28px 0 10px}.realm-card.live .realm-intro{max-width:680px}.realm-card.live .realm-tags{display:flex}.realm-card.live dl{display:grid}
.realm-card.live{background:linear-gradient(90deg,rgba(7,11,16,.94) 0%,rgba(7,11,16,.82) 52%,rgba(7,11,16,.38) 100%),url('assets/realm-dragons-keep.png') center/cover no-repeat}.realm-card.future{background:linear-gradient(180deg,rgba(8,13,19,.72),rgba(8,13,19,.94)),url('assets/realm-future.png') center/cover no-repeat}.realm-card.live h3,.realm-card.live .realm-intro,.realm-card.live dd{color:#f4f3ed}.realm-card.future h3,.realm-card.future p{color:#e1e4e7;text-shadow:0 2px 12px #000}