#games.worlds{padding:95px 5% 110px;max-width:1800px;margin:auto}.worlds-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.worlds-heading h2{font-size:clamp(32px,3.6vw,58px);line-height:1.04;margin:12px 0 0;letter-spacing:-2px}.worlds-heading h2 span{color:#ff9867}.worlds-heading p{color:#b8c2d1;font-size:14px;line-height:1.7;margin:0;max-width:290px}.world-stage{position:relative;isolation:isolate;min-height:700px;overflow:hidden;border:1px solid #ffffff20;border-radius:3px;background:#101823;--world-accent:#aabaff}.world-images,.world-bg,.world-shade{position:absolute;inset:0;width:100%;height:100%}.world-images{z-index:-3;overflow:hidden}.world-bg{object-fit:cover;object-position:68% center;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 2.4s cubic-bezier(.2,.7,.2,1);will-change:opacity}.world-bg.is-active{opacity:1;transform:scale(1)}.world-bg[data-world-image=lol]{object-position:65% 35%}.world-bg[data-world-image=tft]{object-position:75% center}.world-shade{z-index:-2;background:linear-gradient(90deg,#070c14f2 0%,#070c14a6 32%,#070c1410 72%),linear-gradient(0deg,#080d16 0%,#080d16bd 20%,transparent 58%)}.world-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,35%),#e9f2ff12,transparent 42%);border-top:1px solid #ffffff25}.world-topline{position:absolute;top:28px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:2.5px;color:#c0cbd9}.world-topline>span:first-child{display:flex;gap:10px;align-items:center}.world-topline i{width:5px;height:5px;border-radius:50%;background:var(--world-accent);box-shadow:0 0 15px var(--world-accent)}.world-counter{position:absolute;right:35px;top:70px;font-size:clamp(90px,12vw,190px);font-weight:600;line-height:1;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #ffffff2b;pointer-events:none}.world-copy{position:relative;width:min(650px,65%);padding:135px 50px 190px;min-height:700px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.world-category{font-size:10px;letter-spacing:3px;color:var(--world-accent);font-weight:600}.world-title{font-size:clamp(54px,5.8vw,94px);line-height:.94;letter-spacing:-3.8px;margin:20px 0 24px;font-weight:600;white-space:pre-line;color:#fff}.world-description{font-size:15px;line-height:1.8;color:#c6cedc;max-width:335px;margin:0 0 28px}.world-action{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:500;padding:13px 0;border-bottom:2px solid var(--world-accent);background:none;color:#fff;border-radius:0;border-top:0;border-left:0;border-right:0;min-height:44px}.world-action span{font-size:22px;transition:transform .3s}.world-action:hover span{transform:translate(4px,-4px)}.world-copy.is-changing{animation:world-copy-in .6s both}.world-switcher{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff20;background:#080e17bb;backdrop-filter:blur(16px)}.world-option{position:relative;display:flex;align-items:center;gap:16px;padding:25px 24px;text-align:left;background:transparent;border:0;border-right:1px solid #ffffff17;color:#aeb9c9;min-height:120px;transition:background .35s,color .35s;overflow:hidden}.world-option:last-child{border-right:0}.world-option:before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--world-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.world-option[aria-pressed=true]:before{transform:scaleX(1)}.world-option[aria-pressed=true]{color:#fff;background:#ffffff08}.world-option:hover{color:#fff;background:#ffffff0d}.world-option:focus-visible{outline-offset:-6px}.world-thumb{width:58px;height:66px;object-fit:cover;border-radius:2px;filter:none;opacity:1;transition:opacity .4s,filter .4s,transform .5s}.world-option[aria-pressed=true] .world-thumb,.world-option:hover .world-thumb{opacity:1;filter:none;transform:translateY(-3px)}.world-option-text{min-width:0}.world-option small{display:block;color:#aeb9c9;font-size:9px;letter-spacing:1.8px;margin-bottom:8px}.world-option strong{display:block;font-size:16px;line-height:1.15;font-weight:500}.world-option .world-arrow{margin-left:auto;font-size:21px;color:var(--world-accent);opacity:0;transform:translate(-6px,6px);transition:opacity .3s,transform .3s}.world-option[aria-pressed=true] .world-arrow{opacity:1;transform:none}.world-caption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:9px;letter-spacing:2px;color:#9ba8b9}.world-caption b{font-weight:500;color:#d0d8e5}@keyframes world-copy-in{from{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@media(max-width:1100px){.world-option{padding:22px 16px;gap:12px}.world-thumb{width:40px;height:55px}.world-option strong{font-size:14px}.world-option .world-arrow{display:none}.world-copy{padding-left:35px}.world-title{font-size:70px}.worlds-heading h2{font-size:43px}.world-bg[data-world-image=tft]{object-position:72% center}}@media(max-width:700px){#games.worlds{padding:65px 5% 70px}.worlds-heading{display:block;margin-bottom:23px}.worlds-heading h2{font-size:36px;letter-spacing:-1.3px}.worlds-heading p{font-size:12px;max-width:280px;margin-top:18px}.world-stage{min-height:690px}.world-topline{top:22px;left:22px;right:22px;font-size:8px;letter-spacing:1.5px}.world-topline>span:last-child{display:none}.world-counter{top:66px;right:22px;font-size:100px;letter-spacing:-6px}.world-copy{width:100%;min-height:690px;padding:105px 24px 250px;justify-content:flex-start}.world-title{font-size:clamp(44px,10.7vw,64px);letter-spacing:-2px;max-width:290px;margin-top:25px}.world-description{font-size:13px;max-width:250px;line-height:1.7}.world-category{font-size:8px;letter-spacing:2px}.world-action{font-size:12px}.world-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.world-option{min-height:97px;padding:16px 13px;border-top:1px solid #ffffff15;gap:10px}.world-option strong{font-size:12px}.world-option small{font-size:8px;letter-spacing:1px;margin-bottom:6px}.world-thumb{width:35px;height:48px}.world-shade{background:linear-gradient(90deg,#070c14d9,#070c144a),linear-gradient(0deg,#080d16 16%,#080d1690 53%,#080d1420)}.world-bg{object-position:62% center}.world-bg[data-world-image=lol]{object-position:60% center}.world-bg[data-world-image=tft]{object-position:68% center}.world-caption{font-size:8px;letter-spacing:1px}.world-caption>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.worlds *,.worlds *:before{animation:none!important;transition:none!important}.world-bg{transform:none}}

