header.navigator{border-bottom:2px solid;margin-bottom:1rem}header.navigator div{display:flex;justify-content:space-between;align-items:center}header.navigator ul{list-style-type:none;margin:0;padding:0;overflow:hidden}header.navigator li{float:left}header.navigator a{display:block;text-align:center;padding:14px 16px}header.navigator a:link{text-decoration:none}header.navigator a:visited{text-decoration:none}header.navigator a:hover{text-decoration:underline}header.navigator a:active{text-decoration:underline}header.navigator a.current{font-weight:bold}body{margin:auto;padding:0px 16px;max-width:720px;font-size:18px;line-height:1.4}code{padding:0px 4px;border:1px solid;border-radius:4px}footer{border-top:2px solid;margin-top:1rem}.game-div{margin:0 auto;position:relative;padding-bottom:75%}canvas{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%}@media (prefers-color-scheme: light){body{color:#222;background:#fffcf9}hr{color:#222}code{color:#281a16;background:#f0eae4}blockquote{border-color:#ccac6c}a{color:#222}}@media (prefers-color-scheme: dark){body{color:#f2f2f2;background:#222}hr{color:#f2f2f2}code{color:#f2f2f2;background:#444}blockquote{border-color:#f2f2f2}a{color:#f2f2f2}}@media (prefers-color-scheme: light) and (prefers-contrast: more){body{color:#000;background:#fff}code{color:#000;background:#ccc}blockquote{border-color:#ccc}a{color:#000}}@media (prefers-color-scheme: dark) and (prefers-contrast: more){body{color:#fff;background:#000}code{color:#fff;background:#404040}blockquote{border-color:#888}a{color:#fff}}