:root{color-scheme:dark;--bg:#0a1222;--surface:#111e33;--surface2:#18273e;--border:rgba(209,180,116,.26);--text:#f6f2e8;--muted:#aabbd0;--gold:#eacb87;--golddeep:#c6984e;--blue:#83d6fa;--danger:#ffb2b2;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(ellipse at 60% 0%,#21365865 0%,transparent 42%),#0a1222;color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #f7d58c;outline-offset:3px}.hidden{display:none!important}.view{animation:fade .26s ease-out}@keyframes fade{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.utility{height:30px;background:#091021;border-bottom:1px solid #35465a;color:#7f92ad}.utility-inner{max-width:1440px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:9px;font-weight:800;letter-spacing:2px}.utility b{color:#c8a66e}.header{height:91px;padding:0 43px;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:4;background:#0b1628}.header:after{content:'';position:absolute;bottom:0;left:43px;right:43px;height:1px;background:linear-gradient(90deg,transparent,#c6a56b,transparent);opacity:.45}.brand{text-decoration:none;color:#f7eee1;display:flex;align-items:center;gap:14px;white-space:nowrap}.crest{width:49px;height:51px;display:grid;place-items:center;border:1px solid #caaa6b;border-radius:3px 16px 3px 16px;background:linear-gradient(145deg,#283953,#0c1526);font-size:30px;color:#d9c18b;box-shadow:inset 0 0 0 3px #17263c}.brand-text strong{display:block;font-family:Georgia,serif;font-size:21px;letter-spacing:1px;line-height:1}.brand-text strong span{color:#e7bf77}.brand small{display:block;font-size:9px;letter-spacing:3.4px;color:#839db7;margin-top:7px}.header nav{display:flex;align-self:stretch;align-items:stretch;gap:13px;margin-left:auto}.nav{border:0;border-bottom:2px solid transparent;color:#b0bdd1;background:none;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:0 14px}.nav.active,.nav:hover{color:#ffe1a7;border-color:#e4bb70}.auth-pill{background:linear-gradient(135deg,#dec286,#a77a3d);color:#172033;border:1px solid #ffe2a6;box-shadow:0 8px 24px #0005;font-size:10px;font-weight:900;letter-spacing:1.2px;padding:14px 17px;border-radius:3px;white-space:nowrap}.auth-pill span{margin-left:9px;font-size:14px}
main{max-width:1440px;min-height:70vh;margin:auto}.hero{height:min(680px,62vw);min-height:565px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#07142af5 0%,#07142ace 29%,#07142a51 53%,transparent 78%),linear-gradient(0deg,#071322d0,transparent 35%),url('/assets/world-of-rain.webp');background-size:cover;background-position:50% 52%;border-bottom:1px solid #d5b47583}.hero::before{content:'';position:absolute;inset:16px;pointer-events:none;border:1px solid #bcae8538}.hero::after{content:'';position:absolute;inset:25px;pointer-events:none;border:1px solid #a9bac61d}.hero-geometry{position:absolute;left:-90px;top:100px;width:400px;height:400px;border:1px solid #bda87318;transform:rotate(45deg);border-radius:4px}.hero-inner{height:100%;position:relative;z-index:1;max-width:1440px;margin:auto;padding:60px 92px;display:flex;align-items:center}.hero-text{max-width:690px}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#f5d38c;letter-spacing:4.4px;font-size:10px;font-weight:800;margin:0 0 25px}.eyebrow-line{display:block;width:30px;height:1px;background:#e8bc73}.hero-spark{font-size:16px}.hero-brand{font-family:Georgia,serif;font-weight:700;color:#fff5e6;letter-spacing:2px;font-size:clamp(26px,3.5vw,46px);line-height:1;text-shadow:0 4px 18px #000b}.hero-brand span{color:#f0c47c}.hero-brand small{font-size:17px;vertical-align:top;color:#fff;border:1px solid #bba77b;padding:3px 6px;margin-left:4px}.hero h1{font-family:Georgia,serif;font-size:clamp(40px,5.1vw,72px);line-height:1.13;letter-spacing:-1.1px;margin:30px 0 22px;font-weight:700;text-shadow:0 5px 32px #000}.hero h1 em,.feature-intro h2 em,.home-actions h2 em,h2 em{font-weight:400;color:#f1d18f}.tagline{font-size:16px;line-height:1.9;max-width:500px;color:#d3deed;margin:0 0 29px;text-shadow:0 1px 12px #000}.tagline strong{color:#ffe0a1}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.primary,.secondary{padding:15px 23px;border-radius:3px;font-size:11px;letter-spacing:1px;font-weight:900;text-transform:uppercase}.primary{color:#1b2635;background:linear-gradient(110deg,#fbe2ac,#d0a15d);border:1px solid #fce4af;box-shadow:0 5px 18px #050c18a6}.primary:hover{filter:brightness(1.07)}.secondary{background:#101f33c9;color:#f9e6ca;border:1px solid #b9a16d}.secondary:hover{background:#20334d}.hero-caption{display:flex;align-items:center;gap:11px;margin-top:40px;letter-spacing:2px;font-size:9px;color:#a9b5c5}.caption-line{height:1px;width:40px;background:#d6b782}.hero-bottom{position:absolute;bottom:13px;right:40px;left:40px;display:flex;justify-content:space-between;color:#f6dba3;font-weight:700;letter-spacing:2.5px;font-size:9px}.gold-rule{height:6px;background:linear-gradient(90deg,#584f3d,#d9b670,#a77738,#d9b670,#493d2d);opacity:.78}.feature-intro{text-align:center;padding:72px 20px 40px}.mini-kicker,.kicker{color:#d8b77d;font-size:10px;font-weight:800;letter-spacing:3.3px}.feature-intro h2,.home-actions h2{font-family:Georgia,serif;font-size:clamp(31px,3.7vw,50px);margin:15px 0 10px}.feature-intro>p:last-child{color:#9daec5;font-size:15px;line-height:1.65}.feature-grid{padding:0 48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.feature-card{min-width:0;height:337px;position:relative;overflow:hidden;border:1px solid #d5b77755;background:#101b2b;box-shadow:0 10px 32px #0005;cursor:default}.feature-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.99);transition:transform .4s}.feature-card:hover img{transform:scale(1.045)}.realm-card img{object-position:78% center}.game-card img{object-position:center}.mall-card{cursor:pointer}.mall-card img{object-position:center}.feature-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081322 6%,#081322d9 34%,#08132222 78%)}.feature-overlay{position:absolute;inset:20px;z-index:1;display:flex;flex-direction:column;justify-content:flex-end}.feature-num{margin-bottom:auto;color:#fff1cb;font-size:10px;letter-spacing:2px;font-weight:700;text-shadow:0 2px 8px #000}.feature-overlay h3{font-family:Georgia,serif;color:#fff8e9;font-size:25px;letter-spacing:1px;margin:0 0 6px}.feature-overlay p{font-size:12px;line-height:1.6;color:#d0d8e6;margin:0 0 23px}.feature-foot{border-top:1px solid #ccb17d72;padding-top:13px;display:flex;justify-content:space-between;color:#e8ca91;font-size:9px;letter-spacing:2px;font-weight:800}.home-actions{margin:67px 48px 36px;padding:35px 45px;border:1px solid #d2b37d63;background:linear-gradient(120deg,#1d2f46,#142338);display:flex;align-items:center;justify-content:space-between;gap:35px}.home-actions h2{margin:12px 0 4px}.home-actions p{color:#adc0d7}.fineprint-home{max-width:940px;margin:25px auto 73px;color:#788da6;font-size:11px;text-align:center;line-height:1.8;padding:0 20px}
.narrow{max-width:535px;margin:0 auto;padding:55px 18px 90px}.page-heading{text-align:center;padding:22px 0 30px}.page-heading h2,.section-head h2{font-family:Georgia,serif;font-size:clamp(37px,4vw,53px);margin:13px 0 10px}.page-heading>p:last-child,.section-head p:not(.kicker){color:var(--muted);line-height:1.7}.panel{background:linear-gradient(135deg,#182840,#101b2e);border:1px solid #dbc08a58;box-shadow:0 20px 70px #0006}.form{display:flex;flex-direction:column;gap:23px;padding:36px}.form label{display:flex;flex-direction:column;gap:10px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#e9d0a5}.form input{border:1px solid #7b91ae73;border-radius:3px;background:#0a1425;color:#f2f2f2;outline:0;padding:15px 16px;font-size:15px;letter-spacing:0}.form input:focus{border-color:#f4d18e;box-shadow:0 0 0 3px #e0be6f33}.form input::placeholder{color:#687d98}.form .primary{width:100%}.tiny,.notice,.auth-footer,.mall-note{font-size:12px;line-height:1.7;color:var(--muted)}.notice{padding:16px 19px;background:#14273b;border-left:3px solid #d6b273}.auth-footer{text-align:center;margin:25px 0}.text-button{color:#eccd90;border:0;background:none;cursor:pointer;text-decoration:underline;padding:2px}.feedback.error{color:#ffb0b0}.feedback{font-size:13px;color:#bedaaa}.spacious{margin:10px 48px;padding:30px;line-height:1.9}.spacious p{font-size:14px;color:#dce3eb}.section-title{margin:35px 48px 14px;font-size:14px;letter-spacing:2.2px;color:#e4c489}.order-row{display:flex;justify-content:space-between;align-items:center;padding:16px 21px;border-bottom:1px solid var(--border);gap:10px}.order-row span{font-size:12px;color:#bbc9dc}.empty-box{border:1px dashed #6980a363;background:#101c30;color:#acc2db;text-align:center;min-height:130px;display:grid;place-items:center;padding:28px;margin:0 48px}.mall-banner{min-height:280px;background-image:linear-gradient(90deg,#101c30f7 0%,#10213fba 65%,#17253f77),url('/assets/world-of-rain.webp');background-size:cover;background-position:50% 75%;margin:0 0 40px}.section-head{padding:55px 65px;display:flex;justify-content:space-between;align-items:center;gap:16px}.balance{border:1px solid #d4b67b;padding:14px 20px;background:#112037c9;font-size:12px;color:#f5e3b5;letter-spacing:1px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 48px}.product-grid .empty-box{grid-column:1/-1;margin:0}.product{background:#17253c;border:1px solid #d8bd8759;padding:23px;min-height:235px;display:flex;flex-direction:column}.product:before{content:'✦ VERIFIED CATALOG';display:block;color:#c5a978;letter-spacing:2px;font-weight:700;font-size:9px;margin-bottom:16px}.product h3{font-family:Georgia,serif;font-size:23px;margin:0 0 8px}.product p{color:#9fb2c8;font-size:13px;line-height:1.6}.product .price{font-size:19px;font-weight:700;color:#f2d39b;margin:auto 0 12px}.product .primary{width:100%}.mall-note{margin:29px 48px 80px;border-top:1px solid #d9b77350;padding-top:23px}.recovery-dialog{background:#13223a;color:#f1f1ec;border:1px solid #d5b57d;border-radius:7px;max-width:545px;width:calc(100% - 30px);padding:36px;box-shadow:0 20px 70px #0009}.recovery-dialog::backdrop{background:#020615d9}.recovery-dialog h2{font-family:Georgia,serif}.recovery-dialog p{line-height:1.7;color:#b4c6d9}.recovery-code{display:block;color:#f2d497;background:#061121;padding:16px;overflow-wrap:anywhere;border:1px solid #455774}.dialog-actions{display:flex;gap:12px;justify-content:end;margin-top:22px;flex-wrap:wrap}
footer{max-width:1440px;margin:0 auto;border-top:2px solid #a48655;background:#08101f;padding:37px 49px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-mark{font-size:31px;color:#d7b77d}.footer-brand strong{display:block;letter-spacing:2px;font-family:Georgia,serif}.footer-brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#abb8c8;margin-top:6px}footer p{color:#a8b9c9;text-align:center;font-size:12px;line-height:1.8}footer small{color:#7f93ac}.toplink{border:0;color:#eacb86;background:none;font-weight:800;font-size:10px;letter-spacing:1.6px}
@media(max-width:1000px){.header{padding:0 25px;gap:10px}.header nav{gap:1px}.nav{padding:0 10px}.brand-text strong{font-size:16px}.hero-inner{padding:50px 55px}.feature-grid{padding:0 26px;gap:12px}.feature-overlay h3{font-size:20px}.home-actions{margin-left:26px;margin-right:26px}}
@media(max-width:740px){.utility{height:25px}.utility-inner{justify-content:center}.utility-inner span:last-child{display:none}.header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 20px;gap:10px}.header nav{order:3;width:100%;height:43px;justify-content:center;border-top:1px solid #ac986036}.nav{flex:1;font-size:10px}.brand-text strong{font-size:15px}.brand small{font-size:7px}.crest{width:40px;height:43px;font-size:25px}.auth-pill{margin-left:auto;padding:11px 10px;font-size:9px}.hero{min-height:620px;height:auto;background-position:69% center;background-image:linear-gradient(90deg,#07142af0 0%,#07142ab0 53%,#07142a55 100%),linear-gradient(0deg,#071322e5,transparent 80%),url('/assets/world-of-rain.webp')}.hero-inner{padding:85px 32px 105px}.hero-brand{font-size:29px}.hero h1{font-size:43px}.hero-bottom{left:23px;right:23px;font-size:7px}.feature-intro{padding:55px 15px 30px}.feature-grid{display:grid;grid-template-columns:1fr;padding:0 22px;gap:19px}.feature-card{height:285px}.feature-overlay h3{font-size:25px}.home-actions{margin:40px 22px 30px;padding:30px 23px;flex-direction:column;align-items:flex-start}.section-head{padding:40px 25px;align-items:start;flex-direction:column}.product-grid{grid-template-columns:1fr;padding:0 22px}.mall-note{margin:25px 22px 70px}.spacious,.empty-box,.section-title{margin-left:22px;margin-right:22px}footer{padding:28px 22px}.hero-caption{font-size:8px}.form{padding:26px}}