*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#eef4fb;background:#0d1117;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex}header{z-index:10;position:fixed;top:0;left:0}nav{padding:.5rem .75rem}nav a{color:#9fc6e8;opacity:.5;font-size:.8rem;text-decoration:none}nav a:hover,nav a:focus{opacity:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{width:100vmin;height:100vmin;display:block}#board{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;display:block}