.tetris_wrap[data-v-dacacf7b]{align-items:center;background-color:#d0e7f9;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 150px);width:100%}.tetris_wrap[data-v-dacacf7b]>:first-child{margin-top:auto}.tetris_wrap>.tetris_box[data-v-dacacf7b]{margin-bottom:auto;margin-top:48px}.tetris_box[data-v-dacacf7b]{background-color:#f8f1d7;border-radius:10px;box-shadow:0 0 0 5px #fffef7,0 0 0 20px #da4a4a,0 0 0 40px #474f51;height:400px;padding:10px;width:800px}.tetris_box .game_box[data-v-dacacf7b]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.tetris_box .game_box .screen_box[data-v-dacacf7b]{align-items:center;background-color:#333;border-radius:10px;display:flex;height:250px;justify-content:center;width:400px}.tetris_box .game_box .explain_box[data-v-dacacf7b]{align-items:flex-start;display:flex;justify-content:space-between;inset:0;pointer-events:none;position:absolute;z-index:10}.tetris_box .game_box .explain_box .left_box[data-v-dacacf7b]{width:180px}.tetris_box .game_box .explain_box .left_box .title[data-v-dacacf7b]{color:#333;font-size:16px;font-weight:700;line-height:1.5;text-align:justify}.tetris_box .game_box .explain_box .left_box .title u[data-v-dacacf7b]{cursor:pointer;pointer-events:all}.tetris_box .game_box .explain_box .right_box .sign[data-v-dacacf7b]{background-color:#da4a4a;border-bottom-left-radius:15px;color:#f8f1d7;filter:drop-shadow(0 8px #fffef7);font-size:24px;font-style:italic;font-weight:700;letter-spacing:.1em;padding:20px;position:absolute;right:-15px;text-shadow:0 -2px #fffef7;top:-15px}.tetris_box .game_box .explain_box .right_box .sign[data-v-dacacf7b]:before{background:radial-gradient(circle at left bottom,transparent 14px,#da4a4a 15px);content:"";height:15px;left:-15px;position:absolute;top:0;width:15px}.tetris_box .game_box .explain_box .right_box .sign[data-v-dacacf7b]:after{background:radial-gradient(circle at left bottom,transparent 14px,#da4a4a 15px);bottom:-15px;content:"";height:15px;position:absolute;right:0;width:15px}.tetris_box .game_box .ctrl_box[data-v-dacacf7b]{align-items:flex-start;display:flex;justify-content:space-between;inset:0;pointer-events:none;position:absolute;z-index:10}.tetris_box .game_box .ctrl_box .right_ctrl[data-v-dacacf7b]{align-items:center;bottom:50px;display:flex;justify-content:center;pointer-events:all;position:absolute;right:20px}.tetris_box .game_box .ctrl_box .right_ctrl .btn[data-v-dacacf7b]{align-items:center;background-color:#f4d0d0;border-radius:50%;box-shadow:0 2px #7987a199,inset 2px 2px 2px 1px #e5e8ed99;color:#333;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;margin:0 20px;text-shadow:1px 1px 1px rgba(121,135,161,.6),-1px -1px 1px hsla(21,46%,93%,.6);transition:all .2s;width:80px}.tetris_box .game_box .ctrl_box .right_ctrl .btn[data-v-dacacf7b]:active{background-color:#f5eae4;transform:translate(1px,2px)}.tetris_box .game_box .ctrl_box .center_ctrl[data-v-dacacf7b]{align-items:center;background-color:#da4a4a;border-radius:25px;bottom:50px;display:flex;justify-content:center;left:0;margin:auto;padding:10px 0;pointer-events:all;position:absolute;right:0;width:200px;z-index:10}.tetris_box .game_box .ctrl_box .center_ctrl .btn[data-v-dacacf7b]{align-items:center;background-color:#f4d2d299;border-radius:30px;box-shadow:0 2px #7987a199,inset 2px 2px 2px 1px #e5e8ed99;color:#333;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin:0 10px;text-shadow:1px 1px 1px rgba(121,135,161,.6),-1px -1px 1px hsla(21,46%,93%,.6);transition:all .2s;width:80px}.tetris_box .game_box .ctrl_box .center_ctrl .btn[data-v-dacacf7b]:active{background-color:#f4d0d0;transform:translate(1px,2px)}.tetris_box .game_box .ctrl_box .left_ctrl[data-v-dacacf7b]{align-items:center;bottom:10px;display:flex;left:10px;pointer-events:all;position:absolute}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box[data-v-dacacf7b]{background-color:#eee;border-radius:50%;cursor:pointer;height:150px;position:relative;width:150px}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box.top[data-v-dacacf7b]{box-shadow:0 1px #7987a1;transform:rotateX(5deg) translateY(1px)}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box.bottom[data-v-dacacf7b]{box-shadow:0 -1px #7987a1;transform:rotateX(-5deg) translateY(-1px)}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box.right[data-v-dacacf7b]{box-shadow:-1px 0 #7987a1;transform:rotateY(5deg) translate(-1px)}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box.left[data-v-dacacf7b]{box-shadow:1px 0 #7987a1;transform:rotateY(-5deg) translate(1px)}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .top[data-v-dacacf7b]{height:80px;left:0;right:0;top:5px;width:50px}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .right[data-v-dacacf7b],.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .top[data-v-dacacf7b]{background-color:#f4d0d0;border-radius:25px;box-shadow:0 2px #7987a199,inset 2px 2px 2px 1px #e5e8ed99;cursor:pointer;margin:auto;position:absolute}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .right[data-v-dacacf7b]{bottom:0;height:50px;right:5px;top:0;width:80px}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .bottom[data-v-dacacf7b]{bottom:5px;height:80px;left:0;right:0;width:50px}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .bottom[data-v-dacacf7b],.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .left[data-v-dacacf7b]{background-color:#f4d0d0;border-radius:25px;box-shadow:0 2px #7987a199,inset 2px 2px 2px 1px #e5e8ed99;cursor:pointer;margin:auto;position:absolute}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .left[data-v-dacacf7b]{bottom:0;height:50px;left:5px;top:0;width:80px}.tetris_box .game_box .ctrl_box .left_ctrl .ui_box .center[data-v-dacacf7b]{background-color:#f4d0d0;border-radius:50%;box-shadow:inset 0 0 5px #7987a199,0 0 10px #f5ebe599;cursor:pointer;height:66px;inset:0;margin:auto;position:absolute;width:66px}.tetris_box .game_box .ctrl_box .over_box[data-v-dacacf7b]{pointer-events:all;position:absolute;right:20px;top:100px}.tetris_box .game_box .ctrl_box .over_box .text[data-v-dacacf7b]{color:#d9534f;font-size:28px;font-weight:700;text-shadow:0 0 5px #fff}@media(max-width:1200px){.tetris_box[data-v-dacacf7b]{height:100%;width:calc(100% - 80px)}.tetris_box .game_box[data-v-dacacf7b]{height:100%;width:100%}.tetris_box .game_box .screen_box[data-v-dacacf7b]{height:300px;margin:80px auto 0;width:100%}.tetris_box .game_box .ctrl_box .center_ctrl[data-v-dacacf7b]{bottom:150px;left:auto;right:10px;width:160px}.tetris_box .game_box .ctrl_box .right_ctrl[data-v-dacacf7b]{bottom:50px}.tetris_box .game_box .ctrl_box .left_ctrl[data-v-dacacf7b]{bottom:20px}.tetris_box .game_box .ctrl_box .over_box[data-v-dacacf7b]{display:flex;justify-content:center;left:20px;top:200px}}.tetris_content[data-v-dacacf7b]{background-color:#f5ebe599;height:230px;justify-content:center;width:380px}.tetris_content[data-v-dacacf7b],.tetris_content .line[data-v-dacacf7b]{align-items:center;display:flex}.tetris_content .line .cell[data-v-dacacf7b]{background-color:#f5eae4;border:1px solid #fff;border-radius:2px;height:20px;margin:1px;width:20px}.tetris_content .line .cell.active[data-v-dacacf7b]{background-color:#d9534f;border-color:#333}.tetris_content .left_box[data-v-dacacf7b],.tetris_content .right_box[data-v-dacacf7b]{padding:0 20px}.tetris_content .right_box .next_box[data-v-dacacf7b]{padding:5px 0}.tetris_content .right_box .info_box .name[data-v-dacacf7b]{color:#333;font-size:20px;line-height:1.5}.tetris_content .right_box .info_box .value[data-v-dacacf7b]{color:#337ab7;font-size:20px;font-weight:700;line-height:1.5;text-align:right}@media(max-width:768px){.screen_box[data-v-dacacf7b]{overflow:hidden}.screen_box .tetris_content[data-v-dacacf7b]{flex-shrink:0;transform:scale(.7);transform-origin:center center}}