.preview-navigation-tip{font-size:.875rem;color:var(--muted)}.client-page-back{display:flex;gap:7px;align-items:center;border:0;background:var(--client-dark);border-radius:10px;min-height:34px;padding:6px 13px;font-size:16px!important}.client-page-back .client-icon{font-size:19px}.client-page-back:hover{filter:brightness(1.05)}
.client-preferences-view,.client-language-view{flex:1;min-height:0;overflow:auto;padding:30px;overscroll-behavior:contain;scrollbar-width:thin;animation:client-view-in .24s ease-out}.client-preference-entry{display:flex;align-items:center;gap:24px;text-align:left;min-height:80px;width:100%;padding:16px 24px;border:0;border-radius:16px;background:var(--client-dark);margin-bottom:20px}.client-preference-entry:hover{filter:brightness(1.035)}.client-preference-entry>.client-icon{width:26px;flex-shrink:0}.client-preference-text{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;flex:1}.client-preference-text strong{font-size:26px;line-height:1.4;font-weight:500}.client-preference-text>span{font-size:18px;line-height:1.5;color:var(--client-secondary)}.client-entry-chevron{font-size:20px;flex-shrink:0;margin-left:auto}.client-language-choice{display:flex;gap:28px;align-items:center;width:100%;min-height:80px;border:0;border-radius:16px;padding:12px;background:var(--client-dark);margin-bottom:20px;text-align:left}.client-language-choice img{width:84px;height:56px;object-fit:fill;border-radius:8px}.client-language-choice>span:not(.client-icon){font-size:26px}.client-language-choice .client-icon{margin-left:auto;margin-right:16px;opacity:0;color:var(--client-focus)}.client-language-choice[aria-pressed=true] .client-icon{opacity:1}
.client-appearance-view{display:flex;flex-direction:column;gap:30px;padding:30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.client-appearance-block{background:var(--client-dark);border-radius:12px;padding:12px 16px 20px;flex-shrink:0;overflow:hidden}.client-appearance-block h4{font-size:26px;font-weight:500;line-height:1.4;margin:0 0 12px}.client-theme-swatches,.client-accent-swatches{display:flex;gap:20px;overflow-x:auto;padding:4px 8px;scrollbar-width:none;overscroll-behavior-x:contain}.client-theme-swatches{gap:20px}.client-theme-swatch,.client-accent-swatch{position:relative;display:grid;place-items:center;flex-shrink:0;border:0;border-radius:12px;width:72px;height:72px;background:var(--swatch);padding:0}.client-accent-swatches{gap:16px}.client-accent-swatch{width:64px;height:64px;--swatch:linear-gradient(var(--soar-gradient-angle),var(--swatch-start),var(--swatch-end))}.client-accent-swatch .client-icon{opacity:0;color:white;font-size:30px}.client-accent-swatch[aria-pressed=true] .client-icon{opacity:1}.client-theme-swatch[aria-pressed=true]::after,.client-cape-card[aria-pressed=true]::after{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:3px;background:var(--client-gradient);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.client-hud-theme{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:18px 16px}.client-hud-theme h4{margin:0}.client-hud-picker{display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:var(--client-gradient);height:32px;width:150px;flex-shrink:0;color:white;font-size:16px}.client-hud-picker button{border:0;background:none;padding:1px 8px;font-size:18px;min-height:32px;min-width:28px;line-height:1}.client-hud-picker output{text-align:center;line-height:1.25;font-size:15px}
.client-capes-view{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px 30px 0;overflow:hidden;animation:client-view-in .24s ease-out}.client-cape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff65 transparent;padding:4px 4px 22px;margin:-4px;outline:none}.client-cape-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;background:var(--client-dark);border:0;border-radius:16px;padding:18px 18px 8px;gap:6px;transition:filter .2s}.client-cape-card:hover{filter:brightness(1.045)}.client-cape-card[aria-pressed=true]::after{inset:-4px;padding:4px;border-radius:20px}.client-cape-sample{display:block;width:100%;aspect-ratio:2/3;object-fit:fill;border-radius:16px;image-rendering:pixelated}.client-cape-name{font-size:20px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.client-cape-grid>.client-empty{grid-column:1/-1}.client-cape-grid:focus-visible{outline:3px solid var(--client-focus);outline-offset:-3px;border-radius:7px}
@media(max-width:1100px){.client-preferences-view,.client-language-view,.client-appearance-view{padding:26px 24px}.client-appearance-view{gap:24px}.client-capes-view{padding-inline:24px}.client-cape-grid{gap:20px}.client-cape-card{padding:16px 16px 8px}.client-cape-name{font-size:18px}.client-theme-swatch{width:64px;height:64px}.client-theme-swatches{gap:17px}.client-appearance-block h4{font-size:24px}.client-accent-swatch{width:60px;height:60px}.client-preference-text strong{font-size:24px}}
@media(max-width:800px){.client-preferences-view,.client-language-view,.client-appearance-view{padding:22px 18px}.client-preference-entry{gap:18px;padding:15px 18px}.client-preference-text{display:block}.client-preference-text strong{font-size:22px}.client-preference-text>span{display:block;font-size:16px;margin-top:2px}.client-appearance-view{gap:22px}.client-appearance-block h4{font-size:22px}.client-theme-swatch{width:54px;height:54px}.client-theme-swatches{gap:15px}.client-accent-swatch{width:54px;height:54px}.client-capes-view{padding-inline:18px}.client-cape-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.client-cape-card{padding:15px 14px 8px}.client-cape-name{font-size:17px}.client-language-choice{gap:18px}.client-language-choice>span:not(.client-icon){font-size:22px}.client-language-choice img{width:69px;height:46px}.client-hud-picker{width:135px}}
@media(max-width:600px){.preview-toolbar{align-items:center;flex-wrap:nowrap}.preview-navigation-tip{font-size:.75rem;flex:1;min-width:0}.client-preferences-view,.client-language-view,.client-appearance-view{padding:18px 12px}.client-preference-entry{border-radius:12px;gap:12px;padding:14px 13px;margin-bottom:15px}.client-preference-entry>.client-icon{font-size:21px;width:22px}.client-preference-text strong{font-size:19px}.client-preference-text>span{font-size:13px}.client-entry-chevron{font-size:18px}.client-appearance-view{gap:18px}.client-appearance-block{padding:13px 12px 15px;border-radius:10px}.client-appearance-block h4{font-size:20px;margin-bottom:9px}.client-theme-swatches,.client-accent-swatches{gap:12px;padding:4px}.client-theme-swatch{width:48px;height:48px;border-radius:9px}.client-accent-swatch{width:45px;height:45px;border-radius:9px}.client-accent-swatch .client-icon{font-size:24px}.client-hud-theme{align-items:flex-start;flex-direction:column;gap:10px;min-height:84px}.client-hud-theme h4{margin:0}.client-hud-picker{width:150px;align-self:flex-end}.client-capes-view{padding:14px 12px 0}.client-cape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.client-cape-card{border-radius:12px;padding:11px 11px 7px;gap:5px}.client-cape-card[aria-pressed=true]::after{inset:-3px;padding:3px;border-radius:15px}.client-cape-sample{border-radius:10px}.client-cape-name{font-size:14px;line-height:1.45}.client-language-choice{padding:10px;gap:12px;border-radius:12px;min-height:68px;margin-bottom:14px}.client-language-choice img{width:54px;height:36px;border-radius:5px}.client-language-choice>span:not(.client-icon){font-size:18px}.client-language-choice .client-icon{font-size:23px;margin-right:5px}.client-page-back{padding:5px 9px;font-size:14px!important}.client-page-back .client-icon{font-size:17px}}
@media(max-width:360px){.client-capes-view{padding-inline:9px}.client-cape-grid{gap:12px}.client-cape-card{padding:9px 9px 6px}.client-cape-name{font-size:12px}.client-language-choice{gap:9px}.client-language-choice img{width:45px;height:30px}.client-language-choice>span:not(.client-icon){font-size:16px}}
@media(prefers-reduced-motion:reduce){.client-preferences-view,.client-language-view,.client-capes-view{animation:none}}
.client-appearance-block{padding-bottom:16px}.client-appearance-block h4{line-height:1.3;margin-bottom:10px}.client-hud-theme h4{margin:0}.client-cape-card{gap:10px}.client-cape-name{line-height:1.2}
@media(max-width:600px){.client-cape-card{gap:5px}.client-cape-name{line-height:1.45}}