*,:after,:before{box-sizing:border-box}body{background-color:#212121;color:#fff;font-family:monospace,serif;letter-spacing:.05em}h1{font-size:23px}.form{width:300px;padding:64px 15px 24px;margin:0 auto}.form .control{margin:0 0 24px}.form .control input{width:100%;padding:14px 16px;border:0;background:transparent;color:#fff;font-family:monospace,serif;letter-spacing:.05em;font-size:16px}.form .control input:hover,.form .control input:focus{outline:none;border:0}.form .btn{width:100%;display:block;padding:14px 16px;background:transparent;outline:none;border:0;color:#fff;letter-spacing:.1em;font-weight:700;font-family:monospace;font-size:16px;cursor:pointer}.block-cube{position:relative}.block-cube .bg-top{position:absolute;height:10px;background:#020024;background:linear-gradient(90deg,#020024,#340979 37%,#00d4ff 94%);bottom:100%;left:5px;right:-5px;transform:skew(-45deg);margin:0}.block-cube .bg-top .bg-inner{bottom:0}.block-cube .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:#020024;background:linear-gradient(90deg,#020024,#340979 37%,#00d4ff 94%)}.block-cube .bg-right{position:absolute;background:#020024;background:#00d4ff;top:-5px;z-index:0;bottom:5px;width:10px;left:100%;transform:skew(0,-45deg)}.block-cube .bg-right .bg-inner{left:0}.block-cube .bg .bg-inner{transition:all .2s ease-in-out}.block-cube .bg-inner{background:#212121;position:absolute;left:2px;top:2px;right:2px;bottom:2px}.block-cube .text,.block-cube.block-input input{position:relative;z-index:2}.block-cube.block-input input:focus~.bg-right .bg-inner,.block-cube.block-input input:focus~.bg-top .bg-inner,.block-cube.block-input input:focus~.bg-inner .bg-inner{top:100%;background:#ffffff80}.block-cube.block-input .bg-top,.block-cube.block-input .bg-right,.block-cube.block-input .bg{background:#ffffff80;transition:background .2s ease-in-out}.block-cube.block-input .bg-right .bg-inner,.block-cube.block-input .bg-top .bg-inner{transition:all .2s ease-in-out}.block-cube.block-input:focus .bg-top,.block-cube.block-input:focus .bg-right,.block-cube.block-input:focus .bg,.block-cube.block-input:hover .bg-top,.block-cube.block-input:hover .bg-right,.block-cube.block-input:hover .bg{background:#fffc}.block-cube.block-cube-hover:focus .bg .bg-inner,.block-cube.block-cube-hover:hover .bg .bg-inner{top:100%}.credits{position:fixed;left:0;bottom:0;padding:15px;width:100%;z-index:111}.credits a{opacity:.6;color:#fff;font-size:11px;text-decoration:none}.credits a:hover{opacity:1}h1{margin-top:0;font-size:22px}h2{margin-top:0;font-size:20px}h3{margin-top:0;font-size:18px}h4{margin-top:0;font-size:16px}h5{margin-top:0;font-size:14px}h6{margin-top:0;font-size:12px}code{font-size:1.2em}ul{padding-inline-start:20px}*{box-sizing:border-box}body{font-family:sans-serif;margin:20px;padding:0}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;line-height:34px;height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.game{display:flex;flex-direction:row}.game-info{margin-left:20px}.yellow-btn{background-color:#ff0}