:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle,#d3d3d3,#747474);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:15px;text-align:center}.board[data-v-dcc0a330]{display:flex;flex-direction:column}.row[data-v-dcc0a330]{display:flex;flex-wrap:nowrap;flex-direction:row}.play .row[data-v-dcc0a330]{opacity:1}.pause .row[data-v-dcc0a330]{opacity:.4}.cell[data-v-dcc0a330]{width:18px;height:18px;border:1px solid rgba(0,0,0,.5);margin:2px;display:block;background-color:transparent;animation:none}.play .cell[data-v-dcc0a330]{animation:none}.stop .cell.borderY[data-v-dcc0a330],.stop .cell.borderX[data-v-dcc0a330]{animation:borderCycle-dcc0a330 4s infinite linear}.stop .cell.block[data-v-dcc0a330],.stop .cell.empty[data-v-dcc0a330]{background-color:transparent!important;border:1px solid black}.play .cell.borderY[data-v-dcc0a330],.play .cell.borderX[data-v-dcc0a330]{background-color:orange}.score .cell.borderY[data-v-dcc0a330],.score .cell.borderX[data-v-dcc0a330]{background-color:#14ff00}@keyframes score-dcc0a330{0%{background-color:orange}50%{background-color:#0f0}to{background-color:orange}}@keyframes borderCycle-dcc0a330{12.5%{background-color:red}25%{background-color:orange}37.5%{background-color:#ff0}50%{background-color:#7fff00}62.5%{background-color:#0ff}75%{background-color:#00f}87.5%{background-color:#9932cc}to{background-color:#ff1493}}.borderY[data-v-dcc0a330]{background-color:orange}.borderX[data-v-dcc0a330],.play .borderX[data-v-dcc0a330]{background-color:orange;transition:background-color .3s ease-out}.collision .borderX[data-v-dcc0a330]{background-color:red}.block[data-v-dcc0a330]{border-radius:7px;transition:background-color 0s;background-color:#b2ea19}.empty[data-v-dcc0a330]{border:1px solid transparent;background-color:transparent}.full[data-v-dcc0a330]{background-color:#000;border-radius:0}i[data-v-cce425b0]{width:2rem;height:2rem}.area[data-v-37b91386]{width:5rem;height:5rem;background-color:#fff3;border-color:#14ff00;box-shadow:0 0 15px #0009;border-radius:50%;margin:1rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.left[data-v-37b91386]{transform:rotate(180deg)}.down[data-v-37b91386]{transform:rotate(90deg)}.mobile[data-v-25002be1]{display:flex;flex-direction:column;justify-content:center;align-items:center}.row[data-v-25002be1]{display:flex;width:100%;justify-content:center;align-items:center}.area[data-v-25002be1]{width:5rem;height:5rem;background-color:#fff3;border-color:#14ff00;box-shadow:0 0 15px #0009;border-radius:50%;margin:1rem}.scores[data-v-df7a6bba]{display:flex;column-gap:40px;justify-content:center}.scores[data-v-df7a6bba] span[data-v-df7a6bba]{font-size:1.2rem;font-weight:600}.main[data-v-df7a6bba]{display:flex;flex-direction:column;align-items:center}.zone[data-v-df7a6bba]{min-width:210px;min-height:400px;padding:0}#app[data-v-ee37386e]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px}