/* The controller pages, in the game menu's look: the arcade font (Press Start 2P) and the cover
   logo's palette, its yellow, orange and deep brown. */
@font-face{font-family:'Leeward Arcade';src:url('fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%} /* no iPhone text autosizing */
:root{color-scheme:dark;--yellow:#f8e000;--orange:#f07018;--brown:#802810}
body{background:#000;color:var(--yellow);font:12px/2 'Leeward Arcade',monospace;max-width:760px;margin:50px auto;padding:20px}
h1{font-size:22px;line-height:1.6;font-weight:400;color:var(--yellow);text-shadow:2px 2px 0 var(--orange),4px 4px 0 var(--brown);margin:0 0 28px}
p{color:var(--orange)}
a{color:var(--yellow)}
a:hover,button:hover:not(:disabled){color:#fff7a0}
button{font:inherit;color:var(--yellow);background:transparent;border:2px solid var(--orange);padding:12px 16px;margin:0 8px 8px 0;cursor:pointer;text-shadow:2px 2px 0 var(--brown)}
button:disabled{color:#6a5a20;border-color:#4a2a14;cursor:default;text-shadow:none}
ul{padding-left:20px;color:var(--yellow)}
li{margin:12px 0}
li::marker{color:var(--orange)}
h2{font-size:14px;font-weight:400;color:var(--yellow);text-shadow:2px 2px 0 var(--brown);margin:40px 0 8px}
/* A key, drawn as a little keycap. */
kbd{display:inline-block;font:10px/1 'Leeward Arcade',monospace;color:var(--yellow);border:2px solid var(--orange);border-bottom-width:4px;padding:5px 6px 3px;margin:2px 1px}
.keys li{line-height:2.4}