.grid-container[data-v-48266cc3]{--slot-size: calc(90vw / var(--grid-size));position:absolute;left:0;top:0;transform:translate(calc(var(--x) * var(--slot-size))) translateY(calc(var(--y) * var(--slot-size)));transition:.05s linear transform}.grid-row[data-v-48266cc3]{display:flex;width:calc(var(--slot-size) * var(--col-count));height:var(--slot-size)}.grid-item[data-v-48266cc3]{box-sizing:border-box;background-color:#d3d3d3;border:1px solid #444;font-size:.8em;height:100%;width:var(--slot-size)}.ball .grid-item[data-v-48266cc3]{background-color:teal}.wall .grid-item[data-v-48266cc3]{background-color:#006400}.glove .grid-item[data-v-48266cc3]{background-color:orange}.empty-cell[data-v-48266cc3]{background-color:transparent!important;border:none}@media (orientation: landscape) and (max-height: 90vw){.grid-container[data-v-48266cc3]{--slot-size: calc(90vh / var(--grid-size))}}.background[data-v-de34dbc9]{width:90vw;height:90vw;margin:0;overflow:hidden;background-color:#222;background-image:linear-gradient(to right,#444 1px,transparent 1px),linear-gradient(to bottom,#444 1px,transparent 1px);background-size:calc(90vw / var(--grid-size)) calc(90vw / var(--grid-size));background-repeat:repeat}@media (orientation: landscape) and (max-height: 90vw){.background[data-v-de34dbc9]{width:90vh;height:90vh;background-size:calc(90vh / var(--grid-size)) calc(90vh / var(--grid-size))}}button[data-v-4815fb6f]{position:absolute;z-index:50;font-size:28px}.game-over[data-v-b60fb554]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}h1[data-v-b60fb554]{font-family:Comic Sans;font-size:5.5vw;color:#fff;text-align:center}.game-wrapper[data-v-48d19a02]{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}