/* The Sprout font only has plain Latin capitals, so other languages swap the display font
   for a pixel font that has their letters: Fusion Pixel (Chinese, Korean), Pixelify Sans (Latin
   with accents, Cyrillic) and VT323 (Vietnamese). All three are OFL. */
@font-face{font-family:"FF Fusion";src:url(/fonts/fusion-pixel-farmfi.woff2) format("woff2");font-display:swap}
@font-face{font-family:"FF Pixelify";src:url(/fonts/pixelify-sans-latin-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"FF Pixelify";src:url(/fonts/pixelify-sans-latin-ext-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"FF Pixelify";src:url(/fonts/pixelify-sans-cyrillic-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"FF VT323";src:url(/fonts/vt323-latin-400-normal.woff2) format("woff2");font-display:swap;size-adjust:120%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"FF VT323";src:url(/fonts/vt323-vietnamese-400-normal.woff2) format("woff2");font-display:swap;size-adjust:120%;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"FF VT323";src:url(/fonts/vt323-latin-ext-400-normal.woff2) format("woff2");font-display:swap;size-adjust:120%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html[lang="zh"],html[lang="ko"]{--display:"FF Fusion","Courier New",monospace}
html[lang="es"],html[lang="pt"],html[lang="tr"],html[lang="id"],html[lang="ru"]{--display:"FF Pixelify","Courier New",monospace}
html[lang="vi"]{--display:"FF VT323","Courier New",monospace}
html:not([lang="en"]) h1,html:not([lang="en"]) h2,html:not([lang="en"]) h3{letter-spacing:0}
html:not([lang="en"]) .btn{letter-spacing:0}

/* Language button: square, fixed at the bottom left, list opens above it. */
.lang{position:fixed;left:16px;bottom:16px;z-index:60}
.langfab{display:block;width:44px;height:48px;border:0;padding:0;cursor:pointer;background:url(/img/v-lang.png) 0 0/100% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}
.langfab:active{background-image:url(/img/v-langd.png)}
.langfab:focus-visible{outline:3px solid var(--cream);outline-offset:2px}
.langmenu{position:absolute;left:0;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;
  width:252px;border-width:14px;border-image-width:14px;padding:0}
.langmenu[hidden]{display:none}
.langmenu button{min-height:40px;border:0;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer;
  font:400 18px/1 "FF Fusion","Courier New",monospace;padding:0 4px 2px}
.langmenu button:hover,.langmenu button:focus-visible{background:rgba(74,52,40,.12);outline:0}
.langmenu button.on{background:rgba(74,52,40,.22)}
/* Chinese and Korean titles break between words, not inside them. */
html[lang="zh"] :is(h1,h2,h3,.btn),html[lang="ko"] :is(h1,h2,h3,.btn,p){word-break:keep-all}
@media (max-width:560px){html:not([lang="en"]) .btn.wl{font-size:19px}}
@media (max-width:440px){html[lang="ko"] .hero h1,html[lang="zh"] .hero h1{font-size:36px}}