.line-piece[data-v-74eec82d]{display:flex;align-items:center;position:relative}.line-piece__line[data-v-74eec82d]{position:absolute;width:0;left:0;height:10%;background-color:var(--line-color);transition:width .5s}.line-piece__line--full[data-v-74eec82d]{border:1px solid var(--line-color);width:100%}.line-piece__line-dotted[data-v-74eec82d]{position:absolute;width:100%;left:0;border-top:3px solid;border-style:dashed;margin-top:2px;height:1px;pointer-events:none;touch-action:none}.line-piece__click-area[data-v-74eec82d]{position:absolute;width:100%;height:500%}.line-piece__click-area[data-v-74eec82d]:hover{background-color:#e4e4e4}.bar-piece[data-v-22560e95]{display:flex;justify-content:center;position:relative}.bar-piece__bar[data-v-22560e95]{position:absolute;top:0;width:10%;height:0;background-color:var(--bar-color);transition:height .5s}.bar-piece__bar--full[data-v-22560e95]{border:1px solid var(--bar-color);height:100%}.bar-piece__bar-dotted[data-v-22560e95]{position:absolute;top:0;width:1px;border-left:3px solid;border-style:dashed;margin-left:1px;height:100%;pointer-events:none;touch-action:none}.bar-piece__click-area[data-v-22560e95]{position:absolute;width:40px;height:100%}.bar-piece__click-area[data-v-22560e95]:hover{background-color:#e4e4e4}.dot-piece[data-v-1a19491a]{background-color:var(--dot-color);border-radius:50%}.cell-piece[data-v-cdd56ebe]{width:100%;height:100%;transition:background-color .7s ease}.game__grid[data-v-4a68682a]{display:flex;flex-flow:column;align-items:center;justify-content:center}.game__row-container[data-v-4a68682a]{display:flex}.game__row-bars[data-v-4a68682a],.game__row-lines[data-v-4a68682a]{display:flex;align-items:center}.game__cell[data-v-4a68682a]{width:var(--cell-size);height:var(--cell-size)}.game__line[data-v-4a68682a]{width:var(--line-width);height:var(--line-height)}.game__bar[data-v-4a68682a]{width:var(--bar-width);height:var(--bar-height)}.game__dot[data-v-4a68682a]{width:var(--dot-size);height:var(--dot-size)}.modal[data-v-448eb191]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}.modal__layer[data-v-448eb191]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.3}.modal__box[data-v-448eb191]{position:relative;margin:40px auto;width:400px;height:350px;background:#fff;border-radius:2px}.modal__box[data-v-448eb191]:after,.modal__box[data-v-448eb191]:before{content:"";position:absolute;bottom:10px;width:40%;height:10px;box-shadow:0 10px 14px rgba(0,0,0,.7);z-index:-1;transition:all .3s ease-in-out}.modal__box[data-v-448eb191]:before{left:15px;transform:skew(-5deg) rotate(-5deg)}.modal__box[data-v-448eb191]:after{right:15px;transform:skew(5deg) rotate(5deg)}.play[data-v-744fa62b]{display:flex;align-items:center;justify-content:center;min-height:100vh}