.home-page{background:radial-gradient(ellipse 75% 520px at 50% 15%,#17253e80,transparent),var(--qb-midnight)}
.home-page .header-actions .login{display:flex;align-items:center;gap:12px;max-width:230px}.home-page .login span{margin-left:0}.home-page [data-twitch-name]{overflow:hidden;text-overflow:ellipsis}.home-page .login>span:last-child{flex-shrink:0}
.home-welcome{position:relative;isolation:isolate;text-align:center;padding:68px 24px 58px}.home-welcome::before{content:"";position:absolute;z-index:-1;inset:2% 20% 4%;pointer-events:none;opacity:.5;background:linear-gradient(145deg,#d4b9790e,transparent 40%,#d4b97907);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.home-welcome .eyebrow{margin-bottom:22px;font-size:10px}.home-welcome .eyebrow span{margin-right:8px}.home-welcome h1{font-size:calc(clamp(36px,4.5vw,64px) * var(--shop-heading-scale,1));line-height:1.12;letter-spacing:-2px;margin:0 0 24px;font-weight:650;text-wrap:balance}.home-welcome h1 em{color:#e3ca92}
.home-intro{max-width:700px;margin:0 auto 10px;font-size:calc(17px * var(--shop-text-scale,1));line-height:1.8;color:#d4dbe6;text-wrap:pretty}.home-summary{max-width:690px;margin:0 auto;font-size:calc(14px * var(--shop-text-scale,1));line-height:1.8;color:#a8b6ca;text-wrap:pretty}.home-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px}.home-text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;color:#e0ca9f}.home-text-link:hover{color:#fff0ca;text-decoration:underline;text-underline-offset:5px}
.home-destinations{padding-bottom:60px}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.home-section-heading .eyebrow{margin-bottom:8px}.home-section-heading h2{font-size:calc(clamp(25px,2.5vw,32px) * var(--shop-heading-scale,1));line-height:1.3;text-wrap:balance}.home-section-note{font-size:12px;color:#98a6bc;text-align:right}
.home-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.home-shop-card{display:flex;flex-direction:column;min-width:0;border:1px solid #8694ac46;border-radius:15px;background:#111d32;overflow:hidden;box-shadow:0 15px 35px #0002;transition:border-color .2s,transform .2s,box-shadow .2s}.home-shop-card:hover{border-color:#d8bc79;transform:translateY(-4px);box-shadow:0 19px 38px #0004}.home-shop-card:focus-visible{outline:3px solid #e3ca92;outline-offset:5px}.home-shop-image{aspect-ratio:1.39;background:#10192c;display:grid;place-items:center;overflow:hidden}.home-shop-image img{display:block;width:100%;height:100%;object-fit:contain}.home-shop-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border-top:1px solid #b0bfd122;flex:1}.home-shop-caption h3{font-size:calc(23px * var(--shop-heading-scale,1));line-height:1.3;margin-bottom:8px;color:#f5eddf}.home-shop-caption p{font-size:calc(13px * var(--shop-text-scale,1));line-height:1.75;color:#b7c2d3;margin:0;max-width:440px}.home-shop-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ac915c75;border-radius:50%;color:#e5cd99;font-size:23px;transition:background .2s}.home-shop-card:hover .home-shop-arrow{background:#d6b8781a}
.home-guide{border-top:1px solid var(--qb-line);padding:48px 0 42px;scroll-margin-top:24px}.home-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.home-steps li{min-width:0;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:12px 0}.home-step-number{font-size:13px;letter-spacing:2px;color:#c6ab70;margin-bottom:14px;border-bottom:1px solid #b79c6144;padding-bottom:10px;width:45px}.home-steps h3{font-size:calc(20px * var(--shop-heading-scale,1));margin-bottom:10px;line-height:1.4}.home-steps p{font-size:calc(14px * var(--shop-text-scale,1));color:#abb8cb;line-height:1.85;margin:0 0 20px;text-wrap:pretty}.home-steps .home-text-link{margin-top:auto}
.home-points{display:flex;align-items:center;gap:28px;background:linear-gradient(115deg,#19273d,#111c30);border:1px solid #b39b6355;border-radius:12px;padding:30px;margin-bottom:52px}.home-points .eyebrow{font-size:9px;margin-bottom:7px}.home-points h2{font-size:calc(24px * var(--shop-heading-scale,1))}.home-points p:not(.eyebrow){font-size:calc(13px * var(--shop-text-scale,1));line-height:1.8;color:#aebcd0;margin:10px 0 0;max-width:660px}.home-points strong{color:#e1dccb;font-weight:550}.home-points-symbol{display:grid;justify-items:center;flex:0 0 70px;font-size:23px;color:#e1c991;line-height:1.1;font-weight:600;letter-spacing:1px}.home-points-symbol span{font-size:16px;font-weight:400;color:#928d7e;margin:6px 0}.home-points .button{margin-left:auto;flex-shrink:0;white-space:nowrap}.home-footer-link{font-size:11px;color:#d9c190}
@media(max-width:1000px){.home-welcome{padding:50px 10px}.home-shop-grid{gap:20px}.home-shop-caption{padding:20px;gap:14px}.home-shop-caption h3{font-size:21px}.home-section-note{display:none}.home-steps{gap:24px}.home-points{flex-wrap:wrap}.home-points .button{margin-left:98px}.home-points>div:nth-child(2){flex:1;min-width:260px}}
@media(max-width:640px){.home-page .home-main{margin:0 20px}.home-page .header-actions .login{max-width:150px}.home-page .header nav{justify-content:flex-start;gap:12px 20px}.home-page .header-actions{margin-left:auto}.home-welcome{padding:36px 0 40px}.home-welcome::before{inset:0 4%}.home-welcome h1{font-size:calc(clamp(32px,8.2vw,46px) * var(--shop-heading-scale,1));letter-spacing:-1.1px;overflow-wrap:anywhere}.home-welcome .eyebrow{font-size:9px;letter-spacing:1.5px}.home-intro{font-size:15px;line-height:1.75}.home-summary{font-size:13px;margin-top:12px}.home-actions{gap:18px;margin-top:23px}.home-actions .button{padding:13px 18px}.home-shop-grid{grid-template-columns:1fr;gap:22px}.home-shop-caption{padding:20px}.home-shop-caption h3{font-size:22px}.home-shop-caption p{font-size:13px}.home-shop-arrow{flex-basis:38px;width:38px;height:38px}.home-section-heading h2{font-size:26px}.home-destinations{padding-bottom:38px}.home-guide{padding:34px 0 20px}.home-steps{grid-template-columns:1fr;gap:16px}.home-steps li+li{border-top:1px solid #8d9ab126;padding-top:22px}.home-steps p{margin-bottom:13px}.home-points{padding:23px;gap:20px;margin:12px 0 34px}.home-points-symbol{display:none}.home-points>div:nth-child(2){min-width:0;flex-basis:100%}.home-points h2{font-size:23px}.home-points .button{margin-left:0}.home-page footer{gap:16px}.home-page footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html:has(.home-page){scroll-behavior:auto}.home-shop-card,.home-shop-arrow{transition:none}.home-shop-card:hover{transform:none}}

/* The candidate card follows the authenticated session and equipped avatar. */
.home-page .header-actions .login:not([data-authenticated="true"]),.home-profile-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #a88aff;border-radius:6px;background:#9146ff;color:#fff;font-weight:700;box-shadow:0 5px 18px #5720a845;transition:background .2s,transform .2s,box-shadow .2s}
.home-page .header-actions .login:not([data-authenticated="true"]):hover,.home-profile-login:hover{background:#772ce8;box-shadow:0 8px 24px #5720a86b;transform:translateY(-2px)}
.home-page .header-actions .login:not([data-authenticated="true"])::before{content:"";display:block;flex:none;width:18px;height:18px;background:#fff;mask:url('/assets/home/twitch-glitch.svg') center/contain no-repeat}
.home-page .header-actions .login{min-height:42px;padding:10px 14px;font-size:12px}
.home-page .header-actions .login[data-authenticated="true"]{background:#142038;border-color:#786a53;color:#f0deb1;box-shadow:none}
.home-welcome{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:34px;min-height:535px;padding:44px 0 55px}
.home-welcome::before{inset:2% 8% 4%}
.home-welcome-copy{min-width:0}
.home-welcome h1{font-size:calc(clamp(38px,4.15vw,58px) * var(--shop-heading-scale,1));letter-spacing:-1.8px}
.home-profile{min-width:0;width:100%;text-align:center}
.home-profile h2{max-width:640px;margin:0 auto 12px;color:var(--qb-gold);font-size:calc(clamp(19px,2vw,26px) * var(--shop-heading-scale,1));font-weight:650;line-height:1.25;letter-spacing:-.4px;text-wrap:balance}
.home-profile-preview{position:relative;container-type:inline-size;width:100%;max-width:610px;aspect-ratio:1402/1122;margin:auto;filter:drop-shadow(0 15px 26px #0005)}
.home-profile-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.home-profile-preview>span{position:absolute;display:block;color:#f8f3e8;text-align:center;white-space:nowrap;text-shadow:0 2px 5px #000;pointer-events:none}
.home-profile-preview-title{left:27%;top:16.2%;width:46%;font-size:clamp(13px,1.5vw,20px);font-weight:750}
.home-profile-preview-name{left:27%;top:27%;width:46%;font-size:clamp(10px,1.1vw,14px);font-weight:600}
.home-profile-preview-currency{top:42%;font-size:clamp(12px,1.3vw,17px);font-weight:700}
.home-profile-preview-currency--bucks{left:37%;width:27%}.home-profile-preview-currency--dollar{left:65%;width:28%}
.home-profile-preview-value{top:68.6%;font-size:clamp(12px,1.3vw,17px);font-weight:700;letter-spacing:2px}
.home-profile-preview-value--bucks{left:37%;width:27%}.home-profile-preview-value--dollar{left:65%;width:28%}
.home-profile-login{min-height:44px;padding:10px 20px;margin:0 auto 6px;font-size:13px}
.home-profile-login img{width:20px;height:20px;filter:brightness(0) invert(1)}
@media(max-width:1040px){.home-welcome{grid-template-columns:1fr;gap:32px;padding:43px 0 49px}.home-welcome-copy{max-width:760px;margin:auto}.home-profile{max-width:650px;margin:auto}.home-profile h2{margin-bottom:10px}}
@media(max-width:640px){.home-page .header-actions .login{max-width:175px;min-height:40px;padding:8px 10px;gap:7px}.home-page .header-actions .login::before{width:16px;height:16px}.home-welcome{gap:25px;padding:36px 0 43px}.home-welcome h1{font-size:calc(clamp(32px,8vw,46px) * var(--shop-heading-scale,1));letter-spacing:-1.1px}.home-profile h2{font-size:calc(20px * var(--shop-heading-scale,1))}.home-profile-preview-title{font-size:clamp(11px,3.4vw,16px)}.home-profile-preview-name{font-size:clamp(8px,2.45vw,12px)}.home-profile-preview-currency,.home-profile-preview-value{font-size:clamp(9px,2.5vw,13px)}.home-profile-login{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-page .header-actions .login,.home-profile-login{transition:none}.home-page .header-actions .login:hover,.home-profile-login:hover{transform:none}}

/* Position from the artwork's original 1402 × 1122 pixel coordinates. */
.home-profile-preview>.home-profile-preview-title{left:33%;top:17.9%;width:34%;height:5%;transform:translateY(-50%);display:grid;place-items:center;font-size:3.35cqw;line-height:1;font-weight:750}
.home-profile-preview>.home-profile-preview-name{left:29%;top:28.5%;width:42%;height:5%;transform:translateY(-50%);display:grid;place-items:center;font-size:calc(2.7cqw * var(--profile-text-scale,1));line-height:1.1;font-weight:650}
.home-profile-preview>.home-profile-preview-currency{top:43%;transform:translateY(-50%);font-size:2.8cqw;line-height:1.15}
.home-profile-preview>.home-profile-preview-currency--bucks{left:38%;width:22%}.home-profile-preview>.home-profile-preview-currency--dollar{left:66%;width:22%}
.home-profile-preview>.home-profile-preview-value{top:69.35%;width:19.5%;height:3.8%;transform:translateY(-50%);display:grid;place-items:center;font-size:calc(3.15cqw * var(--profile-text-scale,1));line-height:1;font-weight:750;letter-spacing:0;font-variant-numeric:tabular-nums}
.home-profile-preview>.home-profile-preview-value--bucks{left:39.25%;color:#fff1bb}.home-profile-preview>.home-profile-preview-value--dollar{left:67.25%;color:#e6ffcf}
.home-profile-portrait{position:absolute;left:12.35%;top:40.5%;width:18.6%;height:27.5%;overflow:hidden;contain:paint;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.home-profile-portrait>img{display:block;width:100%;height:100%;object-fit:cover}.home-profile-portrait[data-source="fallback"]>img{object-fit:contain;padding:12%;opacity:.8}
.home-profile-portrait .digital-art{min-height:0;background:radial-gradient(ellipse,#1e405b,#0b243a);width:100%;height:100%}.home-profile-portrait .digital-art>svg{width:95%;height:87%}.home-profile-portrait .design-grid,.home-profile-portrait .design-halo,.home-profile-portrait .avatar-orbit,.home-profile-portrait .design-spark{display:none}
.home-profile-status{color:#dfc690;font-size:11px;margin:0 0 10px;line-height:1.4}

.home-profile-preview-name.qb-loader-name{font-size:calc(2.2cqw * var(--profile-text-scale,1));line-height:1.6;overflow:hidden}

.home-profile-preview-name.qb-flap-name{font-size:calc(2.2cqw * var(--profile-text-scale,1));line-height:1.6;overflow:hidden}

.home-profile-preview-name.qb-pixel-name{font-size:calc(2.2cqw * var(--profile-text-scale,1));line-height:1.4;overflow:hidden}

.home-profile-preview-name.qb-heatmap-name{font-size:calc(2.2cqw * var(--profile-text-scale,1));line-height:1.4;overflow:hidden}

.home-profile-preview-name.qb-keycap-name{font-size:calc(2.2cqw * var(--profile-text-scale,1));line-height:1.8;overflow:hidden}