html:has(.onboarding-page){scrollbar-width:none;height:100%;overflow:hidden}body:has(.onboarding-page){flex-direction:column;height:100dvh;display:flex;overflow:hidden}body:has(.onboarding-page) .site-header{flex-shrink:0}body:has(.onboarding-page) .site-footer{display:none}main:has(.onboarding-page){flex:1;min-height:0;overflow:hidden}main>.player-theme:has(.onboarding-page){height:100%;min-height:0}.onboarding-page{height:100%;min-height:0}.onboarding-page .onboarding-wrap{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,76px);max-width:1180px;height:100%;min-height:0;padding-block:clamp(16px,3dvh,32px);display:grid}.onboarding-preview{background:#1c1b19;border:1px solid #3b352d;border-radius:18px;flex-direction:column;justify-content:center;gap:clamp(18px,3dvh,30px);height:100%;min-height:0;padding:clamp(24px,4dvh,40px);display:flex;overflow:hidden}.onboarding-preview-intro .eyebrow{color:var(--player-accent);font-size:9px}.onboarding-preview-intro h2{margin-top:16px;font-size:clamp(30px,4dvh,40px)}.onboarding-preview-intro h2 em{color:var(--player-accent)}.onboarding-preview-intro>p:last-child{color:var(--muted);margin-top:15px;font-size:12px;line-height:1.7}.onboarding-id-card{background:#24221f;border:1px solid #736044;border-radius:12px;width:min(100%,300px);margin-inline:auto;padding:20px 24px}.onboarding-id-top,.onboarding-id-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.onboarding-id-top>span:first-child{color:var(--ink);letter-spacing:.15em;font-size:11px}.onboarding-id-top b{color:var(--player-accent);margin-left:4px;font-size:9px}.onboarding-preview-badge{color:#e5c69f;border:1px solid #62533f;border-radius:4px;padding:3px 6px;font-size:8px}.onboarding-id-card>.player-avatar{margin:23px auto 16px}.onboarding-id-card>strong{text-align:center;overflow-wrap:anywhere;font-size:22px;font-weight:600;line-height:1.25;display:block}.onboarding-id-username{color:#cbb99f;text-align:center;overflow-wrap:anywhere;margin-top:6px;font-size:11px;display:block}.onboarding-id-bottom{color:#c1b8ab;letter-spacing:.08em;border-top:1px solid #504535;margin-top:20px;padding-top:15px;font-size:7px}.onboarding-preview-note{text-align:center;color:var(--muted);font-size:10px}.onboarding-page .onboarding-wrap>.onboarding-card{overscroll-behavior-y:contain;scrollbar-width:none;background:0 0;border:0;border-radius:0;justify-self:center;width:100%;max-width:440px;min-height:0;max-height:100%;padding:8px;overflow-y:auto}.onboarding-page .onboarding-card::-webkit-scrollbar{display:none}html:has(.onboarding-page)::-webkit-scrollbar{display:none}.onboarding-steps{align-items:center;gap:22px;margin-bottom:27px;list-style:none;display:flex}.onboarding-steps li{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.onboarding-steps li>span{border:1px solid #635b50;border-radius:7px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.onboarding-steps li[aria-current],.onboarding-steps li[data-complete]{color:var(--player-accent)}.onboarding-steps li[aria-current]>span{border-color:var(--player-accent);background:#362c20}.onboarding-page .onboarding-heading{margin-bottom:26px;display:block}.onboarding-page .onboarding-card .onboarding-heading h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(28px,3.5vw,39px)}.onboarding-page .onboarding-heading h1:focus{outline:none}.onboarding-page .onboarding-description{font-size:12px;line-height:1.7}.onboarding-page .account-fields{gap:18px}.onboarding-page .account-field input{min-height:46px}.onboarding-page .username-availability{min-height:20px;margin-top:-7px;line-height:1.6}.onboarding-page .onboarding-privacy{font-size:10px;line-height:1.8}.onboarding-page .avatar-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.onboarding-page .avatar-picker button{padding:10px 6px}.onboarding-page .avatar-picker .player-avatar{max-width:62px}.onboarding-page .avatar-picker legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-page .account-error{margin:0}.onboarding-actions{gap:12px;display:flex}.onboarding-actions .button{min-height:46px;padding:11px 17px;font-size:12px}.onboarding-actions .button-dark{flex:1}.onboarding-page .onboarding-card>.onboarding-switch-account{margin-top:10px;font-size:11px}@media (max-height:760px){.onboarding-preview{gap:18px;padding:25px}.onboarding-preview-intro h2{margin-top:12px;font-size:30px}.onboarding-preview-intro>p:last-child{display:none}.onboarding-id-card{max-width:270px;padding:17px 20px}.onboarding-id-card>.player-avatar{width:80px;height:80px;margin-block:17px 13px}.onboarding-id-card>strong{font-size:20px}.onboarding-id-bottom{margin-top:15px;padding-top:12px}.onboarding-steps{margin-bottom:17px}.onboarding-page .onboarding-heading{margin-bottom:18px}.onboarding-page .onboarding-card .onboarding-heading h1{margin-bottom:9px;font-size:30px}.onboarding-page .account-fields{gap:14px}.onboarding-page .account-field{gap:6px}.onboarding-page .account-field input{min-height:44px;padding-block:10px}.onboarding-page .avatar-picker .player-avatar{max-width:48px}.onboarding-page .avatar-picker button{padding-block:7px}}@media (max-width:767px){.onboarding-page .onboarding-wrap{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:14px;max-width:480px;padding-block:16px}.onboarding-preview{background:0 0;border:0;border-radius:0;padding:0}.onboarding-preview-intro,.onboarding-preview-note,.onboarding-id-bottom{display:none}.onboarding-id-card{grid-template-columns:64px minmax(0,1fr);gap:0 14px;width:100%;max-width:none;padding:14px 17px;display:grid}.onboarding-id-top{grid-column:1/-1;margin-bottom:12px}.onboarding-id-card>.player-avatar{grid-area:2/1/4;width:64px;height:64px;margin:0}.onboarding-id-card>strong{text-align:left;grid-column:2;align-self:end;font-size:19px}.onboarding-id-username{text-align:left;grid-column:2;align-self:start;margin-top:4px}.onboarding-page .onboarding-wrap>.onboarding-card{padding:4px}.onboarding-steps{margin-bottom:18px}.onboarding-page .onboarding-card .onboarding-heading h1{margin-bottom:8px;font-size:29px}.onboarding-page .onboarding-heading{margin-bottom:19px}.onboarding-page .account-fields{gap:14px}.onboarding-page .onboarding-card>.onboarding-switch-account{min-height:34px;margin-top:8px}}@media (max-width:767px) and (max-height:760px){.onboarding-page .onboarding-wrap{gap:10px;padding-block:12px}.onboarding-id-card{grid-template-columns:48px minmax(0,1fr);padding:10px 14px}.onboarding-id-card>.player-avatar{width:48px;height:48px}.onboarding-id-top{margin-bottom:8px}.onboarding-id-card>strong{font-size:17px}.onboarding-steps{margin-bottom:12px}.onboarding-page .onboarding-card .onboarding-heading h1{font-size:26px}.onboarding-page .onboarding-heading{margin-bottom:14px}}@media (max-height:540px) and (min-width:600px){.onboarding-page .onboarding-wrap{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;max-width:1000px;padding-block:12px}.onboarding-preview{padding:16px}.onboarding-preview-intro,.onboarding-preview-note{display:none}.onboarding-id-card>.player-avatar{width:64px;height:64px}.onboarding-page .avatar-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.onboarding-page .avatar-picker button{padding-inline:2px;font-size:8px}.onboarding-page .onboarding-description{display:none}}@media (max-height:690px){.onboarding-steps{margin-bottom:12px}.onboarding-steps li>span{width:24px;height:24px}.onboarding-page .onboarding-heading{margin-bottom:12px}.onboarding-page .onboarding-card .onboarding-heading h1{font-size:28px}.onboarding-page .account-fields{gap:12px}.onboarding-page .account-field{gap:4px}.onboarding-page .account-field small{font-size:10px}.onboarding-page .avatar-picker .player-avatar{max-width:42px}.onboarding-page .avatar-picker button{padding-block:5px}.onboarding-page .onboarding-card>.onboarding-switch-account{min-height:36px;margin-top:6px}}