@font-face{font-family:LanaPixel;src:url('/assets/LanaPixel.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:DotGothic16;src:url('/assets/DotGothic16-Regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Mona12;src:url('/assets/Mona12.woff2') format('woff2');font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:'Noto Sans JP';src:url('/assets/NotoSansJP-Variable.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:'Noto Sans SC';src:url('/assets/NotoSansSC-Subset.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--locale-ui:SUIT,Arial,'Noto Sans JP',sans-serif;--locale-pixel:LanaPixel,DotGothic16,Arial,sans-serif;--locale-title:Paperlogy,'Noto Sans JP',sans-serif}
html[lang=ja]{--locale-ui:'Noto Sans JP',SUIT,sans-serif;--locale-pixel:DotGothic16,LanaPixel,sans-serif;--locale-title:'Noto Sans JP',Paperlogy,sans-serif}
html[lang=zh-CN]{--locale-ui:'Noto Sans SC',sans-serif;--locale-pixel:LanaPixel,'Noto Sans SC',sans-serif;--locale-title:'Noto Sans SC',sans-serif}
html[lang=zh-CN] main h2.section-divider{font-family:'Noto Sans SC',sans-serif;font-weight:300;letter-spacing:.06em}
html[lang=es],html[lang=fr]{--locale-ui:Arial,SUIT,'Noto Sans JP',sans-serif}
body,button,input,textarea,select,.legal-main,.legal-main h1,.legal-main h2,.legal-main h3,.site-footer .footer-legal,.login-privacy{font-family:var(--locale-ui)}
.site-header nav,.language-switch,.cut-preview-text,.game-summary,.cut-visit,.cut-small-brand>span,.news-meta{font-family:var(--locale-pixel)}
.intro-copy h2,.game-tagline,.app-tagline,.news-title{font-family:var(--locale-title)}
html[lang=ja] main h2.section-divider{font-family:'Noto Sans JP',sans-serif;font-weight:300;letter-spacing:.06em}
@font-face{font-family:'Cafe24 Ssurround';src:url('/assets/Cafe24Ssurround-v2.0.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--locale-nav:'Cafe24 Ssurround',var(--locale-ui)}
html[lang=ja]{--locale-nav:'Noto Sans JP',sans-serif}
html[lang=zh-CN]{--locale-nav:'Noto Sans SC',sans-serif}
.section-nav a{font-family:var(--locale-nav)}
.language-switch{position:relative;white-space:nowrap;pointer-events:auto;z-index:90}
body>.language-switch{position:absolute;top:12px;right:max(32px,calc((100vw - 1240px)/2));filter:drop-shadow(0 2px 4px #000)}
.language-switch button{border:0;background:transparent;color:#dedee5;padding:10px 8px;font:23px/1.3 var(--locale-pixel);cursor:pointer;border-radius:3px;min-height:44px}
.language-switch button:hover{color:#ffad63;background:transparent}
.language-switch .language-trigger{display:flex;align-items:center;justify-content:flex-end}
.language-menu{position:absolute;right:0;top:100%;width:180px;padding:12px 0 6px;background:none;border:0;box-shadow:none;max-height:calc(100svh - 90px);overflow-y:auto;opacity:0;transform:translateY(-17px);filter:blur(6px);transition:opacity .28s ease,transform .36s cubic-bezier(.16,1,.3,1),filter .3s ease;mask-image:linear-gradient(transparent,#000 13px,#000 calc(100% - 5px),transparent)}
.language-switch.is-open .language-menu{opacity:1;transform:translateY(0);filter:blur(0)}
.language-menu[hidden]{display:none}
.language-menu button{display:block;width:100%;text-align:right;font-family:LanaPixel,DotGothic16,sans-serif}
.language-menu button[aria-selected=true]{color:#ff922c;background:none}
.language-switch [lang=ja]{font-family:DotGothic16,LanaPixel,sans-serif;font-weight:400}
.language-switch [lang=zh-CN]{font-family:LanaPixel,'Noto Sans SC',sans-serif}
.language-switch button:focus-visible{outline:2px solid #ff922c;outline-offset:2px}
.intro-copy h2{font-size:var(--intro-fit,clamp(28px,3vw,40px));line-height:1.45}
.intro-copy{min-width:0}
.intro-copy h2>span{display:inline-block;white-space:nowrap}
.intro-copy #heroDescription{white-space:pre-line;line-height:1.9;word-break:normal}
html:not([lang=ko]) .game-summary,html:not([lang=ko]) .cut-summary{word-break:normal;overflow-wrap:break-word;line-height:1.7}
html:not([lang=ko]) .game-tagline{font-size:clamp(25.2px,3.6vw,48px);flex-wrap:wrap;row-gap:5px}
html[lang=ja] .game-tagline{word-break:keep-all}
/* Emphasize meaning words; articles, possessives and particles stay white. */
.game-tagline :is(.game-new,.game-heist,.game-friends,.game-duel),.app-tagline :is(.caption-grow,.caption-shrink),#heroTitle .gradient-text{text-transform:uppercase}
.game-tagline>.game-tagline-suffix{color:#fff;text-transform:none}
.game-tagline span>.game-tagline-suffix{color:inherit;text-transform:none}
.game-tagline{height:auto;min-height:1.6em}
html:is([lang=en],[lang=es],[lang=fr]) .game-tagline{letter-spacing:-.025em;column-gap:.27em}
html:not([lang=ko]) .news-excerpt,html:not([lang=ko]) .article-body,html:not([lang=ko]) .legal-main{word-break:normal;overflow-wrap:break-word}
.news-original{font:11px/1.4 var(--locale-ui);color:#aaa;margin-inline:8px}
.legal-header{flex-wrap:wrap}.legal-header .language-switch{margin-left:auto}.legal-nav{order:3;flex-basis:100%}
.legal-main .font-list{line-height:1.9}.legal-main code{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1;justify-self:start;padding-left:0;gap:22px}.site-header>.language-switch{grid-column:2}}
@media(max-width:760px){
 .site-header{height:108px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8px}
 body>.language-switch{right:16px;top:7px}
 .site-header nav{padding:8px 0;gap:25px;font-size:19px;white-space:nowrap}
 .site-header>.studio-brand{top:17px}.site-header>.studio-brand .horizontal-mark{width:100px}.site-header>.studio-brand .studio-word{font-size:21px}
 .language-switch button{font-size:22px;padding:10px 8px}
 html:not([lang=ko]) .game-tagline{font-size:clamp(21.6px,5.4vw,31.2px)}
 html:not([lang=ko]) .game-summary{font-size:13px;line-height:1.65}
 html:not([lang=ko]) .cut-small-brand>span{font-size:21px}
 .intro-copy h2{font-size:var(--intro-fit,clamp(25px,5.5vw,35px))}
 html:not([lang=ko]) .intro-section{grid-template-columns:minmax(0,1fr);position:relative;padding-right:0}
 html:not([lang=ko]) .intro-geometry{position:absolute;right:0;bottom:38px;width:105px;height:105px}
 html:not([lang=ko]) .intro-copy #heroDescription{max-width:none;padding-right:115px}
 .intro-copy #heroDescription{font-size:14px}
 html:not([lang=ko]) .app-tagline{font-size:clamp(27.6px,6.72vw,40.8px)}
 html:not([lang=ko]) main h2.section-divider{font-size:clamp(30px,8vw,44px);gap:18px}
}
html:is([lang=en],[lang=es],[lang=fr]) .app-tagline>span{gap:.24em}
/* Keep 36px unless the actual title is wider than its package artwork. */
:is(.game-feature,.cut-feature) .cut-small-brand>span.package-title{font:400 var(--package-title-size,36px)/1.25 Mona12,var(--locale-ui);letter-spacing:0;font-synthesis:none;font-feature-settings:"locl" 1;white-space:nowrap;min-width:0}
html[lang=ko] .package-title{font-language-override:"KOR "}
html[lang=ja] .package-title{font-language-override:"JAN "}
html[lang=zh-CN] .package-title{font-language-override:"ZHS "}
@media(max-width:390px){.site-header nav{gap:19px;font-size:18px}.language-switch button{font-size:21px}.site-header>.studio-brand .horizontal-mark{width:86px}.site-header>.studio-brand .studio-word{font-size:19px}}

/* Supporting package text, including mobile locale overrides, +20%. */
.game-feature .game-summary,.cut-feature .game-summary{font-size:16.8px}
.game-feature .cut-visit,.cut-feature .cut-visit{font-size:14.4px}
@media(max-width:760px){html:not([lang=ko]) .game-feature .game-summary,html:not([lang=ko]) .cut-feature .game-summary{font-size:15.6px}.game-feature .cut-visit,.cut-feature .cut-visit{font-size:13.2px}}

@media(max-width:760px){.game-tagline{flex-wrap:wrap;row-gap:.12em}}