#menu,body{overflow:hidden}#figure,#info,#intro,#matrix,#menuView,.center,.intro,.ring{position:absolute}#controls-right,#intro,#menuRight{right:0}@keyframes intro-ro{0%{transform:rotate(90deg);left:0}25%{transform:rotate(0);left:0}}@keyframes intro-ta{0%{transform:rotate(180deg);left:0}25%{transform:rotate(90deg);left:0}50%{transform:rotate(0);left:224px}}@keyframes intro-tr{0%{transform:rotate(270deg);left:0}25%{transform:rotate(180deg);left:0}50%{transform:rotate(90deg);left:224px}75%{transform:rotate(0);left:450px}}@keyframes intro-is{0%{transform:rotate(360deg);left:0}25%{transform:rotate(270deg);left:0}50%{transform:rotate(180deg);left:224px}75%{transform:rotate(90deg);left:450px}100%{transform:rotate(0);left:642px}}@keyframes intro{0%{transform:scale(.6);top:50%}12%{transform:scale(.67)}25%{transform:scale(.76)}37%{transform:scale(.86)}50%{transform:scale(1);top:50%}100%{transform:scale(.5);top:48px}}.intro{transform-origin:50% 110%}#intro{width:832px;height:240px;margin:0 auto;left:0;margin-top:-120px;top:48px;transform:scale(.5);animation:intro 2s 1 ease-out}#intro-ro{animation:intro-ro 1s 1 linear;left:0}#intro-ta{animation:intro-ta 1s 1 linear;left:224px}#intro-tr{animation:intro-tr 1s 1 linear;left:450px}#intro-is{animation:intro-is 1s 1 linear;left:642px}body,html{height:100%}body{margin:0;background:#000;color:#fff;font-family:monospace}#gameOver,#info{background-color:rgba(0,0,0,.5)}a{color:silver}.center{left:50%;top:50%;transform:translate(-50%,-50%)}.hidden{display:none}#menu{width:640px;height:396px}#menuLeft,#menuRight{position:absolute;top:128px}.menuActive{opacity:.8;cursor:pointer}.menuActive:hover{opacity:1}#menuLeft:hover .cell,#menuRight:hover .cell{box-shadow:0 0 10px #fff}#menuLeft{left:0}#menuView{margin:48px 0 0 -240px;transition:all .25s}#game{width:620px;height:620px}#figure,#matrix{transition:all .1s ease-out}#figure{margin-top:124px}#matrix{transform-origin:calc(50% - .5px) calc(50% - .5px);-webkit-transform-origin:calc(50% - .5px) calc(50% - .5px);bottom:0}#matrix .cell1{filter:brightness(.5)}.ring{opacity:.25;border:1px solid #888}#ring12,#ring13,#ring14{border-color:red}#ring13{opacity:.5}#ring14{opacity:.75}#info{font-size:28px;left:50%;top:50%;margin:-347px 0 0 186px;padding:16px;width:110px;box-sizing:border-box;z-index:1}#gameOver{z-index:2;box-shadow:0 0 100px #000}#next{position:relative;top:-16px;left:16px;margin-bottom:24px}#controls,.cell{position:absolute}#level,#points{width:100%;text-align:right;display:block}#level::before{content:"level";display:block}#points::before{content:"score";display:block}.cell{width:15px;height:15px}.shift::before{content:'Shift'}.ctrl::before{content:'Ctrl'}.enter::before{content:'Enter'}.apple .ctrl::before{content:'\2318'}.apple .shift::before{content:'\21e7'}.apple .enter::before{content:'\23ce'}#controls{display:none;bottom:0;left:0;right:0}#controls button{width:72px;height:72px;margin:1px;font-size:25px;border:none;background:silver;touch-action:none}#controls-left,#controls-right{position:absolute;bottom:0;width:50%}#controls-left{text-align:left;left:0}#controls-right,#records .score{text-align:right}#gameInfo{width:480px;min-height:0;max-height:100%;overflow:auto;background:rgba(0,0,0,.8)}#gameInfo>*{margin:20px}#about>h1{font-size:4em;margin:0 0 .3em}dd,dt{line-height:250%}dt{display:inline-block}dd{margin:-32px 0 0 200px}.apple dd{margin-left:160px}kbd{font-size:120%;border:solid;border-width:1px 2px 3px;border-color:#888 #444 #444 #888;border-radius:2px;padding:0 5px;color:#000;background:silver}#records{width:480px;font-size:24px}#anyKey,#pauseHint{bottom:32px;top:auto;text-align:center}