.world-bg[data-world-image=lol]{object-position:60% 30%}.world-bg[data-world-image=valorant]{object-position:65% 30%}

/* Living scene: independent depth, camera drift and atmosphere. */
.world-images{translate:var(--world-pan-x,0px) var(--world-pan-y,0px);transition:translate 1.1s cubic-bezier(.2,.8,.2,1)}.world-bg.is-active{animation:world-camera 19s ease-in-out infinite alternate}.world-atmosphere{position:absolute;inset:0 0 120px;z-index:-1;overflow:hidden;pointer-events:none}.world-atmosphere>i{position:absolute;left:var(--spark-x);top:var(--spark-y);width:3px;height:3px;border-radius:50%;background:var(--world-accent);box-shadow:0 0 9px var(--world-accent);animation:world-spark var(--spark-time) var(--spark-delay) ease-in-out infinite}.world-atmosphere>i:nth-child(3n){width:2px;height:2px;background:#fff0d7;box-shadow:0 0 7px #ffcf94}.world-atmosphere>i:nth-child(5n){width:4px;height:4px;filter:blur(1px)}.world-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 38%,color-mix(in srgb,var(--world-accent) 17%,transparent),transparent 48%);mix-blend-mode:screen;animation:world-glow 8s ease-in-out infinite alternate}.world-sweep{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 43%,#fff8e605 47%,#fff8e615 49%,#fff8e605 51%,transparent 56%);transform:translateX(-40%);animation:world-sweep 13s ease-in-out infinite;mix-blend-mode:screen}.world-transition{position:absolute;inset:0;opacity:0;background:linear-gradient(112deg,transparent 30%,color-mix(in srgb,var(--world-accent) 24%,transparent) 48%,transparent 65%);transform:translateX(-100%)}.world-switching .world-transition{animation:world-cut 1.1s cubic-bezier(.2,.7,.2,1) both}.world-copy.is-changing{animation:none}.world-copy.is-changing>*{animation:world-copy-in .7s both}.world-copy.is-changing>.world-category{animation-delay:.05s}.world-copy.is-changing>.world-title{animation-delay:.12s}.world-copy.is-changing>.world-description{animation-delay:.22s}.world-copy.is-changing>.world-action{animation-delay:.3s}.world-counter{animation:world-number-float 7s ease-in-out infinite}.world-option[aria-pressed=true]:before{background:linear-gradient(90deg,var(--world-accent),#fff,var(--world-accent));background-size:200% 100%;animation:world-option-flow 3s linear infinite}.world-option[aria-pressed=true] .world-arrow{animation:world-arrow 2.8s ease-in-out infinite}.world-entered{animation:world-frame-in .95s cubic-bezier(.2,.8,.2,1) both}.world-motion-toggle{position:absolute;top:56px;right:35px;z-index:2;background:#080e1766;border:1px solid #ffffff25;border-radius:20px;color:#e0e6ee;padding:8px 12px;font-size:10px;min-height:35px;backdrop-filter:blur(6px)}.world-motion-toggle:hover{background:#080e17aa}.world-motion-toggle:disabled{cursor:default;opacity:.65}.world-stage.motion-paused *,.world-stage.motion-paused *:before{animation-play-state:paused!important}.world-stage.motion-paused .world-images{translate:0 0}
@keyframes world-camera{from{transform:scale(1.025) translateX(-.3%)}to{transform:scale(1.065) translateX(.5%)}}@keyframes world-spark{0%{opacity:0;transform:translate3d(0,32px,0) scale(.6)}20%{opacity:.65}65%{opacity:.4}100%{opacity:0;transform:translate3d(var(--spark-drift),-100px,0) scale(1.2)}}@keyframes world-glow{from{opacity:.25;transform:translate(-2%,1%)}to{opacity:.85;transform:translate(3%,-2%)}}@keyframes world-sweep{0%,20%{transform:translateX(-45%);opacity:0}30%{opacity:.8}65%{opacity:.5}80%,100%{transform:translateX(45%);opacity:0}}@keyframes world-cut{0%{opacity:0;transform:translateX(-80%)}35%{opacity:.8}100%{opacity:0;transform:translateX(80%)}}@keyframes world-number-float{50%{transform:translateY(-9px)}}@keyframes world-option-flow{to{background-position:200% 0}}@keyframes world-arrow{50%{translate:3px -3px}}@keyframes world-frame-in{from{opacity:.3;transform:translateY(24px);clip-path:inset(8% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(max-width:700px){.world-atmosphere{bottom:194px}.world-atmosphere>i:nth-child(n+15){display:none}.world-motion-toggle{right:18px;top:50px;font-size:9px;padding:6px 10px}.world-bg.is-active{animation-duration:23s}.world-counter{animation:none}}
@media(prefers-reduced-motion:reduce){.worlds *,.worlds *:before{animation:none!important;transition:none!important}.world-atmosphere{display:none}.world-images{translate:0 0!important}.world-bg.is-active{transform:none}.world-stage{animation:none!important}}
.worlds-scroll-heading{transform:translate3d(var(--heading-slide,0px),0,0)}
@media(prefers-reduced-motion:reduce){.worlds-scroll-heading{transform:none!important}}

/* Illustrated game selectors. */
.world-switcher{padding:12px;gap:10px;background:linear-gradient(0deg,#080c12 10%,#080c12dd);border-top:0;backdrop-filter:blur(18px)}
.world-option{min-height:138px;padding:22px 18px 18px;align-items:flex-end;gap:10px;border:1px solid #ffffff20!important;border-radius:8px;isolation:isolate;background:#10151e;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s,color .4s}
.world-option .world-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%;border-radius:0;z-index:-2;opacity:.52;filter:saturate(.7);transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.world-option-text{position:relative;z-index:1;max-width:80%}
.world-option small{font-size:8px;letter-spacing:2px;color:#ffb48c;margin-bottom:9px}
.world-option strong{font-size:clamp(14px,1.35vw,21px);font-weight:600;color:#fff;text-shadow:0 2px 14px #000}
.world-option:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#080c12e8 0%,#080c1250 65%),radial-gradient(ellipse at var(--card-light,50%) 0%,#ff945e25,transparent 75%);transition:opacity .6s}
.world-option:before{top:auto;bottom:0;height:3px;background:linear-gradient(90deg,#ff8146,#ffd7bd,#ff8146)!important;z-index:2}
.world-option[aria-pressed=true]{background:#151923;border-color:#ff945e99!important;animation:world-card-glow 4s ease-in-out infinite}
.world-option[aria-pressed=true] .world-thumb,.world-option:hover .world-thumb{opacity:.9;filter:saturate(1.15);transform:scale(1.12) translateX(-3px)}
.world-option .world-arrow{display:grid;place-items:center;position:relative;width:30px;height:30px;flex-shrink:0;border:1px solid #ffffff40;border-radius:50%;font-size:19px;color:#fff;opacity:.6;transform:none;transition:background .4s,border-color .4s,rotate .5s,opacity .4s;animation:none!important}
.world-option[aria-pressed=true] .world-arrow{background:#ff8146;color:#15100b;border-color:#ff8146;opacity:1}
.world-option:hover .world-arrow{rotate:45deg;opacity:1}
.world-atmosphere{bottom:162px}.world-copy{padding-bottom:220px}
@media(hover:hover) and (pointer:fine){.world-option:hover{transform:perspective(700px) translateY(-6px) rotateY(var(--card-tilt,0deg));border-color:#ffb48c80!important;box-shadow:0 12px 26px #0007}}
@keyframes world-card-glow{0%,100%{box-shadow:inset 0 0 16px #ff814609,0 0 0 #ff814600}50%{box-shadow:inset 0 0 24px #ff81461c,0 0 15px #ff814614}}
@media(max-width:700px){.world-switcher{padding:10px;gap:8px}.world-option{min-height:104px;padding:15px 12px}.world-option strong{font-size:14px}.world-option small{font-size:7px;letter-spacing:1px;margin-bottom:7px}.world-option .world-arrow{width:24px;height:24px;font-size:15px}.world-option-text{max-width:80%}.world-copy{padding-bottom:280px;min-height:740px}.world-stage{min-height:740px}.world-atmosphere{bottom:236px}.world-option .world-thumb{object-position:70% center}}
@media(prefers-reduced-motion:reduce){.world-option,.world-option .world-thumb,.world-option .world-arrow{animation:none!important;transition:none!important;transform:none!important}}

/* White League wordmark, matching the reference site's image treatment. */
.world-title.world-title--logo{width:440px;max-width:100%;font-size:0;line-height:1;letter-spacing:0;white-space:normal}
.world-title-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,.62));pointer-events:none}
@media(max-width:700px){.world-title.world-title--logo{width:300px;max-width:100%}}

/* White game wordmarks with the existing red hand-drawn underline. */
.world-title.world-title--logo{position:relative;margin-bottom:42px;overflow:visible}
.world-title.world-title--logo:after{content:"";position:absolute;left:0;bottom:-25px;width:100%;height:24px;background:url('/assets/hero-red-brush.svg') center/100% 100% no-repeat;pointer-events:none}
@media(max-width:700px){.world-title.world-title--logo{margin-bottom:35px}.world-title.world-title--logo:after{height:18px;bottom:-21px}}

/* Frame the supplied Jett portrait around her face on wide and narrow screens. */
.world-bg[data-world-image="valorant"]{object-position:72% 38%}
.world-option[data-world="valorant"] .world-thumb{object-position:72% 34%}
@media(max-width:700px){.world-bg[data-world-image="valorant"]{object-position:74% center}.world-option[data-world="valorant"] .world-thumb{object-position:72% 32%}}

/* Ambient effects may pause offscreen; a newly selected title must still finish entering. */
.world-stage.motion-paused .world-copy.is-changing>*{animation-play-state:running!important}