: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%);height:100svh;position:relative;overflow-x:clip}.page-deck{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100svh;overflow-y:auto}.page-screen{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;min-height:100svh}.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;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;margin-left:auto;display:flex}.lang-switcher{position:relative}.lang-button{cursor:pointer;background:radial-gradient(circle at 35% 30%,#39414f,#1c2230);border:1px solid #3a4150;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .18s;display:inline-flex;position:relative;box-shadow:0 3px 8px #0006}.lang-button:hover{border-color:#caa24a;transform:translateY(-1px)}.lang-button:hover svg{stroke:#f0d894}.lang-button svg{flex:none;margin:0;display:block}.lang-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#141922d1;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:148px;padding:6px;display:none;position:absolute;top:48px;left:0;box-shadow:0 12px 30px #0000008c}.lang-switcher:hover .lang-menu{animation:.16s drop;display:flex}.lang-item{color:#dfe4ec;white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s}.lang-item:hover{background:#ffffff14}.lang-item.active{color:#3a2c08;background:linear-gradient(#f0d894,#caa24a)}.social-links{gap:.4rem;display:flex}.community-contact{position:relative}.community-trigger{cursor:pointer;background:radial-gradient(circle at 35% 30%,#39414f,#1c2230);border:1px solid #3a4150;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .18s;display:inline-flex;position:relative;box-shadow:0 3px 8px #0006}.community-trigger:after{content:"";opacity:0;border:2px solid #caa24a;border-radius:50%;animation:2.4s ease-out infinite community-ring;position:absolute;inset:-4px}.community-trigger svg{flex:none;margin:0;display:block}.community-trigger-dots{gap:2.5px;margin-top:1px;display:flex;position:absolute}.community-trigger-dots i{background:#dfe4ec;border-radius:50%;width:2.6px;height:2.6px}.community-contact:hover .community-trigger,.community-contact:focus-within .community-trigger{border-color:#caa24a;transform:translateY(-1px)}.community-contact:hover .community-trigger svg,.community-contact:focus-within .community-trigger svg{stroke:#f0d894}.community-contact:hover .community-trigger-dots i,.community-contact:focus-within .community-trigger-dots i{background:#f0d894}.community-panel{z-index:32;padding-top:14px;display:none;position:absolute;top:100%;right:-6px}.community-contact:hover .community-panel,.community-contact:focus-within .community-panel{animation:.2s cubic-bezier(.2,.85,.2,1) community-pop;display:block}.community-panel-arrow{background:#242b38;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:14px;height:14px;position:absolute;top:-7px;right:20px;transform:rotate(45deg)}.community-panel-inner{background:linear-gradient(#242b38,#161b24);border:1px solid #ffffff1a;border-radius:16px;width:148px;padding:16px;position:relative;box-shadow:0 18px 42px #0009}.community-panel-title{color:#fff;text-align:center;letter-spacing:.04em;margin:0;font-size:17px;font-weight:700}.community-panel-subtitle{color:#9aa3b3;text-align:center;letter-spacing:.04em;margin:2px 0 13px;font-size:11.5px;font-weight:500}.community-card{color:#cfd4dc;background:0 0;flex-direction:column;align-items:center;gap:9px;padding:0;text-decoration:none;display:flex}.community-card:hover{background:0 0;transform:none}.community-card-media{background:#fff;border-radius:10px;place-items:center;width:116px;height:116px;padding:7px;display:grid;box-shadow:0 2px 8px #0000004d}.community-card-media img{object-fit:contain;width:100%;height:100%;display:block}.community-card span{letter-spacing:.04em;font-size:12px;font-weight:600}@keyframes community-ring{0%{opacity:.45;transform:scale(.82)}70%{opacity:0;transform:scale(1.28)}to{opacity:0}}@keyframes community-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.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}.social-links a svg{width:1.45rem;height:1.45rem;display:block}.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{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.hero-title span{white-space:nowrap;letter-spacing:.02em;background:linear-gradient(#e9f1ff 4%,#a9c5f3 34%,#5a83d6 56%,#2c50a6 78%,#23408c 100%);color:#0000;-webkit-text-stroke:1.6px #13245c;text-shadow:0 3px #0e1c40,0 5px 1px #00000080;filter:drop-shadow(0 0 22px #6ea0ff73);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6.4vw,82px);font-weight:900;line-height:.94;display:block}.hero-subtitle{color:#93a8df;letter-spacing:.1em;text-shadow:0 2px 6px #0009,0 0 14px #7896e666;justify-content:center;align-items:center;gap:14px;margin:16px 0 0;font-size:clamp(11px,1.5vw,18px);font-weight:700;line-height:1.4;display:flex}.hero-subtitle .orn{color:#b9c6ea;opacity:.85;align-items:center;gap:7px;display:inline-flex}.hero-subtitle .orn .ln{background:linear-gradient(90deg,#0000,#b9c6ea);width:54px;height:1px;display:inline-block}.hero-subtitle .orn.r .ln{background:linear-gradient(270deg,#0000,#b9c6ea)}.hero-enter{color:#f0d894;width:88px;height:88px;font-family:var(--rajdhani);cursor:pointer;background:radial-gradient(circle at 50% 45%,#12161ebf,#0c0f14eb);border:2px solid #caa24a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:34px;font-weight:700;line-height:1;transition:all .2s;display:flex;box-shadow:0 0 0 5px #caa24a2e,0 0 22px #caa24a59}.hero-enter span{justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:translate(2px)}.hero-enter:hover{transform:translateY(3px);box-shadow:0 0 0 6px #caa24a47,0 0 30px #caa24a8c}.footer-social-icon{justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex}.footer-social-icon svg{width:1.45rem;height:1.45rem;display:block}.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{z-index:12;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-cue i{clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(#f0d894,#caa24a);width:26px;height:26px;animation:1.6s ease-in-out infinite bob;box-shadow:0 0 10px #f0d89499}.scroll-cue i:nth-child(2){opacity:.7;animation-delay:.15s}.scroll-cue i:nth-child(3){opacity:.45;height:34px;animation-delay:.3s}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.section{padding:clamp(5.5rem,7vw,6.5rem) clamp(1.25rem,4vw,3rem) clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.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.12fr) minmax(20rem,.92fr);align-items:stretch;gap:1.1rem;min-height:clamp(28rem,62vh,36rem);padding-right:clamp(3.25rem,6.8vw,5.5rem);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;flex-direction:column;height:100%;padding:1.2rem 1.25rem 1.15rem;display:flex}.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{flex:auto;margin:0;padding:0;list-style:none}.news-list li+li{border-top:1px solid #876d3b26}.news-list a,.news-item-static{color:#3c2a16;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem 0;display:grid}.news-list a{text-decoration:none}.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:linear-gradient(#fffcf6d9,#e7f1ffc7);border:1px solid #cdb1765c;border-radius:1.4rem;justify-content:center;align-items:stretch;height:100%;padding:clamp(.65rem,1.4vw,1rem);display:flex}.news-banner-media{background:radial-gradient(circle at top,#ffffffb8,#e0ebfc33 58%),#cfe0f47a;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.news-banner-card img{object-fit:contain;object-position:center center;width:100%;height:100%;display:block}@media (width>=1181px){.section{padding:6vw 4vw 3vw}.section-title{z-index:20!important;margin-bottom:.5vw!important;position:relative!important}.section-title img{width:18vw!important}.hero-content{gap:1.5vw!important;padding:8vw 2vw 4vw!important}.hero-title span{-webkit-text-stroke:.1vw #13245c;text-shadow:0 .2vw #0e1c40,0 .3vw .1vw #00000080;font-size:5vw}.hero-subtitle{gap:1vw;margin:1vw 0 0;font-size:1.1vw}.hero-subtitle .orn .ln{width:4vw}.hero-enter{border-width:.15vw;width:6vw;height:6vw;font-size:2.2vw;box-shadow:0 0 0 .3vw #caa24a2e,0 0 1.5vw #caa24a59}.hero-downloads{flex-wrap:nowrap;gap:1vw}.cta-button img{width:11vw}.news-shell{grid-template-columns:.98fr 1.02fr;align-items:stretch;gap:1vw;height:30vw;min-height:0;padding-right:3.8vw;display:grid}.news-card{border-radius:1.5vw;flex-direction:column;min-width:0;padding:1.5vw;display:flex}.news-categories{flex-wrap:nowrap;flex-shrink:0;gap:.6vw;margin-bottom:1.2vw;display:flex}.news-categories button{white-space:nowrap;text-overflow:clip;border-radius:2vw;flex:1;min-width:0;padding:.7vw 0;font-size:.9vw;overflow:hidden}.news-list{flex:1;min-height:0;margin:0;padding:0;overflow:hidden}.news-list li{border-bottom:1px solid #876d3b26}.news-list a{grid-template-columns:auto 1fr auto;align-items:center;gap:1vw;padding:.8vw 0;font-size:1vw;display:grid}.news-dot{flex-shrink:0;width:.6vw;height:.6vw}.news-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.news-date{color:#3c2a16b3;flex-shrink:0;font-size:.85vw}.news-more{margin-top:auto;padding-top:1vw}.news-more img{width:6.5vw;height:auto}.news-banner-card{border-radius:1.5vw;align-items:stretch;margin:0;padding:.2vw;display:flex;overflow:hidden}.news-banner-media{border-radius:inherit;background:0 0;width:100%;height:100%}.news-banner-card img{object-fit:contain;object-position:center center;width:100%;height:100%;display:block}.news-banner-dots{gap:.5vw;bottom:1vw}.news-banner-dots button{width:.8vw;height:.8vw}.lore-stage{border-radius:2vw;gap:1vw;height:36vw;min-height:0;padding:2vw 3vw}.lore-copy h3{margin:.5vw 0 1vw;font-size:3vw}.lore-divider{width:8vw;margin-bottom:1.5vw}.lore-paragraphs p{font-size:1vw;line-height:1.6}.carousel-control{width:3.5vw;height:3.5vw;font-size:2.2vw}.heroes-shell{grid-template-columns:auto 1fr 28vw;gap:2vw;padding-right:6vw}.hero-factions{gap:.8vw}.hero-factions button{border-radius:1vw;padding:1vw .6vw;font-size:.9vw}.hero-card{border-radius:2vw;gap:1.2vw;height:42vw;min-height:0;padding:1.8vw}.hero-name-block h3{font-size:2.4vw}.hero-name-block p{font-size:1vw}.hero-tags span{padding:.4vw .8vw;font-size:.8vw}.hero-description p{font-size:.95vw;line-height:1.6}.hero-video-card{border-radius:1vw;gap:.5vw;padding:.6vw}.hero-video-card span{font-size:.9vw}.hero-thumbnails{gap:.6vw}.about-section{flex-direction:column!important;padding-top:2vw!important;padding-bottom:0!important;display:flex!important;overflow:hidden!important}.about-main-content{scrollbar-width:thin!important;scrollbar-color:#f6d38b4d transparent!important;z-index:10!important;flex-direction:column!important;flex:1!important;justify-content:flex-start!important;gap:.8vw!important;min-height:0!important;padding:0 0 1.5vw!important;display:flex!important;position:relative!important;overflow-y:auto!important}.about-main-content::-webkit-scrollbar{width:.4vw!important}.about-main-content::-webkit-scrollbar-thumb{background:#f6d38b4d!important;border-radius:1vw!important}.about-shell-wrapper{flex-direction:column!important;flex-shrink:0!important;align-items:center!important;gap:.5vw!important;display:flex!important}.about-shell{z-index:11!important;gap:1vw!important;width:42vw!important;position:relative!important}.feature-frame{border-radius:1vw!important;padding:.5vw!important}.feature-dots{gap:.4vw!important;margin-top:0!important}.feature-dots button{width:.6vw!important;height:.6vw!important}.about-mascot{z-index:25!important;width:min(10rem,16vw)!important;position:absolute!important;bottom:1vw!important;right:3%!important}.site-footer{background:0 0!important;flex-direction:column!important;flex-shrink:0!important;gap:1.2vw!important;padding:0 4vw!important;display:flex!important}.footer-links{grid-template-columns:repeat(2,1fr)!important;gap:1.2vw!important;width:65vw!important;margin:0 auto!important}.footer-group{background:#131d3166!important;border:1px solid #ffffff08!important;border-radius:.8vw!important;padding:.6vw 1vw!important}.footer-label{color:#f6d38b!important;margin-bottom:.4vw!important;font-size:.75vw!important}.footer-link-grid{grid-template-columns:repeat(2,1fr)!important;gap:.4vw!important}.footer-link-item{background:#ffffff08!important;border-radius:.5vw!important;gap:.4vw!important;padding:.4vw .6vw!important;font-size:.75vw!important}.footer-link-item img,.footer-link-item svg,.footer-social-img{object-fit:contain!important;width:1.1vw!important;height:1.1vw!important}.footer-legal{flex-direction:column!important;gap:.8vw!important;width:80vw!important;margin:0 auto!important;display:flex!important}.legal-inline{justify-content:center!important;gap:2vw!important;margin-bottom:.3vw!important;font-size:.9vw!important}.legal-inline a{color:#f6d38b!important;text-decoration:none!important}.brand-block,.rating-block{background:#0d1627d9!important;border:1px solid #ffffff0d!important;border-radius:.8vw!important;grid-template-columns:5vw 1fr!important;align-items:center!important;gap:1.2vw!important;width:100%!important;padding:.8vw 1.2vw!important;display:grid!important}.brand-block img{justify-self:center!important;width:4.5vw!important}.brand-info p{color:#ecf3ffcc!important;text-align:left!important;margin:0!important;font-size:.75vw!important;line-height:1.5!important}.rating-block{align-items:flex-start!important}.rating-block img{justify-self:center!important;width:3.2vw!important;margin-top:.2vw!important}.rating-info p{color:#ecf3ffa6!important;text-align:left!important;margin:0 0 .3vw!important;font-size:.72vw!important;line-height:1.4!important}.rating-info p:last-child{margin-bottom:0!important}}.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;height:min(34rem,100svh - 11rem);min-height:min(34rem,100svh - 11rem);padding:2rem 2.65rem;display:grid;overflow:hidden}.lore-copy{text-align:center;flex-direction:column;max-width:48rem;height:100%;min-height:0;margin:0 auto;display:flex}.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;min-height:0;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}.carousel-control.prev{margin-left:.2rem}.carousel-control.next{margin-right:.2rem}.heroes-section{background-position:top;background-size:cover;flex-direction:column;display:flex}.heroes-shell{flex:1;grid-template-columns:auto minmax(18rem,1fr) minmax(18rem,28rem);align-items:center;gap:1.4rem;min-height:0;padding-right:clamp(4rem,8vw,6rem);display:grid;transform:translateY(-80px)}.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;height:100%;min-height:0;display:flex;overflow:hidden}.hero-figure img{object-fit:contain;filter:drop-shadow(0 1.8rem 2.8rem #070e1973);width:min(30rem,46vw);max-height:100%}.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;flex-direction:column;align-self:center;gap:1rem;height:100%;min-height:min(41.75rem,100svh - 8.25rem);padding:1.45rem;display:flex;overflow:hidden}.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{flex:auto;gap:.8rem;min-height:0;margin-top:0;display:grid}.hero-description p{color:#3e2c16;margin:0;font-size:.95rem;line-height:1.7}.internal-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-right:.45rem;overflow-y:auto}.internal-scroll::-webkit-scrollbar{width:6px}.internal-scroll::-webkit-scrollbar-thumb{background:#f0d59173;border-radius:999px}.hero-video-card{background:#5441261f;border:0;border-radius:1.15rem;flex:none;grid-template-columns:minmax(0,1fr);gap:.4rem;width:100%;margin-top:0;padding:.5rem;display:grid}.hero-video-card img{aspect-ratio:1.56;object-fit:cover;border-radius:.95rem;width:100%}.hero-video-card span{color:#65441b;font-weight:700}.hero-thumbnails{scrollbar-width:none;flex:none;align-items:center;gap:.5rem;height:65px;min-height:65px;max-height:65px;margin-top:0;display:flex;overflow:auto hidden}.hero-thumbnails::-webkit-scrollbar{display:none}.hero-thumbnails button{background:#17274333;border:.14rem solid #0000;border-radius:999px;flex:0 0 57px;width:57px;height:57px;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;width:min(68rem,100%);margin:0 auto;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;justify-self:center;max-width:58rem;padding:.75rem}.feature-frame img{aspect-ratio:4/3;object-fit:cover;background:0 0;border-radius:1.25rem;width:100%;display:block}.feature-dots{justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.about-mascot{width:min(10rem,16vw);position:absolute;bottom:-1rem;right:3%}.site-footer{background:linear-gradient(#10182bb8,#0a101d 30%);padding:2rem clamp(1.25rem,4vw,3rem) 2.6rem}.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,.footer-link-item svg{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,.video-modal-panel video{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<=960px){.site-nav,.floating-nav{display:none}.news-shell,.heroes-shell,.footer-links{grid-template-columns:1fr}.news-shell{min-height:auto;padding-right:0}.news-banner-card{min-height:clamp(16rem,42vw,24rem)}.heroes-shell{padding-right:0;transform:none}.page-screen{height:auto;min-height:100svh}.hero-figure{min-height:24rem}}@media (width<=780px){.site-header{padding:.85rem 1rem}.community-contact,.social-links{display:none}.hero-content{padding-top:6rem}.news-character,.news-dragon,.news-cloud,.about-light{display:none}.news-section{padding-bottom:2.5rem}.lore-stage,.about-shell{grid-template-columns:1fr}.lore-stage{height:auto;min-height:auto}.heroes-shell{flex:none;min-height:auto}.about-shell{width:100%}.news-banner-card{min-height:clamp(14rem,48vw,20rem)}.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}.internal-scroll{max-height:32svh}.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(8rem,36vw);margin:1.5rem auto 0;display:block;position:static}}