@font-face{font-family:SoundboxingLocale;src:url('/i18n/fonts/body-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SoundboxingJA;src:url('/i18n/fonts/body-ja.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SoundboxingKO;src:url('/i18n/fonts/body-ko.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SoundboxingSC;src:url('/i18n/fonts/body-zh-Hans.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SoundboxingTC;src:url('/i18n/fonts/body-zh-Hant.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SoundboxingLocale;src:url('/i18n/fonts/ui-latin.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:SoundboxingJA;src:url('/i18n/fonts/ui-ja.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:SoundboxingKO;src:url('/i18n/fonts/ui-ko.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:SoundboxingSC;src:url('/i18n/fonts/ui-zh-Hans.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:SoundboxingTC;src:url('/i18n/fonts/ui-zh-Hant.woff2') format('woff2');font-weight:700;font-display:swap}
html{--locale-font:SoundboxingLocale,SoundboxingJA,system-ui,sans-serif}
html:lang(ja){--locale-font:SoundboxingJA,SoundboxingLocale,system-ui,sans-serif}
html:lang(ko){--locale-font:SoundboxingKO,SoundboxingLocale,system-ui,sans-serif}
html:lang(zh-Hans){--locale-font:SoundboxingSC,SoundboxingLocale,system-ui,sans-serif}
html:lang(zh-Hant){--locale-font:SoundboxingTC,SoundboxingLocale,system-ui,sans-serif}
html:not(:lang(en)) body,html:not(:lang(en)) button,html:not(:lang(en)) input,html:not(:lang(en)) select,html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3{font-family:var(--locale-font)}
.language-picker{display:flex;align-items:center;gap:.5rem;font-size:.75rem;max-width:100%;margin:.5rem}
.language-picker select{font-family:var(--locale-font);background:#151519;color:#fff;border:1px solid #777;border-radius:4px;padding:.5rem;min-height:44px;max-width:12rem}
.header{flex-wrap:wrap}
html:not(:lang(en)) .hero h1{font-size:clamp(2.5rem,6vw,6.5rem);overflow-wrap:anywhere;line-height:1.1}
html:not(:lang(en)) .hero-strip{flex-wrap:wrap;row-gap:.7rem}
html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(zh) .hero h1{letter-spacing:0}
@media(max-width:700px){.language-picker{margin:.25rem 0;flex-wrap:wrap}.language-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header nav{flex-wrap:wrap;gap:.75rem}.language-picker select{max-width:10rem}}
/* Labels get their own line: translated captions cannot collide with values. */
html:not(:lang(en)) .tune-label{top:8px;left:12px;transform:none;font-size:9px;letter-spacing:.06em;max-width:calc(100% - 24px)}
html:not(:lang(en)) .tune select{min-height:56px;padding:20px 30px 3px 12px}
html:not(:lang(en)) .tune{min-width:0}
html:not(:lang(en)) .section-heading{flex-wrap:wrap}
html:not(:lang(en)) h1,html:not(:lang(en)) h2{overflow-wrap:break-word;line-height:1.1}
html:not(:lang(en)) .anniversary-callout h2{font-size:clamp(2.25rem,5.5vw,5.5rem)}
html:lang(ja),html:lang(ko),html:lang(zh){line-break:strict;word-break:normal}
html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(zh) .hero h1{font-size:clamp(1.8rem,6vw,4.8rem);overflow-wrap:normal}
/* Keep the Japanese call to action together in the desktop's half-width column. */
@media(min-width:901px){html:lang(ja) .hero h1{font-size:clamp(2rem,5vw,4rem)}}
html:lang(ja) h2,html:lang(ko) h2,html:lang(zh) h2{font-size:clamp(1.8rem,4.5vw,4rem);letter-spacing:0;line-height:1.2}
html:lang(ja) .anniversary-callout h2,html:lang(ko) .anniversary-callout h2,html:lang(zh) .anniversary-callout h2{font-size:clamp(2rem,5vw,4.5rem)}

.legal-body{overflow-wrap:anywhere}
.profile-count{white-space:nowrap}
html:not(:lang(en)) .legal-body h1{font-size:clamp(2rem,4vw,3.5rem);text-transform:none;hyphens:auto;line-height:1.15}
/* Preserve the prominence of the source warranty and liability notices in
   scripts without letter case, too. HTML lang supplies locale-aware casing. */
.legal-body [data-i18n="legal.tos.44"],.legal-body [data-i18n="legal.tos.45"]{font-weight:700;text-transform:uppercase}