.locale-select{font:500 13px/1.3 system-ui,sans-serif;letter-spacing:0;max-width:130px;min-height:40px;padding:8px 24px 8px 10px;border:1px solid #fff7;border-radius:5px;background:#111;color:#fff;cursor:pointer}.locale-select:focus-visible{outline:2px solid #fff;outline-offset:3px}[data-language-picker]{flex-shrink:0}html:not([lang=ja]) .vertical{writing-mode:horizontal-tb;max-width:130px;font:10px/1.5 system-ui,sans-serif;text-align:right}html:not([lang=ja]) .brand strong{font:800 clamp(20px,5vw,36px)/1.05 system-ui,sans-serif;max-width:200px}html:not([lang=ja]) .special-button b{font:700 clamp(9px,2.5vw,12px)/1.1 system-ui,sans-serif;letter-spacing:0;overflow-wrap:normal;hyphens:auto;white-space:normal;min-height:2.3em;display:flex;align-items:center;justify-content:center;padding:2px}html:not([lang=ja]) .special-options b{font-size:clamp(12px,3vw,16px);line-height:1.2}html:not([lang=ja]) .ability-notice b{font:800 clamp(20px,5vw,34px)/1.15 system-ui,sans-serif}html:not([lang=ja]) .hero p{font-size:clamp(18px,4.2vw,28px);line-height:1.3}#home header{gap:10px;flex-wrap:wrap}#home header .edition{margin-left:auto}#home header [data-language-picker]{width:100%;text-align:right}.modal [data-language-picker]{margin:10px 0}#ending-card-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12%;background:radial-gradient(ellipse at 50% 20%,#46131b,#08030b 75%);color:#fff1dc}#ending-card-copy strong{font:800 clamp(22px,5vw,38px)/1.6 system-ui,sans-serif;text-wrap:balance;text-shadow:0 0 18px #b00}#ending-card-copy p{font:500 clamp(17px,3.8vw,28px)/1.6 system-ui,sans-serif;text-wrap:balance}html[lang=ja] #ending-card-copy{display:none}html:not([lang=ja]) #ending-card-view>img{visibility:hidden}.localized-reward{font:900 clamp(30px,7vw,56px)/1.1 system-ui,sans-serif;color:#fff1db;text-shadow:3px 3px #a60022,0 0 20px #ff365d;display:block}.language-note{font:12px/1.5 system-ui,sans-serif;color:#bbb;margin:12px 0}.translated-about{display:none}html:not([lang=ja]) .about-show>img{display:none}html:not([lang=ja]) .translated-about{display:block;padding:clamp(22px,5vw,60px);background:#ffd72b;color:#111;border-radius:16px;font:500 clamp(17px,2.6vw,24px)/1.8 system-ui,sans-serif}.translated-about h2{font-weight:900;line-height:1.2}html:not([lang=ja]) .site-header .brand{font:800 clamp(17px,2.4vw,26px)/1.2 system-ui,sans-serif;white-space:normal}html:not([lang=ja]) .site-header nav{flex-wrap:wrap}html:not([lang=ja]) .show-logo{font:900 clamp(23px,4vw,44px)/1.2 system-ui,sans-serif}html:not([lang=ja]) .special-copy h2{font-size:clamp(24px,3.5vw,40px)}.header-inner{flex-wrap:wrap}.header-inner [data-language-picker]{margin-left:auto}html:not([lang=ja]) .hero-tagline{max-width:90%;font-size:clamp(24px,4vw,52px)}html:not([lang=ja]) .hero-description{max-width:85%;font-size:clamp(14px,1.8vw,20px)}
/* Match the rail's ID specificity; reserve two lines inside each existing hit target. */
html:not([lang=ja]) #play .action-rail .special-button{height:76px}
html:not([lang=ja]) #play .action-rail .special-button b{font:700 9.3px/10.5px system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;height:25px;min-height:0;padding:1px 2px;display:flex;align-items:center;justify-content:center}
html:not([lang=ja]) #ending-card-copy{position:relative;min-height:calc(100% - 90px);padding:12% 7%}
html:not([lang=ja]) #ending-card-view>img{display:none}
@media(max-height:600px){html:not([lang=ja]) #play .action-rail .special-button{height:65px}html:not([lang=ja]) #play .action-rail .special-button b{height:23px;font-size:8.8px;line-height:10px}}