:root{--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;color:#eef0e8;font-family:var(--font-mono);font-synthesis:none;font-variant-ligatures:none;letter-spacing:0;background:#000}*{box-sizing:border-box}html,body{min-height:100%}html{font-size:16px}body{background:#000;margin:0;overflow-x:hidden}.field{z-index:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;margin:0;display:block;position:fixed;inset:0}.shell{z-index:1;place-items:center;min-height:100dvh;padding:2rem;display:grid;position:relative}.stage{z-index:1;justify-items:center;width:min(26.875rem,82vw);display:grid;position:relative}.signal{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-width:100%;height:auto;image-rendering:pixelated;outline:0;display:block}.signal:focus-visible{outline-offset:.125rem;outline:.0625rem dotted #eef0e8d1}.intro{color:#eef0e8;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-align:center;justify-items:center;gap:.125rem;margin:.5rem 0 0;font-size:.75rem;line-height:1.45;display:grid}.intro h1,.intro p{margin:0}.intro-heading{align-items:center;gap:.5rem;display:flex}.intro-title{color:#eef0e8;font:inherit}.intro-subtitle{color:#eef0e894;font:inherit}.sound-toggle{color:#eef0e86b;cursor:pointer;-webkit-font-smoothing:none;font:inherit;text-transform:lowercase;background:0 0;border:0;padding:0}.sound-toggle:hover{color:#eef0e8b8}.sound-toggle:focus-visible{outline-offset:.125rem;color:#eef0e8b8;outline:.0625rem dotted #eef0e8d1}.links{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.button{box-sizing:border-box;color:#222;-webkit-font-smoothing:none;text-align:center;text-transform:uppercase;background:silver;border:0;border-radius:0;outline:0;flex:none;min-width:5.375rem;min-height:1.6875rem;padding:0 .875rem;font-size:.6875rem;font-weight:400;line-height:1.6875rem;text-decoration:none;display:inline-block;box-shadow:0 0 0 .0625rem #ffffff38,inset -.0625rem -.0625rem #0a0a0a,inset .0625rem .0625rem #fff,inset -.125rem -.125rem gray,inset .125rem .125rem #dfdfdf}.button:hover{background:#d4d0c8;text-decoration:none}.button:focus-visible{outline-offset:-.25rem;outline:.0625rem dotted #000}.button:active{transform:translate(.0625rem,.0625rem);box-shadow:0 0 0 .0625rem #ffffff38,inset -.0625rem -.0625rem #fff,inset .0625rem .0625rem #0a0a0a,inset -.125rem -.125rem #dfdfdf,inset .125rem .125rem gray}@media (max-width:40rem){.shell{padding:1.25rem}.stage{width:min(21.875rem,88vw)}}