html,body{margin:0;background:#03070d;color:#d9e8f8;font-family:Arial,sans-serif}
.cursor-interaction{cursor:pointer}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/barlow-b0661e8e7f.ttf) format('truetype')}
#sq-system{--sqs-blue:#2b96ff;--sqs-ice:#92cbff;--sqs-bg:#03070d;--sqs-text:#f1f5fc;--sqs-muted:#a8b5c8;--sqs-line:#233142;color-scheme:dark;width:100%}
#sq-system .sqs-stage{container-type:inline-size;container-name:sq-system;width:100%;margin:auto}
#sq-system[data-layout="Mobile"] .sqs-stage{max-width:390px}
#sq-system .sqs-page{background:var(--sqs-bg);color:var(--sqs-text);font:400 16px/1.65 Inter,Arial,sans-serif;overflow:clip;position:relative;overflow-anchor:none}
#sq-system .sqs-page *{box-sizing:border-box}
#sq-system .sqs-page [hidden]{display:none!important}
#sq-system .sqs-page :is(h1,h2,h3,h4,p,figure){margin:0}
#sq-system .sqs-page a{color:inherit;text-decoration:none}
#sq-system .sqs-page a:hover{color:var(--sqs-ice)}
#sq-system .sqs-page button{font:inherit;color:inherit}
#sq-system .sqs-page img{display:block;max-width:100%}
#sq-system .sqs-page svg{width:20px;height:20px;flex:none}
#sq-system .sqs-page p{color:var(--sqs-muted)}
#sq-system .sqs-page em{font-style:normal;color:var(--sqs-blue)}
#sq-system .sqs-nav{display:flex;align-items:center;gap:25px;padding:20px 5%;border-bottom:1px solid #ffffff0d;position:relative;z-index:10;background:#03070df2}
#sq-system .sqs-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.035em;flex:none}
#sq-system .sqs-brand img{width:33px;height:33px;object-fit:contain}
#sq-system .sqs-nav-links{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;flex:1;color:#b4c1d3}
#sq-system .sqs-nav-download{background:#237fdb;border:1px solid #57aeff;box-shadow:inset 0 1px #ffffff35,0 3px 15px #096ce322;border-radius:5px;padding:10px 17px;font-size:12px;font-weight:600;white-space:nowrap}
#sq-system .sqs-nav-download span{padding-left:18px}
#sq-system .sqs-menu{display:none;margin-left:auto;position:relative}
#sq-system .sqs-menu summary{list-style:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid #34465e;border-radius:5px}
#sq-system .sqs-menu>div{position:absolute;right:0;top:50px;width:220px;background:#0b1422;border:1px solid #33455c;box-shadow:0 15px 40px #0009;padding:12px 20px;z-index:20}
#sq-system .sqs-menu a{display:block;padding:10px 0;font-size:13px}
#sq-system .sqs-kicker{font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.17em;color:var(--sqs-ice)!important;margin-bottom:18px!important;text-transform:uppercase}
#sq-system .sqs-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71beff;box-shadow:0 0 10px #2b96ff;margin-right:8px;vertical-align:2px}
#sq-system .sqs-hero{position:relative;text-align:center;background:radial-gradient(ellipse at 50% 65%,#082b5360,transparent 53%),#03070d;padding:49px 0 0}
#sq-system .sqs-hero:before,#sq-system .sqs-hero:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#29486c50 25%,#29486c50 70%,transparent);left:5%;pointer-events:none}
#sq-system .sqs-hero:after{left:auto;right:5%}
#sq-system .sqs-hero-copy{position:relative;z-index:3;padding:0 7%}
#sq-system .sqs-hero h1{font:700 clamp(64px,8.7cqw,105px)/.91 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.005em;color:#f5f8ff}
#sq-system .sqs-hero h1 em{display:block;margin-top:5px;color:#409fff}
#sq-system .sqs-hero-description{max-width:420px;margin:24px auto 21px!important;font-size:15px;line-height:1.7;color:#b5c4d7!important}
#sq-system .sqs-stores{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#sq-system .sqs-stores a{width:153px;height:47px;display:block;border-radius:7px;box-shadow:0 0 0 1px #7896b555;transition:transform .2s,box-shadow .2s}
#sq-system .sqs-stores a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #92cbff,0 8px 30px #1478d744}
#sq-system .sqs-stores img{width:100%;height:100%;object-fit:contain}
#sq-system .sqs-platforms{font-size:11px;color:#8296ae!important;margin-top:12px!important}
#sq-system .sqs-hero-stage{height:472px;position:relative;max-width:1024px;margin:25px auto 0;isolation:isolate}
#sq-system .sqs-portal{position:absolute;width:600px;height:390px;left:50%;top:45px;transform:translateX(-50%);background:radial-gradient(ellipse at center,#126ce023,transparent 65%);border:1px solid #235a9459;border-radius:50% 50% 6px 6px;box-shadow:inset 0 0 50px #075fbd09,0 0 70px #075fbd10;z-index:-1}
#sq-system .sqs-portal:before,#sq-system .sqs-portal:after{content:'';position:absolute;inset:18px 24px 0;border:1px solid #15457145;border-bottom:0;border-radius:50% 50% 0 0}
#sq-system .sqs-portal:after{inset:38px 50px 0;border-color:#15457128}
#sq-system .sqs-portal span{position:absolute;width:3px;height:30px;background:#49adff;box-shadow:0 0 25px #168eff;top:54%;left:-2px}
#sq-system .sqs-portal span:nth-child(2){left:auto;right:-2px}
#sq-system .sqs-portal span:nth-child(3){top:-2px;left:50%;width:30px;height:3px;transform:translateX(-50%)}
#sq-system .sqs-hero-floor{position:absolute;left:15%;right:15%;bottom:15px;height:75px;border-radius:50%;background:radial-gradient(ellipse,#278fff44,transparent 68%);border-top:1px solid #2c6aaa77;transform:perspective(400px) rotateX(55deg);filter:blur(.4px)}


#sq-system .sqs-hero-phone{position:absolute;transform-origin:50% 80%}



