:root{--ink:#0e1012;--surface:#171a1c;--text:#f3f1eb;--muted:#aeb2b2;--line:#ffffff2b;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}img,video{max-width:100%}::selection{background:#dededb;color:#101214}:focus-visible{outline:2px solid #f4eee5;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:200;top:-80px;left:20px;padding:12px;background:#fff;color:#111}.skip-link:focus{top:12px}.section-width{width:min(100% - 80px,1440px);margin-inline:auto}.eyebrow{margin:0;color:#b4b9b9;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.site-header{position:sticky;z-index:80;top:0;height:64px;background:#0e1012ef;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff26}.header-inner{width:min(100% - 80px,1440px);height:100%;margin:auto;display:flex;align-items:center;gap:36px}.brand{display:flex;flex-direction:column;line-height:.85;letter-spacing:-.025em}.brand strong{font:800 21px var(--display)}.brand small{font:700 9px var(--body);letter-spacing:.14em;margin-top:5px}.site-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.site-nav a{font-size:12px;font-weight:700;color:#b9bfbe;transition:color .2s}.site-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:20px}.language-picker select{border:0;border-bottom:1px solid #777b7b;background:transparent;color:#fff;border-radius:0;padding:6px 1px;font-size:11px;font-weight:700}.language-picker option{color:#111}.header-cta{display:inline-flex;align-items:center;gap:30px;background:#e9e8e3;color:#101213;padding:12px 16px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover{background:#fff;transform:translateY(-2px)}.header-cta span{font-size:17px;font-weight:400}.menu-button{display:none}
.entry{position:relative;height:175svh;background:#0e1012}.entry-pin{position:sticky;top:64px;height:calc(100svh - 64px);min-height:580px;overflow:hidden;background:radial-gradient(circle at 85% 67%,#242a2c 0,#0e1012 45%)}.entry-copy{position:absolute;z-index:2;top:12%;left:max(40px,calc((100vw - 1440px)/2));width:75%;pointer-events:none;will-change:transform,opacity}.entry-kicker{margin:0 0 25px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#c2c5c3}.entry h1{margin:0;font:800 clamp(110px,15vw,230px)/.73 var(--display);letter-spacing:-.04em}.entry h1 span{display:block;width:max-content}.entry h1 span:nth-child(2){margin-left:14%}.entry h1 span:nth-child(3){margin-left:28%}.entry-intro{max-width:470px;margin:26px 0 0;font-size:16px;line-height:1.55;color:#dde0dd}.entry-portal{position:absolute;z-index:1;right:4%;bottom:12%;width:49%;height:52%;overflow:hidden;background:#1e2224;box-shadow:0 30px 100px #0008;will-change:width,height,right,bottom}.entry-portal video{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.91)}.portal-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#07090ab8,transparent 36%),linear-gradient(90deg,#0a0b0c77,transparent 42%);pointer-events:none}.portal-caption{position:absolute;bottom:22px;left:25px;right:75px;display:flex;gap:15px;align-items:baseline;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s}.portal-caption span{font:800 12px var(--body);letter-spacing:.12em;white-space:nowrap}.portal-caption p{margin:0;font-size:15px;line-height:1.3}.entry.is-entered .portal-caption{opacity:1;transform:none}.video-toggle{position:absolute;z-index:5;right:20px;bottom:20px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #f3f1ebac;border-radius:50%;background:#101214b3;color:#fff;font-size:14px;transition:background .2s,transform .2s}.video-toggle:hover{background:#fff;color:#111;transform:scale(1.06)}.entry-scroll{position:absolute;z-index:3;bottom:24px;left:max(40px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:16px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.entry-scroll span:last-child{font-size:19px}.entry.is-entered .entry-scroll{opacity:0;pointer-events:none}
.combat-route{padding-block:150px 155px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw}.combat-lead h2{max-width:630px;margin:20px 0 24px;font-size:clamp(40px,4.7vw,75px);line-height:1.04;letter-spacing:-.045em}.combat-lead>p:last-child{max-width:470px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.route{position:relative;align-self:end;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:30px}.route-line{position:absolute;top:36px;left:3px;right:3px;height:1px;background:#7c8382}.route-step{position:relative}.route-node{position:relative;z-index:1;display:block;width:13px;height:13px;margin:0 0 28px;border:3px solid #efeee9;border-radius:50%;background:#0e1012}.route-step strong{display:block;font-size:18px;letter-spacing:-.03em}.route-step p{max-width:180px;margin:10px 0 0;color:#aeb5b4;font-size:13px;line-height:1.55}
.technique-field{--field-color:#407edb;--field-haze:#183857;background:#101d2c;transition:background .45s;color:#fff;padding:92px 0 105px}.technique-field[data-technique=red]{--field-color:#e94d45;--field-haze:#5d2021;background:#291818}.technique-field[data-technique=purple]{--field-color:#aa7af2;--field-haze:#382449;background:#241d32}.technique-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.technique-head h2{margin:18px 0 0;font-size:clamp(45px,6vw,86px);line-height:1;letter-spacing:-.05em}.technique-head>p{max-width:340px;margin:0 0 5px;font-size:15px;line-height:1.6;color:#d1d6dc}.field-stage{position:relative;width:min(100% - 80px,1440px);height:clamp(460px,51vw,670px);margin:auto;overflow:hidden;background:#15191d;isolation:isolate}.field-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.07) saturate(.85);transform:scale(1.045)}.field-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,var(--field-haze) 0%,#0d1012a3 17%,transparent 55%),linear-gradient(0deg,#08090be0 0%,transparent 38%);opacity:.95;pointer-events:none;transition:background .3s}.field-current{position:absolute;z-index:2;left:35px;bottom:34px;display:flex;flex-direction:column;gap:5px;filter:drop-shadow(0 4px 18px #000)}.field-action{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--field-color)}.field-current strong{font:800 clamp(76px,10vw,150px)/.75 var(--display);letter-spacing:-.04em}.technique-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:7vw;align-items:center;margin-top:34px}.technique-tabs{display:flex;gap:28px}.technique-tab{display:flex;gap:16px;align-items:center;border:0;border-bottom:2px solid #ffffff6c;padding:0 0 16px;background:transparent;color:#d1d6d7;font-size:clamp(21px,2.5vw,32px);font-weight:800;letter-spacing:-.045em;transition:border-color .25s,color .25s,transform .25s}.technique-tab span{font-size:17px;font-weight:400}.technique-tab:hover{color:#fff;transform:translateY(-3px)}.technique-tab.active{color:#fff;border-color:var(--field-color)}.technique-description p{max-width:500px;margin:0;font-size:15px;line-height:1.6;color:#d8dee1}
.black-flash{position:relative;overflow:hidden;background:#08090a;color:#f3f1ed;padding:155px 0 150px}.flash-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);align-items:center;gap:9vw}.flash-copy h2{max-width:620px;margin:20px 0;font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.055em}.flash-copy>p:not(.eyebrow){max-width:520px;color:#b3b7b7;font-size:16px;line-height:1.65}.flash-copy .flash-note{margin-top:30px;color:#858a8a!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}.flash-interact{display:flex;flex-direction:column;align-items:center;justify-content:center}.timing-ring{position:relative;width:min(33vw,350px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -24deg,#e7443d 0deg 48deg,#616768 48deg 360deg);box-shadow:0 0 0 14px #ffffff08,0 0 90px #f03a2c17}.timing-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#08090a}.ring-target{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 23px #ee3c35aa}.ring-needle{position:absolute;z-index:2;inset:0;transform:rotate(0deg)}.ring-needle:after{content:"";position:absolute;left:calc(50% - 2px);top:13%;width:4px;height:37%;background:#f6f4ed;box-shadow:0 0 9px #fff}.ring-core{position:absolute;z-index:3;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#eeeae4}.strike-button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:290px;margin-top:52px;padding:16px 19px;border:1px solid #d9dddd;background:#e7e8e5;color:#101214;font-weight:800;font-size:14px;transition:transform .15s,background .15s}.strike-button:hover{background:#fff;transform:translateY(-2px)}.strike-button span{font-size:10px;letter-spacing:.1em;color:#626767}.flash-feedback{min-height:25px;margin:18px 0 0;color:#c3c7c6;font-size:13px}.black-flash.is-success .timing-ring{box-shadow:0 0 0 14px #e7443d16,0 0 130px #f03a2c91}.impact-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;background:#050505;transition:opacity .08s}.impact-overlay.is-visible{opacity:1}.impact-overlay img{width:100%;height:100%;object-fit:cover}
.beyond{background:#1a1e20;padding:125px 0 135px}.beyond-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:75px}.beyond-intro h2{max-width:720px;margin:0;font-size:clamp(43px,5vw,72px);line-height:1.03;letter-spacing:-.05em}.system-list{border-top:1px solid #ffffff5a}.system-row{display:grid;grid-template-columns:90px minmax(180px,.8fr) minmax(0,1.2fr);align-items:center;gap:25px;min-height:150px;border-bottom:1px solid #ffffff40}.system-row img{width:66px;height:66px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1);opacity:.65}.system-row h3{margin:0;font-size:clamp(26px,3vw,44px);line-height:1.1;letter-spacing:-.05em}.system-row p{max-width:540px;margin:0;color:#b9c0c0;font-size:15px;line-height:1.6}
.get-section{background:#e7e6e0;color:#111517;color-scheme:light;padding:145px 0 60px}.get-section .eyebrow{color:#5c6465}.get-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);align-items:end;gap:10vw}.get-layout h2{margin:23px 0 18px;font-size:clamp(57px,7vw,104px);letter-spacing:-.07em;line-height:.95}.get-layout p:not(.eyebrow):not(.release-state){max-width:440px;margin:0;color:#555d5f;font-size:16px;line-height:1.6}.get-actions{display:flex;flex-direction:column;align-items:flex-start}.release-state{margin:0 0 12px;font-size:12px;font-weight:800}.release-state[hidden]{display:none}.download-button{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:68px;border:0;background:#c9cdcb;color:#5c6364;padding:17px 19px;text-align:left;font-weight:800;font-size:14px}.download-button span:last-child{font-size:22px;font-weight:400}.download-button:not(:disabled){background:#111517;color:#fff;transition:transform .2s,background .2s}.download-button:not(:disabled):hover{transform:translateY(-3px);background:#2b3437}.curseforge-link{display:inline-flex;align-items:center;gap:9px;margin-top:18px;border-bottom:1px solid #a2a7a4;padding-bottom:3px;color:#454d4e;font-size:13px;font-weight:700}.curseforge-link:hover{color:#111}.curseforge-symbol{width:20px;height:20px;display:grid;place-items:center;background:#bd613b;color:#fff;font:800 13px var(--display)}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:120px;padding-top:27px;border-top:1px solid #9da4a3}.requirements div{display:flex;flex-direction:column;gap:7px}.requirements span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6e7777}.requirements strong{font-size:16px;letter-spacing:-.02em}.site-footer{background:#101314;color:#b4b9b9}.site-footer .section-width{min-height:105px;display:flex;gap:30px;align-items:center;font-size:12px}.site-footer span{color:#fff;font-weight:800}.site-footer p{margin:0}.site-footer a{margin-left:auto;font-weight:700}.site-footer a:hover{color:#fff}
@media(max-width:1000px){.combat-route{display:block}.route{margin-top:80px;max-width:760px}.entry h1{font-size:clamp(100px,15vw,170px)}.entry-portal{width:52%}.technique-controls{grid-template-columns:1fr;gap:27px}.flash-layout{gap:4vw}.system-row{grid-template-columns:70px minmax(160px,.9fr) minmax(0,1.1fr)}.get-layout{gap:5vw}}
@media(max-width:720px){html{scroll-padding-top:60px}.section-width,.header-inner{width:min(100% - 36px,1440px)}.site-header{height:60px}.header-inner{gap:12px}.brand strong{font-size:18px}.brand small{font-size:8px}.site-nav{display:none;position:absolute;top:59px;left:0;right:0;margin:0;padding:15px 18px 22px;background:#101214;border-bottom:1px solid #ffffff2c}.site-nav.open{display:grid;gap:0}.site-nav a{padding:12px 0;font-size:15px}.header-actions{margin-left:auto;gap:10px}.header-cta{gap:8px;padding:9px 10px;font-size:9px}.header-cta span{font-size:14px}.language-picker select{font-size:10px}.menu-button{display:block;width:30px;height:30px;border:0;background:transparent;padding:5px}.menu-button span{display:block;width:21px;height:2px;margin:5px 0;background:#fff}.entry{height:155svh}.entry-pin{top:60px;height:calc(100svh - 60px);min-height:0}.entry-copy{left:18px;top:9%;width:calc(100% - 36px)}.entry-kicker{font-size:9px;line-height:1.4;margin-bottom:22px}.entry h1{font-size:clamp(88px,23vw,145px);line-height:.75}.entry h1 span:nth-child(2){margin-left:10%}.entry h1 span:nth-child(3){margin-left:0}.entry-intro{max-width:360px;margin-top:20px;font-size:13px}.entry-portal{right:0;bottom:7%;width:100%;height:35%;box-shadow:none}.portal-caption{left:18px;right:58px;bottom:15px;display:block}.portal-caption span{font-size:9px}.portal-caption p{font-size:12px;margin-top:5px}.entry-scroll{left:18px;bottom:17px;font-size:9px}.video-toggle{right:15px;bottom:15px;width:32px;height:32px}.combat-route{padding-block:100px 105px}.combat-lead h2{font-size:clamp(40px,10vw,65px)}.combat-lead>p:last-child{font-size:14px}.route{display:block;margin-top:65px;padding:0 0 0 30px}.route-line{top:2px;bottom:2px;left:5px;right:auto;width:1px;height:auto}.route-step{padding-bottom:26px}.route-node{position:absolute;left:-30px;top:4px;width:11px;height:11px;margin:0}.route-step strong{font-size:19px}.route-step p{max-width:100%;font-size:13px;margin-top:5px}.technique-field{padding:85px 0 85px}.technique-head{display:block;margin-bottom:28px}.technique-head h2{font-size:clamp(43px,11vw,68px)}.technique-head>p{margin-top:15px;font-size:13px}.field-stage{width:100%;height:clamp(390px,110vw,650px)}.field-stage video{object-position:center}.field-atmosphere{background:linear-gradient(0deg,#08090bed 0%,transparent 45%)}.field-current{left:18px;bottom:23px}.field-current strong{font-size:clamp(83px,21vw,130px)}.field-action{font-size:9px}.technique-controls{margin-top:22px}.technique-tabs{gap:14px}.technique-tab{gap:4px;font-size:clamp(22px,6.1vw,33px);padding-bottom:11px}.technique-tab span{font-size:13px}.technique-description p{font-size:13px}.black-flash{padding:110px 0 105px}.flash-layout{grid-template-columns:1fr;gap:80px}.flash-copy h2{font-size:clamp(47px,12vw,74px)}.flash-copy>p:not(.eyebrow){font-size:14px}.timing-ring{width:min(70vw,310px)}.strike-button{margin-top:45px}.beyond{padding:100px 0}.beyond-intro{display:block;margin-bottom:45px}.beyond-intro h2{margin-top:16px;font-size:clamp(41px,10vw,64px)}.system-row{grid-template-columns:42px 1fr;gap:0 14px;min-height:0;padding:24px 0}.system-row img{grid-row:1/3;width:42px;height:42px}.system-row h3{font-size:28px}.system-row p{grid-column:2;margin-top:8px;font-size:13px}.get-section{padding:105px 0 40px}.get-layout{grid-template-columns:1fr;gap:45px}.get-layout h2{font-size:clamp(56px,14vw,85px)}.get-layout p:not(.eyebrow):not(.release-state){font-size:14px}.download-button{font-size:12px}.requirements{grid-template-columns:1fr;gap:18px;margin-top:85px}.requirements div+div{border-top:1px solid #aeb6b5;padding-top:18px}.requirements strong{font-size:15px}.site-footer .section-width{flex-direction:column;align-items:flex-start;gap:10px;padding-block:25px}.site-footer a{margin:4px 0 0}}
@media(max-width:380px){.header-cta{font-size:8px}.entry h1{font-size:22vw}.technique-tabs{gap:8px}.technique-tab{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.entry{height:auto}.entry-pin{position:relative;top:auto;height:calc(100svh - 60px)}.entry-copy{opacity:1!important;transform:none!important}.entry-portal{width:49%!important;height:52%!important;right:4%!important;bottom:12%!important}.entry-scroll{opacity:1!important}.impact-overlay{transition:none}}

/* Concrete overview: one short bridge between the multi-system reel and the deep dive. */
.overview{display:grid;grid-template-columns:minmax(0,.29fr) minmax(0,.71fr);gap:4vw;padding-block:124px 138px;border-bottom:1px solid #ffffff2a}.overview>.eyebrow{padding-top:13px}.overview h2{max-width:950px;margin:0;font-size:clamp(43px,5.1vw,77px);line-height:1.08;letter-spacing:-.055em}.overview-bottom{grid-column:2;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:35px}.overview-bottom p{max-width:620px;margin:0;color:#afb7b8;font-size:15px;line-height:1.65}.overview-bottom a{flex:none;border-bottom:1px solid #dce1df;padding-bottom:5px;font-size:12px;font-weight:800}.overview-bottom a:hover{color:#fff}
/* The system browser uses a sticky real-game stage and an ordinary scrolling list. */
.worlds{--world-accent:#d46d59;--world-haze:#3b1c19;background:#151617;color:#f4f2ec;padding:130px 0 125px;transition:background .35s}.worlds[data-world=shadows]{--world-accent:#b4bca7;--world-haze:#202c22;background:#131815}.worlds[data-world=yuta]{--world-accent:#b0a2da;--world-haze:#302540;background:#1b1922}.worlds[data-world=rct]{--world-accent:#95c0ac;--world-haze:#213c32;background:#18211e}.worlds[data-world=sukuna]{--world-accent:#db8576;--world-haze:#4a2523;background:#201919}.worlds[data-world=blood]{--world-accent:#ef6864;--world-haze:#532321;background:#211718}.worlds-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);gap:7vw;align-items:end;margin-bottom:70px}.worlds-intro .eyebrow{grid-column:1/-1}.worlds-intro h2{max-width:780px;margin:0;font-size:clamp(48px,5.4vw,80px);line-height:1.02;letter-spacing:-.055em}.worlds-intro>p:last-child{max-width:350px;margin:0 0 6px;color:#b8c0bf;font-size:15px;line-height:1.6}.worlds-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:6vw;align-items:start}.world-stage-wrap{position:sticky;top:90px}.world-stage{position:relative;height:clamp(470px,45vw,620px);overflow:hidden;background:#202528;isolation:isolate}.world-stage video{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.88)}.world-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070808dc,transparent 55%),linear-gradient(90deg,var(--world-haze),transparent 35%);pointer-events:none;transition:background .35s}.world-stage-label{position:absolute;left:25px;right:70px;bottom:24px;display:flex;flex-direction:column;gap:6px;filter:drop-shadow(0 4px 15px #000)}.world-stage-label span:first-child{color:var(--world-accent);font-size:11px;font-weight:800;letter-spacing:.14em}.world-stage-label strong{font-size:clamp(34px,4vw,57px);letter-spacing:-.05em;line-height:.97}.world-stage-label span:last-child{font-size:10px;font-weight:700;letter-spacing:.12em;color:#e4e4e0}.world-list{border-top:1px solid #ffffff54}.world-item{display:grid;grid-template-columns:38px 1fr;gap:12px;width:100%;min-height:175px;border:0;border-bottom:1px solid #ffffff3b;padding:23px 0 29px;background:transparent;color:#8f9998;text-align:left;transition:color .25s,padding-left .25s}.world-item:hover,.world-item:focus-visible,.world-item.active{color:#fff}.world-item.active{padding-left:12px}.world-number{font-size:11px;font-weight:800;color:var(--world-accent);padding-top:5px}.world-text{display:flex;flex-direction:column;gap:10px}.world-text strong{font-size:clamp(26px,2.6vw,37px);line-height:1.08;letter-spacing:-.04em}.world-text>span{max-width:380px;color:#aeb9b7;font-size:13px;line-height:1.55}.world-item.active .world-text>span{color:#d4ddda}.world-tail{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:95px;padding-top:35px;border-top:1px solid #ffffff35}.world-tail p{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:0}.world-tail strong{font-size:22px;letter-spacing:-.04em}.world-tail span{font-size:14px;color:#abb6b4;line-height:1.55}
@media(max-width:1000px){.overview{grid-template-columns:minmax(0,.24fr) minmax(0,.76fr)}.worlds-layout{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.world-item{min-height:155px}.world-stage{height:500px}}
@media(max-width:720px){.overview{display:block;padding-block:95px 105px}.overview>.eyebrow{padding:0;margin-bottom:21px}.overview h2{font-size:clamp(42px,10.7vw,67px)}.overview-bottom{display:block;margin-top:28px}.overview-bottom p{font-size:14px}.overview-bottom a{display:inline-block;margin-top:23px}.worlds{padding:94px 0 92px}.worlds-intro{display:block;margin-bottom:38px}.worlds-intro h2{margin:19px 0;font-size:clamp(44px,10.8vw,68px)}.worlds-intro>p:last-child{font-size:13px}.worlds-layout{display:block;width:100%}.world-stage-wrap{top:60px;z-index:5;background:#141718;box-shadow:0 10px 25px #0009}.world-stage{height:clamp(240px,64vw,360px)}.world-stage-label{left:18px;bottom:18px;right:58px}.world-stage-label strong{font-size:clamp(31px,8vw,48px)}.world-stage-label span:first-child,.world-stage-label span:last-child{font-size:8px}.world-list{width:calc(100% - 36px);margin:23px auto 0}.world-item{min-height:140px;padding-block:20px;grid-template-columns:30px 1fr}.world-item.active{padding-left:5px}.world-text strong{font-size:27px}.world-text>span{font-size:12px}.world-tail{display:block;margin-top:65px}.world-tail p+p{margin-top:35px}.world-tail strong{font-size:20px}.world-tail span{font-size:13px}}

/* Clear selection affordance and technique movement. */
.technique-field[data-technique=blink]{--field-color:#bfe4f1;--field-haze:#193a48;background:#17252d}.technique-tabs{overflow-x:auto;scrollbar-width:none;padding-top:5px}.technique-tabs::-webkit-scrollbar{display:none}.technique-tab{flex:none}.world-variants[hidden]{display:none!important}.world-variants{position:absolute;z-index:5;top:18px;left:18px;display:flex;gap:6px;max-width:calc(100% - 36px)}.world-variants button{border:1px solid #ffffff92;background:#101314b8;color:#e4e6e3;padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:.05em;white-space:nowrap;backdrop-filter:blur(8px)}.world-variants button:hover,.world-variants button[aria-pressed=true]{background:#f0eee8;color:#161a1b}.world-item{grid-template-columns:38px minmax(0,1fr) 23px;cursor:pointer}.world-item.active{background:linear-gradient(90deg,#ffffff0d,transparent 70%)}.world-open{align-self:start;font-size:22px;line-height:1;color:var(--world-accent);opacity:.75;transition:transform .2s,opacity .2s}.world-item:hover .world-open,.world-item.active .world-open{transform:translate(3px,-3px);opacity:1}
@media(max-width:720px){.technique-tabs{margin-right:-18px;padding-right:18px}.world-item{grid-template-columns:30px minmax(0,1fr) 19px}.world-open{font-size:18px}.world-variants{top:9px;left:9px;max-width:calc(100% - 18px)}.world-variants button{padding:6px 7px;font-size:8px}}
.world-detail{max-width:690px;margin:16px 0 0;padding:3px 0 3px 16px;border-left:2px solid var(--world-accent);color:#d7ddda;font-size:14px;line-height:1.5}
@media(max-width:720px){.world-stage-wrap{padding-bottom:13px}.world-detail{margin:12px 18px 0;padding-left:12px;font-size:12px;line-height:1.4}}

/* Keep the actual gameplay and its controls in one view. */
.brand img{display:block;width:46px;height:46px;object-fit:contain}
.entry-scroll{left:auto;right:max(40px,calc((100vw - 1440px)/2))}
.technique-field{padding-block:60px 68px}
.technique-head{margin-bottom:22px}
.technique-head h2{font-size:clamp(42px,4.6vw,66px)}
.field-stage{height:clamp(300px,44svh,500px)}
.field-stage video{filter:brightness(1.12) contrast(1.03) saturate(1.02)}
.field-atmosphere{background:linear-gradient(90deg,var(--field-haze) 0%,transparent 38%),linear-gradient(0deg,#08090ba8 0%,transparent 31%);opacity:.72}
.field-current strong{font-size:clamp(66px,8vw,112px)}
.technique-controls{margin-top:18px}
.technique-tab{padding-bottom:10px;font-size:clamp(21px,2.2vw,29px)}
.flash-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,350px);margin-top:24px;color:#f0efea;font-size:12px;font-weight:800;letter-spacing:.14em}
.flash-pips{display:flex;gap:6px}
.flash-pips i{display:block;width:17px;height:7px;background:#62696a;transform:skewX(-18deg);transition:background .2s,box-shadow .2s}
.flash-pips i.filled{background:#e7443d;box-shadow:0 0 12px #e7443d65}
.black-flash{padding-block:90px 95px}
.timing-ring{width:min(27vw,275px)}
.strike-button{margin-top:25px}
@media(max-height:800px) and (min-width:721px){.entry-copy{top:9%}.entry h1{font-size:clamp(105px,min(12vw,23svh),184px)}.entry-kicker{margin-bottom:18px}.entry-intro{margin-top:18px}}
@media(max-width:720px){.brand img{width:39px;height:39px}.entry-scroll{left:18px;right:auto}.technique-field{padding-block:70px 72px}.technique-head{margin-bottom:22px}.technique-head h2{font-size:clamp(42px,10.5vw,62px)}.field-stage{height:clamp(260px,68vw,380px)}.field-atmosphere{background:linear-gradient(0deg,#08090bb8 0%,transparent 42%);opacity:1}.field-current strong{font-size:clamp(68px,17vw,98px)}.technique-controls{margin-top:16px}.technique-tab{font-size:clamp(20px,5.7vw,28px)}.black-flash{padding-block:95px 90px}.flash-layout{gap:52px}.flash-progress{margin-top:22px}.flash-pips i{width:13px}.timing-ring{width:min(63vw,260px)}}

/* One stage, eight systems. Each change reflects the selected mechanic. */
.motion-ready .entry-portal{top:0;left:0;right:auto;bottom:auto;width:100%;height:100%;clip-path:inset(36% 4% 12% 47%);box-shadow:none;will-change:clip-path}
.motion-ready .entry-portal video{will-change:transform}
.motion-ready .portal-caption{transition:none}
.motion-ready .entry-scroll{will-change:opacity}
.impact-overlay{transition:opacity .12s cubic-bezier(.25,1,.5,1)}
.impact-overlay.is-visible{transition:none}
.site-nav a{position:relative}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:#e9e8e3;transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}
.site-nav .wiki-link{display:inline-flex;align-items:center;gap:11px;border:1px solid #ffffff70;padding:8px 11px;color:#f3f1eb;line-height:1;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.site-nav .wiki-link:after{display:none}
.site-nav .wiki-link:hover{border-color:#fff;background:#f3f1eb;color:#101214}
@media(max-width:1000px) and (min-width:721px){.header-inner{gap:20px}.site-nav{gap:19px}.header-actions{gap:12px}}
@media(max-width:720px){.site-nav .wiki-link{width:max-content;margin-top:11px;padding:11px 13px}}
.header-cta span:last-child,.curseforge-link span:last-child,.entry-scroll span:last-child{transition:transform .18s cubic-bezier(.22,1,.36,1)}
.header-cta:hover span:last-child,.curseforge-link:hover span:last-child{transform:translate(3px,-3px)}
.entry-scroll:hover span:last-child{transform:translateY(4px)}
.header-cta:active,.strike-button:active{transform:translateY(1px)}
.field-stage .video-toggle:active,.world-stage .video-toggle:active{transform:scale(.93)}
.world-item:active .world-open{transform:translate(5px,-5px)}
.language-picker select:focus-visible{border-color:#e9e8e3}
.field-stage video{z-index:0}
.field-stage .media-secondary,.world-stage .media-secondary{opacity:0;visibility:hidden;pointer-events:none}
.field-stage .field-atmosphere{z-index:3;background:linear-gradient(0deg,#08090bae 0%,transparent 33%),linear-gradient(90deg,#080a0c73,transparent 34%);opacity:1}
.field-stage .field-current{z-index:4}
.world-stage video{position:absolute;inset:0;z-index:0}
.world-stage .world-shade{z-index:4;background:linear-gradient(0deg,#070808d8,transparent 46%)}
.world-stage .world-stage-label{z-index:5}
.world-stage .world-variants{z-index:6}
.world-stage .video-toggle{z-index:7}
.motion-ready .world-stage.is-changing video{animation:none}
@media(max-width:1000px){.motion-ready .entry-portal{clip-path:inset(36% 4% 12% 44%)}}
@media(max-width:720px){.motion-ready .entry-portal{clip-path:inset(58% 0% 7% 0%)}}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.entry-portal{width:100%!important;height:35%!important;right:0!important;bottom:7%!important}}
.worlds[data-world=martial]{--world-accent:#e1bf81;--world-haze:#413023;background:#211c17}
.timing-ring{background:conic-gradient(from -17deg,#e7443d 0deg 34deg,#616768 34deg 360deg)}
.worlds[data-world=ai]{--world-accent:#9ab8c0;--world-haze:#21353b;background:#192126}
.world-stage video[hidden],.world-stage .video-toggle[hidden]{display:none!important}
.world-stage video{filter:brightness(1.06) contrast(1.04) saturate(1.02)}
.world-stage video[data-media-file="combat-ai-duel"]{object-position:60% 52%}
.world-facts{display:flex;flex-wrap:wrap;gap:9px 17px;list-style:none;margin:15px 0 0;padding:0;color:#b9c4c1;font-size:10px;font-weight:800;letter-spacing:.09em}
.world-facts li{display:flex;align-items:center;gap:9px;max-width:100%}
.world-facts li+li:before{content:"/";color:var(--world-accent)}
@media(max-width:720px){
  .world-facts{margin:11px 18px 0;gap:5px 10px;font-size:10px;line-height:1.3}
  .world-facts li{gap:6px}
  .world-stage video[data-media-file="combat-ai-duel"]{max-width:none;width:116%;height:116%;left:-8%;top:-8%}
}