*,::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{align-items:stretch;flex-direction:column;gap:1rem;justify-content:flex-start;padding:1rem}.a-game--hud{display:grid;gap:.5rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.a-game--hud>div{display:flex;flex-direction:column;line-height:1.2}.a-game--hud>div>span:first-child{color:#888;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.a-game--hud>div>span+span{font-size:1.4rem;font-weight:700}.a-game--field{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-height:0}.a-game--canvas{background-color:#050816;border:1px solid #223;height:auto;max-height:100%;max-width:100%}.a-game--legend{color:#aaa;font-size:.8rem;margin:0}.a-game--legend p{margin:0}.a-gameover,.a-pause{align-items:center;text-align:center}.a-gameover h1,.a-pause h1{font-size:2.5rem;margin:0}.a-help,.a-learn{align-items:stretch;justify-content:flex-start;overflow:auto}.a-help h1,.a-learn h1{font-size:2rem;margin:0 0 .5rem;text-align:center}.a-help h2,.a-learn h2{color:#8af;font-size:1.1rem;letter-spacing:.1em;margin:1rem 0 .25rem;text-transform:uppercase}.a-help ul,.a-learn--list{list-style:none;padding:0}.a-help li,.a-learn--list li{margin:.25rem 0}.a-help p,.a-learn p{margin:.4rem 0}.a-help--back,.a-learn--back,.a-learn--list button{background:#16244a;border:1px solid #44609a;color:#fff;font-size:1rem;padding:.5rem .75rem;text-align:left;width:100%}.a-help--back,.a-learn--back{text-align:center}.a-help--back:focus,.a-help--back:hover,.a-learn--back:focus,.a-learn--back:hover,.a-learn--list button:focus,.a-learn--list button:hover{background:#2a4480;outline:2px solid #fff}.a-learn--instruction{color:#aaa;text-align:center}.a-splash{align-items:center;overflow:auto;text-align:center}.a-splash--logo{font-size:3rem;letter-spacing:.1em;margin:0}.a-splash--tagline{color:#8af;font-style:italic;margin:0 0 1.5rem}.a-splash--details{color:#888;font-family:monospace;font-size:.85rem;margin-top:2rem}.a-splash--menu{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0 auto;padding:0;width:100%;max-width:24rem}.a-splash--menu-item{background:#16244a;border:1px solid #44609a;color:#fff;font-size:1.2rem;padding:.85rem 1rem;width:100%}.a-splash--menu-item:focus,.a-splash--menu-item:hover{background:#2a4480;outline:2px solid #fff}