#sq-system .sqs-side-note{position:absolute;top:220px;text-align:left;width:135px;z-index:4}
#sq-system .sqs-side-left{left:6%}
#sq-system .sqs-side-right{right:6%;text-align:right}
#sq-system .sqs-side-note span{font-size:9px;letter-spacing:.15em;color:#7293b8;display:block}
#sq-system .sqs-side-note strong{font-size:14px;line-height:2.5;font-weight:500}
#sq-system .sqs-side-note div{height:1px;background:linear-gradient(90deg,#6587ac,transparent);position:relative}
#sq-system .sqs-side-note div:before{content:'';display:block;width:4px;height:4px;background:#85bfff;position:absolute;top:-1.5px}
#sq-system .sqs-side-right div{transform:rotate(180deg)}
#sq-system .sqs-screen-picker{display:flex;justify-content:center;gap:4px;position:relative;z-index:5;margin:6px auto 27px;width:max-content;max-width:92%;padding:4px;border:1px solid #244360;border-radius:6px;background:#071321}
#sq-system .sqs-screen-picker button{border:0;border-radius:3px;background:transparent;color:#8198b3;padding:8px 17px;font-size:11px;min-height:35px}
#sq-system .sqs-screen-picker button[aria-pressed="true"]{background:#1b4977;color:#e9f5ff;box-shadow:inset 0 0 0 1px #3970a8}
#sq-system .sqs-explore{display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;color:#99afc7!important;letter-spacing:.02em;padding:5px 0 31px}
#sq-system .sqs-explore svg{width:15px;height:15px}
#sq-system .sqs-section{padding:78px 6%;position:relative}
#sq-system .sqs-title{font:600 42px/1.12 Inter,Arial,sans-serif;letter-spacing:-1.5px;color:var(--sqs-text)}
#sq-system .sqs-copy{font-size:15px;line-height:1.8;color:var(--sqs-muted)}
#sq-system .sqs-link{display:inline-flex;align-items:center;gap:10px;padding:8px 0;color:var(--sqs-ice)!important;font-size:12px;font-weight:500}
#sq-system .sqs-action{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 19px;border:1px solid #54adff;border-radius:4px;background:#197bd8;box-shadow:inset 0 1px #ffffff25;font-size:13px;font-weight:600;color:#fff!important}
#sq-system .sqs-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}
#sq-system .sqs-section-head h2{font:600 clamp(34px,4.3cqw,49px)/1.09 Inter,Arial,sans-serif;letter-spacing:-1.7px}
#sq-system .sqs-section-head h2 em{color:#8198b3}
#sq-system .sqs-section-head>p{max-width:285px;font-size:14px;line-height:1.85;padding-bottom:4px}
#sq-system .sqs-progress{border-top:1px solid #152b42;background:linear-gradient(#07101b,#03070d)}
#sq-system .sqs-progress-stage{display:grid;grid-template-columns:.95fr 1.65fr;border-top:1px solid #2b3e55;border-bottom:1px solid #2b3e55;gap:30px;min-height:497px}
#sq-system .sqs-step-list{display:flex;flex-direction:column;justify-content:center;padding:20px 0}
#sq-system .sqs-step{display:flex;align-items:flex-start;gap:13px;text-align:left;padding:22px 0;border:0;border-bottom:1px solid #253142;background:transparent;position:relative;opacity:.84;transition:opacity .25s}
#sq-system .sqs-step:last-child{border-bottom:0}
#sq-system .sqs-step[aria-pressed="true"],#sq-system .sqs-step:hover{opacity:1}
#sq-system .sqs-step>span{font:500 10px/25px Inter,Arial,sans-serif;width:26px;height:26px;border-radius:50%;border:1px solid #4d617a;text-align:center;flex:none;color:#adc3dc}
#sq-system .sqs-step[aria-pressed="true"]>span{background:#2b96ff;border-color:#2b96ff;color:#07101c}
#sq-system .sqs-step strong{display:block;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:9px}
#sq-system .sqs-step p{font-size:12px;line-height:1.8}
#sq-system .sqs-step>svg{width:15px;height:15px;margin-left:auto;margin-top:5px;color:#74baff}
#sq-system .sqs-transformation{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 75% 60%,#12375c65,transparent 57%)}
#sq-system .sqs-world-label{position:absolute;top:24px;font-size:9px;letter-spacing:.15em;color:#6f8caa;z-index:3}
#sq-system .sqs-world-real{left:8%}#sq-system .sqs-world-game{right:10%}
#sq-system .sqs-transformation-grid{position:absolute;bottom:90px;left:0;right:0;height:200px;transform:perspective(400px) rotateX(65deg);background-image:linear-gradient(#25476933 1px,transparent 1px),linear-gradient(90deg,#25476933 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black,transparent 70%)}
#sq-system .sqs-demo-phone{width:143px;position:absolute;left:6%;top:66px;transform:rotate(-5deg);z-index:2;border-radius:23px;padding:4px}
#sq-system .sqs-demo-phone img{border-radius:18px}
#sq-system .sqs-demo-hunter{position:absolute;right:0;top:57px;width:49%;height:322px;object-fit:contain;mix-blend-mode:lighten;z-index:2}
#sq-system .sqs-hunter-plinth{position:absolute;right:2%;top:341px;width:44%;height:32px;border:1px solid #2a76b8;border-radius:50%;background:radial-gradient(ellipse,#247dc64d,transparent 70%);box-shadow:0 0 40px #267bd02d;transform:rotate(-6deg)}
#sq-system .sqs-connection{position:absolute;left:40%;top:224px;right:43%;display:flex;align-items:center;gap:3px;color:#73c2ff;z-index:3}
#sq-system .sqs-connection span{height:1px;flex:1;background:#4189c7}
#sq-system .sqs-connection svg{width:18px;height:18px}
#sq-system .sqs-demo-caption{position:absolute;left:5%;right:3%;bottom:46px;text-align:center;z-index:3}
#sq-system .sqs-demo-caption strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
#sq-system .sqs-demo-caption>span{font-size:11px;color:#879db5;display:block}
#sq-system .sqs-example-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:9px;color:#5f7690}
#sq-system .sqs-goals{display:flex;gap:15px;align-items:center;margin-top:25px}
#sq-system .sqs-goals>svg{color:#6ca8de;width:23px;height:23px}
#sq-system .sqs-goals p{font-size:12px;flex:1}
#sq-system .sqs-goals strong{color:#cdd8e7;font-weight:500;display:block}
#sq-system .sqs-world{min-height:660px;position:relative;isolation:isolate;overflow:hidden;background:#070a0e;border-top:1px solid #223142;border-bottom:1px solid #223142;padding:55px 6% 0}
#sq-system .sqs-world-top{position:relative;z-index:4}
#sq-system .sqs-world-top h2{font:500 20px/1.3 Inter,Arial,sans-serif;letter-spacing:-.4px;color:#aebed1}
#sq-system .sqs-world-top h2 em{color:#d1dbea}
#sq-system .sqs-world-art{position:absolute;inset:0 0 90px 28%;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 29%)}
#sq-system .sqs-world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070a0e,transparent 20%,transparent 80%,#070a0e),linear-gradient(90deg,#070a0e 1%,transparent 60%);z-index:3;pointer-events:none}
#sq-system .sqs-world-background{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:cover;opacity:0}
#sq-system .sqs-world-boss{position:absolute;right:-3%;bottom:-20px;height:100%;width:85%;object-fit:cover;object-position:50% 100%;opacity:1;mix-blend-mode:lighten}
#sq-system .sqs-world-party{position:absolute;inset:25% 0 0 15%;opacity:0;mix-blend-mode:lighten}
#sq-system .sqs-world-party img{position:absolute;bottom:40px;width:49%;height:86%;object-fit:contain;mix-blend-mode:lighten}
#sq-system .sqs-world-recruit{left:0;display:none!important}
#sq-system .sqs-world-knight{left:4%}
#sq-system .sqs-world-monarch{right:1%;transform:scaleX(-1)}
#sq-system .sqs-versus{display:none;position:absolute;right:36%;top:47%;font:800 100px/.8 'Barlow Condensed',Impact,sans-serif;color:#dca67e66;z-index:0}
#sq-system .sqs-world-copy{position:relative;z-index:4;margin-top:77px;max-width:450px;min-height:300px}
#sq-system .sqs-world-eyebrow{font-size:10px;letter-spacing:.15em;color:#99b4d0;display:block;margin-bottom:12px}
#sq-system .sqs-world-copy h2{font:700 64px/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:.005em;text-transform:uppercase}
#sq-system .sqs-world-copy p{font-size:14px;line-height:1.8;margin:22px 0 14px;max-width:295px;color:#b6c1cf}
#sq-system .sqs-world-tabs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #384353;margin-top:44px;background:#080d15}
#sq-system .sqs-world-tabs button{border:0;border-top:2px solid transparent;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:23px 14px 24px;color:#91a2b9;min-width:0}
#sq-system .sqs-world-tabs button+button{border-left:1px solid #273242}
#sq-system .sqs-world-tabs button[aria-pressed="true"]{color:#f1f5fc;background:linear-gradient(#132b47,#0a1421);border-top-color:#2b96ff}
#sq-system .sqs-world-tabs svg{color:#69b4fc;width:21px;height:21px}
#sq-system .sqs-world-tabs span{font-size:13px;line-height:1.4;flex:1}
#sq-system .sqs-world-tabs small{display:block;font-size:10px;color:#8195ac;margin-top:6px}
#sq-system .sqs-world-tabs b{font-weight:400;font-size:10px;color:#647a95;align-self:start;margin-top:3px}
#sq-system .sqs-world[data-world="pvp"] .sqs-world-boss,#sq-system .sqs-world[data-world="guild"] .sqs-world-boss{opacity:0}
#sq-system .sqs-world[data-world="pvp"] .sqs-world-background{opacity:.55}
#sq-system .sqs-world[data-world="pvp"] .sqs-world-party,#sq-system .sqs-world[data-world="guild"] .sqs-world-party{opacity:1}
#sq-system .sqs-world[data-world="pvp"] .sqs-versus{display:block}
#sq-system .sqs-world[data-world="guild"]{background:radial-gradient(ellipse at 75% 65%,#11385c,#070a0e 70%)}
#sq-system .sqs-world[data-world="guild"] .sqs-world-party{inset:24% 0 0 10%}
#sq-system .sqs-world[data-world="guild"] .sqs-world-party img{width:38%;height:75%;bottom:30px}
#sq-system .sqs-world[data-world="guild"] .sqs-world-recruit{display:block!important;left:1%;height:57%;bottom:40px}
#sq-system .sqs-world[data-world="guild"] .sqs-world-knight{left:29%;height:85%}
#sq-system .sqs-world[data-world="guild"] .sqs-world-monarch{right:0;transform:none}
#sq-system[data-motion="off"] .sqs-page *,#sq-system[data-motion="off"] .sqs-page *:before,#sq-system[data-motion="off"] .sqs-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@container(min-width:1000px){
 #sq-system .sqs-hero{display:grid;grid-template-columns:43% 57%;grid-template-rows:490px auto;padding:50px 5% 0;text-align:left;align-items:center}
 #sq-system .sqs-hero-copy{grid-column:1;grid-row:1;padding:0 0 0 1%;z-index:5}
 #sq-system .sqs-hero h1{font-size:clamp(62px,6.6cqw,82px);line-height:.95;letter-spacing:-.01em}
 #sq-system .sqs-hero h1 em{max-width:410px}
 #sq-system .sqs-hero-description{font-size:15px;max-width:350px;margin:24px 0!important}
 #sq-system .sqs-hero .sqs-stores{justify-content:flex-start;gap:10px}
 #sq-system .sqs-hero .sqs-stores a{width:145px;height:45px}
 #sq-system .sqs-platforms{font-size:10px;max-width:340px}
 #sq-system .sqs-hero-stage{grid-column:2;grid-row:1;width:100%;height:490px;margin:0;max-width:none}
 
 
 
 #sq-system .sqs-portal{width:94%;height:390px;top:39px}
 #sq-system .sqs-hero-floor{left:0;right:0;bottom:15px}
 #sq-system .sqs-side-note{display:none}
 #sq-system .sqs-screen-picker{grid-column:2;grid-row:2;margin:0 auto 32px}
 #sq-system .sqs-explore{grid-column:1;grid-row:2;justify-content:flex-start;padding:0 0 32px 1%;align-self:center;font-size:10px}
}
@container(max-width:850px){#sq-system .sqs-nav-links{gap:16px;font-size:11px}#sq-system .sqs-nav{gap:18px}#sq-system .sqs-side-note{display:none}#sq-system .sqs-progress-stage{gap:20px;grid-template-columns:1fr 1.5fr}#sq-system .sqs-demo-phone{width:128px;left:4%;top:80px}#sq-system .sqs-demo-hunter{height:300px;width:48%;top:75px}#sq-system .sqs-step p{font-size:11px}#sq-system .sqs-world-copy{max-width:290px}#sq-system .sqs-world-tabs button{padding:22px 12px}#sq-system .sqs-world-tabs small{font-size:9px}}
@container(max-width:650px){
 #sq-system .sqs-nav{padding:15px 6%;gap:12px}#sq-system .sqs-brand{font-size:16px;gap:8px}#sq-system .sqs-brand img{width:30px;height:30px}#sq-system .sqs-nav-links{display:none}#sq-system .sqs-nav-download{margin-left:auto;font-size:11px;padding:9px 11px}#sq-system .sqs-nav-download span{display:none}#sq-system .sqs-menu{display:block;margin-left:0}
 #sq-system .sqs-hero{padding-top:38px}#sq-system .sqs-kicker{font-size:9px;margin-bottom:16px!important}#sq-system .sqs-hero h1{font-size:clamp(48px,13cqw,72px);line-height:.95}#sq-system .sqs-hero-description{font-size:13px;line-height:1.75;max-width:320px;margin:21px auto!important}#sq-system .sqs-stores{gap:10px}#sq-system .sqs-stores a{width:139px;height:43px}#sq-system .sqs-platforms{font-size:9px;margin-top:12px!important}
 #sq-system .sqs-hero-stage{height:350px;margin-top:30px}#sq-system .sqs-portal{width:85%;height:280px;top:31px}#sq-system .sqs-hero-floor{left:5%;right:5%;bottom:12px}#sq-system .sqs-screen-picker{margin-top:0;margin-bottom:18px}#sq-system .sqs-screen-picker button{padding:8px 12px;font-size:10px;min-height:35px}#sq-system .sqs-explore{padding-bottom:25px;font-size:10px}
 #sq-system .sqs-section{padding:55px 7%}#sq-system .sqs-title{font-size:34px;letter-spacing:-1px}#sq-system .sqs-section-head{display:block;margin-bottom:29px}#sq-system .sqs-section-head h2{font-size:34px;letter-spacing:-1px}#sq-system .sqs-section-head>p{font-size:13px;max-width:100%;margin-top:20px;line-height:1.8}#sq-system .sqs-progress-stage{display:flex;flex-direction:column;gap:0;min-height:0}#sq-system .sqs-step-list{padding:0;flex-direction:row;border-bottom:1px solid #233142}#sq-system .sqs-step{flex:1;display:block;border:0;padding:18px 5px;text-align:center}#sq-system .sqs-step>span{display:inline-block;width:24px;height:24px;line-height:23px}#sq-system .sqs-step strong{font-size:11px;margin:9px 0 0;line-height:1.4}#sq-system .sqs-step p,#sq-system .sqs-step>svg{display:none}#sq-system .sqs-transformation{height:440px;margin:0 -4%}#sq-system .sqs-world-label{font-size:8px;top:22px}#sq-system .sqs-demo-phone{width:128px;left:7%;top:60px;transform:rotate(-4deg)}#sq-system .sqs-demo-hunter{width:49%;height:270px;top:59px;right:1%}#sq-system .sqs-hunter-plinth{top:298px;right:3%;width:42%}#sq-system .sqs-connection{left:46%;right:41%;top:201px}#sq-system .sqs-demo-caption{bottom:44px;left:7%;right:7%}#sq-system .sqs-demo-caption strong{font-size:13px}#sq-system .sqs-demo-caption>span{font-size:11px}#sq-system .sqs-example-label{font-size:8px;bottom:14px}#sq-system .sqs-goals{align-items:start;flex-wrap:wrap;gap:12px}#sq-system .sqs-goals p{font-size:11px}#sq-system .sqs-goals .sqs-link{margin-left:35px;margin-top:0;font-size:11px}
 #sq-system .sqs-world{padding:48px 7% 0;min-height:850px}#sq-system .sqs-world-top h2{font-size:43px;line-height:1.02}#sq-system .sqs-world-art{inset:130px -10% 273px 0;mask-image:linear-gradient(0deg,transparent,black 15%,black 90%,transparent)}#sq-system .sqs-world-art:after{background:linear-gradient(0deg,#070a0e,transparent 30%,transparent 85%,#070a0e)}#sq-system .sqs-world-boss{height:110%;width:100%;right:0;bottom:-22%;object-fit:contain;object-position:50% 50%}#sq-system .sqs-world-copy{margin-top:275px;max-width:100%;min-height:236px}#sq-system .sqs-world-copy h2{font-size:27px}#sq-system .sqs-world-copy h2 br{display:none}#sq-system .sqs-world-copy p{max-width:100%;font-size:13px;margin:15px 0 10px}#sq-system .sqs-world-eyebrow{font-size:9px}#sq-system .sqs-world-tabs{margin:5px -8.15% 0;grid-template-columns:repeat(3,1fr);padding:0 4%;border-top:1px solid #33475e}#sq-system .sqs-world-tabs button{padding:19px 7px 21px;display:block;text-align:center}#sq-system .sqs-world-tabs svg{width:19px;height:19px;margin:0 auto 9px;display:block}#sq-system .sqs-world-tabs span{font-size:10px;line-height:1.5;display:block}#sq-system .sqs-world-tabs small,#sq-system .sqs-world-tabs b{display:none}#sq-system .sqs-world-party{inset:0 4% 0 0}#sq-system .sqs-world-party img{bottom:10px;height:98%;width:50%}#sq-system .sqs-versus{right:40%;top:45%;font-size:80px}#sq-system .sqs-world[data-world="guild"] .sqs-world-party{inset:0 2% 0 0}#sq-system .sqs-world[data-world="guild"] .sqs-world-party img{bottom:0}#sq-system .sqs-world[data-world="guild"] .sqs-world-knight{height:99%;left:26%}#sq-system .sqs-world[data-world="guild"] .sqs-world-recruit{bottom:0;height:67%}
}
@container(max-width:350px){#sq-system .sqs-nav-download{display:none}#sq-system .sqs-menu{margin-left:auto}#sq-system .sqs-hero h1{font-size:45px}#sq-system .sqs-hero-copy{padding:0 5%}#sq-system .sqs-stores a{width:125px;height:39px}#sq-system .sqs-hero-stage{height:310px}#sq-system .sqs-portal{height:240px}#sq-system .sqs-screen-picker button{padding:8px 9px}#sq-system .sqs-demo-phone{width:108px;left:5%;top:74px}#sq-system .sqs-demo-hunter{right:0;width:49%;height:255px}#sq-system .sqs-world-top h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){#sq-system .sqs-page *,#sq-system .sqs-page *:before,#sq-system .sqs-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#sq-system .sqs-step p{font-size:13px}
#sq-system .sqs-short-label{display:none}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-phone{box-shadow:0 0 0 2px #1d4b75,0 22px 45px #000b,0 0 35px #148be51f}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-hunter-plinth{border-color:#79bfff;box-shadow:0 0 50px #267bd04d}
@container(max-width:650px){#sq-system .sqs-world{min-height:800px}#sq-system .sqs-world-top h2{font:500 18px/1.3 Inter,Arial,sans-serif;letter-spacing:-.3px}#sq-system .sqs-world-art{inset:112px -5% 290px 0}#sq-system .sqs-world-boss{width:100%;height:100%;object-fit:cover;object-position:50% 100%;bottom:0;right:0}#sq-system .sqs-world-copy{margin-top:292px;min-height:233px}#sq-system .sqs-world-copy h2{font:700 42px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.005em}#sq-system .sqs-world-copy h2 br{display:initial}#sq-system .sqs-world-tabs{margin-top:22px}}
@container(max-width:650px){
 #sq-system .sqs-step{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:0}#sq-system .sqs-long-label{display:none}#sq-system .sqs-short-label{display:inline}#sq-system .sqs-step strong{font-size:12px}#sq-system .sqs-hunter-plinth{top:270px}
 #sq-system .sqs-world{display:flex;flex-direction:column;min-height:0;padding-bottom:40px;isolation:isolate}
 #sq-system .sqs-world-top{order:0}#sq-system .sqs-world-tabs{order:1;margin:26px -8.15% 0;border-bottom:1px solid #273c54;position:relative}
 #sq-system .sqs-world-tabs button{padding:15px 5px 17px}
 #sq-system .sqs-world-art{order:2;position:relative;inset:auto;min-height:292px;width:116.3%;margin:0 -8.15%;z-index:0;mask-image:linear-gradient(0deg,transparent,black 15%,black 87%,transparent)}
 #sq-system .sqs-world-boss{width:100%;height:155%;bottom:-2%;object-fit:contain;object-position:50% 100%}
 #sq-system .sqs-world-copy{order:3;margin-top:-15px;min-height:0;padding-bottom:0}
 #sq-system .sqs-world-copy h2{font-size:40px}#sq-system .sqs-world-copy p{font-size:13px}
}
#sq-system .sqs-demo-hunter,#sq-system .sqs-world-party,#sq-system .sqs-world-party .sqs-world-knight,#sq-system .sqs-world-party .sqs-world-monarch{mix-blend-mode:normal}
@container(max-width:650px){#sq-system .sqs-world-boss{height:100%;width:100%;object-fit:cover;bottom:0}#sq-system .sqs-hero-description{max-width:280px}#sq-system .sqs-goals .sqs-link{margin-left:35px;flex-basis:100%}}
@container(max-width:350px){#sq-system .sqs-hero h1{font-size:clamp(34px,13cqw,45px)}#sq-system .sqs-stores{flex-wrap:nowrap;width:100%}#sq-system .sqs-stores a{width:calc((100% - 10px)/2);max-width:125px;height:auto;aspect-ratio:3.25}#sq-system .sqs-demo-phone{width:108px}#sq-system .sqs-world-tabs span{font-size:9px}}
@container(max-width:650px){#sq-system .sqs-screen-picker button{min-height:44px}#sq-system .sqs-menu summary{width:44px;height:44px}#sq-system .sqs-step{min-height:89px}}
@container(max-width:350px){#sq-system .sqs-stores a{height:44px;aspect-ratio:auto}}
#sq-system .sqs-menu summary{font-size:11px;font-weight:500}
@container(min-width:651px) and (max-width:999px){#sq-system .sqs-hero{padding-top:32px}#sq-system .sqs-hero h1{font-size:72px}#sq-system .sqs-hero-description{margin:20px auto!important}#sq-system .sqs-side-note{display:none}#sq-system .sqs-hero-stage{height:425px}}
@container(max-width:350px){#sq-system .sqs-stores a{box-shadow:none}}
@container(min-width:651px){#sq-system .sqs-world-boss{mask-image:linear-gradient(90deg,transparent,black 18%)}}
#sq-system .sqs-build-options{position:absolute;left:6%;top:65px;width:42%;z-index:3}
#sq-system .sqs-build-options>p{font-size:10px;letter-spacing:.14em;color:var(--sqs-ice);margin-bottom:24px}
#sq-system .sqs-build-options dl{margin:0}
#sq-system .sqs-build-options dl>div{padding:15px 0;border-top:1px solid #26445f}
#sq-system .sqs-build-options dt{display:flex;align-items:center;gap:9px;color:#e5effa;font-size:15px;font-weight:600}
#sq-system .sqs-build-options dt svg{width:17px;height:17px;color:#70b6f6}
#sq-system .sqs-build-options dd{margin:6px 0 0 26px;font-size:12px;line-height:1.6;color:#a0b4ca}
#sq-system .sqs-demo-caption>span{font-size:12px}
#sq-system .sqs-example-label{font-size:11px;color:#7d94ae}
#sq-system .sqs-world-label{font-size:10px}
#sq-system .sqs-world .sqs-stores{justify-content:flex-start;margin-top:25px;gap:10px}
#sq-system .sqs-world .sqs-stores a{width:135px;height:44px;box-shadow:none}
#sq-system .sqs-world .sqs-guild-link{font-size:11px;margin-top:8px}
@container(min-width:651px){
 #sq-system .sqs-world{min-height:715px;padding-bottom:46px}
 #sq-system .sqs-world-tabs{margin-top:26px;border-bottom:1px solid #253c55}
 #sq-system .sqs-world-tabs button{padding-top:19px;padding-bottom:20px}
 #sq-system .sqs-world-art{inset:202px 0 0 28%}
 #sq-system .sqs-world-copy{margin-top:45px;min-height:330px}
 #sq-system .sqs-world-panels{min-height:240px}
 #sq-system .sqs-world[data-world="guild"] .sqs-world-party{inset:12% 0 0 10%}
 #sq-system .sqs-world-party{inset:12% 0 0 15%}
}
@container(max-width:650px){
 #sq-system .sqs-build-options{top:54px;left:5%;width:43%}
 #sq-system .sqs-build-options>p{font-size:9px;margin-bottom:18px}
 #sq-system .sqs-build-options dt{font-size:12px;gap:6px}
 #sq-system .sqs-build-options dt svg{width:14px;height:14px}
 #sq-system .sqs-build-options dd{font-size:11px;margin-left:0}
 #sq-system .sqs-build-options dl>div{padding:12px 0}
 #sq-system .sqs-world .sqs-stores{margin-top:22px;flex-wrap:nowrap}
 #sq-system .sqs-world .sqs-stores a{width:calc((100% - 10px)/2);max-width:145px;height:44px}
 #sq-system .sqs-world-tabs span{font-size:11px}
 #sq-system .sqs-example-label{font-size:10px;padding:0 9%;line-height:1.5}
}
#sq-system .sqs-hero{isolation:isolate;background:#03070d}
#sq-system .sqs-hero-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2;opacity:.74}
#sq-system .sqs-hero:before{display:none}
#sq-system .sqs-hero:after{inset:0;left:0;right:0;width:auto;height:auto;z-index:-1;background:linear-gradient(0deg,#03070d 0%,transparent 27%,#03070d33 80%),linear-gradient(90deg,#03070d55,transparent 55%);pointer-events:none}
#sq-system .sqs-progress-stage{border-top:0;border-bottom:0}
#sq-system .sqs-transformation{background:radial-gradient(ellipse at 70% 60%,#14345455,transparent 62%)}
#sq-system .sqs-transformation-grid,#sq-system .sqs-hunter-plinth,#sq-system .sqs-world-label{display:none}
#sq-system .sqs-stage-word{position:absolute;left:3%;right:0;top:65px;text-align:center;font:700 clamp(90px,14cqw,180px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;color:#152b43;opacity:.7;pointer-events:none}
#sq-system .sqs-step strong{font-size:21px}
#sq-system .sqs-step[aria-pressed="true"] strong{color:#91ccff}
#sq-system .sqs-step p{font-size:14px}
#sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-phone{left:21%;top:46px;width:156px;transform:rotate(3deg);z-index:4}
#sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-hunter{width:36%;height:270px;top:110px;right:-1%;opacity:.82}
#sq-system .sqs-progress-stage[data-step="earn"] .sqs-connection{display:none}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-stage-word{left:10%;top:91px;opacity:.48}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-hunter{right:-3%;width:53%;height:345px;top:40px}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-build-options{top:57px}
@container(min-width:1000px){
 #sq-system .sqs-hero-stage{height:490px}
 
 
 
 #sq-system .sqs-hero-environment{object-fit:cover;object-position:69% 50%}
}
@container(max-width:999px){#sq-system .sqs-hero-environment{object-position:73% 100%;opacity:.6;mask-image:linear-gradient(transparent 16%,black 46%,black 88%,transparent)}}
@container(max-width:650px){
 #sq-system .sqs-step strong{font-size:12px}
 #sq-system .sqs-stage-word{font-size:100px;top:55px;left:0}
 #sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-phone{width:137px;left:17%;top:44px}
 #sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-hunter{width:34%;height:240px;top:87px;right:0}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-hunter{height:290px;top:42px;right:-4%;width:52%}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-stage-word{font-size:100px;top:100px}
 #sq-system .sqs-hero-environment{object-position:73% 100%;mask-image:linear-gradient(transparent 20%,black 48%,black 88%,transparent)}
}
@container(max-width:350px){#sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-phone{width:125px;left:9%}#sq-system .sqs-build-options dt{font-size:11px}#sq-system .sqs-build-options dt svg{display:none}#sq-system .sqs-stage-word{font-size:85px}#sq-system .sqs-progress-stage[data-step="equip"] .sqs-transformation{height:480px}}

#sq-system .sqs-platforms{font-size:12px;color:#a2b3c8}
#sq-system .sqs-store-proof{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:13px;color:#a2b3c8;font-size:12px;text-decoration:none}
#sq-system .sqs-store-proof strong{font:700 29px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.015em;color:#e7f3ff}
#sq-system .sqs-store-proof>span:last-child{color:#6fbeff;margin-left:3px}
@container(min-width:1000px){#sq-system .sqs-hero h1{font-size:clamp(60px,6.1cqw,76px)}#sq-system .sqs-hero h1 em{max-width:none;white-space:nowrap}}
@container(max-width:650px){#sq-system .sqs-store-proof{margin-top:6px;font-size:12px}#sq-system .sqs-store-proof strong{font-size:25px}#sq-system .sqs-hero-stage{margin-top:16px}}
#sq-system .sqs-screen-controls{grid-column:2;grid-row:2;min-width:0}
#sq-system .sqs-screen-controls .sqs-screen-picker{margin:0 auto 24px}

/* Unaltered product images framed to their original visible screen area. */










#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-phone{left:12%;top:40px;width:160px;transform:rotate(-5deg)}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-connection{display:none}

@container(max-width:650px){#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-phone{width:138px;left:5%;top:46px}}
@container(max-width:350px){#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-phone{width:118px;left:4%;top:60px}}

/* Current System Glass captures. One restrained device edge; original UI intact. */
#sq-system .sqs-phone{position:relative;padding:3px;background:#02060b;border:1px solid #3b4b5c;border-radius:25px;box-shadow:0 24px 42px #0009;overflow:hidden}
#sq-system .sqs-app-capture{position:relative;width:100%;aspect-ratio:600/1300;overflow:hidden;border-radius:21px;background:#071021}
#sq-system .sqs-app-capture>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0}
#sq-system .sqs-hero-phone{transform:none;animation:none;top:auto;bottom:22px}
#sq-system .sqs-hero-main{width:220px;left:calc(50% - 110px);z-index:3}
#sq-system .sqs-hero-left{width:164px;left:calc(50% - 238px);bottom:40px;z-index:1}
#sq-system .sqs-hero-right{width:164px;left:calc(50% + 74px);bottom:40px;z-index:2}
#sq-system .sqs-hero-stage{height:510px}
#sq-system .sqs-demo-phone{position:absolute;border-radius:22px;padding:3px;transform:none}
#sq-system .sqs-demo-phone .sqs-app-capture{border-radius:18px}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-phone,#sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-phone{transform:none;box-shadow:0 20px 36px #0008}
#sq-system .sqs-training-future{position:absolute;right:0;top:20px;width:50%;height:365px;z-index:1}
#sq-system .sqs-training-future img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) brightness(1.2) sepia(1) saturate(3) hue-rotate(165deg);opacity:.38;mask-image:repeating-linear-gradient(transparent 0 1px,#000 1px 4px)}
#sq-system .sqs-training-future span{position:absolute;right:6%;top:13px;font-size:11px;letter-spacing:.12em;color:#78bbec}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-hunter{right:16%;top:108px;width:27%;height:280px;object-position:50% 100%;image-rendering:pixelated;mix-blend-mode:normal;filter:drop-shadow(0 12px 14px #0008)}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-stage-word{display:none}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-transformation{background:radial-gradient(ellipse at 69% 64%,#14457655,transparent 56%)}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-hunter-plinth{display:block;top:380px;right:9%;width:43%;height:20px;transform:none;border-color:#3e91bf66}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{left:auto;right:9%;top:24px;width:176px;transform:none}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-stage-word{display:none}
@container(min-width:1000px){#sq-system .sqs-hero{grid-template-rows:510px auto}}
@container(min-width:651px) and (max-width:999px){
 #sq-system .sqs-hero-stage{height:465px}
 #sq-system .sqs-hero-main{width:200px;left:calc(50% - 100px)}
 #sq-system .sqs-hero-left{width:150px;left:calc(50% - 218px)}
 #sq-system .sqs-hero-right{width:150px;left:calc(50% + 68px)}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{width:clamp(132px,19cqw,176px);right:3%;top:34px}
}
@container(max-width:650px){
 #sq-system .sqs-phone{padding:2px;border-radius:19px}
 #sq-system .sqs-app-capture{border-radius:16px}
 #sq-system .sqs-hero-stage{height:365px;margin-top:23px}
 #sq-system .sqs-hero-main{width:156px;left:calc(50% - 78px);bottom:15px}
 #sq-system .sqs-hero-left{width:110px;left:calc(50% - 155px);bottom:33px}
 #sq-system .sqs-hero-right{width:110px;left:calc(50% + 45px);bottom:33px}
 #sq-system .sqs-demo-phone .sqs-app-capture{border-radius:16px}
 #sq-system .sqs-transformation,#sq-system .sqs-progress-stage[data-step="equip"] .sqs-transformation{height:460px}
 #sq-system .sqs-training-future{top:28px;right:-5%;width:58%;height:290px}
 #sq-system .sqs-training-future span{right:8%;top:5px;font-size:10px}
 #sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-hunter{right:13%;top:109px;width:31%;height:218px}
 #sq-system .sqs-progress-stage[data-step="train"] .sqs-hunter-plinth{top:322px;right:3%;width:51%}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{right:2%;top:25px;width:142px}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-build-options{top:28px;left:4%;width:43%}
}
@container(max-width:350px){
 #sq-system .sqs-hero-stage{height:315px}
 #sq-system .sqs-hero-main{width:134px;left:calc(50% - 67px)}
 #sq-system .sqs-hero-left{width:90px;left:calc(50% - 130px)}
 #sq-system .sqs-hero-right{width:90px;left:calc(50% + 40px)}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{right:1%;top:40px;width:126px}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-transformation{height:440px}
}

/* One stage, three compositions. This file follows system-main.css. */
#sq-system .sqs-page .sqs-world .sqs-guild-original{display:none}
#sq-system .sqs-page .sqs-world{--sqs-scene-height:560px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto var(--sqs-scene-height);min-height:0;padding:52px 6% 40px;background:#03070d;row-gap:0}
#sq-system .sqs-page .sqs-world-top{grid-column:1;grid-row:1}
#sq-system .sqs-page .sqs-world-tabs{grid-column:1;grid-row:2;margin:26px 0 0;padding:0;background:#050d17;border-color:#263e56}
#sq-system .sqs-page .sqs-world-tabs button{padding:18px 15px 19px;min-height:76px}
#sq-system .sqs-page .sqs-world-tabs button[aria-pressed="true"]{background:linear-gradient(#0d263f,#071321);border-top-color:#2b96ff}
#sq-system .sqs-page .sqs-world-art{position:relative;grid-column:1;grid-row:3;inset:auto;width:113.64%;height:var(--sqs-scene-height);min-height:0;margin:0 -6.82%;overflow:hidden;z-index:0;mask-image:none;pointer-events:none;background:#03070d}
#sq-system .sqs-page .sqs-world-art:after{inset:0;z-index:4;background:linear-gradient(0deg,#03070d 1%,transparent 24%,transparent 82%,#03070d),linear-gradient(90deg,#03070d 2%,#03070de6 26%,transparent 61%);pointer-events:none}
#sq-system .sqs-page .sqs-world-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 80%;opacity:.2;filter:saturate(.65) brightness(.6)}
#sq-system .sqs-page .sqs-world-boss{right:9%;bottom:32px;width:35%;height:84%;object-fit:contain;object-position:50% 100%;opacity:1;mix-blend-mode:normal;mask-image:none;z-index:1;image-rendering:pixelated;filter:drop-shadow(0 18px 25px #0009)}
#sq-system .sqs-page .sqs-world-challenger{position:absolute;left:43%;bottom:28px;width:112px;height:190px;object-fit:contain;object-position:50% 100%;opacity:1;z-index:5;image-rendering:pixelated;filter:drop-shadow(0 6px 12px #0008)}
#sq-system .sqs-page .sqs-world-party{position:absolute;inset:0;opacity:0;mix-blend-mode:normal;z-index:3}
#sq-system .sqs-page .sqs-world-party img{bottom:26px;height:85%;width:27%;object-fit:contain;object-position:50% 100%;mix-blend-mode:normal;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #0006)}
#sq-system .sqs-page .sqs-world-knight{left:1%}
#sq-system .sqs-page .sqs-world-monarch{right:1%;transform:scaleX(-1)}
#sq-system .sqs-page .sqs-versus{display:none;left:50%;right:auto;top:auto;bottom:12px;transform:translateX(-50%);font-size:145px;line-height:.8;color:#4ba8ef24;z-index:2;letter-spacing:-.05em}
#sq-system .sqs-page .sqs-world-copy{grid-column:1;grid-row:3;position:relative;align-self:center;justify-self:start;width:40%;max-width:390px;min-height:0;margin:0;padding:0;z-index:6}
#sq-system .sqs-page .sqs-world-panels{min-height:0}
#sq-system .sqs-page .sqs-world-copy h2{font-size:clamp(44px,5.2cqw,58px);line-height:.97}
#sq-system .sqs-page .sqs-world-copy p{max-width:330px;font-size:14px;line-height:1.8;margin:20px 0 0;color:#b7c6d7}
#sq-system .sqs-page .sqs-world-eyebrow{font-size:11px;line-height:1.5;margin-bottom:14px;letter-spacing:.12em;color:#92b7d6}
#sq-system .sqs-page .sqs-world .sqs-stores{display:flex;justify-content:flex-start;gap:10px;margin-top:24px;flex-wrap:nowrap}
#sq-system .sqs-page .sqs-world .sqs-stores a{width:calc((100% - 10px)/2);max-width:143px;height:44px;box-shadow:none}
#sq-system .sqs-page .sqs-world .sqs-guild-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font-size:12px;line-height:1.6;margin-top:8px}
#sq-system .sqs-page .sqs-world .sqs-guild-link[hidden]{display:none}

/* PvP opens the frame: two opponents flank the copy. */
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-boss,#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-boss,#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-challenger,#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-challenger{opacity:0}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-background{opacity:.24;filter:saturate(.5) brightness(.55)}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-art:after{background:linear-gradient(0deg,#03070d,transparent 24%,transparent 83%,#03070d),linear-gradient(90deg,transparent 21%,#03070de8 37%,#03070de8 63%,transparent 79%)}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-party{inset:0;opacity:1}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-party img{width:26%;height:87%;bottom:22px}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-knight{left:1%}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-monarch{right:1%;transform:scaleX(-1)}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-versus{display:block}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-copy{justify-self:center;width:40%;max-width:370px;text-align:center;align-self:center}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-copy p{margin-left:auto;margin-right:auto;max-width:320px}
#sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-stores{justify-content:center}

/* Guilds share a floor, with the invitation above the whole party. */
#sq-system .sqs-page .sqs-world[data-world="guild"]{background:#03070d}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-art{background:radial-gradient(ellipse at 50% 96%,#0d365c55,transparent 53%),#03070d}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-art:before{content:'';position:absolute;left:15%;right:15%;bottom:28px;height:1px;background:linear-gradient(90deg,transparent,#3178a855,transparent);z-index:1}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-art:after{background:linear-gradient(0deg,#03070d,transparent 13%,transparent 92%,#03070d)}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-background{opacity:0}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party{inset:auto 17% 14px;height:260px;opacity:1}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party img{bottom:0;width:34%;height:91%;object-position:50% 100%}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-recruit{display:block!important;left:2%;height:67%;mix-blend-mode:normal}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-knight{left:33%;height:100%}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-monarch{right:0;height:90%;transform:none}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy{justify-self:center;align-self:start;width:100%;max-width:700px;text-align:center;margin-top:30px}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2{font-size:56px}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2 br{display:none}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy p{max-width:510px;margin:13px auto 0}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-stores{justify-content:center;margin-top:17px}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-eyebrow{margin-bottom:10px}

@container(min-width:651px) and (max-width:900px){
 #sq-system .sqs-page .sqs-world-copy{width:39%;max-width:none}
 #sq-system .sqs-page .sqs-world-copy h2{font-size:49px}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-copy{width:44%}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-copy h2{font-size:clamp(35px,5.5cqw,46px);line-height:1.02}
 #sq-system .sqs-page .sqs-world-copy p{font-size:13px;line-height:1.75}
 #sq-system .sqs-page .sqs-world-challenger{left:45%;width:86px;height:155px;bottom:32px}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-copy{width:43%;max-width:310px}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-party img{width:23%;height:76%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy{width:100%;max-width:620px}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2{font-size:50px}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party{inset:auto 10% 14px;height:250px}
 #sq-system .sqs-page .sqs-world-tabs button{gap:9px;padding-left:10px;padding-right:10px}
 #sq-system .sqs-page .sqs-world-tabs small{font-size:10px}
}

@container(max-width:650px){
 #sq-system .sqs-page .sqs-world{--sqs-scene-height:300px;--sqs-copy-height:355px;grid-template-rows:auto auto var(--sqs-copy-height) var(--sqs-scene-height);padding:45px 7% 30px;min-height:0}
 #sq-system .sqs-page .sqs-world-top h2{font:500 18px/1.35 Inter,Arial,sans-serif;letter-spacing:-.3px}
 #sq-system .sqs-page .sqs-world-tabs{margin:24px -8.15% 0;padding:0 4%;border-bottom:1px solid #263e56}
 #sq-system .sqs-page .sqs-world-tabs button{display:block;text-align:center;padding:15px 6px;min-height:86px}
 #sq-system .sqs-page .sqs-world-tabs span{display:block;font-size:11px;line-height:1.5}
 #sq-system .sqs-page .sqs-world-tabs svg{display:block;width:19px;height:19px;margin:0 auto 8px}
 #sq-system .sqs-page .sqs-world-tabs small,#sq-system .sqs-page .sqs-world-tabs b{display:none}
 #sq-system .sqs-page .sqs-world-art{grid-row:4;order:initial;width:116.3%;height:var(--sqs-scene-height);min-height:0;margin:0 -8.15%;inset:auto;mask-image:none}
 #sq-system .sqs-page .sqs-world-art:after{background:linear-gradient(0deg,#03070d,transparent 24%,transparent 80%,#03070d),linear-gradient(90deg,#03070d88,transparent 45%)}
 #sq-system .sqs-page .sqs-world-background{opacity:.15}
 #sq-system .sqs-page .sqs-world-boss{right:8%;bottom:15px;width:60%;height:calc(100% - 30px);object-fit:contain;object-position:50% 100%;mask-image:none}
 #sq-system .sqs-page .sqs-world-challenger{left:7%;bottom:17px;width:28%;height:155px;object-position:50% 100%}
 #sq-system .sqs-page .sqs-world-copy{grid-row:3;order:initial;align-self:start;justify-self:stretch;width:100%;max-width:none;min-height:0;margin:0;padding-top:28px;text-align:left}
 #sq-system .sqs-page .sqs-world-panels{min-height:216px}
 #sq-system .sqs-page .sqs-world-copy h2{font-size:42px;line-height:.98}
 #sq-system .sqs-page .sqs-world-copy h2 br{display:initial}
 #sq-system .sqs-page .sqs-world-copy p{max-width:none;font-size:14px;line-height:1.75;margin:15px 0 0}
 #sq-system .sqs-page .sqs-world-eyebrow{font-size:11px;margin-bottom:12px}
 #sq-system .sqs-page .sqs-world .sqs-stores{margin-top:20px;justify-content:flex-start}
 #sq-system .sqs-page .sqs-world .sqs-stores a{width:calc((100% - 10px)/2);max-width:145px;height:44px}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-art:after{background:linear-gradient(0deg,#03070d,transparent 24%,transparent 81%,#03070d)}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-party{inset:0 3%}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-party img{width:45%;height:88%;bottom:14px}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-knight{left:0}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-monarch{right:0}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-versus{font-size:80px;top:40%;bottom:auto;color:#77bfff40}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-copy{width:100%;max-width:none;text-align:center;align-self:start;justify-self:stretch}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-world-copy p{max-width:none;margin:15px 0 0}
 #sq-system .sqs-page .sqs-world[data-world="pvp"] .sqs-stores{justify-content:center}
 #sq-system .sqs-page .sqs-world[data-world="guild"]{grid-template-rows:auto auto var(--sqs-copy-height) var(--sqs-scene-height)}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy{grid-row:3;width:100%;max-width:none;margin:0;padding-top:28px;align-self:start;justify-self:stretch}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2{font-size:42px}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2 br{display:initial}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy p{max-width:none;margin:15px 0 0}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-stores{margin-top:20px;justify-content:center}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-art{grid-row:4}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party{inset:0 2% 20px;height:auto}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party img{bottom:0;width:34%;height:82%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-recruit{left:0;height:62%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-knight{left:33%;height:94%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-monarch{right:0;height:81%}
}

@container(max-width:350px){
 #sq-system .sqs-page .sqs-world{--sqs-scene-height:280px;--sqs-copy-height:375px}
 #sq-system .sqs-page .sqs-world-panels{min-height:236px}
 #sq-system .sqs-page .sqs-world-copy h2,#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-copy h2{font-size:38px}
 #sq-system .sqs-page .sqs-world-copy p{font-size:14px}
 #sq-system .sqs-page .sqs-world-tabs button{padding-left:4px;padding-right:4px}
 #sq-system .sqs-page .sqs-world-tabs span{font-size:11px}
 #sq-system .sqs-page .sqs-world-eyebrow{font-size:10px;letter-spacing:.1em}
 #sq-system .sqs-page .sqs-world-challenger{height:137px}
}

/* Source-exact Atlas class art, on its original navy field. */
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-art{background:radial-gradient(ellipse at 50% 96%,#0d365c55,transparent 53%),#040916}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party{left:20%;right:20%;height:280px;bottom:10px;mix-blend-mode:lighten}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party .sqs-world-knight,#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party .sqs-world-monarch{display:none}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-original{display:block;width:25%;height:91%;bottom:0;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;filter:none;image-rendering:pixelated}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-ranger{left:0}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-monk{left:25%;height:100%}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-mage{left:50%;height:96%}
#sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-druid{left:75%}
@container(max-width:650px){
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-world-party{left:2%;right:2%;height:250px;bottom:24px}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-original{width:27%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-ranger{left:0}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-monk{left:24%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-mage{left:48%}
 #sq-system .sqs-page .sqs-world[data-world="guild"] .sqs-guild-druid{left:72%}
}


/* Original Atlas boss art keeps the dungeon in SelfQuest's pixel palette. */
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-art{background:radial-gradient(ellipse at 75% 86%,#0b365b66,transparent 47%),#03070d}

/* Real scene previews make all three ways to play visible before a selection. */
#sq-system .sqs-page .sqs-world-tabs{gap:16px;margin-top:28px;padding:0;border:0;background:none}
#sq-system .sqs-page .sqs-world-tabs button{display:block;padding:0 0 14px;min-height:0;border:0;border-bottom:2px solid #203449;background:none;text-align:left;color:#91a9bf}
#sq-system .sqs-page .sqs-world-tabs button+button{border-left:0}
#sq-system .sqs-page .sqs-world-tabs button[aria-pressed="true"]{border-bottom-color:#65bbff;background:none;color:#e8f5ff}
#sq-system .sqs-page .sqs-world-tabs button:focus-visible{outline:2px solid #65bbff;outline-offset:5px}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-art{position:relative;display:block;height:116px;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#0d2c48,transparent 75%),#050b15;opacity:.75;isolation:isolate}
#sq-system .sqs-page .sqs-world-tabs button[aria-pressed="true"] .sqs-mode-art,#sq-system .sqs-page .sqs-world-tabs button:hover .sqs-mode-art{opacity:1}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050b15 0%,transparent 22%);pointer-events:none;z-index:2}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-art img{position:absolute;bottom:0;height:94%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-label{display:block;padding:13px 4px 0;min-height:32px;font-size:13px;font-weight:500;line-height:1.45}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-art .sqs-mode-hunter{left:14%;width:32%;height:77%;z-index:1}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-boss{right:13%;width:44%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-rival-left{left:16%;width:36%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-rival-right{right:13%;width:36%;transform:scaleX(-1)}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild{background:#040916}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild img{width:24%;height:87%;mix-blend-mode:lighten}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-ranger{left:2%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild .sqs-mode-monk{left:26%;height:99%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild .sqs-mode-mage{left:50%;height:94%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-druid{left:74%}

/* A shared ground and a larger foreground hunter turn the wolf into an encounter. */
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-art{background:radial-gradient(ellipse at 74% 77%,#113c6555,transparent 45%),#03070d}
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-art:before{content:'';position:absolute;left:45%;right:4%;bottom:40px;height:1px;background:linear-gradient(90deg,transparent,#377d9b66 25%,#377d9b55 80%,transparent);z-index:2}
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-boss{right:1%;bottom:40px;width:42%;height:91%;filter:drop-shadow(0 18px 22px #0009)}
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-challenger{left:43%;bottom:38px;width:22%;height:67%;filter:drop-shadow(0 14px 14px #000a)}
#sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-copy{width:38%;max-width:370px}
@container(min-width:651px) and (max-width:900px){
 #sq-system .sqs-page .sqs-world-tabs{gap:12px}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art{height:104px}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-label{font-size:12px}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-copy{width:42%}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-challenger{left:44%;width:22%;height:62%}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-boss{right:0;width:43%;height:87%}
}
@container(max-width:650px){
 #sq-system .sqs-page .sqs-world-tabs{gap:8px;margin:24px 0 0;padding:0;border:0}
 #sq-system .sqs-page .sqs-world-tabs button{padding:0 0 11px;text-align:center}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art{height:82px}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-label{font-size:11px;line-height:1.4;min-height:43px;padding:10px 2px 0}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art .sqs-mode-hunter{left:1%;width:44%;height:68%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art .sqs-mode-boss{right:0;width:62%;height:94%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art .sqs-mode-rival-left{left:0;width:52%;height:93%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art .sqs-mode-rival-right{right:0;width:52%;height:93%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild img{height:74%;width:27%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-ranger{left:-2%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild .sqs-mode-monk{left:23%;height:86%}
#sq-system .sqs-page .sqs-world-tabs .sqs-mode-guild .sqs-mode-mage{left:48%;height:80%}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-druid{left:73%}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-copy{width:100%;max-width:none}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-art{background:radial-gradient(ellipse at 60% 80%,#113c6555,transparent 62%),#03070d}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-art:before{left:8%;right:4%;bottom:24px}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-boss{right:1%;bottom:24px;width:62%;height:calc(100% - 34px)}
 #sq-system .sqs-page .sqs-world[data-world="dungeon"] .sqs-world-challenger{left:4%;bottom:24px;width:38%;height:75%}
}
@container(max-width:350px){
 #sq-system .sqs-page .sqs-world-tabs{gap:6px}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-art{height:74px}
 #sq-system .sqs-page .sqs-world-tabs .sqs-mode-label{font-size:10px}
}

/* The scene selectors now open the section directly. */
#sq-system .sqs-page .sqs-world .sqs-world-tabs{margin-top:0}

#sq-system .sqs-page .sqc-spread{position:relative;background:#03070d;border-top:1px solid #23384e;isolation:isolate;padding-top:78px;padding-bottom:78px}
#sq-system .sqs-page .sqc-spread:before{content:'';position:absolute;left:6%;top:-1px;width:64px;height:2px;background:#2b96ff;box-shadow:0 0 20px #2b96ff33}
#sq-system .sqs-page .sqc-spread :where(h2,h3,p,figure,dl,dd,ol){margin:0}
#sq-system .sqs-page .sqc-spread-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:'story lodge' 'supporters lodge';column-gap:48px;row-gap:38px;align-items:start}
#sq-system .sqs-page .sqc-story{grid-area:story}
#sq-system .sqs-page .sqc-eyebrow{font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;color:#7fa5c5;margin:0 0 16px}
#sq-system .sqs-page .sqc-heading{font:600 clamp(32px,3.7cqw,42px)/1.16 Inter,Arial,sans-serif;letter-spacing:-.045em;color:#f1f5fc;text-transform:none}
#sq-system .sqs-page .sqc-heading>span{color:#8caac5}
#sq-system .sqs-page .sqc-story-lead{font:400 clamp(18px,1.8cqw,20px)/1.65 Inter,Arial,sans-serif;letter-spacing:-.015em;color:#d5e1ee;max-width:29em;margin-top:26px}
#sq-system .sqs-page .sqc-story-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:1px solid #20374d;padding-top:23px;margin-top:27px}
#sq-system .sqs-page .sqc-story-note{min-width:0;padding:0;background:none;border:0}
#sq-system .sqs-page .sqc-story-note h3{font:600 13px/1.5 Inter,Arial,sans-serif;color:#dce9f6;margin-bottom:8px;letter-spacing:0;text-transform:none}
#sq-system .sqs-page .sqc-story-note p{font:400 14px/1.75 Inter,Arial,sans-serif;color:#9eb2c7;max-width:480px}
#sq-system .sqs-page .sqc-lodge{grid-area:lodge;position:relative;padding:0 0 0 36px;border:0;border-left:1px solid #243b51;background:none;min-width:0}
#sq-system .sqs-page .sqc-lodge:before{content:'';position:absolute;left:-1px;top:0;width:2px;height:54px;background:#2b96ff;box-shadow:0 0 16px #2b96ff30}
#sq-system .sqs-page .sqc-lodge-copy>.sqc-eyebrow{display:flex;align-items:center;gap:8px;color:#8bbce3;font-size:11px;letter-spacing:.09em;white-space:normal}
#sq-system .sqs-page .sqc-status-dot{width:5px;height:5px;background:#57b1ff;box-shadow:0 0 10px #2b96ff80;flex:none}
#sq-system .sqs-page .sqc-lodge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:clamp(32px,3.5cqw,40px);line-height:1.13;min-width:0}
#sq-system .sqs-page .sqc-guild-emblem{position:relative;display:grid;place-items:center;flex:none;width:70px;height:86px;border-bottom:1px solid #2b6d9e;background:radial-gradient(ellipse at 50% 70%,#2b96ff19,transparent 70%)}
#sq-system .sqs-page .sqc-lodge-knight{display:block;width:64px;height:82px;object-fit:contain;mix-blend-mode:normal!important;image-rendering:pixelated;pointer-events:none}
#sq-system .sqs-page .sqc-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:26px;border-bottom:1px solid #243b51}
#sq-system .sqs-page .sqc-channels>a{display:grid;grid-template-rows:auto auto;gap:13px;min-width:0;padding:20px 0;border-top:1px solid #243b51;text-decoration:none;color:#e6f0fb}
#sq-system .sqs-page .sqc-channel-visual{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:3px}
#sq-system .sqs-page .sqc-channel-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#101f31;box-shadow:inset 0 0 0 1px #29435b}
#sq-system .sqs-page .sqc-channel-mark img{display:block;width:28px;height:28px;object-fit:contain;filter:invert(1);opacity:.94}
#sq-system .sqs-page .sqc-channel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 16px/1.3 Inter,Arial,sans-serif;letter-spacing:-.025em}
#sq-system .sqs-page .sqc-channel-title strong{font:inherit}
#sq-system .sqs-page .sqc-channel-stat{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#sq-system .sqs-page .sqc-channel-stat strong{font:700 34px/1 'Barlow Condensed',Impact,sans-serif;color:#e8f4ff;letter-spacing:.015em}
#sq-system .sqs-page .sqc-channel-stat>span{font:400 11px/1.4 Inter,Arial,sans-serif;color:#8ba7c0}
#sq-system .sqs-page .sqc-channel-arrow{font:400 19px/1 Inter,Arial,sans-serif;color:#69aff0}
#sq-system .sqs-page .sqc-channels>a:hover .sqc-channel-title{color:#69bbff}
#sq-system .sqs-page .sqc-channels>a:is(:hover,:focus-visible) .sqc-channel-mark{background:#193551;box-shadow:inset 0 0 0 1px #5082ac}
#sq-system .sqs-page .sqc-memes{position:relative;margin-top:32px;padding-top:26px;border-top:1px solid #243b51}
#sq-system .sqs-page .sqc-small-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px}
#sq-system .sqs-page .sqc-small-heading .sqc-eyebrow{font-size:11px;margin-bottom:10px;letter-spacing:.1em}
#sq-system .sqs-page .sqc-small-heading h2{font:600 clamp(25px,2.5cqw,29px)/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#e9f1fa;text-transform:none}
#sq-system .sqs-page .sqc-memes .sqc-small-heading{display:block}
#sq-system .sqs-page .sqc-meme-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:16px;min-height:44px}
#sq-system .sqs-page .sqc-meme-controls>span{font:400 11px/1.4 Inter,Arial,sans-serif;color:#7c9ab6;margin-right:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
#sq-system .sqs-page .sqc-meme-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #304c67;border-radius:50%;background:transparent;color:#b1d5f2;font:400 19px/1 Inter,Arial,sans-serif;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
#sq-system .sqs-page .sqc-meme-controls button:hover{background:#0c2a46;border-color:#4f94c5}
#sq-system .sqs-page .sqc-meme-controls button:focus-visible,#sq-system .sqs-page .sqc-spread a:focus-visible{outline:2px solid #69bcff;outline-offset:4px}
#sq-system .sqs-page .sqc-meme-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
#sq-system .sqs-page .sqc-meme-strip figure{background:#080f19;border:1px solid #24364a;padding:4px;min-width:0;position:relative;overflow:hidden}
#sq-system .sqs-page .sqc-meme-strip figure:nth-child(2){border-color:#35506c}
#sq-system .sqs-page .sqc-meme-strip img{display:block;width:100%;height:172px;object-fit:contain;background:#02060c}
#sq-system .sqs-page .sqc-meme-note{font:400 13px/1.65 Inter,Arial,sans-serif;color:#819ab2;margin-top:14px}
#sq-system .sqs-page .sqc-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#sq-system .sqs-page .sqc-supporters{grid-area:supporters;border-top:1px solid #243b51;padding-top:26px}
#sq-system .sqs-page .sqc-support-link{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.5 Inter,Arial,sans-serif;text-decoration:none;color:#91c8f0;white-space:nowrap}
#sq-system .sqs-page .sqc-support-link>span{margin-left:5px}
#sq-system .sqs-page .sqc-donor-list{list-style:none;padding:0;border-top:1px solid #28445f}
#sq-system .sqs-page .sqc-donor-list>li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #172b3e;min-height:65px}
#sq-system .sqs-page .sqc-donor-rank{font:500 11px/1.5 Inter,Arial,sans-serif;color:#638caf;width:20px;flex:none;font-variant-numeric:tabular-nums}
#sq-system .sqs-page .sqc-donor-list>li>div{min-width:0;flex:1}
#sq-system .sqs-page .sqc-donor-list h3{font:500 14px/1.5 Inter,Arial,sans-serif;color:#d9e7f4;letter-spacing:0;text-transform:none}
#sq-system .sqs-page .sqc-donor-list p{font:400 13px/1.5 Inter,Arial,sans-serif;color:#839eb6;margin-top:2px}
#sq-system .sqs-page .sqc-donor-list strong{font:500 17px/1.3 Inter,Arial,sans-serif;color:#8cc7f4;white-space:nowrap;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#sq-system .sqs-page .sqc-donor-list>li:first-child strong{color:#c6e8ff}
@container(max-width:1050px){
 #sq-system .sqs-page .sqc-story-notes{grid-template-columns:minmax(0,1fr);gap:20px}
}
@container(max-width:900px){
 #sq-system .sqs-page .sqc-spread-layout{column-gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
 #sq-system .sqs-page .sqc-heading{font-size:34px}
 #sq-system .sqs-page .sqc-lodge{padding-left:24px}
 #sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:33px}
 #sq-system .sqs-page .sqc-guild-emblem{width:54px;height:76px}
 #sq-system .sqs-page .sqc-lodge-knight{width:52px;height:73px}
 #sq-system .sqs-page .sqc-small-heading{align-items:flex-start;gap:12px}
 #sq-system .sqs-page .sqc-small-heading h2{font-size:26px}
 #sq-system .sqs-page .sqc-meme-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sq-system .sqs-page .sqc-meme-strip figure:nth-child(3){display:none}
 #sq-system .sqs-page .sqc-meme-strip img{height:172px}
}
@container(max-width:650px){
 #sq-system .sqs-page .sqc-spread{padding:55px 7%}
 #sq-system .sqs-page .sqc-spread:before{left:7%}
 #sq-system .sqs-page .sqc-spread-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'story' 'lodge' 'supporters';gap:38px}
 #sq-system .sqs-page .sqc-heading{font-size:34px;line-height:1.2}
 #sq-system .sqs-page .sqc-eyebrow{font-size:11px;letter-spacing:.09em}
 #sq-system .sqs-page .sqc-story-lead{font-size:18px;line-height:1.65;margin-top:23px}
 #sq-system .sqs-page .sqc-story-notes{margin-top:25px;padding-top:22px;gap:20px}
 #sq-system .sqs-page .sqc-story-note p{font-size:14px;line-height:1.75}
 #sq-system .sqs-page .sqc-lodge{padding:29px 0 0;border-left:0;border-top:1px solid #243b51}
 #sq-system .sqs-page .sqc-lodge:before{top:-1px;left:0;width:54px;height:2px}
 #sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:34px}
 #sq-system .sqs-page .sqc-guild-emblem{width:64px;height:82px}
 #sq-system .sqs-page .sqc-lodge-knight{width:60px;height:79px}
 #sq-system .sqs-page .sqc-memes{margin-top:30px;padding-top:25px}
 #sq-system .sqs-page .sqc-small-heading{align-items:flex-end;margin-bottom:20px}
 #sq-system .sqs-page .sqc-small-heading h2{font-size:28px}
 #sq-system .sqs-page .sqc-meme-strip img{height:166px}
 #sq-system .sqs-page .sqc-meme-note{font-size:13px}
 #sq-system .sqs-page .sqc-supporters{padding-top:29px}
 #sq-system .sqs-page .sqc-donor-list>li{gap:11px}
 #sq-system .sqs-page .sqc-donor-list h3{font-size:14px}
}
@container(max-width:340px){
 #sq-system .sqs-page .sqc-heading,#sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:30px}
 #sq-system .sqs-page .sqc-guild-emblem{width:48px;height:67px}
 #sq-system .sqs-page .sqc-lodge-knight{width:47px;height:65px}
 #sq-system .sqs-page .sqc-lodge-heading{gap:8px}
 #sq-system .sqs-page .sqc-small-heading h2{font-size:26px}
 #sq-system .sqs-page .sqc-meme-strip img{height:145px}
 #sq-system .sqs-page .sqc-channels{column-gap:16px}
 #sq-system .sqs-page .sqc-channel-title{font-size:17px}
 #sq-system .sqs-page .sqc-donor-list>li{gap:8px}
 #sq-system .sqs-page .sqc-donor-rank{width:16px}
 #sq-system .sqs-page .sqc-donor-list strong{font-size:16px}
}

@container(min-width:651px) and (max-width:900px){
 #sq-system .sqs-page .sqc-channel-mark{width:38px;height:38px;border-radius:10px}
 #sq-system .sqs-page .sqc-channel-mark img{width:23px;height:23px}
 #sq-system .sqs-page .sqc-channel-stat strong{font-size:29px}
 #sq-system .sqs-page .sqc-channel-visual{gap:8px}
}

#sq-system .sqs-page .sqe-end { background:#03070d; color:#f1f5fc; }
#sq-system .sqs-page .sqe-download .sqs-stores { justify-content:flex-start; }
#sq-system .sqs-page .sqe-download-mark>img { mix-blend-mode:screen; }
#sq-system .sqs-page .sqe-download{isolation:isolate;overflow:hidden;position:relative}
#sq-system .sqs-page .sqe-close-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 57%;opacity:.24;z-index:-1;mask-image:linear-gradient(90deg,transparent,black 50%,black)}
#sq-system .sqs-page .sqe-end :is(h2,h3,p,figure) { margin:0; }
#sq-system .sqs-page .sqe-end [hidden] { display:none!important; }
#sq-system .sqs-page .sqe-end :is(a,button,summary):focus-visible { outline:2px solid #65b6ff; outline-offset:5px; }
#sq-system .sqs-page .sqe-end a { text-decoration:none; }
#sq-system .sqs-page .sqe-end a:hover { color:#c9e7ff; }
#sq-system .sqs-page .sqe-title { font:600 clamp(29px,3.5cqw,39px)/1.12 Inter,Arial,sans-serif; letter-spacing:-.035em; text-transform:none; color:#f1f5fc; }
#sq-system .sqs-page .sqe-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:31px; }
#sq-system .sqs-page .sqe-roadmap { padding:64px 6%;display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid #213145;background:#03080e; }
#sq-system .sqs-page .sqe-roadmap-intro {position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
#sq-system .sqs-page .sqe-roadmap .sqe-title {font:700 clamp(48px,5.9cqw,72px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;text-transform:uppercase;}
#sq-system .sqs-page .sqe-roadmap .sqe-title em {font:inherit;color:#67b6fc;}
#sq-system .sqs-page .sqe-provisions {width:100%;height:250px;object-fit:contain;margin:20px 0 -20px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 50% 55%,black 35%,transparent 74%);}
#sq-system .sqs-page .sqe-roadmap-list { display:grid; grid-template-columns:1fr;gap:0;padding-top:5px; }
#sq-system .sqs-page .sqe-roadmap-list article {border-top:1px solid #283e55;padding:24px 0;display:grid;grid-template-columns:27px 1fr;gap:17px;}
#sq-system .sqs-page .sqe-roadmap-list article:first-child {border-top:2px solid #2b96ff;padding-top:24px;}
#sq-system .sqs-page .sqe-roadmap-list article:last-child {padding-bottom:0;}
#sq-system .sqs-page .sqe-roadmap-icon {width:23px;height:23px;color:#76bcf9;margin-top:25px;}
#sq-system .sqs-page .sqe-status { font:500 12px/1.5 Inter,Arial,sans-serif; color:#8b9bb0; display:flex; align-items:center; gap:7px; margin-bottom:12px; }
#sq-system .sqs-page .sqe-coming { color:#73bdff; }
#sq-system .sqs-page .sqe-status i { display:block; width:5px; height:5px; border-radius:50%; background:#58b0ff; box-shadow:0 0 10px #1e90ff44; }
#sq-system .sqs-page .sqe-roadmap-list h3 { font:600 17px/1.35 Inter,Arial,sans-serif; letter-spacing:-.02em; color:#e8f1fc; margin-bottom:10px; }
#sq-system .sqs-page .sqe-roadmap-list p { font:400 13px/1.8 Inter,Arial,sans-serif; color:#a8b5c8; }

#sq-system .sqs-page .sqe-help { padding:55px 6%; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr); gap:64px; border-top:1px solid #1d2b3c; background:#040a12; }
#sq-system .sqs-page .sqe-faq-list { margin-top:27px; border-top:1px solid #293a4f; }
#sq-system .sqs-page .sqe-faq-list details { border-bottom:1px solid #293a4f; }
#sq-system .sqs-page .sqe-faq-list summary { list-style:none; position:relative; padding:19px 27px 19px 0; font:500 14px/1.5 Inter,Arial,sans-serif; color:#d8e3f1; cursor:pointer; }
#sq-system .sqs-page .sqe-faq-list summary::-webkit-details-marker,#sq-system .sqs-page .sqe-contact-note summary::-webkit-details-marker,#sq-system .sqs-page .sqe-about summary::-webkit-details-marker { display:none; }
#sq-system .sqs-page .sqe-faq-list summary:after { content:'+'; font:400 22px/1 Inter,Arial,sans-serif; position:absolute; top:18px; right:1px; color:#55adfa; }
#sq-system .sqs-page .sqe-faq-list details[open] summary:after { content:'−'; }
#sq-system .sqs-page .sqe-faq-list details>div { padding:0 23px 19px 0; }
#sq-system .sqs-page .sqe-faq-list p { font:400 13px/1.85 Inter,Arial,sans-serif; color:#a8b5c8; }
#sq-system .sqs-page .sqe-faq-list a { color:#75bcfa; overflow-wrap:anywhere; }
#sq-system .sqs-page .sqe-support { padding-left:29px; border-left:1px solid #263d55; min-width:0; }
#sq-system .sqs-page .sqe-support-intro { font:400 13px/1.8 Inter,Arial,sans-serif; color:#a8b5c8; margin-top:17px; }
#sq-system .sqs-page .sqe-support-list { display:grid; gap:21px; margin-top:26px; }
#sq-system .sqs-page .sqe-support-list article { display:flex; gap:13px; align-items:flex-start; }
#sq-system .sqs-page .sqe-support-list article>svg { width:17px; height:17px; flex:none; color:#4ca8f7; margin-top:3px; }
#sq-system .sqs-page .sqe-support-list h3 { color:#e0ecf9; font:600 14px/1.5 Inter,Arial,sans-serif; margin-bottom:5px; }
#sq-system .sqs-page .sqe-support-list p { color:#a8b5c8; font:400 13px/1.8 Inter,Arial,sans-serif; margin-bottom:7px; }
#sq-system .sqs-page .sqe-support-list a { color:#80c4fd; font:500 13px/1.6 Inter,Arial,sans-serif; display:inline-block; overflow-wrap:anywhere; }
#sq-system .sqs-page .sqe-support-list a span { display:inline-block; margin-left:4px; }
#sq-system .sqs-page .sqe-contact { padding-top:27px; }
#sq-system .sqs-page .sqe-contact>div { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }
#sq-system .sqs-page .sqe-contact-label { color:#7f9ab7; font:500 12px/1.5 Inter,Arial,sans-serif; }
#sq-system .sqs-page .sqe-contact a { color:#90cafa; font:500 13px/1.5 Inter,Arial,sans-serif; overflow-wrap:anywhere; }
#sq-system .sqs-page .sqe-contact a span { margin-left:5px; }
#sq-system .sqs-page .sqe-contact-note { margin-top:11px; }
#sq-system .sqs-page .sqe-contact-note summary { list-style:none; font:400 13px/1.7 Inter,Arial,sans-serif; color:#8ca3ba; cursor:pointer; padding:7px 0; }
#sq-system .sqs-page .sqe-contact-note summary:after { content:' +'; color:#67b7f6; }
#sq-system .sqs-page .sqe-contact-note[open] summary:after { content:' −'; }
#sq-system .sqs-page .sqe-contact-note p { color:#a8b5c8; font:400 13px/1.85 Inter,Arial,sans-serif; margin-top:9px; max-width:450px; }

#sq-system .sqs-page .sqe-download { display:grid; grid-template-columns:.4fr 1fr; align-items:center; gap:47px; padding:57px 6% 61px; border-top:1px solid #243b54; border-bottom:1px solid #1d344d; background:radial-gradient(ellipse at 8% 50%,#0b2a4b44,transparent 43%),#050d17; }
#sq-system .sqs-page .sqe-download-mark { height:230px; width:100%; position:relative; display:flex; align-items:center; justify-content:center; }
#sq-system .sqs-page .sqe-download-mark>img { width:103px; height:103px; object-fit:contain; position:relative; z-index:1; filter:drop-shadow(0 0 30px #1e90ff20); }
#sq-system .sqs-page .sqe-mark-caption { position:absolute; top:calc(50% + 63px); left:0; right:0; font:500 7px/1 Inter,Arial,sans-serif; letter-spacing:.3em; text-align:center; color:#587d9f; }
#sq-system .sqs-page .sqe-download-title { font:600 clamp(34px,4.35cqw,51px)/1.13 Inter,Arial,sans-serif; letter-spacing:-.045em; text-transform:none; color:#f1f5fc; max-width:640px; }
#sq-system .sqs-page .sqe-download-title em { font:inherit; color:#68b6ff; }
#sq-system .sqs-page .sqe-download .sqs-stores { margin:26px 0 11px; }
#sq-system .sqs-page .sqe-support-link { font:400 13px/1.7 Inter,Arial,sans-serif; color:#87a8c8; }
#sq-system .sqs-page .sqe-support-link span { margin-left:7px; color:#6db6ef; }
#sq-system .sqs-page .sqe-download-price {font-size:12px;color:#9eb5ce;margin:0 0 14px;}

#sq-system .sqs-page .sqe-footer { background:#02060b; padding:0 6% 22px; }
#sq-system .sqs-page .sqe-tech { display:flex; align-items:center; gap:28px; padding:26px 0; border-bottom:1px solid #1e3043; }
#sq-system .sqs-page .sqe-tech-heading { font:500 12px/1.5 Inter,Arial,sans-serif; color:#6e89a4; flex:none; }
#sq-system .sqs-page .sqe-tech>div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; flex:1; }
#sq-system .sqs-page .sqe-tech>div>span { display:flex; align-items:center; gap:7px; font:400 12px/1.5 Inter,Arial,sans-serif; color:#8c9eb2; white-space:nowrap; }
#sq-system .sqs-page .sqe-tech img { width:17px; height:17px; object-fit:contain; }
#sq-system .sqs-page .sqe-footer-main { display:grid; grid-template-columns:1.2fr 1fr 1.1fr; align-items:start; gap:26px; padding:23px 0; }
#sq-system .sqs-page .sqe-about summary { list-style:none; display:flex; align-items:center; gap:10px; font:500 13px/1.7 Inter,Arial,sans-serif; color:#a9bbce; cursor:pointer; padding:3px 0; }
#sq-system .sqs-page .sqe-about summary span { color:#5387b3; }
#sq-system .sqs-page .sqe-about[open] summary span { transform:rotate(45deg); }
#sq-system .sqs-page .sqe-about p { font:400 13px/1.85 Inter,Arial,sans-serif; color:#879cb4; margin-top:13px; max-width:330px; }
#sq-system .sqs-page .sqe-footer-nav,#sq-system .sqs-page .sqe-footer-social { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px 16px; font:400 13px/1.7 Inter,Arial,sans-serif; color:#8da4ba; }
#sq-system .sqs-page .sqe-footer-nav a,#sq-system .sqs-page .sqe-footer-social a { padding:3px 0; }
#sq-system .sqs-page .sqe-footer-social a { display:inline-flex; align-items:center; gap:7px; min-height:44px; white-space:nowrap; }
#sq-system .sqs-page .sqe-footer-social img { width:18px; height:18px; flex:none; object-fit:contain; filter:invert(1); opacity:.8; }
#sq-system .sqs-page .sqe-footer-social a:hover img { opacity:1; }
#sq-system .sqs-page .sqe-footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:17px; border-top:1px solid #17283a; padding-top:19px; font:400 12px/1.6 Inter,Arial,sans-serif; color:#8096ad; }
#sq-system .sqs-page .sqe-footer-bottom>div { display:flex; align-items:center; flex-wrap:wrap; gap:16px; font-size:13px; }
#sq-system .sqs-page .sqe-footer-bottom button { min-height:36px; border:1px solid #2a435c; border-radius:3px; background:transparent; color:#8da9c4; font:400 12px/1.4 Inter,Arial,sans-serif; padding:5px 9px; cursor:pointer; }
#sq-system .sqs-page .sqe-legal-note { padding-top:14px; font:400 13px/1.8 Inter,Arial,sans-serif; color:#8da9c4; }

@container(max-width:800px) {
  #sq-system .sqs-page .sqe-help { gap:35px; }
  #sq-system .sqs-page .sqe-support { padding-left:22px; }
  #sq-system .sqs-page .sqe-download { gap:35px; grid-template-columns:.35fr 1fr; }
  #sq-system .sqs-page .sqe-download-mark>img { width:87px; height:87px; }
  #sq-system .sqs-page .sqe-mark-caption { top:calc(50% + 51px); font-size:6px; }
  #sq-system .sqs-page .sqe-tech { gap:19px; }
  #sq-system .sqs-page .sqe-tech>div { gap:13px; justify-content:center; }
}

@container(max-width:650px) {
  #sq-system .sqs-page .sqe-roadmap { padding:46px 7%;grid-template-columns:1fr;gap:22px; }
  #sq-system .sqs-page .sqe-heading { display:block; margin-bottom:27px; }
  #sq-system .sqs-page .sqe-title { font-size:30px; line-height:1.15; }
  #sq-system .sqs-page .sqe-roadmap-list { grid-template-columns:1fr; gap:0; }
  #sq-system .sqs-page .sqe-roadmap-list article {padding:22px 0;grid-template-columns:22px 1fr;gap:14px;}
  #sq-system .sqs-page .sqe-roadmap .sqe-title {font-size:48px;}
  #sq-system .sqs-page .sqe-provisions {height:190px;margin:6px 0 -15px;}
  #sq-system .sqs-page .sqe-status { font-size:12px; margin-bottom:9px; }
  #sq-system .sqs-page .sqe-roadmap-list h3 { font-size:17px; margin-bottom:9px; }
  #sq-system .sqs-page .sqe-roadmap-list p { font-size:13px; line-height:1.8; }
  #sq-system .sqs-page .sqe-help { padding:46px 7%; grid-template-columns:1fr; gap:39px; }
  #sq-system .sqs-page .sqe-faq-list { margin-top:24px; }
  #sq-system .sqs-page .sqe-faq-list summary { padding:18px 27px 18px 0; font-size:14px; }
  #sq-system .sqs-page .sqe-faq-list details>div { padding:0 16px 18px 0; }
  #sq-system .sqs-page .sqe-faq-list p { font-size:13px; }
  #sq-system .sqs-page .sqe-support { border-left:0; border-top:1px solid #2b435e; padding:29px 0 0; }
  #sq-system .sqs-page .sqe-support-intro { font-size:13px; margin-top:14px; }
  #sq-system .sqs-page .sqe-support-list { gap:24px; margin-top:25px; }
  #sq-system .sqs-page .sqe-support-list h3 { font-size:14px; }
  #sq-system .sqs-page .sqe-support-list p { font-size:13px; }
  #sq-system .sqs-page .sqe-support-list a { font-size:13px; min-height:36px; padding-top:3px; }
  #sq-system .sqs-page .sqe-contact { padding-top:25px; }
  #sq-system .sqs-page .sqe-contact>div { align-items:flex-start; flex-direction:column; gap:8px; }
  #sq-system .sqs-page .sqe-contact-label { font-size:12px; }
  #sq-system .sqs-page .sqe-contact a { font-size:15px; }
  #sq-system .sqs-page .sqe-contact-note summary { font-size:13px; padding:9px 0; }
  #sq-system .sqs-page .sqe-contact-note p { font-size:13px; }
  #sq-system .sqs-page .sqe-download { padding:42px 7% 46px; grid-template-columns:1fr; gap:24px; }
  #sq-system .sqs-page .sqe-download-mark { height:126px; width:126px; justify-self:start; }
  #sq-system .sqs-page .sqe-download-mark>img { width:70px; height:70px; }
  #sq-system .sqs-page .sqe-mark-caption { display:none; }
  #sq-system .sqs-page .sqe-download-title { font-size:clamp(30px,8.8cqw,39px); line-height:1.15; letter-spacing:-.04em; }
  #sq-system .sqs-page .sqe-download .sqs-stores { margin-top:24px; gap:10px; }
  #sq-system .sqs-page .sqe-download .sqs-stores a { max-width:calc(50% - 5px); }
  #sq-system .sqs-page .sqe-support-link { font-size:13px; }
  #sq-system .sqs-page .sqe-footer { padding:0 7% 24px; }
  #sq-system .sqs-page .sqe-tech { align-items:flex-start; flex-direction:column; gap:16px; padding:25px 0; }
  #sq-system .sqs-page .sqe-tech-heading { font-size:12px; }
  #sq-system .sqs-page .sqe-tech>div { justify-content:flex-start; gap:16px 19px; }
  #sq-system .sqs-page .sqe-tech>div>span { font-size:12px; }
  #sq-system .sqs-page .sqe-tech img { width:17px; height:17px; }
  #sq-system .sqs-page .sqe-footer-main { grid-template-columns:1fr; gap:19px; padding:22px 0; }
  #sq-system .sqs-page .sqe-about summary { font-size:13px; min-height:33px; }
  #sq-system .sqs-page .sqe-about p { font-size:13px; max-width:100%; }
  #sq-system .sqs-page .sqe-footer-nav,#sq-system .sqs-page .sqe-footer-social { justify-content:flex-start; gap:9px 20px; font-size:13px; }
  #sq-system .sqs-page .sqe-footer-nav a,#sq-system .sqs-page .sqe-footer-social a { padding:5px 0; }
  #sq-system .sqs-page .sqe-footer-bottom { align-items:flex-start; flex-direction:column; gap:17px; font-size:12px; padding-top:22px; }
  #sq-system .sqs-page .sqe-footer-bottom>div { gap:14px; }
  #sq-system .sqs-page .sqe-footer-bottom button { min-height:36px; font-size:12px; }
}

/* Shared, quieter hierarchy for the training, people and footer sections. */
#sq-system .sqs-progress .sqs-section-head{margin-bottom:30px}
#sq-system .sqs-progress .sqs-section-head h2{font:700 clamp(48px,5.9cqw,72px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;text-transform:uppercase}
#sq-system .sqs-progress .sqs-section-head h2 em{color:#67b6fc}
#sq-system .sqs-progress-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 420px;gap:0 28px;min-height:0;border-bottom:1px solid #243b51}
#sq-system .sqs-progress .sqs-step-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border-top:1px solid #243b51;border-bottom:1px solid #243b51}
#sq-system .sqs-progress .sqs-step{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:64px;padding:17px 20px;border:0;border-bottom:2px solid transparent;opacity:1;text-align:left;color:#8299b3}
#sq-system .sqs-progress .sqs-step+button{border-left:1px solid #20354c}
#sq-system .sqs-progress .sqs-step>span{font:500 11px/1 Arial,sans-serif;width:auto;height:auto;border:0;border-radius:0;background:none;color:#6988a8}
#sq-system .sqs-progress .sqs-step strong{font:600 18px/1.4 Arial,sans-serif;margin:0;color:inherit}
#sq-system .sqs-progress .sqs-step>svg{display:block;width:18px;height:18px;margin:0 0 0 auto;color:inherit}
#sq-system .sqs-progress .sqs-step[aria-pressed="true"]{border-bottom-color:#57b4ff;background:#10263c;color:#b2dcff}
#sq-system .sqs-progress .sqs-step[aria-pressed="true"]>span{color:#82c8ff}
#sq-system .sqs-progress .sqs-step:focus-visible{outline:2px solid #65b6ff;outline-offset:3px;z-index:1}
#sq-system .sqs-feature-copy{align-self:center;min-width:0;padding:30px 0;max-width:360px}
#sq-system .sqs-feature-label{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#79b5e5;margin-bottom:14px}
#sq-system .sqs-feature-copy h3{font:700 clamp(35px,4cqw,50px)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#eaf4ff;letter-spacing:0;margin:0 0 18px}
#sq-system .sqs-feature-copy>p{font-size:15px;line-height:1.75;max-width:290px;color:#a7bad0}
#sq-system .sqs-progress-stage[data-step] .sqs-feature-copy .sqs-build-options{position:static;width:auto;display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:24px;color:#a9c7e4;font-size:12px}
#sq-system .sqs-feature-copy .sqs-build-options>span{display:inline-flex;align-items:center;gap:7px}
#sq-system .sqs-feature-copy .sqs-build-options svg{width:15px;height:15px;color:#66b8fb}
#sq-system .sqs-progress-stage[data-step] .sqs-transformation{height:420px;margin:0;background:radial-gradient(ellipse at 60% 64%,#12355455,transparent 68%);overflow:hidden}
#sq-system .sqs-progress-stage[data-step] .sqs-demo-phone{left:10%;right:auto;top:22px;bottom:auto;width:170px;transform:none;box-shadow:0 20px 36px #0008}
#sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{left:calc(50% - 85px)}
#sq-system .sqs-progress-stage[data-step] .sqs-training-future{right:-3%;top:28px;width:54%;height:330px}
#sq-system .sqs-progress-stage[data-step] .sqs-training-future span{right:12%;top:3px;font-size:10px}
#sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-hunter{right:11%;top:114px;width:27%;height:248px;opacity:1}
#sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-hunter{right:1%;top:87px;width:39%;height:282px;opacity:1}
#sq-system .sqs-progress .sqs-goals{margin-top:19px;gap:12px}
#sq-system .sqs-progress .sqs-goals p{font-size:13px;line-height:1.6}
#sq-system .sqs-page .sqc-heading,#sq-system .sqs-page .sqc-lodge .sqc-heading{font:700 clamp(42px,4.7cqw,60px)/1.02 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;text-transform:uppercase}
#sq-system .sqs-page .sqc-heading>span{color:#67b6fc}
#sq-system .sqs-page .sqc-story-lead{font:400 15px/1.8 Arial,sans-serif;color:#a7bad0;letter-spacing:0;max-width:33em;margin-top:22px}
#sq-system .sqs-page .sqc-spread-layout{row-gap:30px;column-gap:46px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:min-content 1fr}
#sq-system .sqs-page .sqc-lodge{padding-left:30px}
#sq-system .sqs-page .sqc-guild-emblem{width:54px;height:76px}
#sq-system .sqs-page .sqc-lodge-knight{width:53px;height:74px}
#sq-system .sqs-page .sqc-small-heading h2{font:600 23px/1.2 Arial,sans-serif;letter-spacing:-.025em}
#sq-system .sqs-page .sqc-memes .sqc-eyebrow{margin-bottom:10px}
#sq-system .sqs-page .sqc-memes .sqc-small-heading{gap:12px}
#sq-system .sqs-page .sqc-meme-strip img{height:150px}
#sq-system .sqs-page .sqe-footer-main{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr);gap:36px;padding:28px 0}
#sq-system .sqs-page .sqe-footer-brand{display:inline-flex;align-items:center;gap:10px;min-height:36px;color:#d8e9fa}
#sq-system .sqs-page .sqe-footer-brand img{width:28px;height:28px}
#sq-system .sqs-page .sqe-footer-brand strong{font-size:13px;letter-spacing:.09em}
#sq-system .sqs-page .sqe-about p{font-size:12px;line-height:1.65;max-width:230px;margin-top:8px}
#sq-system .sqs-page .sqe-footer-nav,#sq-system .sqs-page .sqe-footer-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;align-content:start;gap:0 20px;font-size:12px}
#sq-system .sqs-page .sqe-footer-nav a,#sq-system .sqs-page .sqe-footer-social a{padding:10px 0;min-height:40px}
#sq-system .sqs-page .sqe-footer-social a>span{display:none}
#sq-system .sqs-page .sqe-tech{padding:21px 0}
@container(max-width:850px){
 #sq-system .sqs-progress-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:16px}
 #sq-system .sqs-progress-stage[data-step] .sqs-demo-phone{width:150px;top:45px;left:3%}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{left:calc(50% - 75px)}
 #sq-system .sqs-page .sqc-spread-layout{column-gap:28px}
 #sq-system .sqs-page .sqc-lodge{padding-left:22px}
 #sq-system .sqs-page .sqc-guild-emblem{display:none}
 #sq-system .sqs-page .sqc-small-heading{flex-wrap:wrap}
 #sq-system .sqs-page .sqe-footer-main{gap:24px;grid-template-columns:1.1fr .8fr 1fr}
 #sq-system .sqs-page .sqe-footer-social{grid-template-columns:1fr}
}
@container(max-width:650px){
 #sq-system .sqs-progress{padding-top:46px;padding-bottom:46px}
 #sq-system .sqs-progress .sqs-section-head h2{font-size:clamp(36px,11cqw,48px)}
 #sq-system .sqs-progress-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}
 #sq-system .sqs-progress .sqs-step{padding:15px 10px;gap:8px;min-height:58px}
 #sq-system .sqs-progress .sqs-step strong{font-size:15px}
 #sq-system .sqs-progress .sqs-step>svg{width:15px;height:15px}
 #sq-system .sqs-feature-copy{padding:27px 0 10px;max-width:100%;min-height:166px}
 #sq-system .sqs-feature-label{font-size:9px;margin-bottom:10px}
 #sq-system .sqs-feature-copy h3{font-size:34px;margin-bottom:12px}
 #sq-system .sqs-feature-copy>p{font-size:14px;line-height:1.65;max-width:330px}
 #sq-system .sqs-progress-stage[data-step] .sqs-feature-copy .sqs-build-options{margin-top:16px;gap:14px;font-size:11px}
 #sq-system .sqs-progress-stage[data-step] .sqs-transformation{height:350px;margin:0 -3%}
 #sq-system .sqs-progress-stage[data-step] .sqs-demo-phone{width:142px;top:20px;left:8%}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{left:calc(50% - 71px)}
 #sq-system .sqs-progress-stage[data-step] .sqs-training-future{height:285px;top:20px;right:-4%;width:56%}
 #sq-system .sqs-progress-stage[data-step="train"] .sqs-demo-hunter{height:213px;top:102px;right:10%;width:27%}
 #sq-system .sqs-progress-stage[data-step="earn"] .sqs-demo-hunter{height:240px;top:73px;right:0;width:39%}
 #sq-system .sqs-progress .sqs-goals{display:grid;grid-template-columns:20px 1fr;gap:8px 12px;align-items:start}
 #sq-system .sqs-progress .sqs-goals p{font-size:12px}
 #sq-system .sqs-progress .sqs-goals .sqs-link{grid-column:2;margin:0;min-height:36px}
 #sq-system .sqs-page .sqc-spread-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:34px}
 #sq-system .sqs-page .sqc-heading,#sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:46px}
 #sq-system .sqs-page .sqc-story-lead{font-size:15px;margin-top:20px}
 #sq-system .sqs-page .sqc-lodge{padding:29px 0 0}
 #sq-system .sqs-page .sqc-lodge-heading{display:block;position:relative}
 #sq-system .sqs-page .sqc-guild-emblem{display:grid;position:absolute;right:0;bottom:0;width:34px;height:40px}
 #sq-system .sqs-page .sqc-lodge-knight{width:32px;height:40px}
 #sq-system .sqs-page .sqc-small-heading{flex-wrap:nowrap}
 #sq-system .sqs-page .sqc-small-heading h2{font-size:22px}
 #sq-system .sqs-page .sqc-meme-strip img{height:160px}
 #sq-system .sqs-page .sqe-footer-main{grid-template-columns:1fr 1fr;gap:22px 28px}
 #sq-system .sqs-page .sqe-about{grid-column:1/-1}
 #sq-system .sqs-page .sqe-about p{max-width:none}
 #sq-system .sqs-page .sqe-footer-nav{grid-template-columns:1fr}
 #sq-system .sqs-page .sqe-footer-social{grid-template-columns:1fr}
}
@container(max-width:350px){
 #sq-system .sqs-progress .sqs-section-head h2{font-size:36px}
 #sq-system .sqs-progress .sqs-step{gap:6px;padding:14px 7px}
 #sq-system .sqs-progress .sqs-step>svg{display:none}
 #sq-system .sqs-progress-stage[data-step] .sqs-demo-phone{width:125px;left:3%}
 #sq-system .sqs-progress-stage[data-step="equip"] .sqs-demo-phone{left:calc(50% - 62.5px)}
 #sq-system .sqs-progress-stage[data-step] .sqs-transformation{height:315px}
 #sq-system .sqs-page .sqc-heading,#sq-system .sqs-page .sqc-lodge .sqc-heading{font-size:40px}
 #sq-system .sqs-page .sqc-meme-controls>span{display:none}
}

/* A class dossier drawn from the app, with room for the original pixel art. */
#sq-system .sqs-progress-stage{grid-template-rows:auto auto;border-top:0;border-bottom:0}
#sq-system .sqs-hunter-builder,#sq-system .sqs-gear-progression{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5%;min-width:0;padding-top:36px}
#sq-system .sqs-builder-intro{align-self:center;min-width:0;padding:20px 0}
#sq-system .sqs-builder-intro h3,#sq-system .sqs-progression-copy h3{font:700 clamp(40px,4.8cqw,58px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:0;margin:0 0 18px}
#sq-system .sqs-builder-intro>p,#sq-system .sqs-progression-copy>p{font-size:14px;line-height:1.75;color:#a7bad0}
#sq-system .sqs-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px;max-width:440px}
#sq-system .sqs-class-choice{background:#0a1420;border:1px solid #22364a;border-radius:5px;padding:10px 8px;min-height:76px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-size:12px!important;color:#a9bed2!important;cursor:pointer}
#sq-system .sqs-class-button-label{font-size:11px;text-align:left}
#sq-system .sqs-class-button-label small{display:block;font-size:8px;letter-spacing:.1em;color:#708ca8;margin-top:4px}
#sq-system .sqs-class-portrait{position:relative;display:block;flex:none;width:31px;height:47px;overflow:hidden;mix-blend-mode:lighten}
#sq-system .sqs-class-portrait img{position:absolute;max-width:none;width:266px;height:205px;left:-165.5px;top:calc(-.25px * var(--portrait-y,108));image-rendering:pixelated}
#sq-system .sqs-class-choice[aria-pressed="true"]{border-color:var(--class-accent,#73bdff);background:#142638;color:#fff!important;box-shadow:inset 0 -2px var(--class-accent,#73bdff)}
#sq-system .sqs-class-choice:hover{background:#142638}
#sq-system .sqs-class-choice[data-class="monarch"]{grid-column:1/-1;flex-direction:row;justify-content:center;min-height:58px;padding:5px 8px;gap:10px}
#sq-system .sqs-class-choice[data-class="monarch"] .sqs-class-button-label{display:flex;align-items:center;gap:10px}
#sq-system .sqs-class-choice[data-class="monarch"] small{margin:0}
#sq-system :is(.sqs-class-choice,.sqs-body-picker button,.sqs-gear-picker button):focus-visible{outline:2px solid #9ed7ff;outline-offset:3px}
#sq-system .sqs-character-dossier{--class-accent:#73bdff;position:relative;min-width:0;padding:0 22px 20px;background:radial-gradient(ellipse at 50% 56%,color-mix(in srgb,var(--class-accent) 10%,transparent),transparent 68%);isolation:isolate}
#sq-system .sqs-gear-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:3;min-height:47px}
#sq-system .sqs-gear-picker>span{font-size:9px;letter-spacing:.12em;color:#728ba5}
#sq-system .sqs-gear-picker>div{display:flex;gap:5px}
#sq-system .sqs-gear-picker button{display:flex;align-items:center;gap:7px;border:1px solid #263b4e;border-radius:3px;background:#08111d;padding:8px 10px;font-size:14px;font-weight:700;min-height:42px;cursor:pointer}
#sq-system .sqs-gear-picker button span{font-size:10px;font-weight:400;color:#91a7bf}
#sq-system .sqs-gear-picker button[aria-pressed="true"]{border-color:var(--class-accent);color:var(--class-accent)}
#sq-system .sqs-gear-picker button[aria-pressed="true"] span{color:#d8e7f5}
#sq-system .sqs-character-scene{height:345px;position:relative;display:grid;place-items:end center}
#sq-system .sqs-rank-watermark{position:absolute;z-index:-1;right:9%;bottom:25px;font:700 265px/.9 'Barlow Condensed',Impact,sans-serif;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--class-accent) 18%,transparent);pointer-events:none}
#sq-system .sqs-character-floor{position:absolute;left:16%;right:16%;height:32px;bottom:10px;border:1px solid color-mix(in srgb,var(--class-accent) 38%,transparent);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--class-accent) 14%,transparent),transparent 70%);z-index:-1}
#sq-system .sqs-character-art{--sprite-scale:1.7;--sprite-x:662;--sprite-y:108;position:relative;flex:none;align-self:end;width:calc(124px * var(--sprite-scale));height:calc(188px * var(--sprite-scale));overflow:hidden;mix-blend-mode:lighten}
#sq-system .sqs-character-art img{position:absolute;max-width:none;width:calc(1064px * var(--sprite-scale));height:calc(820px * var(--sprite-scale));left:calc(-1px * var(--sprite-x) * var(--sprite-scale));top:calc(-1px * var(--sprite-y) * var(--sprite-scale));image-rendering:pixelated;pointer-events:none}
#sq-system .sqs-character-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #273a4d;margin-top:10px;padding-top:17px}
#sq-system .sqs-class-focus{display:block;font-size:9px;letter-spacing:.13em;color:var(--class-accent);margin-bottom:3px}
#sq-system .sqs-character-heading h4{font:700 38px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
#sq-system .sqs-class-stat{font-size:11px;letter-spacing:.09em;color:var(--class-accent);border:1px solid color-mix(in srgb,var(--class-accent) 40%,transparent);padding:7px 9px;border-radius:3px}
#sq-system .sqs-body-picker{display:flex;gap:4px;margin-top:14px}
#sq-system .sqs-body-picker button{border:0;border-bottom:2px solid transparent;background:none;color:#7c96af;padding:8px 16px;font-size:11px;min-height:38px;cursor:pointer}
#sq-system .sqs-body-picker button[aria-pressed="true"]{color:#e3f3ff;border-bottom-color:var(--class-accent)}
#sq-system .sqs-gear-note{font-size:10px!important;line-height:1.6;margin-top:12px!important;color:#7d95ae!important;max-width:330px}
#sq-system .sqs-progression-copy{align-self:center;padding:30px 0}
#sq-system .sqs-progression-copy .sqs-link{background:none;border:0;margin-top:20px;cursor:pointer;padding-left:0}
#sq-system .sqs-gear-progression{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);padding-top:38px;padding-bottom:22px;min-height:485px}
#sq-system .sqs-progression-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;position:relative;gap:0 7px;background:radial-gradient(ellipse at 50% 65%,#13375844,transparent 70%);min-width:0}
#sq-system .sqs-progression-caption{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;font-size:13px;color:#d4e9fa}
#sq-system .sqs-progression-caption>span+span{font-size:8px;letter-spacing:.12em;color:#6e8eac}
#sq-system .sqs-progression-stages figure{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative}
#sq-system .sqs-progression-stages .sqs-character-art{--sprite-scale:1.25;align-self:center}
#sq-system .sqs-progression-stages figure:after{content:'';position:absolute;left:3%;right:3%;height:1px;bottom:51px;background:linear-gradient(90deg,transparent,#4f84b6,transparent)}
#sq-system .sqs-progression-stages figcaption{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;font-size:10px;color:#9fb7cd}
#sq-system .sqs-progression-stages figcaption strong{font:700 25px/1 'Barlow Condensed',Impact,sans-serif;color:#b6dcff}
#sq-system .sqs-progression-note{grid-column:1/-1;text-align:center;font-size:9px!important;color:#718da8!important;padding-top:12px}
#sq-system .sqs-progress .sqs-goals{border-top:1px solid #20354b;padding-top:20px;margin-top:22px}
@container(max-width:850px){
 #sq-system .sqs-hunter-builder{gap:3%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #sq-system .sqs-character-dossier{padding-left:8px;padding-right:8px}
 #sq-system .sqs-gear-picker{flex-direction:column;align-items:flex-end;gap:5px}
 #sq-system .sqs-gear-picker>span{font-size:8px}
 #sq-system .sqs-character-scene{height:325px}
 #sq-system .sqs-character-art{--sprite-scale:1.6}
 #sq-system .sqs-progression-stages .sqs-character-art{--sprite-scale:1}
 #sq-system .sqs-gear-progression{gap:2%;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
}
@container(max-width:650px){
 #sq-system .sqs-hunter-builder,#sq-system .sqs-gear-progression{grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px}
 #sq-system .sqs-builder-intro{padding-top:12px;padding-bottom:20px}
 #sq-system .sqs-builder-intro h3,#sq-system .sqs-progression-copy h3{font-size:37px}
 #sq-system .sqs-builder-intro h3 br{display:none}
 #sq-system .sqs-builder-intro>p{font-size:13px;line-height:1.6}
 #sq-system .sqs-builder-intro>p br{display:none}
 #sq-system .sqs-class-grid{margin-top:20px;gap:6px;max-width:none}
 #sq-system .sqs-class-choice{min-height:69px;padding:7px 5px;gap:4px}
 #sq-system .sqs-class-button-label{font-size:10px}
 #sq-system .sqs-class-choice[data-class="monarch"]{min-height:54px}
 #sq-system .sqs-character-dossier{padding:10px 8px 6px}
 #sq-system .sqs-gear-picker{flex-direction:row;align-items:center}
 #sq-system .sqs-character-scene{height:305px}
 #sq-system .sqs-character-art{--sprite-scale:1.5}
 #sq-system .sqs-character-heading{padding-top:13px;margin-top:4px}
 #sq-system .sqs-character-heading h4{font-size:34px}
 #sq-system .sqs-body-picker{margin-top:9px}
 #sq-system .sqs-gear-note{font-size:10px!important}
 #sq-system .sqs-progression-copy{padding:12px 0 20px}
 #sq-system .sqs-progression-copy h3 br{display:none}
 #sq-system .sqs-progression-copy .sqs-link{margin-top:8px}
 #sq-system .sqs-progression-stages{gap:0 4px}
 #sq-system .sqs-progression-stages .sqs-character-art{--sprite-scale:.85}
 #sq-system .sqs-progression-caption{padding-top:8px}
 #sq-system .sqs-progression-stages figcaption{gap:5px;font-size:9px}
 #sq-system .sqs-rank-watermark{font-size:230px}
}
@container(max-width:350px){#sq-system .sqs-progression-stages .sqs-character-art{--sprite-scale:.7}#sq-system .sqs-gear-picker button{padding:8px}#sq-system .sqs-gear-picker button span{font-size:9px}#sq-system .sqs-gear-picker>span{font-size:7px}#sq-system .sqs-class-choice{flex-direction:column;gap:3px}#sq-system .sqs-class-button-label{text-align:center}#sq-system .sqs-class-button-label small{margin-top:2px}}

/* Approved party ending, retaining the original portal environment. */
#sq-system .sqs-page .sqx-ending {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);
  align-items:center;
  gap:30px;
  padding:64px 6%;
  overflow:hidden;
  border-top:1px solid #243b54;
  border-bottom:1px solid #1d344d;
  background:radial-gradient(ellipse at 75% 65%,#0c376443,transparent 55%),#040b13;
}
#sq-system .sqs-page .sqx-ending:before {
  content:'';
  position:absolute;
  top:-1px;
  left:6%;
  height:2px;
  width:64px;
  background:#2b96ff;
}
#sq-system .sqs-page .sqx-ending-environment {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 57%;opacity:.3;z-index:-2;mask-image:linear-gradient(90deg,transparent 12%,#000 65%);}
#sq-system .sqs-page .sqx-ending .sqe-support-link {display:inline-block;margin-top:12px;}
#sq-system .sqs-page .sqx-ending-copy {position:relative;z-index:2;min-width:0;}
#sq-system .sqs-page .sqx-ending h2 {
  margin:0;
  font:700 clamp(42px,5.5cqw,64px)/.98 'Barlow Condensed',Impact,sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  color:#f1f5fc;
}
#sq-system .sqs-page .sqx-ending h2 em {font:inherit;color:#67b6fc;}
#sq-system .sqs-page .sqx-ending .sqs-stores {justify-content:flex-start;gap:12px;margin:27px 0 13px;}
#sq-system .sqs-page .sqx-ending-price {margin:0;font:400 12px/1.6 Inter,Arial,sans-serif;color:#93a9bf;}
#sq-system .sqs-page .sqx-ending-party {position:relative;height:300px;width:100%;max-width:470px;justify-self:end;margin:0;}
#sq-system .sqs-page .sqx-ending-floor {
  position:absolute;
  left:2%;
  right:2%;
  bottom:39px;
  height:40px;
  z-index:-1;
  border-radius:50%;
  border-top:1px solid #4099db45;
  background:radial-gradient(ellipse,#1f79bf35,transparent 70%);
}
#sq-system .sqs-page .sqx-party-character {
  position:absolute;
  width:auto;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  image-rendering:pixelated;
  mix-blend-mode:lighten;
  pointer-events:none;
}
#sq-system .sqs-page .sqx-party-druid {left:5%;bottom:58px;height:180px;z-index:1;}
#sq-system .sqs-page .sqx-party-mage {right:4%;bottom:58px;height:180px;z-index:1;}
#sq-system .sqs-page .sqx-party-ranger {left:23%;bottom:46px;height:202px;z-index:2;}
#sq-system .sqs-page .sqx-party-monk {right:22%;bottom:46px;height:202px;z-index:2;}
#sq-system .sqs-page .sqx-party-starter {left:50%;bottom:35px;height:220px;transform:translateX(-50%);z-index:3;mix-blend-mode:normal;}
#sq-system .sqs-page .sqx-ending-party figcaption {position:absolute;left:0;right:0;bottom:0;text-align:center;font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7da4c7;}
@container(max-width:900px) {
  #sq-system .sqs-page .sqx-ending {gap:20px;padding-top:48px;padding-bottom:48px;}
  #sq-system .sqs-page .sqx-ending h2 {font-size:50px;}
  #sq-system .sqs-page .sqx-ending .sqs-stores {gap:10px;}
  #sq-system .sqs-page .sqx-ending .sqs-stores a {width:135px;height:42px;max-width:calc(50% - 5px);}
  #sq-system .sqs-page .sqx-ending-party {height:264px;}
  #sq-system .sqs-page .sqx-party-druid,#sq-system .sqs-page .sqx-party-mage {height:150px;bottom:54px;}
  #sq-system .sqs-page .sqx-party-ranger,#sq-system .sqs-page .sqx-party-monk {height:172px;bottom:43px;}
  #sq-system .sqs-page .sqx-party-starter {height:190px;bottom:32px;}
}
@container(max-width:650px) {
  #sq-system .sqs-page .sqx-ending-environment {object-position:center 60%;opacity:.25;mask-image:linear-gradient(transparent 20%,#000 75%);}
  #sq-system .sqs-page .sqx-ending {grid-template-columns:minmax(0,1fr);gap:21px;padding:43px 7% 32px;text-align:center;}
  #sq-system .sqs-page .sqx-ending:before {left:7%;}
  #sq-system .sqs-page .sqx-ending h2 {font-size:clamp(42px,11.2cqw,58px);}
  #sq-system .sqs-page .sqx-ending .sqs-stores {justify-content:center;margin-top:24px;}
  #sq-system .sqs-page .sqx-ending .sqs-stores a {width:153px;height:47px;max-width:calc(50% - 5px);}
  #sq-system .sqs-page .sqx-ending-party {justify-self:center;max-width:380px;height:248px;}
  #sq-system .sqs-page .sqx-party-druid,#sq-system .sqs-page .sqx-party-mage {height:148px;bottom:49px;}
  #sq-system .sqs-page .sqx-party-ranger,#sq-system .sqs-page .sqx-party-monk {height:172px;bottom:39px;}
  #sq-system .sqs-page .sqx-party-starter {height:192px;bottom:28px;}
  #sq-system .sqs-page .sqx-ending-floor {bottom:32px;}
  #sq-system .sqs-page .sqx-ending-party figcaption {font-size:9px;letter-spacing:.1em;}
}