:root{--paper:#f4efe6;--ink:#080c29;--mute:#5a6a86;--hot:#106ab8;--hi:#1892d5}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{background:var(--paper);color:var(--ink);font-family:'Silkscreen','Courier New',monospace;font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
canvas,.px{image-rendering:pixelated;image-rendering:crisp-edges}
#bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}
header,main,footer{position:relative;z-index:1}
a{color:inherit}
.mono{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
header,footer{display:flex;justify-content:space-between;align-items:center;padding:18px 28px}
header a{text-decoration:none}
.box{background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--hot);padding:6px 12px}
main{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2vh 28px 0}
h1{font-family:'Press Start 2P',monospace;font-weight:400;font-size:clamp(38px,6.5vw,84px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);text-shadow:.06em .06em 0 var(--hi)}
h1 em{font-style:normal;color:var(--hot);text-shadow:.06em .06em 0 var(--ink)}
.lead{margin-top:22px;max-width:30ch;font-size:clamp(15px,2vw,20px);line-height:1.5;background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--hot);padding:14px 18px}
.tri{width:96px;height:96px;margin-bottom:22px;display:block}
.mute{color:var(--mute)}
.lang{background:var(--paper);border:3px solid var(--ink);font:inherit;font-size:12px;color:var(--mute);cursor:pointer;padding:4px 8px;box-shadow:3px 3px 0 var(--hot)}
.lang:hover,.lang:focus-visible{color:var(--ink)}
.lang b{color:var(--hot)}
.ph{display:inline-block;margin-top:24px;border:3px dashed var(--hot);background:var(--paper);color:var(--hot);padding:4px 10px}
.links{list-style:none;margin-top:28px;width:min(420px,100%);background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--hot)}
.links li{padding:10px 14px;border-bottom:3px solid var(--ink);display:flex;justify-content:space-between}.links li:last-child{border-bottom:0}
a:focus-visible,button:focus-visible{outline:4px solid var(--hi);outline-offset:3px}
footer .box{padding:4px 10px;border-width:3px;box-shadow:3px 3px 0 var(--hot)}
@media (max-width:760px){header,footer{padding:14px 16px}main{padding:3vh 16px 0}.tri{width:72px;height:72px}}