*,::after,::before{background:0 0;border:0;box-sizing:border-box;color:inherit;cursor:default;font:inherit;margin:0;padding:0}button,button *,button ::after,button ::before{cursor:pointer}:root{background-color:#000;color:#fff;font-family:sans-serif;font-size:16px;line-height:1.5;user-select:none}body,html{height:100%;width:100%}:focus{outline:2px solid #fff}[hidden]{display:none!important}button{cursor:pointer}button[aria-disabled=true],button[disabled]{cursor:not-allowed}@media (max-width:20rem){body{font-size:.5rem}}@media (min-width:20rem){body{font-size:calc(.5rem + ((1vw - .4rem) * 1))}}.u-screenReader{clip:rect(0,0,0,0);-webkit-clip-path:inset(50);clip-path:inset(50);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.c-menu{align-items:center;text-align:center}.c-menu--title{font-size:3em;line-height:1.1;margin-bottom:.5rem}.c-menu--subtitle{font-size:1.1em;max-width:40em;opacity:.85}.c-menu--list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin-top:1.5rem;padding:0;width:min(28em,90vw)}.c-menu--list li{width:100%}.c-menu--button{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.4);border-radius:.4rem;color:#fff;cursor:pointer;font-size:1.05em;padding:.7em 1em;transition:background 120ms ease,border-color 120ms ease;width:100%}.c-menu--button:focus,.c-menu--button:hover{background:rgba(255,255,255,.18);border-color:#fff;outline:0}.c-menu--button[aria-pressed=true]{background:rgba(255,255,255,.22);border-color:#fff}.c-screen{display:flex;flex-direction:column;height:100%;justify-content:center;padding:2em;width:100%}.c-screen:focus{outline:0}.c-screen>*+*{margin-top:1rem}.a-app{height:100%;left:0;letter-spacing:.125em;position:absolute;opacity:0;top:0;transition:opacity 1s linear;width:100%}.a-app--overlaySupport{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:666}.a-app--screen{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:absolute;opacity:0;top:0;transition:all .5s ease;transition-property:opacity;width:100%;z-index:1}.a-app--screen>*{flex:1 1 auto;max-width:64em}.a-app--screen-active{opacity:1;z-index:3}.a-app--screen-inactive{opacity:0;z-index:2}.a-app-active{opacity:1}.a-game--pregame{display:flex;flex-direction:column;gap:1rem;max-width:20rem}.a-game--field{display:flex;flex-direction:column;gap:.25rem}.a-game--score-limit{font-size:1rem;padding:.25rem .5rem;width:5rem}.a-game--pregame button{font-size:1rem;padding:.5rem 1rem}.a-game--gameover{display:flex;flex-direction:column;gap:1rem}.a-game--return{font-size:1rem;padding:.5rem 1rem}.a-learn-sounds--list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.a-learn-sounds--list button{font-size:1rem;padding:.5rem 1rem}.a-splash{align-items:center;text-align:center}.a-splash--details{bottom:2rem;font-family:monospace;font-size:.75em;font-weight:300;left:2rem;letter-spacing:0;padding:.5rem .75rem;position:absolute;text-align:left}.a-splash--instruction{animation:a-splash--instruction 1s ease-in-out 0s infinite alternate both;bottom:2rem;line-height:2;padding:.5em .75em;position:absolute;right:2rem;text-transform:uppercase}.a-splash--logo{font-size:4em}@keyframes a-splash--instruction{0%{opacity:.5}100%{opacity:1}}.a-splash--menu{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.a-splash--menu button{font-size:1rem;padding:.5rem 1.5rem}