:root{--canvas:#f7faff;--surface:#fff;--surface-soft:#edf4ff;--surface-blue:#e8f1ff;--ink:#132a5e;--ink-soft:#52678f;--ink-faint:#7e8dab;--blue:#245bff;--blue-deep:#123cc4;--blue-light:#65a5ff;--gold:#d9b867;--line:#2b59af24;--line-strong:#2b59af3d;--glass:#ffffffc2;--shadow-sm:0 8px 24px #2c509714;--shadow-md:0 18px 60px #2d4e9121;--shadow-lg:0 30px 100px #1b3e882e;--radius-sm:14px;--radius-md:20px;--radius-lg:30px;--radius-xl:42px;--page:min(1320px, calc(100vw - 64px));--display:Georgia, "Times New Roman", serif;--sans:"Segoe UI Variable", "Aptos", "Segoe UI", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);scroll-padding-top:110px}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 14% 4%, #65a5ff29, transparent 24rem), radial-gradient(circle at 92% 8%, #3873ff1c, transparent 26rem), var(--canvas);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;opacity:.42;background-image:linear-gradient(#2858af09 1px,#0000 1px),linear-gradient(90deg,#2858af09 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p,h1,h2,h3{text-wrap:pretty}::selection{color:#fff;background:var(--blue)}:focus-visible{outline-offset:4px;outline:3px solid #245bff94}.skip-link{z-index:999;color:#fff;background:var(--ink);border-radius:10px;padding:10px 14px;transition:transform .2s;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:var(--page);margin-inline:auto}.site-header{z-index:100;width:var(--page);margin-inline:auto;position:fixed;top:14px;left:0;right:0}.nav-shell{-webkit-backdrop-filter:blur(22px)saturate(1.28);backdrop-filter:blur(22px)saturate(1.28);background:#ffffffc2;border:1px solid #ffffffe6;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:72px;padding:0 14px 0 20px;display:grid;box-shadow:0 12px 40px #3050911c,inset 0 0 0 1px #3d71dc0f}.brand{align-items:center;gap:10px;min-height:48px;display:inline-flex}.brand-mark{width:43px;height:43px;color:var(--ink);filter:drop-shadow(0 5px 12px #2358d229)}.brand-copy{font-family:var(--display);letter-spacing:.06em;flex-direction:column;font-size:17px;font-weight:700;line-height:.96;display:flex}.brand-copy span:last-child{color:var(--blue);letter-spacing:.36em;margin-top:5px;font-size:11px}.desktop-nav{justify-content:center;align-items:stretch;gap:clamp(18px,2.4vw,38px);height:72px;display:flex}.desktop-nav a{color:#314979;white-space:nowrap;align-items:center;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.desktop-nav a:after{content:"";background:linear-gradient(90deg, var(--blue), var(--blue-light));height:2px;transition:left .25s var(--ease-out), right .25s var(--ease-out);border-radius:4px;position:absolute;bottom:-1px;left:50%;right:50%}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav a.active:after{left:0;right:0}.nav-actions{align-items:center;gap:8px;display:flex}.icon-button,.carousel-controls button,.modal-close,.video-control{border:1px solid var(--line);width:46px;height:46px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .22s var(--ease-out), border-color .22s ease, color .22s ease, background .22s ease;background:#ffffffd1;border-radius:15px;place-items:center;display:inline-grid}.icon-button svg,.carousel-controls button svg,.modal-close svg,.video-control svg{width:22px;height:22px}.icon-button:hover,.carousel-controls button:hover,.modal-close:hover,.video-control:hover{color:var(--blue);border-color:#245bff57;transform:translateY(-2px)}.profile-button{border-radius:50%}.menu-button{display:none}.mobile-nav{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff0;border:1px solid #ffffffeb;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:grid;position:absolute;top:80px;left:0;right:0}.mobile-nav a{min-height:48px;color:var(--ink);border-radius:13px;align-items:center;padding:0 16px;font-weight:650;display:flex}.mobile-nav a:hover{color:var(--blue);background:var(--surface-blue)}.hero-section{isolation:isolate;align-items:center;min-height:100svh;padding:118px 0 80px;display:grid;position:relative;overflow:clip}.hero-section:after{content:"";z-index:-1;background:linear-gradient(#0000,#ffffffd1);height:160px;position:absolute;bottom:0;left:0;right:0}.hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(34px,4.4vw,72px);min-height:min(690px,100svh - 150px);display:grid}.hero-copy{z-index:2;padding:18px 0 2px;position:relative}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.19em;align-items:center;gap:8px;margin:0 0 22px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow{background:#ffffff9e;border:1px solid #245bff38;border-radius:999px;padding:8px 12px;box-shadow:0 6px 20px #204da812}.eyebrow svg,.section-kicker svg{flex:none;width:16px;height:16px}.hero-copy h1{max-width:670px;color:var(--ink);font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(58px,5.8vw,92px);font-weight:500;line-height:.93}.hero-copy h1 span{color:#0000;background:linear-gradient(120deg, var(--blue-deep) 0%, var(--blue) 48%, var(--blue-light) 100%);-webkit-background-clip:text;background-clip:text;display:block}.hero-lead{max-width:560px;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(17px,1.25vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{letter-spacing:-.01em;min-height:54px;transition:transform .24s var(--ease-out), box-shadow .24s ease, border-color .24s ease;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:750;display:inline-flex;position:relative;overflow:hidden}.button svg{flex:none;width:22px;height:22px}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:linear-gradient(135deg,#1846dc,#286bff 62%,#5ca4ff);border-color:#ffffff40;box-shadow:0 14px 32px #245bff40,inset 0 1px #ffffff52}.button-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:26%;animation:4.8s ease-in-out infinite cta-shimmer;position:absolute;top:-40%;bottom:-40%;left:-40%;transform:skew(-18deg)}.button-primary:hover{box-shadow:0 18px 40px #245bff52,inset 0 1px #fff6}.button-secondary,.button-light{color:var(--blue);box-shadow:var(--shadow-sm), inset 0 1px 0 white;background:#ffffffc7;border-color:#245bff24}.button-secondary:hover{box-shadow:var(--shadow-md);border-color:#245bff52}@keyframes cta-shimmer{0%,58%{left:-40%}78%,to{left:130%}}.hero-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:600px;margin:34px 0 0;padding:16px 0;display:grid}.hero-stats div{border-right:1px solid var(--line);padding:0 14px}.hero-stats div:first-child{padding-left:0}.hero-stats div:last-child{border-right:0}.hero-stats dt{color:var(--blue);letter-spacing:-.04em;font-size:20px;font-weight:800}.hero-stats dd{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:9px;font-weight:750;line-height:1.25}.world-media{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg), inset 0 0 0 1px #3f77e314;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff7a;border:1px solid #ffffffdb;padding:10px;position:relative}.world-media:before,.world-media:after{content:"";pointer-events:none;position:absolute}.world-media:before{z-index:-1;filter:blur(38px);background:#407bff2e;border-radius:44%;inset:9% -5% -7% 15%}.world-media:after{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:86px;height:1px;top:-19px;right:17%;box-shadow:0 0 16px #d9b867cc}.world-media-frame{aspect-ratio:1.38;isolation:isolate;background:#132a5e;border-radius:33px;min-height:420px;position:relative;overflow:hidden}.world-media-frame:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(#071940e6,#0719402e,#0000);height:8px;position:absolute;top:0;left:0;right:0}.world-media-frame video,.world-media-frame>img{object-fit:cover;object-position:center;width:100%;height:100%}.world-media-fade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#f7faff6b,#0000 17%),linear-gradient(#0000 74%,#0517466b);position:absolute;inset:0}.world-media-grid{z-index:2;pointer-events:none;opacity:.3;background:linear-gradient(90deg,#0000 49.9%,#ffffff2e 50%,#0000 50.1%),linear-gradient(#0000 49.9%,#ffffff2e 50%,#0000 50.1%);position:absolute;inset:0}.world-media-grid:after{content:"";border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:11%}.world-status{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.16em;background:#091f5157;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;bottom:18px;left:22px}.status-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px}.status-dot.ready{background:#83d6ff;box-shadow:0 0 10px #83d6ff}.video-control{z-index:3;color:#fff;width:42px;height:42px;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#091f5161;border-color:#ffffff61;position:absolute;bottom:16px;right:18px}.video-control:hover{color:#fff;border-color:#fff}.media-caption{justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:8px 14px 0 18px;display:flex}.media-caption div{gap:1px;display:grid}.media-caption div span{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:750}.media-caption strong{color:var(--ink);font-size:13px;font-weight:700}.media-caption-mark{width:32px;height:32px;color:var(--gold);border:1px solid #d9b8674d;border-radius:50%;place-items:center;display:grid}.media-caption-mark svg{width:15px;height:15px}.hero-orb{z-index:-1;pointer-events:none;filter:blur(1px);border-radius:50%;animation:10s ease-in-out infinite alternate orb-drift;position:absolute}.hero-orb-one{border:1px solid #245bff1f;width:220px;height:220px;top:18%;right:-5%;box-shadow:inset 0 0 70px #65a5ff1f,0 0 60px #65a5ff14}.hero-orb-two{background:var(--gold);width:7px;height:7px;bottom:16%;left:4%;box-shadow:80px -220px 0 -1px #245bff73,260px 40px 0 -2px #65a5ff99,580px -360px 0 -2px #d9b867a6}@keyframes orb-drift{to{transform:translate(18px,-14px)}}.scroll-cue{color:var(--ink-faint);letter-spacing:.17em;align-items:center;gap:12px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.scroll-cue i{background:var(--line-strong);width:32px;height:1px;position:relative}.scroll-cue i:after{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite cue-slide;position:absolute;top:-2px;left:0}@keyframes cue-slide{50%,to{transform:translate(27px)}}.heroes-section,.popular-section,.lore-section,.guides-section{padding:96px 0;position:relative}.heroes-section{border-top:1px solid #ffffffe6;border-bottom:1px solid var(--line);background:#ffffffb8;padding-top:82px}.section-heading{margin-bottom:36px}.section-heading h2,.lore-intro h2,.footer-newsletter h2{color:var(--ink);font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.4vw,66px);font-weight:500;line-height:1}.section-heading p:not(.section-kicker),.lore-intro>p:last-child{color:var(--ink-soft);margin:14px 0 0;font-size:16px}.section-kicker{margin-bottom:15px}.carousel-heading,.split-heading{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.carousel-controls{align-items:center;gap:12px;display:flex}.carousel-controls button{border-radius:50%}.carousel-controls span{min-width:70px;color:var(--ink-faint);text-align:center;letter-spacing:.06em;font-size:12px}.carousel-controls strong{color:var(--blue);font-size:16px}.hero-carousel{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#245bff47 transparent;gap:14px;padding:7px 5px 20px;display:flex;overflow-x:auto}.hero-carousel::-webkit-scrollbar{height:5px}.hero-carousel::-webkit-scrollbar-thumb{background:#245bff3d;border-radius:10px}.hero-card{--hero-accent:var(--blue);aspect-ratio:.72;cursor:pointer;scroll-snap-align:start;transition:transform .34s var(--ease-out), box-shadow .34s ease, border-color .34s ease;background:#18316a;border:1px solid #ffffffc2;border-radius:21px;flex:0 0 178px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #1d39771f}.hero-card:after{content:"";z-index:4;border:2px solid var(--hero-accent);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.hero-card:hover,.hero-card.selected{border-color:color-mix(in srgb, var(--hero-accent) 54%, white);box-shadow:0 22px 44px color-mix(in srgb, var(--hero-accent) 24%, transparent), 0 0 0 5px color-mix(in srgb, var(--hero-accent) 7%, transparent);transform:translateY(-7px)scale(1.015)}.hero-card.selected:after{opacity:.72}.hero-card>img{object-fit:cover;width:100%;height:100%;transition:transform .55s var(--ease-out)}.hero-card:hover>img{transform:scale(1.045)}.hero-card-shade{background:linear-gradient(#08183c29 0%,#091a432e 42%,#07173af0 100%);position:absolute;inset:0}.hero-card-index{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;background:#0c225140;border:1px solid #ffffff47;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;top:13px;left:13px}.hero-card-copy{z-index:2;color:#fff;text-align:left;display:grid;position:absolute;bottom:14px;left:16px;right:14px}.hero-card-copy strong{font-family:var(--display);letter-spacing:-.035em;margin-top:2px;font-size:25px;font-weight:500;line-height:1.05}.hero-card-role{color:color-mix(in srgb, var(--hero-accent) 70%, white);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.hero-card-faction{color:#ffffffa3;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:9px;overflow:hidden}.hero-card-glyph{z-index:3;color:#fff;background:color-mix(in srgb, var(--hero-accent) 76%, transparent);width:27px;height:27px;box-shadow:0 0 16px color-mix(in srgb, var(--hero-accent) 56%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.hero-card-glyph svg{width:13px;height:13px}.swipe-hint{color:var(--ink-faint);justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:11px;display:none}.swipe-hint svg{width:15px}.popular-section{background:linear-gradient(180deg, var(--canvas), #f0f6ff)}.split-heading>p{max-width:420px;margin:0 0 4px!important}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.popular-card{min-width:0}.popular-card>button{width:100%;color:inherit;box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:transform .34s var(--ease-out), box-shadow .34s ease, border-color .34s ease;background:#ffffffd1;border:1px solid #305bb11c;border-radius:25px;padding:8px}.popular-card>button:hover{box-shadow:var(--shadow-md);border-color:#245bff3b;transform:translateY(-7px)}.popular-image{--hero-accent:var(--blue);aspect-ratio:1.05;background:var(--surface-blue);border-radius:19px;position:relative;overflow:hidden}.popular-image:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--hero-accent) 44%, #071b45), transparent 65%);opacity:.55;position:absolute;inset:0}.popular-image img{object-fit:cover;object-position:center 24%;width:100%;height:100%;transition:transform .5s var(--ease-out)}.popular-card>button:hover img{transform:scale(1.045)}.popular-image span{z-index:2;color:#ffffffd6;letter-spacing:.12em;font-size:10px;font-weight:800;position:absolute;top:13px;right:13px}.popular-content{padding:17px 12px 11px}.popular-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.popular-title-row small{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.popular-title-row h3{font-family:var(--display);margin:2px 0 0;font-size:27px;font-weight:500;line-height:1}.popular-title-row svg{width:20px;color:var(--ink-faint)}.popular-content>p{color:var(--ink-soft);margin:15px 0;font-size:13px}.difficulty{border-top:1px solid var(--line);color:var(--ink-faint);letter-spacing:.04em;justify-content:space-between;padding-top:13px;font-size:10px;font-weight:700;display:flex}.difficulty>span:last-child{align-items:center;gap:4px;display:flex}.difficulty i{background:#245bff1f;border-radius:3px;width:15px;height:3px}.difficulty i.filled{background:var(--blue)}.lore-section{background:#eef5ff;padding-top:110px}.lore-intro{text-align:center;max-width:820px;margin:0 auto 42px}.lore-intro .section-kicker{justify-content:center}.lore-intro .section-kicker svg{width:24px;height:24px}.lore-intro>p:last-child{max-width:660px;margin-inline:auto;font-size:17px}.lore-map{background:var(--ink);min-height:640px;box-shadow:var(--shadow-lg);isolation:isolate;border:8px solid #ffffffb8;border-radius:36px;position:relative;overflow:hidden}.lore-map>img{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.lore-map-overlay{z-index:-1;background:linear-gradient(90deg,#0a1e4c12 35%,#091c45c2 72%,#071940eb),linear-gradient(#0000 58%,#081a4173);position:absolute;inset:0}.map-topline{color:#ffffffad;letter-spacing:.15em;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;top:20px;left:24px;right:24px}.map-beacon{color:#fff;background:#245bff85;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:38%;left:42%;box-shadow:0 0 0 8px #ffffff1c,0 0 34px #6cb4ff}.map-beacon svg{width:19px}.regions-list{align-content:center;gap:8px;width:min(410px,41%);display:grid;position:absolute;top:70px;bottom:24px;right:24px}.regions-list button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;text-align:left;cursor:pointer;transition:background .25s ease, transform .25s var(--ease-out), border-color .25s ease;background:#091e4a70;border:1px solid #ffffff29;border-radius:16px;grid-template-columns:28px 1fr 22px;align-items:center;gap:13px;padding:13px 14px;display:grid}.regions-list button:hover,.regions-list button:focus-visible{background:#2053cd94;border-color:#ffffff70;transform:translate(-5px)}.regions-list button>span:first-child{color:var(--gold);font-family:var(--display);font-size:18px}.regions-list button>span:nth-child(2){min-width:0;display:grid}.regions-list strong{font-family:var(--display);font-size:20px;font-weight:500;line-height:1.15}.regions-list small{color:#ffffff94;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.regions-list svg{color:#ffffffad;width:18px}.guides-section{background:var(--canvas);padding-bottom:118px}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--line);min-height:280px;box-shadow:var(--shadow-sm);transition:transform .32s var(--ease-out), box-shadow .32s ease, border-color .32s ease;background:#ffffffd1;border-radius:26px;grid-template-columns:70px 1fr;gap:22px;padding:28px;display:grid;position:relative;overflow:hidden}.guide-card:after{content:"";background:var(--guide-tint,#65a5ff1f);filter:blur(2px);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-70px}.guide-card:hover{box-shadow:var(--shadow-md);border-color:#245bff3d;transform:translateY(-6px)}.guide-blue{--guide-color:#245bff;--guide-tint:#245bff1c}.guide-gold{--guide-color:#b98e30;--guide-tint:#d9b86729}.guide-sky{--guide-color:#2f91d8;--guide-tint:#65a5ff24}.guide-navy{--guide-color:#132a5e;--guide-tint:#132a5e1a}.guide-icon{width:70px;height:70px;color:var(--guide-color);border:1px solid color-mix(in srgb, var(--guide-color) 24%, transparent);background:color-mix(in srgb, var(--guide-color) 8%, white);border-radius:21px;place-items:center;display:grid}.guide-icon svg{width:30px;height:30px}.guide-content{z-index:1;position:relative}.guide-category{color:var(--guide-color);letter-spacing:.16em;font-size:9px;font-weight:850}.guide-card h3{max-width:400px;font-family:var(--display);letter-spacing:-.035em;margin:7px 0 10px;font-size:clamp(28px,2.4vw,38px);font-weight:500;line-height:1.08}.guide-card p{max-width:430px;color:var(--ink-soft);margin:0;font-size:14px}.guide-meta{color:var(--ink-faint);align-items:center;gap:8px;margin-top:18px;font-size:10px;font-weight:700;display:flex}.guide-meta i{background:var(--guide-color);border-radius:50%;width:3px;height:3px}.guide-card>a{z-index:2;color:var(--guide-color);gap:8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:22px;right:25px}.guide-card>a span:last-child{transition:transform .2s}.guide-card>a:hover span:last-child{transform:translate(2px,-2px)}.esports-strip{color:#fff;background:linear-gradient(90deg,#163a97f5,#2662ebe0),url(/media/world-poster.webp) 50%/cover;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;min-height:130px;margin-top:18px;padding:28px 30px;display:flex;box-shadow:0 20px 52px #1a45a938}.esports-strip>div{align-items:center;gap:20px;display:flex}.esports-icon{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid}.esports-icon svg{width:24px}.esports-strip small{color:#bcd4ff;letter-spacing:.16em;margin-bottom:4px;font-size:9px;font-weight:850;display:block}.esports-strip strong{max-width:690px;font-family:var(--display);font-size:clamp(22px,2.1vw,30px);font-weight:500;line-height:1.15;display:block}.button-light{color:var(--ink);background:#fffffff2;flex:none}.site-footer{color:#ffffffbd;background:#0c2252;border-radius:36px 36px 0 0;padding:26px 0 22px}.footer-newsletter{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr minmax(380px,.7fr);align-items:end;gap:48px;padding:46px 0 44px;display:grid}.footer-newsletter .section-kicker{color:#8ab8ff}.footer-newsletter h2{color:#fff;max-width:720px;font-size:clamp(38px,4vw,58px)}.footer-newsletter form label{color:#ffffff94;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.footer-newsletter form>div{background:#ffffff14;border:1px solid #fff3;border-radius:16px;grid-template-columns:1fr auto;padding:5px;display:grid}.footer-newsletter input{color:#fff;background:0 0;border:0;outline:0;min-width:0;height:48px;padding:0 14px}.footer-newsletter input::placeholder{color:#ffffff61}.footer-newsletter button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:0 18px;font-size:13px;font-weight:800}.footer-main{grid-template-columns:210px 1fr auto;align-items:center;gap:42px;padding:35px 0;display:grid}.footer-brand,.footer-brand .brand-mark{color:#fff}.footer-brand .brand-copy span:last-child{color:#8ab8ff}.footer-main>p{max-width:520px;margin:0;font-size:13px}.footer-main nav{color:#fff;gap:22px;font-size:12px;font-weight:700;display:flex}.footer-main nav a:hover,.footer-bottom a:hover{color:#8ab8ff}.footer-bottom{color:#fff6;border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:48px;padding-top:18px;font-size:10px;display:grid}.footer-bottom span:nth-child(2){text-align:center}.modal-backdrop,.search-backdrop{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091b436b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hero-modal{background:#fff;border:1px solid #ffffffe6;border-radius:32px;grid-template-columns:.88fr 1.12fr;width:min(900px,100%);max-height:min(680px,100svh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #091d4b57}.modal-close{z-index:4;background:#ffffffdb;position:absolute;top:16px;right:16px}.modal-portrait{--hero-accent:var(--blue);background:var(--ink);min-height:560px;position:relative}.modal-portrait:after{content:"";position:absolute;inset:0;box-shadow:inset -40px 0 60px #0a1d4738}.modal-portrait img{object-fit:cover;width:100%;height:100%}.modal-portrait-shade{background:linear-gradient(to top, color-mix(in srgb, var(--hero-accent) 42%, #061636), transparent 58%);opacity:.72;position:absolute;inset:0}.modal-number{z-index:2;color:#ffffffbf;letter-spacing:.16em;font-size:9px;font-weight:800;position:absolute;bottom:20px;left:22px}.modal-content{flex-direction:column;justify-content:center;padding:66px 54px 48px;display:flex}.modal-content h2{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(50px,5vw,72px);font-weight:500;line-height:.96}.hero-official-name,.region-official-name{letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--blue)!important;margin-top:8px!important;font-size:11px!important}.modal-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:16px;margin:26px 0;padding:16px 0;display:grid}.modal-meta div{gap:3px;display:grid}.modal-meta span{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.modal-meta strong{font-size:13px}.modal-content>p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.7}.modal-cta{align-self:flex-start;margin-top:26px}.modal-cta svg{width:18px}.modal-content small{color:var(--ink-faint);margin-top:16px;font-size:9px}.region-backdrop{z-index:330}.region-modal{background:#fff;border:1px solid #ffffffe6;border-radius:32px;grid-template-columns:.88fr 1.12fr;width:min(980px,100%);max-height:min(720px,100svh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #091d4b57}.region-modal-visual{--region-accent:var(--blue);background:var(--ink);min-height:620px;position:relative;overflow:hidden}.region-modal-visual img{object-fit:cover;object-position:28% center;width:100%;height:100%}.region-modal-shade{background:linear-gradient(to top, color-mix(in srgb, var(--region-accent) 32%, #061636) 0, transparent 55%), linear-gradient(90deg, transparent 55%, #081b434d);position:absolute;inset:0}.region-modal-code{z-index:2;color:#ffffffc2;letter-spacing:.16em;font-size:9px;font-weight:850;position:absolute;bottom:22px;left:24px}.region-modal-content{flex-direction:column;justify-content:center;padding:52px 50px 42px;display:flex;overflow-y:auto}.region-modal-content h2{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(42px,4.7vw,68px);font-weight:500;line-height:.98}.region-modal-lore{color:var(--ink-soft);margin:20px 0 0;font-size:14px;line-height:1.68}.region-facts{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.region-facts>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;padding:15px}.region-facts span{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.region-facts ul{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.region-facts li{color:var(--ink);padding-left:12px;font-size:11px;font-weight:700;position:relative}.region-facts li:before{content:"";background:var(--blue);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:0}.region-modal-content .modal-cta{margin-top:22px}.region-modal-content>small{color:var(--ink-faint);margin-top:14px;font-size:9px;line-height:1.45}.search-backdrop{z-index:350;place-items:start center;padding-top:108px}.search-panel{background:#fffffff5;border:1px solid #ffffffe6;border-radius:24px;width:min(680px,100%);max-height:calc(100svh - 140px);padding:10px;overflow-y:auto;box-shadow:0 36px 100px #091d4b47}.search-field{border:1px solid var(--line);background:var(--surface-soft);border-radius:17px;grid-template-columns:28px 1fr 42px;align-items:center;gap:9px;min-height:62px;padding:6px 7px 6px 16px;display:grid}.search-field>svg{width:22px;color:var(--blue)}.search-field input{min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search-field button{width:42px;height:42px;color:var(--ink-soft);cursor:pointer;background:#fff;border:0;border-radius:12px;place-items:center;display:grid}.search-field button svg{width:20px}.search-caption{color:var(--ink-faint);letter-spacing:.14em;justify-content:space-between;padding:14px 10px 9px;font-size:8px;font-weight:850;display:flex}.search-results{gap:5px;display:grid}.search-results>button{min-height:70px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:15px;grid-template-columns:52px 1fr 24px;align-items:center;gap:13px;padding:8px;transition:background .2s,transform .2s;display:grid}.search-results>button:hover,.search-results>button:focus-visible{background:var(--surface-blue);transform:translate(3px)}.search-results img{object-fit:cover;border-radius:12px;width:52px;height:52px}.search-results button>span{display:grid}.search-results strong{font-family:var(--display);font-size:20px;font-weight:500}.search-results small{color:var(--ink-faint);font-size:10px}.search-results button>svg{width:19px;color:var(--blue)}.search-empty{min-height:180px;color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;display:flex}.search-empty svg{width:28px;color:var(--blue);margin-bottom:12px}.search-empty strong{color:var(--ink);font-size:16px}.search-empty span{margin-top:4px;font-size:12px}@media (width<=1180px){:root{--page:min(100% - 40px, 1180px)}.desktop-nav{gap:18px}.desktop-nav a{font-size:13px}.brand-copy{display:none}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}.hero-copy h1{font-size:clamp(54px,6.1vw,72px)}.world-media-frame{min-height:390px}.hero-stats div{padding-inline:9px}.hero-card{flex-basis:168px}.footer-main{grid-template-columns:90px 1fr auto}.footer-brand .brand-copy{display:none}}@media (width<=1023px){:root{--page:min(100% - 36px, 920px)}.site-header{top:10px}.nav-shell{height:66px;padding-left:15px}.brand-copy{display:flex}.desktop-nav{display:none}.nav-shell{grid-template-columns:auto 1fr auto}.nav-actions{grid-column:3}.menu-button{display:inline-grid}.profile-button{display:none}.mobile-nav{top:74px}.hero-section{min-height:auto;padding:112px 0 72px}.hero-grid{grid-template-columns:1fr;gap:44px;min-height:auto}.hero-copy{max-width:760px}.hero-copy h1{max-width:760px;font-size:clamp(64px,9vw,88px)}.hero-lead{max-width:660px}.hero-stats{max-width:680px}.world-media{max-width:900px}.world-media-frame{aspect-ratio:1.65;min-height:0}.scroll-cue{display:none}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-image{aspect-ratio:1.35}.lore-map{min-height:700px}.lore-map-overlay{background:linear-gradient(0deg,#071940f5 0,#081b44a8 55%,#0719400d)}.map-beacon{top:25%;left:48%}.regions-list{grid-template-columns:repeat(2,1fr);align-content:end;width:auto;inset:auto 20px 20px}.regions-list button:last-child{grid-column:1/-1}.guides-grid{grid-template-columns:1fr}.guide-card{min-height:240px}.footer-newsletter{grid-template-columns:1fr;gap:28px}.footer-main{grid-template-columns:auto 1fr}.footer-brand .brand-copy{display:flex}.footer-main nav{border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;padding-top:22px}}@media (width<=767px){:root{--page:calc(100% - 28px);--radius-xl:30px}html{scroll-padding-top:92px}.site-header{top:8px}.nav-shell{border-radius:19px;height:60px;padding:0 8px 0 12px}.brand{gap:7px}.brand-mark{width:36px;height:36px}.brand-copy{font-size:14px}.brand-copy span:last-child{font-size:8px}.nav-actions{gap:5px}.icon-button{width:43px;height:43px;box-shadow:none;border-radius:13px}.mobile-nav{grid-template-columns:1fr;max-height:calc(100svh - 88px);top:68px;overflow-y:auto}.hero-section{padding:94px 0 62px}.hero-grid{gap:34px}.hero-copy{padding-top:8px}.eyebrow{margin-bottom:17px;padding:7px 10px;font-size:10px}.hero-copy h1{letter-spacing:-.052em;font-size:clamp(49px,14.3vw,68px);line-height:.96}.hero-lead{margin-top:22px;font-size:16px;line-height:1.58}.hero-actions{grid-template-columns:1fr 1fr;margin-top:25px;display:grid}.button{border-radius:14px;min-height:52px;padding:0 14px;font-size:13px}.button svg{width:19px;height:19px}.hero-stats{grid-template-columns:repeat(2,1fr);row-gap:14px;margin-top:28px;padding:14px 0}.hero-stats div{padding-inline:13px}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(3){padding-left:0}.hero-stats dt{font-size:18px}.world-media{border-radius:27px;padding:7px}.world-media-frame{aspect-ratio:1.42;border-radius:22px}.world-media-fade{background:linear-gradient(#0000 66%,#0517466e)}.world-status{bottom:11px;left:12px}.video-control{width:40px;height:40px;bottom:9px;right:11px}.media-caption{min-height:54px;padding:6px 10px 0 12px}.media-caption strong{font-size:11px}.heroes-section,.popular-section,.lore-section,.guides-section{padding:72px 0}.heroes-section{padding-top:64px}.section-heading h2,.lore-intro h2,.footer-newsletter h2{font-size:clamp(38px,11vw,50px)}.section-heading{margin-bottom:28px}.carousel-heading,.split-heading{flex-direction:column;align-items:flex-start;gap:18px}.carousel-heading>div:first-child p:last-child{margin-bottom:0}.carousel-controls{justify-content:space-between;align-self:stretch}.hero-carousel{margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}.hero-card{border-radius:19px;flex-basis:158px}.hero-card:hover{transform:none}.hero-card.selected{transform:translateY(-4px)}.swipe-hint{display:flex}.popular-grid{grid-template-columns:1fr;gap:13px}.popular-card>button{grid-template-columns:132px 1fr;align-items:stretch;display:grid}.popular-image{aspect-ratio:auto;min-height:176px}.popular-content{flex-direction:column;justify-content:center;padding:14px 13px;display:flex}.popular-title-row h3{font-size:25px}.popular-content>p{margin:11px 0}.lore-intro{text-align:left;margin-bottom:28px}.lore-intro .section-kicker{justify-content:flex-start}.lore-map{border-width:5px;border-radius:27px;min-height:780px}.lore-map>img{object-position:43% center}.map-topline{font-size:7px;top:16px;left:16px;right:16px}.map-beacon{width:40px;height:40px;top:24%;left:44%}.regions-list{grid-template-columns:1fr;gap:6px;bottom:12px;left:12px;right:12px}.regions-list button:last-child{grid-column:auto}.regions-list button{border-radius:14px;padding:11px 12px}.regions-list strong{font-size:18px}.guides-section{padding-bottom:76px}.guide-card{border-radius:22px;grid-template-columns:52px 1fr;gap:15px;min-height:0;padding:20px 18px 56px}.guide-icon{border-radius:16px;width:52px;height:52px}.guide-icon svg{width:24px;height:24px}.guide-card h3{font-size:29px}.guide-card>a{bottom:18px;right:18px}.esports-strip{flex-direction:column;align-items:stretch;padding:24px 20px}.esports-strip>div{align-items:flex-start}.esports-icon{border-radius:15px;width:48px;height:48px}.button-light{align-self:stretch}.site-footer{border-radius:28px 28px 0 0}.footer-newsletter{padding:38px 0}.footer-newsletter form>div{background:0 0;border:0;grid-template-columns:1fr;gap:8px;padding:0}.footer-newsletter input{background:#ffffff14;border:1px solid #fff3;border-radius:13px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-main nav{grid-template-columns:1fr 1fr;gap:14px;display:grid}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom span:nth-child(2){text-align:left;grid-area:2/1/auto/-1}.modal-backdrop{align-items:end;padding:10px}.hero-modal{border-radius:27px;grid-template-columns:1fr;max-height:calc(100svh - 20px);overflow-y:auto}.modal-portrait{min-height:320px;max-height:42svh}.modal-content{padding:34px 24px 30px}.modal-content h2{font-size:52px}.modal-meta{margin:20px 0}.modal-cta{align-self:stretch}.region-modal{border-radius:27px;grid-template-columns:1fr;max-height:calc(100svh - 20px);overflow-y:auto}.region-modal-visual{min-height:250px;max-height:32svh}.region-modal-content{padding:30px 24px 26px;overflow:visible}.region-modal-content h2{font-size:48px}.region-facts{grid-template-columns:1fr}.region-modal-content .modal-cta{align-self:stretch}.search-backdrop{padding:76px 10px 10px}.search-panel{border-radius:20px;max-height:calc(100svh - 86px)}}@media (width<=420px){.brand-copy{display:none}.hero-actions{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(47px,14.8vw,62px)}.popular-card>button{grid-template-columns:116px 1fr}.popular-image{min-height:164px}.popular-title-row svg{display:none}.modal-meta{grid-template-columns:1fr}.esports-strip>div{gap:12px}.esports-icon{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true]{scroll-behavior:auto}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-catalog-section{background:linear-gradient(180deg, #e8f1ff94, #f7faff00 36%), var(--canvas)}.catalog-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.catalog-count{border:1px solid var(--line);border-radius:var(--radius-md);min-width:112px;box-shadow:var(--shadow-sm);background:#fffc;align-items:baseline;gap:8px;padding:14px 18px;display:flex}.catalog-count strong{color:var(--blue);font-family:var(--display);font-size:36px;line-height:1}.catalog-count span{color:var(--ink-soft);font-size:12px;font-weight:700}.catalog-toolbar{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;gap:18px;margin-bottom:34px;padding:20px;display:grid}.catalog-search{border:1px solid var(--line-strong);background:var(--surface);min-height:54px;color:var(--ink-soft);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:17px;align-items:center;gap:11px;padding:0 13px 0 17px;display:flex}.catalog-search:focus-within{border-color:#245bff85;box-shadow:0 0 0 4px #245bff14}.catalog-search>svg{flex:0 0 20px;width:20px}.catalog-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.catalog-search input::placeholder{color:var(--ink-faint)}.catalog-search button{background:var(--surface-soft);cursor:pointer;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.catalog-search button svg{width:16px}.filter-group{grid-template-columns:72px 1fr;align-items:start;gap:12px;display:grid}.filter-group>span{color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase;padding-top:9px;font-size:10px;font-weight:800}.filter-group>div{flex-wrap:wrap;gap:7px;display:flex}.filter-group button{border:1px solid var(--line);min-height:38px;color:var(--ink-soft);background:var(--surface);cursor:pointer;transition:color .22s var(--ease-out), background .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;padding:0 13px;font-size:12px;font-weight:750}.filter-group button:hover{color:var(--blue);border-color:#245bff4d;transform:translateY(-1px)}.filter-group button.active{border-color:var(--blue);color:#fff;background:linear-gradient(135deg, var(--blue), #568dff);box-shadow:0 8px 20px #245bff33}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.catalog-card{background:var(--surface);text-align:left;cursor:pointer;min-width:0;transition:transform .35s var(--ease-out), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);border:1px solid #2c59b01f;border-radius:24px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #26498c14}.catalog-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff5c}.catalog-card:hover{z-index:2;border-color:#245bff4d;transform:translateY(-6px);box-shadow:0 20px 50px #1e439229}.catalog-card-art{aspect-ratio:.79;background:linear-gradient(145deg,#dbe9ff,#f7faff);position:relative;overflow:hidden}.catalog-card-art img{object-fit:cover;object-position:center 22%;width:100%;height:100%;transition:transform .55s var(--ease-out)}.catalog-card:hover .catalog-card-art img{transform:scale(1.035)}.catalog-card-shade{pointer-events:none;background:linear-gradient(#0000 52%,#07184194);position:absolute;inset:0}.catalog-card-copy{gap:4px;min-height:124px;padding:16px 15px 17px;display:grid}.catalog-card-topline{color:var(--blue);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:9px;font-size:9px;font-weight:800;display:flex}.catalog-card-topline span:last-child{color:var(--ink-faint);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-card-copy strong{color:var(--ink);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(24px,2vw,31px);font-weight:500;line-height:1.08;overflow:hidden}.catalog-card-title{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.catalog-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;align-content:center;place-items:center;min-height:320px;padding:36px;display:grid}.catalog-empty>svg{width:34px;color:var(--gold)}.catalog-empty h3{font-family:var(--display);margin:14px 0 5px;font-size:30px}.catalog-empty p{color:var(--ink-soft)}.dossier-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07122e94;position:fixed;inset:0;overflow:hidden}.hero-dossier{width:100%;height:100%;color:var(--ink);overscroll-behavior:contain;background:#f7fafff5;position:relative;overflow:hidden auto}.dossier-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dossier-background:after{content:"";background:linear-gradient(90deg,#ebf3ffbd,#f7fafff0 46%,#f7fafffb 68%),linear-gradient(#ffffff8c,#e8f1ffb3);position:absolute;inset:0}.dossier-background img{object-fit:cover;filter:blur(30px)saturate(.82);opacity:.33;width:100%;height:100%;transform:scale(1.08)}.dossier-header{z-index:8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faffd1;border-bottom:1px solid #2953a321;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:10px max(24px,50vw - 688px);display:flex;position:sticky;top:0}.dossier-header button,.dossier-header a{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);cursor:pointer;transition:color .22s var(--ease-out), border-color .22s var(--ease-out), background .22s var(--ease-out);background:#fffc;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.dossier-header button:hover,.dossier-header a:hover{color:var(--blue);background:#fff;border-color:#245bff59}.dossier-header svg{width:18px}.dossier-actions{align-items:center;gap:8px;display:flex}.dossier-actions .dossier-close{width:44px;color:var(--ink);padding:0}.dossier-layout{z-index:1;grid-template-columns:minmax(360px,42%) minmax(0,1fr);width:min(1440px,100%);min-height:calc(100svh - 76px);margin:0 auto;display:grid;position:relative}.dossier-visual{align-content:end;align-self:start;height:calc(100svh - 76px);padding:28px 24px 28px 32px;display:grid;position:sticky;top:76px}.dossier-art-frame{background:#dbe9ff;border:1px solid #ffffffb3;border-radius:34px;width:100%;height:100%;min-height:520px;position:relative;overflow:hidden;box-shadow:0 32px 90px #1a3a7b3d}.dossier-art-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 56%,#08194147);position:absolute;inset:0}.dossier-art-frame img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.dossier-visual>p{z-index:2;color:#ffffffdb;margin:0;font-size:11px;position:absolute;bottom:42px;left:50px;right:42px}.dossier-content{width:min(780px,100%);padding:clamp(48px,6vw,88px) clamp(28px,5vw,74px) 60px}.dossier-content h2{color:var(--ink);font-family:var(--display);letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(64px,7.2vw,112px);font-weight:500;line-height:.9}.dossier-title{color:var(--blue);font-family:var(--display);margin:18px 0 0;font-size:clamp(23px,2.4vw,34px)}.dossier-title span{color:var(--ink-faint);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:750;display:block}.dossier-meta{border:1px solid var(--line);background:var(--line);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:34px 0 0;display:grid;overflow:hidden}.dossier-meta div{background:#ffffffd1;min-width:0;padding:15px 17px}.dossier-meta dt{color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.dossier-meta dd{color:var(--ink);margin:4px 0 0;font-size:14px;font-weight:750}.dossier-section>h3,.pros-cons h3,.dossier-section-heading h3,.dossier-connections h3{color:var(--ink);font-family:var(--display);margin:0 0 14px;font-size:29px;font-weight:500}.dossier-section>p{color:#344d7b;font-size:15px;line-height:1.78}.dossier-intro{background:linear-gradient(135deg,#e8f1ffe0,#fffc);border:1px solid #245bff21;border-radius:22px;padding:24px 26px}.dossier-intro p:last-child{margin-bottom:0}.ability-list{gap:11px;display:grid}.ability-card{border:1px solid var(--line);background:#ffffffd6;border-radius:18px;padding:19px 20px;box-shadow:0 8px 22px #274e960e}.ability-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.ability-heading>span{color:var(--blue);background:var(--surface-blue);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:850}.ability-heading h4{color:var(--ink);margin:0;font-size:16px}.ability-heading small{color:var(--ink-faint);text-align:right;font-size:10px}.ability-card>p{color:var(--ink-soft);margin:12px 0 0;font-size:13px;line-height:1.65}.ability-card .ability-tip{border-top:1px solid var(--line);color:#3c5686;padding-top:11px}.pros-cons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px;display:grid}.pros-cons section{border:1px solid var(--line);background:#ffffffc7;border-radius:20px;padding:22px}.pros-cons ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pros-cons li{color:var(--ink-soft);padding-left:17px;font-size:13px;line-height:1.5;position:relative}.pros-cons li:before{content:"";background:var(--blue-light);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0;box-shadow:0 0 0 4px #65a5ff21}.pros-cons section:last-child li:before{background:var(--gold);box-shadow:0 0 0 4px #d9b86724}.dossier-section-heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:16px;display:flex}.dossier-section-heading h3{margin-bottom:0}.dossier-section-heading span{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.dossier-lore p{color:#344d7b;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.84}.dossier-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dossier-connections>div{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:20px}.dossier-connections h3{margin-bottom:6px;font-size:22px}.dossier-connections p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.dossier-source{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-top:48px;padding-top:24px;display:flex}.dossier-source>div:first-child{gap:2px;display:grid}.dossier-source span{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.dossier-source strong{font-size:12px}.dossier-source>div:last-child{flex-wrap:wrap;justify-content:end;gap:12px;display:flex}.dossier-source a{color:var(--blue);font-size:11px;font-weight:750}.dossier-source a:hover{text-underline-offset:3px;text-decoration:underline}.source-note{border:1px dashed var(--line-strong);color:var(--ink-soft);background:#ffffffb3;border-radius:16px;padding:18px}.dossier-pager{z-index:7;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faffe0;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:42%;display:grid;position:sticky;bottom:0;left:0;right:0}.dossier-pager button{cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:13px;min-height:74px;padding:10px clamp(18px,4vw,54px);display:flex}.dossier-pager button:last-child{border-left:1px solid var(--line);text-align:right;justify-content:flex-end}.dossier-pager svg{width:19px;color:var(--blue)}.dossier-pager span{display:grid}.dossier-pager small{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.dossier-pager strong{color:var(--ink);font-family:var(--display);font-size:19px;font-weight:500}@media (width<=1180px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dossier-layout{grid-template-columns:minmax(330px,40%) minmax(0,1fr)}.dossier-pager{margin-left:40%}}@media (width<=900px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dossier-layout{display:block}.dossier-visual{height:min(66svh,660px);padding:20px 28px 0;position:relative;top:0}.dossier-art-frame{border-radius:30px;min-height:0}.dossier-content{width:min(760px,100%);margin:0 auto;padding-top:48px}.dossier-background:after{background:linear-gradient(#e8f1ffa8,#f7fafffa 54%)}.dossier-pager{margin-left:0}}@media (width<=680px){.catalog-heading{flex-direction:column;align-items:flex-start}.catalog-count{min-width:0}.catalog-toolbar{border-radius:22px;margin-inline:-4px;padding:14px}.filter-group{grid-template-columns:1fr;gap:5px}.filter-group>span{padding:0 2px}.filter-group>div{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-14px;padding:3px 14px 7px;overflow-x:auto}.filter-group>div::-webkit-scrollbar{display:none}.filter-group button{flex:none;min-height:42px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{border-radius:18px}.catalog-card:hover{transform:none}.catalog-card-copy{min-height:112px;padding:13px 11px 14px}.catalog-card-topline{gap:2px;display:grid}.catalog-card-topline span:last-child{text-align:left}.catalog-card-copy strong{font-size:clamp(22px,7vw,29px)}.catalog-card-title{font-size:11px}.dossier-header{min-height:66px;padding:8px 10px}.dossier-back{width:44px;padding:0!important;font-size:0!important}.dossier-back svg{width:19px}.dossier-actions{gap:5px}.dossier-actions>button:first-child{padding:0 10px;font-size:10px}.dossier-actions>a{display:none}.dossier-visual{height:min(55svh,500px);padding:10px 10px 0}.dossier-art-frame{border-radius:24px}.dossier-content{padding:38px 16px 46px}.dossier-content h2{font-size:clamp(58px,19vw,86px)}.dossier-title{font-size:24px}.dossier-meta{border-radius:17px;grid-template-columns:1fr 1fr;margin-top:27px}.dossier-meta div{padding:13px 12px}.dossier-meta dd{font-size:12px}.dossier-section{margin-top:34px}.dossier-intro{padding:19px 17px}.ability-card{padding:16px 14px}.ability-heading{grid-template-columns:auto 1fr}.ability-heading small{text-align:left;grid-column:1/-1}.pros-cons,.dossier-connections{grid-template-columns:1fr}.dossier-section-heading{flex-direction:column;align-items:flex-start;gap:2px}.dossier-lore p{font-size:15px;line-height:1.78}.dossier-source{flex-direction:column;align-items:flex-start}.dossier-source>div:last-child{justify-content:flex-start}.dossier-pager button{min-width:0;min-height:68px;padding:8px 12px}.dossier-pager strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:16px;overflow:hidden}}@media (width<=390px){.catalog-grid{gap:8px}.catalog-card-copy{padding-inline:9px}.catalog-card-copy strong{font-size:22px}.catalog-card-topline{font-size:8px}.dossier-actions>button:first-child{width:44px;color:var(--ink);padding:0;font-size:0;position:relative;overflow:hidden}.dossier-actions>button:first-child:before{content:"⧉";color:var(--ink);font-size:19px;line-height:1}}@media (prefers-reduced-motion:reduce){.catalog-card,.catalog-card-art img,.filter-group button,.dossier-header button,.dossier-header a{transition:none!important}}:root[data-reduced-motion=true] .catalog-card,:root[data-reduced-motion=true] .catalog-card-art img,:root[data-reduced-motion=true] .filter-group button,:root[data-reduced-motion=true] .dossier-header button,:root[data-reduced-motion=true] .dossier-header a{transition:none!important}.desktop-nav button,.mobile-nav button{font:inherit}.desktop-nav a,.desktop-nav button{color:#314979;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.desktop-nav a:after,.desktop-nav button:after{content:"";background:linear-gradient(90deg, var(--blue), var(--blue-light));height:2px;transition:left .25s var(--ease-out), right .25s var(--ease-out);border-radius:4px;position:absolute;bottom:-1px;left:50%;right:50%}.desktop-nav a:hover,.desktop-nav button:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav button:hover:after,.desktop-nav a.active:after{left:0;right:0}.mobile-nav button{min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;padding:0 16px;font-weight:650;display:flex}.mobile-nav button:hover{color:var(--blue);background:var(--surface-blue)}.world-media{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:0 0;border:0;border-radius:0;padding:0}.world-media:before,.world-media:after{content:none}.world-media-aura{z-index:-2;pointer-events:none;filter:blur(34px);background:radial-gradient(circle at 55% 48%,#2c70ff57,#0000 42%),radial-gradient(circle at 72% 62%,#d9b8672e,#0000 28%);border-radius:50%;position:absolute;inset:8% 1% 5% 14%}.world-media-frame{aspect-ratio:1.16;background:0 0;border-radius:0;min-height:560px;overflow:hidden;-webkit-mask-image:radial-gradient(75% 72% at 54% 49%,#000 38%,#000000e0 52%,#00000057 73%,#0000 91%);mask-image:radial-gradient(75% 72% at 54% 49%,#000 38%,#000000e0 52%,#00000057 73%,#0000 91%)}.world-media-frame:before{content:none}.world-media-frame video,.world-media-frame>img{object-position:center;filter:saturate(1.06)contrast(1.025);transform:scale(1.08)}.world-media-fade{background:linear-gradient(90deg,#f7faffeb,#0000 24%),radial-gradient(circle,#0000 56%,#f7faff57 78%,#f7faffe6 100%)}.hero-gateway-section{padding:94px 0 104px;position:relative}.hero-gateway{background:radial-gradient(circle at 86% 12%,#65a5ff45,#0000 29%),linear-gradient(135deg,#fffffffa,#e8f1ffe6);border:1px solid #3768cd24;border-radius:44px 44px 18px;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(34px,5vw,78px);min-height:410px;padding:clamp(38px,5vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #1f459124}.hero-gateway:before{content:"";background:linear-gradient(90deg,#0000,#d9b867e6,#0000);width:160px;height:1px;position:absolute;top:24px;right:32px}.gateway-copy{z-index:2;position:relative}.gateway-copy h2{max-width:650px;font-family:var(--display);letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(48px,5vw,76px);font-weight:500;line-height:.98}.gateway-copy>p:last-of-type{max-width:610px;color:var(--ink-soft);font-size:17px;line-height:1.7}.gateway-actions{flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:28px;display:flex}.gateway-actions>span{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.gateway-portraits{justify-content:center;align-items:center;min-height:296px;padding-right:34px;display:flex;position:relative}.gateway-portraits>button:not(.gateway-more){aspect-ratio:.74;background:var(--surface-blue);cursor:pointer;width:clamp(92px,8vw,124px);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);border:4px solid #ffffffeb;border-radius:999px;flex:none;margin-left:clamp(-22px,-1.7vw,-13px);padding:0;position:relative;overflow:hidden;box-shadow:0 16px 42px #193f8933}.gateway-portraits>button:first-child{transform:translateY(22px)rotate(-6deg)}.gateway-portraits>button:nth-child(2){transform:translateY(-9px)rotate(-3deg)}.gateway-portraits>button:nth-child(3){z-index:2;transform:translateY(-26px)scale(1.08)}.gateway-portraits>button:nth-child(4){transform:translateY(-8px)rotate(3deg)}.gateway-portraits>button:nth-child(5){transform:translateY(22px)rotate(6deg)}.gateway-portraits>button:not(.gateway-more):hover{z-index:4;transform:translateY(-20px)scale(1.08);box-shadow:0 26px 62px #193f8947}.gateway-portraits img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.gateway-portraits>button:not(.gateway-more) span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#081b46a8;border-radius:999px;padding:5px 4px;font-size:10px;font-weight:800;position:absolute;bottom:12px;left:8px;right:8px}.gateway-more{color:#fff;background:var(--blue);cursor:pointer;border:5px solid #fffffff2;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:27px;right:0;box-shadow:0 14px 34px #245bff4d}.gateway-more svg{width:21px}.items-section{padding:36px 0 92px}.items-brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:32px 36px;display:grid}.items-mark{width:72px;height:72px;color:var(--blue);background:var(--surface-blue);border-radius:24px;place-items:center;display:grid}.items-mark svg{width:31px}.items-brief .section-kicker{margin-bottom:6px}.items-brief h2{margin:0 0 4px;font-size:clamp(32px,3.5vw,50px)}.items-brief p:last-child{color:var(--ink-soft);margin:0}.items-brief .button svg{width:18px}.catalog-modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0815368a;position:fixed;inset:0;overflow:hidden}.catalog-modal{width:100%;height:100%;color:var(--ink);background:radial-gradient(circle at 82% 5%, #65a5ff30, transparent 24rem), linear-gradient(180deg, #f4f8ff, var(--canvas));overflow:hidden}.catalog-modal-header{z-index:8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f7faffd6;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:9px max(20px,50vw - 692px);display:grid;position:relative}.catalog-modal-header button{border:1px solid var(--line);cursor:pointer;background:#ffffffd1;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 15px;font-size:12px;font-weight:750;display:inline-flex}.catalog-modal-back{justify-self:start}.catalog-modal-back svg{width:18px}.catalog-modal-close{justify-self:end;width:46px;padding:0!important}.catalog-modal-close svg{width:19px}.catalog-brand .brand-mark{width:38px;height:38px}.catalog-brand .brand-copy{font-size:15px}.catalog-modal-scroll{overscroll-behavior:contain;height:calc(100svh - 76px);overflow:hidden auto}.catalog-modal-shell{width:min(1440px,100vw - 56px);margin:0 auto;padding:54px 0 70px}.catalog-modal-intro{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.catalog-modal-intro h2{margin-bottom:10px;font-size:clamp(54px,6vw,88px);line-height:.96}.catalog-modal-intro>div:first-child>p:last-child{max-width:680px;color:var(--ink-soft);margin-bottom:0;font-size:17px}.catalog-modal-tools{z-index:5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faffe6;border:1px solid #3663be24;border-radius:24px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;gap:22px;margin-bottom:30px;padding:14px;display:grid;position:sticky;top:0;box-shadow:0 16px 44px #2047941a}.catalog-filter-row{gap:10px;min-width:0;display:grid}.catalog-modal-tools .filter-group{grid-template-columns:78px 1fr;gap:9px}.catalog-modal-tools .filter-group>div{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.catalog-modal-tools .filter-group>div::-webkit-scrollbar{display:none}.catalog-modal-tools .filter-group button{flex:none}.catalog-modal-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.catalog-modal-grid .catalog-card-copy{min-height:114px}.catalog-modal-grid .catalog-card-copy strong{font-size:clamp(23px,1.8vw,30px)}.hero-dossier{--hero-a:#4f8dff;--hero-b:#143c8f;color:#eef5ff;background:#081631}.hero-dossier[data-role=tank]{--hero-a:#58b6d9;--hero-b:#174e70}.hero-dossier[data-role=fighter]{--hero-a:#df9b55;--hero-b:#713c30}.hero-dossier[data-role=assassin]{--hero-a:#a677f2;--hero-b:#382369}.hero-dossier[data-role=mage]{--hero-a:#6b9eff;--hero-b:#28357b}.hero-dossier[data-role=marksman]{--hero-a:#dfb35e;--hero-b:#67502a}.hero-dossier[data-role=support]{--hero-a:#69c8b4;--hero-b:#245d5c}.dossier-background:after{background:linear-gradient(90deg,#040d2047,#051027d1 45%,#061129f7 72%),linear-gradient(#08193a33,#07142e 88%)}.dossier-background img{filter:blur(38px)saturate(1.22)contrast(1.05);opacity:.34;transform:scale(1.14)}.dossier-atmosphere{z-index:0;pointer-events:none;background:radial-gradient(circle at 23% 56%, color-mix(in srgb, var(--hero-a) 34%, transparent), transparent 27%), radial-gradient(circle at 78% 17%, color-mix(in srgb, var(--hero-b) 42%, transparent), transparent 31%);position:fixed;inset:0;overflow:hidden}.dossier-atmosphere i{background:color-mix(in srgb, var(--hero-a) 80%, white);width:4px;height:4px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--hero-a) 48%, transparent);border-radius:50%;animation:8s ease-in-out infinite alternate dossier-drift;position:absolute}.dossier-atmosphere i:first-child{top:24%;left:8%}.dossier-atmosphere i:nth-child(2){width:2px;height:2px;animation-delay:-2s;top:62%;left:39%}.dossier-atmosphere i:nth-child(3){width:3px;height:3px;animation-delay:-4s;top:18%;right:9%}.dossier-atmosphere i:nth-child(4){width:2px;height:2px;animation-delay:-6s;bottom:14%;right:22%}@keyframes dossier-drift{to{opacity:.55;transform:translate(14px,-20px)}}.dossier-header{background:#051027ad;border-color:#ffffff1a}.dossier-header button,.dossier-header a{color:#eef5ffc7;background:#ffffff0e;border-color:#ffffff21}.dossier-header button:hover,.dossier-header a:hover{color:#fff;border-color:color-mix(in srgb, var(--hero-a) 60%, transparent);background:#ffffff1a}.dossier-actions .dossier-close{color:#fff}.dossier-layout{grid-template-columns:minmax(390px,46%) minmax(0,1fr);width:min(1540px,100%)}.dossier-visual{padding:0;overflow:hidden}.dossier-art-glow{z-index:-1;background:color-mix(in srgb, var(--hero-a) 30%, transparent);filter:blur(55px);border-radius:50%;position:absolute;inset:20% 5% 6% 3%}.dossier-art-frame{width:calc(100% + 128px);height:calc(100% + 72px);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:-28px -38px -44px -90px;overflow:hidden;-webkit-mask-image:none;mask-image:none}.dossier-art-frame:after{background:linear-gradient(90deg,#081631 0%,#081631ad 7%,#0000 25% 62%,#081631d1 88%,#081631 100%),linear-gradient(#081631 0%,#08163185 8%,#0000 24% 65%,#081631e6 91%,#081631 100%)}.dossier-art-frame img{object-position:center 18%;filter:saturate(1.07)contrast(1.03);transform:scale(1.08)}.dossier-visual-caption{z-index:3;display:grid;position:absolute;bottom:48px;left:56px}.dossier-visual-caption span{color:color-mix(in srgb, var(--hero-a) 72%, white);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:850}.dossier-visual-caption strong{color:#fff;font-family:var(--display);font-size:clamp(38px,4vw,62px);font-weight:500}.dossier-visual>p{color:#ffffff9e}.dossier-content{-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:#081838b8;border:1px solid #ffffff1a;border-radius:36px;width:auto;margin:34px 30px 96px 10px;padding:clamp(34px,4.2vw,66px);box-shadow:0 28px 90px #0000003d}.dossier-content .section-kicker{color:color-mix(in srgb, var(--hero-a) 76%, white)}.dossier-content h2{color:#fff;font-size:clamp(68px,7vw,116px)}.dossier-title{color:color-mix(in srgb, var(--hero-a) 72%, white)}.dossier-summary{color:#e2edffb8;max-width:680px;margin:20px 0 0;font-size:16px;line-height:1.68}.dossier-meta{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:8px;margin-top:30px;padding:0;list-style:none;display:flex;overflow:visible}.dossier-meta li{background:#ffffff0b;border:1px solid #ffffff18;border-radius:15px;flex:29%;align-items:center;gap:10px;min-width:150px;padding:12px 14px;display:flex}.dossier-meta svg{width:20px;color:color-mix(in srgb, var(--hero-a) 76%, white);flex:0 0 20px}.dossier-meta li>span{min-width:0;display:grid}.dossier-meta small{color:#cddcf680;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.dossier-meta strong{color:#f5f8ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rookie-panel{border:1px solid color-mix(in srgb, var(--hero-a) 24%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--hero-b) 30%, #ffffff0a), #ffffff09);border-radius:24px;margin-top:34px;padding:25px}.rookie-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.rookie-heading>span{color:#fff;background:color-mix(in srgb, var(--hero-a) 76%, #193b82);width:42px;height:42px;box-shadow:0 10px 26px color-mix(in srgb, var(--hero-a) 24%, transparent);border-radius:14px;place-items:center;display:grid}.rookie-heading svg{width:19px}.rookie-heading small{color:color-mix(in srgb, var(--hero-a) 72%, white);letter-spacing:.17em;font-size:8px;font-weight:850}.rookie-heading h3{color:#fff;font-family:var(--display);margin:2px 0 0;font-size:27px;font-weight:500}.rookie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.rookie-grid article{background:#ffffff0b;border-radius:16px;align-items:flex-start;gap:11px;padding:15px;display:flex}.rookie-grid article>svg{width:19px;color:color-mix(in srgb, var(--hero-a) 78%, white);flex:0 0 19px;margin-top:2px}.rookie-grid h4{color:#fff;margin:0 0 5px;font-size:12px}.rookie-grid p{color:#dfeafca8;margin:0;font-size:12px;line-height:1.52}.dossier-section{margin-top:40px}.dossier-section>h3,.dossier-section-heading h3,.dossier-connections h3{color:#fff}.dossier-section-heading{align-items:end;margin-bottom:16px}.dossier-section-heading>div>span{color:color-mix(in srgb, var(--hero-a) 74%, white);letter-spacing:.16em;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.dossier-section-heading h3{margin:0}.dossier-section-heading>small{color:#d2e0f87a;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.ability-card{box-shadow:none;background:#ffffff0b;border-color:#ffffff17;border-radius:20px;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;padding:17px;display:grid}.ability-icon{object-fit:cover;border:1px solid #fff3;border-radius:17px;width:64px;height:64px;box-shadow:0 10px 26px #0000003d}.ability-body{min-width:0}.ability-heading{grid-template-columns:auto 1fr auto}.ability-heading>span{color:color-mix(in srgb, var(--hero-a) 72%, white);background:color-mix(in srgb, var(--hero-a) 13%, transparent)}.ability-heading h4{color:#fff}.ability-heading small{color:#d2e0f87a}.ability-card>p,.ability-body>p{color:#dfeafcad;margin:10px 0 0;font-size:13px;line-height:1.64}.ability-card .ability-tip{color:#dfeafcb8;border-color:#ffffff17}.ability-tip strong{color:color-mix(in srgb, var(--hero-a) 76%, white)}.ability-more,.full-lore{margin-top:10px}.ability-more summary,.full-lore summary{color:color-mix(in srgb, var(--hero-a) 72%, white);cursor:pointer;font-size:11px;font-weight:800}.ability-more p{color:#dfeafca8;margin:10px 0 0;font-size:13px;line-height:1.68}.lore-preview p,.dossier-lore p{color:#e4edfcb8;font-family:var(--display);font-size:16px;line-height:1.8}.full-lore{border-top:1px solid #ffffff17;padding-top:4px}.full-lore summary{align-items:center;gap:8px;min-height:48px;list-style:none;display:inline-flex}.full-lore summary::-webkit-details-marker{display:none}.full-lore summary svg{width:16px;transition:transform .25s var(--ease-out)}.full-lore[open] summary svg{transform:rotate(90deg)}.full-lore>div{padding-top:18px}.full-lore p{color:#e4edfcad}.dossier-connections>div{background:#ffffff0a;border-color:#ffffff17}.dossier-connections p{color:#dfeafca6}.dossier-source{border-color:#ffffff1a}.dossier-source span{color:#cddcf673}.dossier-source strong{color:#fff}.dossier-source a{color:color-mix(in srgb, var(--hero-a) 76%, white)}.dossier-pager{background:#051027d6;border-color:#ffffff1a;margin-left:46%}.dossier-pager button:last-child{border-color:#ffffff1a}.dossier-pager small{color:#cddcf675}.dossier-pager strong{color:#fff}.dossier-pager svg{color:color-mix(in srgb, var(--hero-a) 76%, white)}.site-footer{padding-top:18px}.footer-main{padding-top:26px}.footer-main nav button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-main nav button:hover{color:#8ab8ff}@media (width<=1320px){.catalog-modal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-gateway{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}}@media (width<=1100px){.world-media-frame{min-height:460px}.hero-gateway{grid-template-columns:1fr}.gateway-copy{max-width:760px}.gateway-portraits{min-height:250px}.catalog-modal-tools{grid-template-columns:1fr}.catalog-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dossier-layout{grid-template-columns:minmax(330px,42%) minmax(0,1fr)}.dossier-pager{margin-left:42%}.dossier-content{margin-right:18px;padding:36px 30px}.rookie-grid{grid-template-columns:1fr}}@media (width<=900px){.world-media-frame{aspect-ratio:1.42;min-height:0;margin-inline:-18px;-webkit-mask-image:radial-gradient(74% 70% at 52%,#000 42%,#000000e0 56%,#00000061 74%,#0000 91%);mask-image:radial-gradient(74% 70% at 52%,#000 42%,#000000e0 56%,#00000061 74%,#0000 91%)}.catalog-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-modal-tools{position:relative}.dossier-layout{display:block}.dossier-visual{height:min(66svh,620px);padding:0 22px;position:relative;top:0}.dossier-art-frame{min-height:0}.dossier-content{width:auto;margin:-12px 22px 94px;padding:42px}.dossier-background:after{background:linear-gradient(#05102759,#07142e 54%)}.dossier-pager{margin-left:0}.items-brief{grid-template-columns:auto 1fr}.items-brief .button{grid-column:2;justify-self:start}}@media (width<=680px){.world-media-aura{inset:12% 0 4%}.world-media-frame{aspect-ratio:1.25;margin-inline:-12px;-webkit-mask-image:radial-gradient(72% 68% at 52%,#000 40%,#000000e0 54%,#00000061 72%,#0000 89%);mask-image:radial-gradient(72% 68% at 52%,#000 40%,#000000e0 54%,#00000061 72%,#0000 89%)}.hero-gateway-section{padding:68px 0}.hero-gateway{border-radius:30px 30px 14px;min-height:0;padding:28px 20px 30px}.gateway-copy h2{font-size:clamp(42px,13vw,58px)}.gateway-actions{flex-direction:column;align-items:flex-start}.gateway-actions .button{width:100%}.gateway-portraits{min-height:190px;margin-inline:-14px;padding-right:18px}.gateway-portraits>button:not(.gateway-more){border-width:3px;width:78px}.gateway-portraits>button:not(.gateway-more) span{display:none}.gateway-more{width:50px;height:50px;bottom:12px;right:-3px}.items-section{padding:24px 0 70px}.items-brief{grid-template-columns:1fr;gap:18px;padding:26px 8px}.items-mark{border-radius:19px;width:58px;height:58px}.items-brief .button{grid-column:1;width:100%}.catalog-modal-header{grid-template-columns:1fr auto;min-height:66px;padding:8px 10px}.catalog-brand{display:none}.catalog-modal-back{width:46px;padding:0!important;font-size:0!important}.catalog-modal-scroll{height:calc(100svh - 66px)}.catalog-modal-shell{width:calc(100vw - 24px);padding-top:32px}.catalog-modal-intro{flex-direction:column;align-items:flex-start;gap:18px}.catalog-modal-intro h2{font-size:clamp(50px,15vw,68px)}.catalog-modal-tools{border-radius:20px;margin-inline:-2px;padding:11px}.catalog-modal-tools .filter-group{grid-template-columns:1fr}.catalog-modal-tools .filter-group>span{padding-left:2px}.catalog-modal-tools .filter-group>div{margin-inline:-11px;padding:2px 11px 5px}.catalog-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-modal-grid .catalog-card-copy{min-height:102px}.catalog-modal-grid .catalog-card-copy strong{font-size:23px}.dossier-header{min-height:66px}.dossier-visual{height:min(54svh,470px);padding:0}.dossier-visual-caption{bottom:26px;left:28px}.dossier-content{border-radius:26px;margin:-8px 8px 82px;padding:32px 16px 38px}.dossier-content h2{font-size:clamp(58px,18vw,84px)}.dossier-summary{font-size:14px}.dossier-meta li{flex-basis:46%;min-width:0;padding:11px}.dossier-meta strong{font-size:11px}.rookie-panel{padding:18px 13px}.rookie-grid article{padding:13px 11px}.ability-card{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px 12px}.ability-icon{border-radius:14px;width:54px;height:54px}.ability-heading{grid-template-columns:1fr;gap:5px}.ability-heading>span{justify-self:start}.ability-heading small{text-align:left;grid-column:1}.dossier-connections{grid-template-columns:1fr}.dossier-pager button{min-height:66px}}@media (prefers-reduced-motion:reduce){.gateway-portraits>button,.dossier-atmosphere i,.full-lore summary svg{transition:none!important;animation:none!important}}:root[data-reduced-motion=true] .gateway-portraits>button,:root[data-reduced-motion=true] .dossier-atmosphere i,:root[data-reduced-motion=true] .full-lore summary svg{transition:none!important;animation:none!important}.world-media-frame{isolation:isolate;position:relative}.world-scene,.world-scene-static{object-fit:cover;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.world-scene-planet{z-index:1;transform-origin:54% 49%}.world-scene-map{z-index:2;transform-origin:54% 54%}.world-scene-static{position:relative}.world-zoom-ring{z-index:3;pointer-events:none;animation:world-lens 8s var(--ease-out) infinite alternate;border:1px solid #adcfff4d;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 42px #65a5ff2e,inset 0 0 40px #ffffff14}@keyframes world-lens{0%{opacity:.18;transform:scale(.9)}to{opacity:.58;transform:scale(1.08)}}.gateway-deck{isolation:isolate;perspective:1200px;min-height:352px;position:relative}.gateway-deck-orbit{background:radial-gradient(circle,#65a5ff29,#0000 63%);border:1px solid #4178e230;border-radius:50%;position:absolute;inset:16% 3% 21%;transform:rotate(-7deg);box-shadow:inset 0 0 58px #ffffffb8}.gateway-deck-orbit:after{content:"";border-radius:inherit;border:1px dashed #d9b86757;position:absolute;inset:11%}.gateway-deck-card{aspect-ratio:.72;cursor:pointer;width:clamp(148px,13vw,188px);transform-style:preserve-3d;background:#dceaff;border:1px solid #ffffffdb;border-radius:28px 28px 9px;margin-left:clamp(-94px,-6.5vw,-74px);padding:0;position:absolute;top:14px;left:50%;overflow:hidden;box-shadow:0 22px 56px #16377a2e}.gateway-deck-card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff61;position:absolute;inset:0}.gateway-deck-card.is-active{border-color:color-mix(in srgb, var(--gold) 72%, white);box-shadow:0 30px 80px #193f894d,0 0 0 5px #65a5ff1f}.gateway-deck-card img{object-fit:cover;object-position:center 18%;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s ease}.gateway-deck-card:hover img,.gateway-deck-card.is-active img{filter:saturate(1.08)contrast(1.02);transform:scale(1.045)}.gateway-deck-shade{background:linear-gradient(#0000 46%,#051436e0);position:absolute;inset:0}.gateway-deck-index{color:#ffffffb8;letter-spacing:.15em;font-size:9px;font-weight:800;position:absolute;top:13px;right:13px}.gateway-deck-name{color:#fff;text-align:left;display:grid;position:absolute;bottom:17px;left:16px;right:16px}.gateway-deck-name small{color:#a9caff;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:850}.gateway-deck-name strong{font-family:var(--display);font-size:25px;font-weight:500}.gateway-deck-focus{z-index:20;color:var(--ink);text-align:center;justify-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.gateway-deck-focus>span{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:850}.gateway-deck-focus>strong{font-size:18px}.gateway-deck-focus>small{color:var(--ink-faint);font-size:10px}.gateway-deck-focus>div{gap:6px;margin-top:10px;display:flex}.gateway-deck-focus>div button{cursor:pointer;width:18px;height:4px;transition:width .3s var(--ease-out), background .3s ease;background:#245bff2e;border:0;border-radius:99px;padding:0}.gateway-deck-focus>div button.active{background:var(--blue);width:34px}.region-modal-visual img{object-position:var(--region-position,center);transform-origin:var(--region-position,center);will-change:transform, opacity}.region-modal-visual:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--region-position,center), transparent 28%, #05123033 72%);position:absolute;inset:0}.hero-dossier{--dossier-display:"Segoe UI Variable Display", "Aptos Display", var(--sans)}.dossier-content h2,.dossier-section>h3,.dossier-section-heading h3,.rookie-heading h3{font-family:var(--dossier-display);letter-spacing:-.045em;font-weight:720}.dossier-content h2{line-height:.88}.dossier-title{font-family:var(--dossier-display);letter-spacing:-.025em;font-weight:540}.dossier-summary{max-width:62ch}.dossier-lore p{max-width:70ch;font-family:var(--sans);font-size:15px;line-height:1.72}.ability-card{background:linear-gradient(145deg,#ffffff13,#65a5ff09);border-color:#92b4ec29}.ability-heading h4{font-family:var(--dossier-display);letter-spacing:-.018em;font-size:17px;font-weight:690}.ability-body>p{max-width:68ch}@media (width<=1100px){.gateway-deck{min-height:330px}}@media (width<=680px){.gateway-deck{min-height:318px;margin-inline:-12px}.gateway-deck-card{border-radius:23px 23px 8px;width:138px;margin-left:-69px;top:18px}.gateway-deck-name{bottom:13px;left:12px;right:12px}.gateway-deck-name strong{font-size:21px}.gateway-deck-focus>small{max-width:210px}.region-modal-visual{min-height:300px;max-height:38svh}}@media (prefers-reduced-motion:reduce){.world-zoom-ring{animation:none}.gateway-deck-card img{transition:none}}:root[data-reduced-motion=true] .world-zoom-ring{animation:none}