/* All display lettering on the home is outlined from the approved artwork. */
@font-face{font-family:Barlow Condensed;src:url('/fonts/home05/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
.home05{--ink:#081326;--cream:#f7edda;--purple:#962ce9;--gold:#ffd554;background:#081325;color:var(--cream);font:400 16px/1.4 Barlow,sans-serif;overflow-x:clip}
.home05 [hidden]{display:none!important}.home05 :focus-visible{outline:3px solid #d58cff;outline-offset:5px}.home05 ::selection{background:#a63dff;color:#fff}.home05 h1,.home05 h2,.home05 h3{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;font-weight:900}
.home05 svg{display:block;width:32px;height:32px;flex:none}.home05 .svgLibrary{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.home05 button,.home05 a{-webkit-tap-highlight-color:transparent}.home05 a{color:inherit}.home05 .skip{position:fixed;z-index:150;top:8px;left:8px;transform:translateY(-160%);padding:12px;background:var(--gold);color:var(--ink);font-weight:700}.home05 .skip:focus{transform:none}.home05 .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}
.home05 .topbar{height:clamp(64px,5.6vw,88px);position:relative;z-index:30;padding:0 4.5%;gap:2.2%;border:0;background:#071224;backdrop-filter:none;box-shadow:0 1px #8c88bd33}.home05 .topbar:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#1c2a46a6,transparent 45%);pointer-events:none}.home05 .brand05{position:relative;display:block;flex:none;text-decoration:none;width:clamp(154px,16vw,245px);margin-right:auto;transition:filter .3s}.brand05 img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}.brand05:hover{filter:drop-shadow(0 0 10px #bf78ff75)}
.nav05{display:flex;gap:clamp(16px,2.3vw,36px);align-items:center;margin-right:auto}.nav05 a{position:relative;text-decoration:none;font:500 clamp(13px,1.05vw,17px)/1.3 Barlow,sans-serif;white-space:nowrap;padding:20px 0}.nav05 a:after{content:'';position:absolute;height:2px;bottom:12px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:#c66fff;transition:transform .22s}.nav05 a:hover:after,.nav05 a[aria-current]:after{transform:scaleX(1)}
.home05 #acct{color:#eee7ff;font:500 clamp(13px,1.1vw,17px)/1 Barlow,sans-serif;letter-spacing:0;border:1px solid #98a8c5;background:#0b172be8;padding:11px 24px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);max-width:170px;overflow:hidden;text-overflow:ellipsis;transition:background .2s,box-shadow .2s}.home05 #acct:hover{background:#35245f;box-shadow:inset 0 0 15px #b874ff33}.language05{display:flex;align-items:center;gap:7px;font:500 13px Barlow,sans-serif}.language05 button{background:none;border:0;color:#a6a9bf;padding:10px 2px;cursor:pointer}.language05 button[aria-pressed=true]{color:white}.language05 span{color:#3d4f68}.menu05{display:none}.home05 #homePage{max-width:none;padding:0;margin:0}.hero05{position:relative;width:100%;height:43vw;max-height:760px;min-height:420px;isolation:isolate;overflow:hidden;background:var(--cream);--mx:0;--my:0;--sy:0}
.heroScene05{position:absolute;left:31%;right:11%;top:-6%;bottom:-6%;z-index:-2;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%,24% 80%,8% 65%,16% 45%)}.heroWorld05{height:115%;width:115%;max-width:none;object-fit:cover;object-position:51% 48%;position:absolute;left:-7%;top:-8%;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px + var(--sy)*24px),0);will-change:transform}.heroLight05{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 40%,#d588ff33,transparent 60%);mix-blend-mode:screen;animation:light05 8s ease-in-out infinite}.paper05{background-color:var(--cream);background-image:radial-gradient(ellipse at 20% 90%,#dcccbf66,transparent 60%),url('/assets/home05/paper-grain.svg')}
.heroPaper05{position:absolute;left:0;top:0;bottom:0;width:43%;z-index:-1;clip-path:polygon(0 0,83% 0,90% 13%,86% 29%,100% 52%,89% 73%,98% 95%,79% 100%,0 100%)}.heroCopy05{position:relative;width:42%;padding:1.7vw 0 0 5.5%;z-index:4;pointer-events:none;color:var(--ink)}.kicker05{font:600 clamp(12px,1.45vw,22px)/1.25 'Barlow Condensed',sans-serif;letter-spacing:.055em;margin:0 0 8px}.heroCopy05 h1{margin:0;width:100%;height:31vw;max-height:555px}.heroCopy05 h1 svg{width:100%;height:100%;overflow:visible}.heroSupport05{position:absolute;left:28%;top:35.5vw;width:70%;margin:0;font:500 clamp(13px,1.45vw,23px)/1.25 Barlow,sans-serif}.heroSupport05:before{content:'';position:absolute;bottom:0;left:-34px;height:3px;width:24px;background:#7131b7}
.heroActor05{position:absolute;z-index:3;left:32%;top:7%;width:57%;height:90%;pointer-events:none;transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*8px + var(--sy)*-17px),0);will-change:transform}.heroActor05 img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 10px #14092466)}.heroRail05{position:absolute;z-index:2;right:0;top:0;height:100%;width:12.8%;padding:2.5% 1.7%;background:#071325;color:#b9afd1;clip-path:polygon(0 0,100% 0,100% 88%,55% 100%,0 100%);font:400 clamp(10px,1.1vw,16px)/1.16 'Barlow Condensed',sans-serif;letter-spacing:.1em}.heroRail05 p{margin:0 0 1.6vw}.railLine05{display:block;background:#b578f2;width:20px;height:1px;margin-bottom:2.3vw}.heroRail05 ul{list-style:none;margin:0 0 4vw;padding:0;display:grid;gap:2.2vw}.heroRail05 li{display:flex;align-items:center;gap:10px;font-size:clamp(9px,.85vw,13px);letter-spacing:0}.heroRail05 svg{width:clamp(20px,2.3vw,33px);height:clamp(20px,2.3vw,33px);color:#b771ee;filter:drop-shadow(0 0 5px #b254e426)}.railArrow05{display:block;text-align:center;color:#ddc7ff;font-size:16px}
.crystals05{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.shard05{position:absolute;width:30px;height:50px;transform:translate3d(calc(var(--mx)*var(--depth,20px)),calc(var(--my)*var(--depth,20px) + var(--sy)*-30px),0)}.shard05 svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #b458ff99);animation:float05 7s ease-in-out infinite;animation-delay:var(--delay,0s)}.s1{left:40%;top:4%;width:2.5vw;height:5vw;--depth:-18px;--delay:-2s;rotate:-24deg}.s2{left:80%;top:67%;width:4.7vw;height:8vw;--depth:34px;rotate:27deg;--delay:-4s}.s3{left:54%;top:80%;width:1.7vw;height:3vw;--depth:28px;rotate:36deg;--delay:-1s}.s4{left:77%;top:1%;width:1.5vw;height:2.5vw;--depth:-30px;rotate:-15deg;--delay:-5s}.s5{left:36%;top:62%;width:1.5vw;height:3vw;--depth:20px;rotate:-40deg;--delay:-3s}.s6{left:68%;top:30%;width:.7vw;height:1.8vw;--depth:13px;rotate:25deg}
.downloads05{position:relative;z-index:6;display:grid;grid-template-columns:1.25fr 1.05fr .58fr .5fr;align-items:stretch;gap:2%;padding:1.2vw 4%;background:linear-gradient(110deg,#0b1b32,#030c1c);min-height:100px;border-bottom:1px solid #7789a752;clip-path:polygon(2% 0,97% 0,100% 100%,0 100%,0 25%)}.download05{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,21px);padding:1.1vw 1.4vw;text-decoration:none;min-height:70px;line-height:1.1;border:0;isolation:isolate;transition:filter .24s,translate .24s;cursor:pointer}.download05 strong{display:block;font:700 clamp(14px,1.8vw,27px)/1.1 'Barlow Condensed',sans-serif;white-space:nowrap}.download05 small{display:block;margin-top:6px;font:400 clamp(12px,1.3vw,19px)/1.15 Barlow,sans-serif}.download05 .platformIcon05{width:clamp(28px,3.2vw,50px);height:clamp(32px,3.7vw,54px)}.download05 .arrow05{width:20px;height:20px;margin-left:auto;transition:transform .24s}.download05:hover .arrow05{transform:translateX(4px)}.download05:active{translate:0 2px}
.android05{color:var(--ink)!important;background:linear-gradient(115deg,#ffe882,#ffd24c 65%,#f6b82c);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:inset 0 1px #fff4bd,inset 0 -2px #ce8f20}.android05:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#fff9 50%,transparent 70%);translate:-120% 0;transition:translate .6s}.android05:hover:after{translate:120% 0}.android05:hover{filter:brightness(1.08)}
.browser05{color:#f5f0ff!important;background:linear-gradient(120deg,#10213c,#091327);border:1px solid #9cbbd8;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 4px #07152b}.browser05:before{content:'';position:absolute;inset:4px;border:1px solid #6e8db33d;pointer-events:none}.browser05 strong{font-size:clamp(13px,1.6vw,24px)}.browser05 small{color:#aeb9db;font-size:clamp(11px,1.1vw,17px)}.browser05:hover{background:#202649;border-color:#d3a4ff;filter:drop-shadow(0 0 8px #d18aff40)}
.future05{display:flex;gap:10px;align-items:flex-start;justify-content:center;align-self:center;color:#8793a9;min-width:0}.future05>svg{width:clamp(24px,3.1vw,43px);height:clamp(24px,3.1vw,43px);margin-top:2px}.future05 strong{font:700 clamp(13px,1.4vw,21px)/1.1 'Barlow Condensed',sans-serif}.future05 small{display:block;font-size:clamp(10px,1vw,14px)}.future05 b{display:table;margin-top:6px;font:600 clamp(9px,1.05vw,15px)/1.25 'Barlow Condensed',sans-serif;background:linear-gradient(#37465b,#253147);border:1px solid #64718966;padding:4px 10px;white-space:nowrap;border-radius:2px;color:#bcc4d3}
.classes05{position:relative;z-index:3;display:flex;padding:1.3% 2.9% 3%;background:radial-gradient(ellipse at 52% 15%,#192943,#071326 70%);min-height:30vw;clip-path:polygon(0 0,100% 0,100% 91%,94% 100%,0 94%);margin-bottom:-2.5vw;isolation:isolate}.classIntro05{width:21%;flex:none;padding-top:2vw;z-index:2}.home05 .classIntro05 h2{font-size:clamp(24px,3.5vw,54px);line-height:.98;margin:0 0 1.9vw;transform:rotate(-3deg);transform-origin:left}.classIntro05 p{font-size:clamp(14px,1.55vw,22px);line-height:1.3;max-width:90%;margin:0}.roster05{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;min-width:0;gap:0}.classCard05{padding:0 0 14px;border:0;background:none;color:var(--cream);text-align:center;position:relative;isolation:isolate;cursor:pointer;min-width:0}.classCard05:before{content:'';position:absolute;inset:2% -12% 16% -2%;background:linear-gradient(150deg,color-mix(in srgb,var(--c),transparent 50%),transparent 75%);clip-path:polygon(25% 9%,100% 0,80% 80%,0 100%);opacity:.4;transition:opacity .35s}.classPortrait05{height:20vw;max-height:340px;position:relative;overflow:hidden;margin:0 -13%}.classPortrait05 img{width:100%;height:148%;object-fit:contain;object-position:50% 15%;position:absolute;left:0;top:-14%;transform:scale(1);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--c),transparent 80%));pointer-events:none}.classCard05:hover img,.classCard05:focus-visible img{transform:translateY(-6px) scale(1.065);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--c),transparent 60%))}.classCard05:hover:before{opacity:.8}.classDetails05{position:relative;z-index:3}.classDetails05 svg{width:28px;height:28px;margin:-14px auto 4px;color:var(--c);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c),transparent 65%));transition:transform .3s}.classCard05:hover .classDetails05 svg{transform:translateY(-3px)}.classDetails05 h3{font:700 clamp(14px,1.65vw,24px)/1 'Barlow Condensed',sans-serif;color:var(--c);letter-spacing:0;margin:0 0 5px}.classDetails05 p{font:400 clamp(11px,1.2vw,17px)/1.15 Barlow,sans-serif;margin:6px auto 0;max-width:90%;text-wrap:balance}.access05{display:table;margin:4px auto 0;padding:1px 8px;border:1px solid color-mix(in srgb,var(--c),transparent 55%);border-radius:2px;font:500 clamp(10px,1vw,14px)/1.2 'Barlow Condensed',sans-serif;color:var(--c);background:color-mix(in srgb,var(--c),transparent 92%)}
.exploration05{height:26vw;max-height:440px;min-height:270px;position:relative;isolation:isolate;background:#86bed3;overflow:hidden}.worldArt05{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;object-position:50% 42%;transform:translateY(calc(var(--world-y,0)*-14px))}.explorePaper05{position:absolute;inset:0 auto 0 0;width:34%;clip-path:polygon(0 0,100% 8%,86% 70%,78% 93%,0 100%)}.exploreCopy05{position:relative;color:var(--ink);padding:4.4% 3.3% 1%;width:34%}.home05 .exploreCopy05 h2{font-size:clamp(24px,3.5vw,54px);line-height:1.02;margin:0 0 10px;max-width:100%}.exploreCopy05 p{font-size:clamp(12px,1.5vw,21px);line-height:1.13;margin:0 0 14px;max-width:92%}.textCta05{display:inline-flex;align-items:center;gap:15px;padding:6px 14px;border:1px solid #15263f;text-decoration:none;font:700 clamp(12px,1.3vw,19px)/1.2 'Barlow Condensed',sans-serif;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);transition:background .2s,color .2s}.textCta05 svg{width:16px;height:16px}.textCta05:hover{background:var(--ink);color:var(--cream)}
.equipment05{position:relative;isolation:isolate;height:24vw;max-height:430px;min-height:250px;overflow:hidden;background:var(--cream);margin-top:-2vw;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.battle05{position:absolute;left:0;top:0;bottom:0;width:62%;overflow:hidden}.battle05 img{width:100%;height:100%;object-fit:cover;object-position:42% 45%;transition:transform 1.3s}.equipment05:hover .battle05 img{transform:scale(1.025)}.lootPaper05{position:absolute;right:0;top:0;bottom:0;width:47%;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%,17% 63%)}.lootCopy05{position:relative;padding:4.2% 0 0 62%;width:86%;color:var(--ink);z-index:3}.home05 .lootCopy05 h2{font-size:clamp(24px,2.9vw,46px);line-height:1.05;margin:0 0 1.4vw}.lootCopy05 p{font-size:clamp(12px,1.2vw,18px);line-height:1.3;margin:0;max-width:92%}.lootCopy05 .textCta05{font-size:clamp(11px,.9vw,14px);padding:4px 0;margin-top:14px;border:0;clip-path:none}.lootItems05{position:absolute;right:-4%;top:0;height:110%;width:28%;object-fit:contain;rotate:-9deg;z-index:2;pointer-events:none}
.closing05{display:grid;grid-template-columns:.8fr 1.4fr 1.1fr 1fr;gap:2%;padding:2% 3.4%;align-items:center;background:linear-gradient(100deg,#12213a,#071426);border-top:1px solid #8196c054;border-bottom:1px solid #8196c054}.home05 .closing05 h2{font-size:clamp(18px,2.6vw,36px);line-height:1.02;margin:0;rotate:-3deg}.closing05 .download05{min-height:60px;padding:1vw 1.2vw;gap:8px}.closing05 .download05 strong{font-size:clamp(13px,1.4vw,22px)}.closing05 .download05 small{font-size:clamp(11px,1.1vw,16px)}.closing05 .platformIcon05{width:32px;height:35px}.closingPlatforms05{display:flex;justify-content:space-between;gap:10px}.closingPlatforms05 .future05{gap:5px}.closingPlatforms05 .future05 svg{width:24px;height:24px}.closingPlatforms05 .future05 strong{font-size:clamp(10px,.9vw,15px)}.closingPlatforms05 .future05 small{font-size:9px}.closingPlatforms05 .future05 b{font-size:9px;padding:3px 5px}
.home05 .footer05{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:1.8% 3.4%;margin:0;border:0;background:#030c1b;font:400 clamp(11px,1vw,15px)/1.3 'Barlow Condensed',sans-serif;color:#c8c1d4}.footer05 .brand05{width:120px;margin:0}.footer05 nav{display:flex;gap:22px}.footer05 a{text-decoration:none;transition:color .2s}.footer05 a:hover{color:#d487ff}.social05{display:flex;gap:18px}.social05 a{padding:7px}.social05 svg{width:21px;height:21px}
.home05 .classDialog05{color:var(--cream);padding:0;border:1px solid #a378c5;background:radial-gradient(ellipse at 15% 40%,#26395b,#0b1327 70%);width:min(800px,92vw);max-height:88svh;overflow:auto;box-shadow:0 25px 120px #000a}.classDialog05[open]{display:grid;grid-template-columns:45% 55%;animation:dialog05 .22s ease both}.classDialog05::backdrop{background:#010719bb;backdrop-filter:blur(5px)}.classClose05{position:absolute;right:12px;top:10px;z-index:3;border:1px solid #8397bd;background:#101a2b;color:white;width:44px;height:44px;font-size:30px;cursor:pointer}.dialogArt05{height:440px;overflow:hidden}.dialogArt05 img{width:100%;height:100%;object-fit:contain;object-position:50% 15%;filter:drop-shadow(0 0 28px #a17bee33)}.dialogCopy05{padding:70px 35px 40px 15px;align-self:center}.home05 .dialogCopy05 h2{font-size:40px;line-height:1;margin:20px 0}.dialogCopy05 p{font-size:17px}.dialogCopy05 .download05{margin-top:24px;font:700 20px 'Barlow Condensed';min-height:55px}.classDialog05 #classDialogAccess05{color:#e8c86a;font-size:14px}
.home05 #boardsPage,.home05 #livePage{max-width:1260px;padding:40px 30px;min-height:75vh}.home05 #boardsPage .sectionHead{display:flex;justify-content:space-between;gap:40px}.home05 #boardsPage .sectionHead h2{font-size:40px;line-height:1.05}.home05 #boardsPage .panel{background:#121d31;border-color:#32405a}.home05 #boardsPage .tableHead{display:flex;justify-content:space-between;color:#b19aca;font-size:12px}.home05 #boardsPage .tab{font:600 15px Barlow,sans-serif}.home05 #boardsPage .cardKicker{font:600 12px Barlow,sans-serif}.home05 #boardsPage h3{font-size:20px}.home05 #boardsPage .sigilSocket,.home05 #boardsPage .dailySeal{display:none}.backHome{display:inline-block;margin-bottom:20px}.home05 .gate{z-index:100;background:#03091cbd;backdrop-filter:blur(7px)}.home05 .gate .card{background:#101c31;border-color:#9879b8;max-height:90svh;overflow-y:auto}.home05 .gate h3{font-size:23px;line-height:1.2}.home05 .gate .btn{font:700 20px 'Barlow Condensed',sans-serif;box-shadow:none;border:1px solid #ffe7a3;border-radius:0;min-height:48px}.home05 .gate input{font:400 18px Barlow,sans-serif}.home05 .gate .hint,.home05 .gate .small{font:400 15px/1.4 Barlow,sans-serif}.home05 .gate-open{overflow:hidden}.home05.gate-open{overflow:hidden}.home05 #peek{z-index:70}
@keyframes float05{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(3deg)}}@keyframes light05{0%,100%{opacity:.4}50%{opacity:1}}@keyframes dialog05{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.home05 .topbar,.hero05,#homePage{max-width:1800px;margin-inline:auto}.hero05{height:774px}.heroCopy05 h1{height:558px}.heroSupport05{top:639px}.classPortrait05{height:360px}.classes05{min-height:540px}.exploration05{height:468px}.equipment05{height:432px}.classes05{margin-bottom:-45px}.equipment05{margin-top:-36px}}
@media(max-width:1100px){.home05 .topbar{gap:18px;padding-inline:3%}.nav05{gap:18px}.home05 .brand05{width:170px}.home05 #acct{padding:10px 17px}.hero05{height:44vw}.downloads05{gap:12px;padding:13px 3%}.download05 strong{font-size:17px}.browser05 strong{font-size:16px}.download05{gap:10px;padding:12px}.download05 .arrow05{width:14px;height:14px}.heroSupport05{top:36vw}.classes05{min-height:325px}.classPortrait05{height:205px}.classDetails05 p{font-size:13px}.exploreCopy05{padding-top:43px}.lootCopy05{padding-top:38px}.lootCopy05 .textCta05{display:none}.closing05{grid-template-columns:.75fr 1.4fr 1.2fr}.closingPlatforms05{display:none}.closing05 .download05 strong{font-size:16px}.footer05 nav{gap:18px}}
@media(max-width:850px){.home05 .topbar{height:64px;padding:0 22px;gap:16px}.home05 .brand05{width:160px;margin-right:auto}.nav05{display:none;position:absolute;top:64px;left:0;right:0;background:#09152afa;padding:22px;box-shadow:0 20px 30px #0008;grid-template-columns:repeat(3,1fr);gap:4px 20px;z-index:100}.nav05.open{display:grid;animation:dialog05 .2s ease both}.nav05 a{padding:13px 10px}.nav05 a:after{bottom:5px}.menu05{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:1px solid #697896;width:42px;height:40px;padding:10px;color:white}.menu05 span{display:block;width:20px;height:2px;background:currentColor;transition:transform .25s}.menu05[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu05[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.hero05{height:51vw;min-height:375px}.heroRail05{display:none}.heroScene05{right:0;left:32%}.heroActor05{left:35%;width:67%;height:100%;top:0}.heroPaper05{width:49%}.heroCopy05{width:46%;padding:20px 0 0 4%}.heroCopy05 h1{height:35vw}.heroSupport05{top:42vw;left:22%;font-size:14px;width:79%}.heroCopy05 .kicker05{font-size:12px;letter-spacing:.03em}.downloads05{grid-template-columns:1.15fr 1fr;clip-path:none;gap:12px 18px;padding:16px 4%}.download05 strong{font-size:21px}.browser05 strong{font-size:20px}.download05 small{font-size:14px}.future05{justify-content:flex-start;gap:10px;padding:2px 14px}.future05 strong{font-size:16px}.future05 small{display:inline;margin-left:8px;font-size:12px}.future05 b{display:inline-block;margin:0 0 0 10px;font-size:11px}.future05>svg{width:27px;height:27px}.classes05{display:block;padding:26px 4% 40px;margin-bottom:-16px;min-height:0}.classIntro05{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}.home05 .classIntro05 h2{font-size:34px;margin:0 0 10px;transform:none}.classIntro05 p{max-width:42%;font-size:14px}.classIntro05 p br{display:none}.roster05{margin:10px -10px 0}.classPortrait05{height:185px}.classDetails05 h3{font-size:17px}.classDetails05 p{font-size:12px}.classDetails05 svg{width:24px;height:24px}.exploration05{height:320px}.explorePaper05{width:40%}.exploreCopy05{width:39%;padding:40px 0 0 4%}.home05 .exploreCopy05 h2{font-size:28px}.exploreCopy05 p{font-size:14px;line-height:1.25}.textCta05{font-size:14px}.equipment05{height:290px;margin-top:-18px}.lootCopy05{width:86%;padding:43px 0 0 60%}.home05 .lootCopy05 h2{font-size:27px}.lootCopy05 p{font-size:14px}.lootItems05{right:-6%;width:26%}.closing05{padding:20px 4%;grid-template-columns:1fr 1fr;gap:16px}.home05 .closing05 h2{grid-column:1/-1;rotate:0;font-size:24px}.closing05 h2 br{display:none}.closing05 .download05 strong{font-size:18px}.footer05 .brand05{width:110px}.footer05 nav{order:3;justify-content:center;width:100%;gap:26px}.home05 .footer05{font-size:14px;padding:20px 4%}}
@media(max-width:580px){.home05 .topbar{height:62px;padding:0 14px;gap:10px}.home05 .brand05{width:135px}.home05 #acct{font-size:13px;padding:9px 12px;max-width:95px;min-height:38px}.language05{gap:3px;font-size:12px}.language05 button{padding:12px 2px;min-width:23px}.menu05{border:none;width:30px;padding:5px}.nav05{top:62px;grid-template-columns:repeat(2,1fr)}.hero05{height:590px;min-height:0;max-height:none}.heroScene05{left:12%;right:0;top:22%;bottom:-1%;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%,17% 66%,0 48%)}.heroWorld05{width:125%;height:110%;left:-18%;top:0;object-position:50% 50%}.heroPaper05{width:100%;height:66%;clip-path:polygon(0 0,100% 0,100% 30%,87% 47%,62% 49%,65% 68%,33% 88%,39% 100%,0 100%)}.heroCopy05{padding:20px 20px 0;width:67%}.heroCopy05 .kicker05{white-space:nowrap;font-size:12px;margin-bottom:10px}.heroCopy05 h1{height:280px;width:100%}.heroSupport05{left:20px;top:336px;width:183px;font-size:14px;line-height:1.2;padding-left:20px}.heroSupport05:before{left:0;top:6px;height:26px;width:3px}.heroActor05{left:19%;top:31%;width:94%;height:62%}.s1{left:68%;top:18%;width:28px;height:50px}.s2{left:85%;top:69%;width:39px;height:68px}.s3{left:30%;top:83%;width:19px;height:35px}.s4{left:87%;top:38%;width:16px;height:30px}.s5{left:14%;top:73%;width:17px;height:32px}.s6{left:73%;top:39%;width:10px;height:20px}.downloads05{margin-top:0;padding:18px 20px;gap:10px;grid-template-columns:1fr 1fr}.downloads05>.download05{grid-column:1/-1;min-height:70px;justify-content:flex-start;padding:14px 22px;gap:18px}.downloads05 .download05 strong{font-size:22px}.downloads05 .download05 small{font-size:14px}.downloads05 .platformIcon05{width:31px;height:35px}.download05 .arrow05{width:20px;height:20px}.future05{padding:8px 0;gap:8px}.future05 strong{font-size:14px}.future05 small{font-size:10px;display:block;margin:0}.future05 b{display:table;margin:4px 0 0;padding:3px 7px;font-size:10px}.future05>svg{width:25px;height:25px}.classes05{padding:32px 20px 45px;clip-path:polygon(0 0,100% 0,100% 98%,85% 100%,0 98%);margin-bottom:-12px}.classIntro05{display:block}.home05 .classIntro05 h2{font-size:36px;line-height:1.02}.classIntro05 p{max-width:100%;font-size:15px}.roster05{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0;gap:18px 4px}.classCard05:last-child{grid-column:1/-1;width:60%;justify-self:center}.classPortrait05{height:220px;max-height:none}.classPortrait05 img{height:148%;top:-14%}.classCard05{padding-bottom:10px;min-height:300px}.classDetails05 h3{font-size:23px}.classDetails05 p{font-size:14px;line-height:1.25;max-width:160px}.classDetails05 svg{width:30px;height:30px;margin-top:-18px}.access05{font-size:12px}.exploration05{height:520px}.worldArt05{height:65%;top:36%;object-position:65% 50%;width:120%;left:-20%}.explorePaper05{width:100%;height:57%;clip-path:polygon(0 0,100% 0,100% 74%,87% 91%,0 100%)}.exploreCopy05{width:90%;padding:32px 20px 0}.home05 .exploreCopy05 h2{font-size:36px;line-height:1}.exploreCopy05 p{font-size:16px;max-width:95%;line-height:1.25;margin-bottom:16px}.textCta05{font-size:16px;padding:9px 14px}.equipment05{height:570px;max-height:none;min-height:0;margin-top:0;clip-path:none}.battle05{width:100%;height:300px;bottom:auto}.battle05 img{object-position:40% 50%}.lootPaper05{inset:250px 0 0;width:100%;clip-path:polygon(0 0,100% 12%,100% 100%,0 100%)}.lootCopy05{padding:305px 0 0 22px;width:68%}.home05 .lootCopy05 h2{font-size:31px;line-height:1}.lootCopy05 p{font-size:15px;max-width:96%}.lootCopy05 .textCta05{display:inline-flex;font-size:14px}.lootItems05{right:-11%;width:49%;height:48%;top:52%;rotate:-3deg}.closing05{padding:26px 20px;grid-template-columns:1fr;gap:12px}.closing05>.download05{min-height:66px;justify-content:flex-start;padding:14px 20px;gap:18px}.closing05 .download05 strong{font-size:22px}.home05 .closing05 h2{font-size:27px;margin-bottom:10px}.closing05 .download05 small{font-size:14px}.home05 .footer05{padding:22px 20px;gap:20px}.footer05 nav{gap:22px;flex-wrap:wrap}.footer05 .brand05{width:115px}.footer05 .social05{margin-left:auto}.footer05>a:last-child{width:100%;text-align:center;order:4}.classDialog05[open]{grid-template-columns:1fr}.dialogArt05{height:220px}.dialogArt05 img{object-position:50% 10%;height:190%;transform:translateY(-10%)}.dialogCopy05{padding:20px 24px 28px}.home05 .dialogCopy05 h2{font-size:32px;margin:12px 0}.home05 #boardsPage,.home05 #livePage{padding:24px 16px}.home05 #boardsPage .sectionHead{display:block}.home05 #boardsPage .sectionHead h2{font-size:30px}.home05 .gate .card{max-width:94vw;padding:22px}}
@media(max-width:360px){.home05 .brand05{width:116px}.home05 .topbar{gap:6px}.home05 #acct{padding:9px}.heroCopy05{width:71%}.heroCopy05 h1{height:270px}.heroCopy05 .kicker05{font-size:11px}.downloads05 .download05 strong,.closing05 .download05 strong{font-size:19px}.classPortrait05{height:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.home05 *, .home05 *:before,.home05 *:after{animation:none!important;transition:none!important}.heroActor05,.heroWorld05,.shard05,.worldArt05{transform:none!important}.heroActor05,.heroWorld05{will-change:auto}}

/* Reference fidelity / typography and optical balance */
.home05 .download05 strong{font-weight:900}.home05 .classDetails05 h3{font-weight:900}.home05 .nav05{flex:1;justify-content:center}.home05 .nav05 a{font-size:14px;font-weight:500}.home05 .footer05{font-family:Barlow,sans-serif}.home05 .footer05 .brand05{width:110px}.home05 .topbar .brand05{margin-right:0}.home05 .topbar:before{pointer-events:none}.home05 .nav05 a:not([aria-current]):after{transform:scaleX(0)}.home05 .nav05 a:hover:after{transform:scaleX(1)}.home05 .heroRail05 li{font-size:12px}.home05 .heroRail05{font-size:14px}.home05 .heroSupport05{font-weight:500}.home05 .download05{overflow:hidden}.home05 .downloads05 .download05 strong{font-size:clamp(18px,1.9vw,28px)}.home05 .downloads05 .browser05 strong{font-size:clamp(17px,1.65vw,25px)}.home05 .browser05{border:0;box-shadow:none}.home05 .browser05:before{display:none}.buttonFrame05{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:0;pointer-events:none}.download05>span,.download05>svg:not(.buttonFrame05){position:relative;z-index:1}.home05 .classIntro05 h2,.home05 .exploreCopy05 h2,.home05 .lootCopy05 h2,.home05 .closing05 h2{letter-spacing:0}.home05 .closing05{padding-block:22px;min-height:105px}.home05 .closingPlatforms05{min-width:0}.home05 .closingPlatforms05 .future05{padding:0}.home05 .closingPlatforms05 .future05 b{margin-left:0}.home05 .footer05{padding-block:18px}.home05 .equipment05{z-index:1}.home05 .exploration05{z-index:2;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.home05 .lootItems05{right:-8%;width:27%}.home05 .lootCopy05{width:83%}.home05 .exploreCopy05 p{max-width:90%}
@media(min-width:851px){.home05 .classIntro05{width:21%}.home05 .classes05{padding-bottom:23px}.home05 .classPortrait05{height:20vw;max-height:330px}.home05 .closing05{grid-template-columns:.8fr 1.3fr 1.07fr 1.05fr}.home05 .closingPlatforms05{display:flex}.home05 .closing05 .download05{min-height:66px}.home05 .closing05 .download05 strong{font-size:clamp(14px,1.4vw,22px)}}
@media(max-width:850px){.home05 .nav05{justify-content:start}.home05 .exploration05{clip-path:none}.home05 .closing05{grid-template-columns:1fr 1fr}.home05 .heroSupport05{top:42vw}.home05 .heroRail05{display:none}}
@media(max-width:580px){.home05 .nav05 a{font-size:16px}.home05 .heroSupport05{top:322px;left:20px;width:190px;max-width:52%;background:#f7edda;padding:8px 15px 10px 12px;clip-path:polygon(0 0,100% 0,96% 90%,0 100%)}.heroSupport05:before{left:0;top:10px}.home05 .exploration05{height:530px;max-height:none}.home05 .closing05{grid-template-columns:1fr}.home05 .downloads05 .download05 strong,.home05 .closing05 .download05 strong{font-size:22px}.home05 .lootCopy05{width:68%}.home05 .lootItems05{right:-12%;width:48%}.home05 .footer05 .brand05{width:115px}.home05 .heroCopy05 h1{max-width:100%}.home05 .classPortrait05{margin:0 -5%}.home05 .classCard05:before{inset:2% 0 16% 0}.home05 .classes05{overflow:hidden}}

/* The actual silhouette and perspective of the approved lettering. */
.home05{--u:min(1vw,18px)}
.headingArt05{display:block;width:100%;height:auto;max-width:100%;pointer-events:none}
.home05 #heroLettering05{display:block;width:100%;height:auto;max-width:none}
.home05 .classIntro05 h2,.home05 .closing05 h2{transform:none;rotate:none}
.home05 .classIntro05 h2{width:calc(var(--u)*20.1);margin-bottom:calc(var(--u)*1.8)}
.home05 .exploreCopy05 h2{width:calc(var(--u)*26.6);margin-bottom:calc(var(--u)*1.2)}
.home05 .lootCopy05 h2{width:calc(var(--u)*16.8);margin-bottom:calc(var(--u)*2.2)}
.home05 .closing05 h2{width:100%;max-width:calc(var(--u)*17.4)}
.home05 .heroCopy05{position:absolute;inset:0;width:100%;padding:0;max-width:none}
.home05 .heroCopy05 .kicker05{position:absolute;left:5.65%;top:calc(var(--u)*2.1);font-size:calc(var(--u)*1.4);line-height:1;letter-spacing:.025em}
.home05 .heroCopy05 h1{position:absolute;left:3.125%;top:calc(var(--u)*4.2);width:34%;height:auto;max-height:none;max-width:none}
.home05 .heroSupport05{left:11.6%;top:calc(var(--u)*35.6);width:25%;font-size:calc(var(--u)*1.45);line-height:1.16;padding:0;background:none;clip-path:none;max-width:none}
.home05 .heroSupport05:before{left:calc(var(--u)*-3.6);top:auto;bottom:0;width:calc(var(--u)*2.4);height:3px}
.home05 .heroPaper05{width:44%;clip-path:polygon(0 0,80% 0,91% 24%,83% 44%,100% 64%,90% 83%,65% 100%,0 97%)}
.home05 .heroScene05{left:29%;right:10.5%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,22% 68%,8% 45%)}
.home05 .heroRail05{width:12.8%;padding-left:2.4%}
.home05 .downloads05{grid-template-columns:1.31fr 1.08fr .58fr .5fr;gap:2%;padding:calc(var(--u)*1.2) 4%;min-height:0}
.home05 .downloads05>.download05{min-height:calc(var(--u)*7.45);padding:calc(var(--u)*1.1) calc(var(--u)*2.5);gap:calc(var(--u)*1.7)}
.home05 .downloads05 .download05 strong{font-size:calc(var(--u)*1.95)}
.home05 .downloads05 .browser05 strong{font-size:calc(var(--u)*1.57)}
.home05 .downloads05 .download05 small{font-size:calc(var(--u)*1.42)}
.home05 .downloads05 .browser05 small{font-size:calc(var(--u)*1.13)}
.home05 .downloads05 .platformIcon05{width:calc(var(--u)*3.3);height:calc(var(--u)*3.8)}
.home05 .classDetails05 h3{font-size:calc(var(--u)*1.48)}
.home05 .classes05{padding-top:calc(var(--u)*1.25);padding-bottom:calc(var(--u)*3.1)}
.home05 .classIntro05{padding-top:calc(var(--u)*1.7);width:21%}
.home05 .classPortrait05{height:calc(var(--u)*20.1)}
.home05 .exploreCopy05{padding-top:calc(var(--u)*4.9);padding-left:3.4%;width:34%}
.home05 .exploreCopy05 p{font-size:calc(var(--u)*1.45);line-height:1.14;max-width:94%;margin-bottom:calc(var(--u)*1.3)}
.home05 .exploration05{clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
.home05 .lootCopy05{padding-top:calc(var(--u)*5.3);padding-left:62.3%;width:84%}
.home05 .lootCopy05 p{font-size:calc(var(--u)*1.21);line-height:1.27;max-width:100%}
.home05 .lootCopy05 .textCta05{display:none}
.home05 .closing05{grid-template-columns:.78fr 1.16fr 1fr 1fr;padding:calc(var(--u)*1.9) 3.4%;min-height:0;gap:2%}
.home05 .closing05 .download05{min-height:calc(var(--u)*6.2);padding:calc(var(--u)*1.15) calc(var(--u)*1.6);gap:calc(var(--u)*1.1)}
.home05 .closingPlatforms05{display:flex}
.home05 .closing05 .download05 strong{font-size:calc(var(--u)*1.38)}
.home05 .closing05 .download05 small{font-size:calc(var(--u)*1.12)}
.home05 .closing05 .platformIcon05{width:calc(var(--u)*2.8);height:calc(var(--u)*3.4)}
.home05 .footer05{min-height:calc(var(--u)*6.4);padding:calc(var(--u)*1.4) 3.4%;gap:16px}
.home05 .footer05 .brand05{width:calc(var(--u)*10.4)}
@media(min-width:851px){
 .home05 .topbar{height:calc(var(--u)*5.7);padding-inline:4.8%;gap:2%}
 .home05 .topbar .brand05{width:calc(var(--u)*16)}
 .home05 .hero05{height:calc(var(--u)*43);min-height:0;max-height:none}
 .home05 .nav05{gap:calc(var(--u)*2.7);justify-content:flex-start;padding-left:1.5%;flex:1}
 .home05 .nav05 a{font-size:calc(var(--u)*1.25)}
 .home05 .classes05{min-height:calc(var(--u)*32.5)}
 .home05 .exploration05{height:calc(var(--u)*26.3);min-height:0;max-height:none}
 .home05 .equipment05{height:calc(var(--u)*25);min-height:0;max-height:none}
 .home05 .closingPlatforms05 .future05 small{display:block;margin:0}
 .home05 .closingPlatforms05 .future05 b{display:table;margin-top:5px}
}
@media(min-width:581px) and (max-width:850px){
 .home05 .heroCopy05 h1{width:39%;top:45px;left:3.4%}
 .home05 .heroCopy05 .kicker05{left:6%;top:22px;font-size:12px}
 .home05 .heroSupport05{left:14%;top:44vw;width:32%;font-size:13px}
 .home05 .hero05{height:53vw;min-height:400px}
 .home05 .downloads05{padding:16px 4%;grid-template-columns:1.15fr 1fr;gap:12px 18px}
 .home05 .downloads05>.download05{min-height:70px;padding:14px;gap:12px}
 .home05 .downloads05 .download05 strong{font-size:21px}
 .home05 .downloads05 .browser05 strong{font-size:19px}
 .home05 .downloads05 .download05 small{font-size:14px}
 .home05 .downloads05 .browser05 small{font-size:12px}
 .home05 .downloads05 .platformIcon05{width:30px;height:34px}
 .home05 .classIntro05{width:100%;padding:0}
 .home05 .classIntro05 h2{width:29%;margin:0 0 12px}
 .home05 .classPortrait05{height:190px}
 .home05 .classDetails05 h3{font-size:18px}
 .home05 .classes05{padding:24px 4% 40px}
 .home05 .exploreCopy05{width:42%;padding:40px 0 0 4%}
 .home05 .exploreCopy05 h2{width:100%;max-width:285px}
 .home05 .exploreCopy05 p{font-size:14px}
 .home05 .explorePaper05{width:44%}
 .home05 .lootCopy05{padding-top:42px;width:86%}
 .home05 .lootCopy05 h2{width:165px}
 .home05 .lootCopy05 p{font-size:13px}
 .home05 .closing05{grid-template-columns:1fr 1fr;padding:24px 4%;gap:18px}
 .home05 .closing05 h2{max-width:190px}
 .home05 .closing05 .download05{min-height:66px;padding:12px 20px;gap:14px}
 .home05 .closing05 .download05 strong{font-size:20px}
 .home05 .closing05 .download05 small{font-size:14px}
 .home05 .closing05 .platformIcon05{width:30px;height:34px}
 .home05 .closingPlatforms05{grid-column:1/-1;justify-content:flex-start;gap:35px}
 .home05 .footer05{padding:22px 4%}
 .home05 .footer05 .brand05{width:110px}
}
@media(max-width:580px){
 .home05 .hero05{height:650px}
 .home05 .heroCopy05 .kicker05{left:29px;top:23px;font-size:12px}
 .home05 .heroCopy05 h1{left:20px;top:48px;width:270px;max-width:77%;height:auto}
 .home05 .heroSupport05{left:84px;top:294px;width:192px;font-size:13px;max-width:54%;padding:0;background:none}
 .home05 .heroSupport05:before{left:-28px;bottom:0;top:auto;width:20px;height:2px}
 .home05 .heroPaper05{width:100%;height:65%;clip-path:polygon(0 0,100% 0,100% 30%,88% 47%,87% 71%,61% 96%,0 94%)}
 .home05 .heroScene05{left:0;right:0;top:30%;bottom:0;clip-path:polygon(65% 0,100% 0,100% 100%,0 100%,0 38%,25% 34%)}
 .home05 .heroActor05{left:8%;top:44%;width:104%;height:54%}
 .home05 .s1{top:23%;left:88%}.home05 .s5{top:73%;left:8%}
 .home05 .downloads05{padding:18px 20px;grid-template-columns:1fr 1fr;gap:12px}
 .home05 .downloads05>.download05{min-height:72px;padding:14px 22px;gap:18px}
 .home05 .downloads05 .download05 strong{font-size:22px}
 .home05 .downloads05 .browser05 strong{font-size:21px}
 .home05 .downloads05 .download05 small{font-size:14px}
 .home05 .downloads05 .browser05 small{font-size:13px}
 .home05 .downloads05 .platformIcon05{width:32px;height:36px}
 .home05 .classes05{padding:28px 20px 40px}
 .home05 .classIntro05{width:100%;padding:0}
 .home05 .classIntro05 h2{width:245px;max-width:85%;margin:0 0 18px}
 .home05 .classPortrait05{height:220px}
 .home05 .classDetails05 h3{font-size:23px}
 .home05 .exploration05{height:520px;clip-path:none}
 .home05 .exploreCopy05{width:100%;padding:26px 20px 0}
 .home05 .exploreCopy05 h2{width:290px;max-width:94%;margin-bottom:14px}
 .home05 .exploreCopy05 p{font-size:16px;line-height:1.22;margin-bottom:14px;max-width:94%}
 .home05 .explorePaper05{height:57%;width:100%}
 .home05 .worldArt05{top:38%;height:63%}
 .home05 .equipment05{height:570px}
 .home05 .lootCopy05{width:66%;padding:300px 0 0 20px}
 .home05 .lootCopy05 h2{width:195px;max-width:100%;margin-bottom:20px}
 .home05 .lootCopy05 p{font-size:15px;line-height:1.25;max-width:100%}
 .home05 .closing05{padding:26px 20px;grid-template-columns:1fr;gap:14px}
 .home05 .closing05 h2{width:210px;max-width:80%;margin-bottom:8px}
 .home05 .closing05 .download05{padding:14px 22px;min-height:72px;gap:18px}
 .home05 .closing05 .download05 strong{font-size:22px}
 .home05 .closing05 .download05 small{font-size:14px}
 .home05 .closing05 .platformIcon05{width:32px;height:36px}
 .home05 .closingPlatforms05{justify-content:space-between;gap:20px;margin-top:4px}
 .home05 .closingPlatforms05 .future05 strong{font-size:14px}
 .home05 .closingPlatforms05 .future05 small{font-size:10px}
 .home05 .closingPlatforms05 .future05 b{font-size:10px}
 .home05 .footer05{padding:25px 20px;flex-direction:row;font-size:13px}
 .home05 .footer05 .brand05{width:110px}
 .home05 .footer05 nav{gap:20px}
}
@media(max-width:360px){
 .home05 .heroCopy05 h1{width:250px;top:48px;max-width:78%}
 .home05 .heroSupport05{top:278px;left:78px;font-size:12px;width:180px}
 .home05 .downloads05 .download05 strong,.home05 .closing05 .download05 strong{font-size:19px}
 .home05 .classPortrait05{height:195px}
}
.home05 .buttonLabel05{display:block;width:100%;height:auto;max-width:none}
.home05 .download05>span{min-width:0}
.home05 .download05 small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.home05 .android05 strong{width:calc(var(--u)*19.43);max-width:100%}
.home05 .browser05 strong{width:calc(var(--u)*15.4);max-width:100%}
.home05 .downloads05>.browser05{padding-inline:calc(var(--u)*2);gap:calc(var(--u)*1.2)}
.home05 .download05 .arrow05{flex-shrink:0}
.home05 .closing05 .android05 strong{width:calc(var(--u)*15.7)}
.home05 .closing05 .browser05 strong{width:calc(var(--u)*14)}
.home05 .classIntro05{position:relative;z-index:5}
.home05 .classCard05{padding-bottom:0}
.home05 .heroRail05 ul{margin-bottom:calc(var(--u)*2.5);gap:calc(var(--u)*2)}
.home05 .heroRail05 li{font-size:calc(var(--u)*.85)}
.home05 .heroRail05{font-size:calc(var(--u)*1.1)}
.home05 .textCta05{position:relative;clip-path:polygon(5px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);border:0;background:#071325;padding:1px;font-size:calc(var(--u)*1.3)}
.home05 .textCta05:before{content:'';position:absolute;inset:1px;background:#f8edd7;clip-path:polygon(4px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);z-index:-1;transition:background .2s}
.home05 .textCta05{isolation:isolate;padding:6px 15px}
.home05 .textCta05:hover:before{background:#071325}
@media(min-width:851px){
 .home05 .classPortrait05{height:calc(var(--u)*19.3)}
 .home05 .classDetails05 p{font-size:calc(var(--u)*1.22);line-height:1.2}
 .home05 .classes05{padding-bottom:calc(var(--u)*2.5)}
 .home05 .exploreCopy05{padding-top:calc(var(--u)*3.6)}
}
@media(max-width:850px){
 .home05 .android05 strong,.home05 .closing05 .android05 strong{width:199px;max-width:100%}
 .home05 .browser05 strong,.home05 .closing05 .browser05 strong{width:174px;max-width:100%}
 .home05 .downloads05>.browser05{padding-inline:20px;gap:14px}
 .home05 .textCta05{font-size:15px;padding:8px 14px}
}
@media(max-width:580px){
 .home05 .downloads05>.browser05{padding-inline:22px;gap:18px}
}
.home05 .classCard05{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.home05 .classPortrait05{flex:none}
.home05 .classCard05[data-class="duelist"] .classPortrait05 img{height:125%;top:-7%}
.home05 .classCard05:before{opacity:.8;background:linear-gradient(155deg,color-mix(in srgb,var(--c),transparent 22%),color-mix(in srgb,var(--c),#071325 70%) 45%,transparent 82%)}
.home05 .classCard05:hover:before{opacity:1}
.home05 .classDetails05 svg{margin-top:-13px}
.home05 .heroRail05{font-family:Barlow,sans-serif;font-weight:400}
@media(min-width:851px){
 .home05 .classes05{min-height:calc(var(--u)*30.5)}
 .home05 .exploration05{height:calc(var(--u)*24.1)}
 .home05 .exploreCopy05{padding-top:calc(var(--u)*2.2)}
 .home05 .downloads05{padding-top:calc(var(--u)*.7);padding-bottom:calc(var(--u)*1.7)}
 .home05 .downloads05>.android05{padding-left:calc(var(--u)*3.1);padding-right:calc(var(--u)*1.6);gap:calc(var(--u)*2)}
 .home05 .download05 .arrow05{margin-left:auto}
 .home05 .downloads05 .browser05 small{white-space:nowrap}
}
@media(max-width:850px){
 .home05 .topbar .brand05{margin-right:auto}
 .home05 .heroScene05{right:0}
 .home05 .language05 button{min-width:26px;min-height:44px}
 .home05 .menu05{min-height:44px}
}
@media(min-width:851px){
 .home05 .classes05{clip-path:polygon(0 0,100% 0,100% 100%,95% 92%,30% 97%,0 78%);margin-bottom:calc(var(--u)*-7.2)}
 .home05 .exploration05{height:calc(var(--u)*29.1);clip-path:none}
 .home05 .exploreCopy05{padding-top:calc(var(--u)*5.6)}
 .home05 .equipment05{height:calc(var(--u)*26);margin-top:calc(var(--u)*-4.8);clip-path:polygon(0 20%,34% 0,57% 14%,100% 0,100% 100%,0 100%);z-index:3}
 .home05 .lootCopy05{padding-top:calc(var(--u)*6.4)}
 html[lang="en"] .home05 .heroSupport05{left:15.5%;width:25%}
}
@media(min-width:581px) and (max-width:850px){html[lang="en"] .home05 .heroSupport05{left:18%;width:32%}}
@media(max-width:580px){html[lang="en"] .home05 .heroSupport05{left:29%;width:57%;max-width:57%}}
.home05 .footer05 nav a,.home05 .footer05>a:last-child{display:inline-flex;align-items:center;min-height:28px}
.home05 .browser05:hover .buttonFrame05 path,.home05 .browser05:focus-visible .buttonFrame05 path{stroke:#d6adff}
.home05 .buttonFrame05 path{transition:stroke .22s}
.home05 .download05:focus-visible .buttonFrame05>path:first-of-type{stroke:#ffffff;stroke-width:3}
.home05 #acct:focus-visible{box-shadow:inset 0 0 0 3px #d58cff}
@media(min-width:851px){.home05 .language05 button{min-width:24px;min-height:36px}}

/* Detail pass: readable platform states, continuous bevels and bounded artwork. */
.home05 #acct{isolation:isolate;position:relative;border:0;background:#98a8c5}
.home05 #acct:before{content:'';position:absolute;inset:1px;z-index:-1;background:#0b172b;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);transition:background .2s}
.home05 #acct:hover:before{background:#35245f}
.home05 #acct:focus-visible{background:#d58cff;box-shadow:none}
.home05 #acct:focus-visible:before{inset:3px}
.home05 .downloads05 .future05 b{font:500 clamp(10px,1.02vw,15px)/1.2 Barlow,sans-serif;letter-spacing:.055em;text-align:center;min-width:calc(var(--u)*8.2);padding:4px 7px}
.home05 .downloads05 .future05 strong{font-weight:600}
.home05 .closingPlatforms05 .future05 b{font:500 10px/1.2 Barlow,sans-serif;letter-spacing:.025em;text-align:center;padding:4px 6px}
.home05 .future05{cursor:default}
@media(min-width:851px){
 .home05 .heroRail05 li{font-size:max(10px,calc(var(--u)*.85))}
 .home05 .classDetails05 p{font-size:max(12px,calc(var(--u)*1.22))}
 .home05 .downloads05 .browser05 small{font-size:max(11px,calc(var(--u)*1.13))}
}
@media(min-width:581px) and (max-width:850px){
 .home05 .heroPaper05{width:54%}
 .home05 .classes05{overflow:hidden}
 .home05 .lootItems05{right:-10%;width:24%;height:85%;top:12%;rotate:0deg}
}
@media(min-width:1800px){
 .home05 .topbar,.home05 .hero05,.home05 #homePage{max-width:1800px;margin-inline:auto}
}
@media(min-width:450px) and (max-width:580px){
 .home05 .heroActor05{top:50%;height:50%}
}
@media(min-width:851px) and (max-width:1000px){
 .home05 .classes05{padding-bottom:calc(var(--u)*3.8)}
}
.home05 .lootCopy05 h2{position:relative}
.home05 .lootCopy05 h2:after{content:'';position:absolute;left:0;bottom:calc(var(--u)*-1.5);height:2px;width:calc(var(--u)*2.4);background:#7629c5}
@media(max-width:850px){.home05 .lootCopy05 h2:after{bottom:-12px;width:24px}}
.home05 .download05[aria-disabled="true"]{filter:grayscale(.7);cursor:not-allowed}
.home05 .download05[aria-disabled="true"]:after{display:none}
.home05 .download05[aria-disabled="true"] .arrow05{transform:none}
@media(min-width:581px) and (max-height:560px){
 .home05 .classDialog05[open]{grid-template-columns:42% 58%}
 .home05 .dialogArt05{height:78svh;max-height:360px}
 .home05 .dialogCopy05{padding:20px 25px 20px 10px}
 .home05 .dialogCopy05 .kicker05{font-size:12px;margin:0}
 .home05 .dialogCopy05 h2{font-size:32px;margin:10px 0}
 .home05 .dialogCopy05 p{font-size:15px;line-height:1.3;margin:10px 0}
 .home05 .classDialog05 #classDialogAccess05{font-size:13px}
 .home05 .dialogCopy05 .download05{min-height:44px;margin-top:16px;font-size:18px}
}
