:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:#0c1527;font-family:Trebuchet MS,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0c1527;min-width:320px;margin:0}body,button,a{font:inherit}button{appearance:none}a,button{transition:opacity .18s,transform .18s,filter .18s}a:hover,button:hover{filter:brightness(1.05)}img,video{max-width:100%}#root{min-height:100svh}.landing-page{background:radial-gradient(circle at top,#4372c53d,#0000 28%),linear-gradient(#0c1527 0%,#111a31 24%,#16253d 56%,#101727 100%);position:relative;overflow-x:clip}.site-header{z-index:20;pointer-events:none;background:linear-gradient(#03070fb8,#03070f00);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-logo{width:clamp(8rem,14vw,12rem)}.site-logo img{width:100%;display:block}.site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1729b8;border:1px solid #e5c88740;border-radius:999px;gap:.65rem;padding:.4rem;display:flex}.site-nav a,.floating-nav a{color:#fff1cec7;letter-spacing:.12em;text-transform:uppercase;font-size:.86rem;text-decoration:none;transition:color .18s,background-color .18s,transform .18s}.site-nav a{border-radius:999px;padding:.52rem .9rem}.site-nav a:hover,.site-nav a.is-active{color:#1f1811;background:linear-gradient(#ffefc1 0%,#dfa75d 100%)}.header-actions{align-items:center;gap:.75rem;display:flex}.top-up-link{color:#21170d;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#ffe8a4 0%,#df9942 100%);border-radius:999px;justify-content:center;align-items:center;min-width:6rem;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 .6rem 1.5rem #df994247}.social-links{gap:.4rem;display:flex}.social-links a{color:#f8deaa;background:#080e1bb8;border:1px solid #ffe1a559;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0a}.floating-nav{z-index:16;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:28%;right:2rem}.floating-nav a{text-align:center;background:#0c1527ad;border:1px solid #e6c68333;border-radius:999px;padding:.42rem .75rem}.floating-nav a.is-active,.floating-nav a:hover{color:#17100a;background:linear-gradient(#fff2c8 0%,#dfa75d 100%);transform:translate(-.15rem)}.hero-section{min-height:100svh;position:relative;overflow:hidden}.hero-video,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover}.hero-shade{background:linear-gradient(#02060e9e 0%,#050b1538 22%,#0a1222a6 100%),radial-gradient(circle,#ffffff05,#0000 44%)}.hero-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;min-height:100svh;padding:7rem 1.5rem 3rem;display:flex;position:relative}.hero-title-image{filter:drop-shadow(0 1rem 2rem #00000073);width:min(42rem,86vw)}.hero-play-button,.cta-button,.carousel-control,.hero-video-card,.hero-thumbnails button,.feature-dots button,.news-banner-dots button,.news-categories button,.hero-factions button,.footer-link-item,.back-to-top,.video-modal-close{cursor:pointer}.hero-play-button{background:0 0;border:0;padding:0;transition:transform .18s}.hero-play-button:hover{transform:scale(1.04)}.hero-play-button img{width:clamp(3.1rem,6vw,4.5rem)}.hero-downloads{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.cta-button{filter:drop-shadow(0 .75rem 1.25rem #0000006b);background:0 0;border:0;padding:0;transition:transform .18s}.cta-button:hover{transform:translateY(-.12rem)}.cta-button img{width:min(12.5rem,40vw);display:block}.scroll-cue img{width:clamp(2.8rem,5vw,4rem)}.section{padding:clamp(4rem,7vw,6rem) clamp(1.25rem,4vw,3rem);position:relative}.section-title{z-index:1;width:fit-content;margin-bottom:1.6rem;position:relative}.section-title img{width:min(16rem,36vw);display:block}.news-section{background:linear-gradient(#e0edfff2 0%,#b0d5ecf5 54%,#23385900 100%),url(/assets/dsw.userjoy.com/images/sec_news/single_bg.webp) top/cover no-repeat}.news-shell{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.92fr);align-items:center;gap:1.4rem;display:grid;position:relative}.news-card,.news-banner-card,.lore-stage,.hero-card,.feature-frame{z-index:1;position:relative;box-shadow:0 1.8rem 3.8rem #0a182b38}.news-card{background:linear-gradient(#fffaeefa,#f7e7c5f5),url(/assets/dsw.userjoy.com/images/sec_news/form_pattern.webp) 50%/cover no-repeat;border:1px solid #bc8f4e66;border-radius:1.5rem;padding:1.2rem 1.25rem 1.15rem}.news-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.news-categories button{color:#5f421f;letter-spacing:.03em;background:#8b642a1f;border:0;border-radius:999px;min-width:5.6rem;padding:.65rem .9rem;font-weight:700}.news-categories button.is-active{color:#fff8e1;background:linear-gradient(#d89f42,#9e6324)}.news-list{margin:0;padding:0;list-style:none}.news-list li+li{border-top:1px solid #876d3b26}.news-list a{color:#3c2a16;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem 0;text-decoration:none;display:grid}.news-dot{background:linear-gradient(#f4d593,#b87d33);border-radius:999px;width:.5rem;height:.5rem}.news-title{font-weight:600}.news-date{color:#3c2a16b3;font-size:.82rem}.news-more{margin-top:1rem;display:inline-flex}.news-more img{width:5.6rem}.news-banner-card{background:#fffcf6ad;border:1px solid #cdb1765c;border-radius:1.4rem;overflow:hidden}.news-banner-card img{aspect-ratio:1.18;object-fit:cover;width:100%;display:block}.news-banner-dots{gap:.45rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.news-banner-dots button,.feature-dots button{background:#fff8e775;border:0;border-radius:999px;width:.72rem;height:.72rem;padding:0}.news-banner-dots button.is-active,.feature-dots button.is-active{background:linear-gradient(#f8e6b6 0%,#dfa457 100%)}.news-character{z-index:0;width:min(21rem,30vw);position:absolute;bottom:-5%;right:3%}.news-dragon{z-index:0;width:min(12rem,18vw);position:absolute;bottom:-10%;left:-1%}.news-cloud{opacity:.92;width:min(14rem,18vw);position:absolute;bottom:-3.5rem}.news-cloud.left{left:0}.news-cloud.right{right:0}.lore-section{background:radial-gradient(circle at top,#92b1e247,#0000 32%),linear-gradient(#244166f0,#0e1e34fa)}.lore-stage{background-position:50%;background-size:cover;border:1px solid #c3d7f62e;border-radius:1.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:34rem;padding:2rem;display:grid;overflow:hidden}.lore-copy{text-align:center;max-width:48rem;margin:0 auto}.eyebrow{color:#f0d591;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.86rem}.lore-copy h3{color:#fff0b8;text-shadow:0 .5rem 1.5rem #070c1666;margin:.45rem 0 1rem;font-size:clamp(2rem,4vw,3rem)}.lore-divider{width:8rem;margin:0 auto 1.25rem}.lore-paragraphs{gap:.9rem;display:grid}.lore-paragraphs p{color:#ecf3fff0;text-shadow:0 .3rem .85rem #07101d59;margin:0;font-size:.98rem;line-height:1.78}.carousel-control{color:#1a150f;background:linear-gradient(#fff1c9 0%,#dfa75c 100%);border:0;border-radius:999px;width:3rem;height:3rem;font-size:2rem;box-shadow:0 .8rem 1.5rem #10172233}.heroes-section{background-position:top;background-size:cover}.heroes-shell{grid-template-columns:auto minmax(18rem,1fr) minmax(18rem,28rem);align-items:end;gap:1.4rem;display:grid}.hero-factions{flex-direction:column;align-self:center;gap:.75rem;display:flex}.hero-factions button{color:#ffebbebf;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;background:#0b1221a8;border:1px solid #ffe8b81a;border-radius:1.1rem;min-width:4.25rem;padding:.95rem .5rem;font-weight:700}.hero-factions button.is-active{color:#20160e;background:linear-gradient(#f8e3b6 0%,#d9a65d 100%)}.hero-figure{justify-content:center;align-items:end;min-height:34rem;display:flex}.hero-figure img{object-fit:contain;filter:drop-shadow(0 1.8rem 2.8rem #070e1973);width:min(30rem,46vw);max-height:36rem}.hero-card{background:linear-gradient(#fdf1cbf5,#e0c17ef5),url(/assets/dsw.userjoy.com/images/sec_hero/frame_pattern.webp) 50%/cover no-repeat;border:1px solid #bf914e6b;border-radius:1.6rem;align-self:center;padding:1.45rem}.hero-name-block h3{color:#6d441f;margin:0;font-size:clamp(1.8rem,2.4vw,2.35rem)}.hero-name-block p{color:#7e5623;margin:.35rem 0 0;font-size:.98rem;font-weight:700}.hero-tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.hero-tags span{color:#fffdf6;background:linear-gradient(#c79c4f 0%,#8d5e21 100%);border-radius:999px;align-items:center;padding:.38rem .75rem;font-size:.82rem;display:inline-flex}.hero-description{gap:.8rem;margin-top:1rem;display:grid}.hero-description p{color:#3e2c16;margin:0;font-size:.95rem;line-height:1.7}.hero-video-card{background:#5441261f;border:0;border-radius:1.15rem;grid-template-columns:minmax(0,1fr);gap:.5rem;width:100%;margin-top:1rem;padding:.55rem;display:grid}.hero-video-card img{aspect-ratio:1.45;object-fit:cover;border-radius:.95rem;width:100%}.hero-video-card span{color:#65441b;font-weight:700}.hero-thumbnails{grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:.5rem;margin-top:1rem;display:grid}.hero-thumbnails button{background:#17274333;border:.14rem solid #0000;border-radius:999px;padding:.2rem}.hero-thumbnails button.is-active{border-color:#78b1eaeb;box-shadow:0 0 0 .25rem #5897e82e}.hero-thumbnails img{aspect-ratio:1;object-fit:cover;border-radius:999px;width:100%;display:block}.about-section{background:linear-gradient(#0b111f66,#0b111feb),radial-gradient(circle at top,#7894d538,#0000 28%);overflow:hidden}.about-light{opacity:.9;width:min(16rem,22vw);position:absolute;top:2rem}.about-light.left{left:0}.about-light.right{right:0}.about-shell{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.feature-frame{background:linear-gradient(#ffffff14,#0a101c42),url(/assets/dsw.userjoy.com/images/sec_feature/frame.webp) 50%/100% 100% no-repeat;border-radius:2rem;padding:1rem}.feature-frame img{aspect-ratio:1.48;object-fit:cover;border-radius:1.25rem;width:100%;display:block}.feature-dots{justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.about-mascot{width:min(13rem,22vw);position:absolute;bottom:-2.2rem;right:3%}.site-footer{background:linear-gradient(#10182bb8,#0a101d 30%);padding:3rem clamp(1.25rem,4vw,3rem) 4rem}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.footer-group{background:#131d31b8;border:1px solid #fff1d014;border-radius:1.4rem;padding:1.15rem 1.2rem}.footer-label{color:#f6d38b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-size:.85rem}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.footer-link-item{color:#edf3ff;background:#ffffff0a;border:0;border-radius:1rem;align-items:center;gap:.65rem;padding:.7rem .8rem;text-decoration:none;display:flex}.footer-link-item img{object-fit:contain;width:1.65rem;height:1.65rem}.footer-legal{gap:1.1rem;margin-top:1.5rem;display:grid}.legal-inline{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.legal-inline a{color:#f0d496;text-decoration:none}.brand-block,.rating-block{background:#ffffff08;border-radius:1.2rem;align-items:start;gap:1rem;padding:1rem 1.1rem;display:grid}.brand-block{grid-template-columns:auto 1fr}.brand-block img{width:4.8rem}.brand-block p,.rating-block p{color:#ecf3ffcc;margin:0;font-size:.92rem;line-height:1.7}.rating-block{grid-template-columns:auto 1fr}.rating-block img{width:3.2rem}.back-to-top{z-index:14;color:#120d09;background:linear-gradient(#fff2cb 0%,#dfa95c 100%);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 .8rem 1.6rem #00000047}.video-modal{z-index:30;place-items:center;display:grid;position:fixed;inset:0}.video-modal-backdrop{background:#03080fd1;border:0;position:absolute;inset:0}.video-modal-panel{z-index:1;background:#0c1527;border-radius:1.25rem;width:min(72rem,100vw - 2rem);padding:3rem 1rem 1rem;position:relative;box-shadow:0 1.5rem 4rem #0000007a}.video-modal-panel iframe{aspect-ratio:16/9;border:0;border-radius:.9rem;width:100%;display:block}.video-modal-close{color:#18120c;background:linear-gradient(#fff2cb 0%,#dfa95c 100%);border:0;border-radius:999px;padding:.55rem .8rem;font-weight:700;position:absolute;top:.8rem;right:.8rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.site-nav,.floating-nav{display:none}.news-shell,.heroes-shell,.footer-links{grid-template-columns:1fr}.hero-figure{min-height:24rem}}@media (width<=780px){.site-header{padding:.85rem 1rem}.social-links{display:none}.top-up-link{min-width:auto;padding-inline:.85rem;font-size:.8rem}.hero-content{padding-top:6rem}.news-character,.news-dragon,.news-cloud,.about-light{display:none}.lore-stage,.about-shell{grid-template-columns:1fr}.carousel-control{justify-self:center;width:2.7rem;height:2.7rem}.heroes-shell{gap:1rem}.hero-factions{flex-flow:wrap;justify-content:center}.hero-factions button{writing-mode:initial;min-width:auto;padding:.75rem .85rem}.hero-figure img{width:min(20rem,90vw);max-height:24rem}.hero-card{padding:1.1rem}.hero-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-link-grid,.brand-block,.rating-block{grid-template-columns:1fr}.brand-block img,.rating-block img{width:3.5rem}.about-mascot{width:min(10rem,40vw);margin:1.5rem auto 0;display:block;position:static}}