.container{background:#efcc19;border-radius:20px;width:640px;padding-top:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 10px #fff}.container .scoreboard{justify-content:space-around;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.container .game-area{justify-content:center;align-items:flex-start;gap:24px;min-height:400px;display:flex}.container .board-canvas{transform-origin:top}.container .preview-panel{flex-direction:column;align-items:center;gap:12px;min-width:96px;padding-top:4px;font-size:18px;font-weight:700;display:flex}.container .next-canvas{width:80px;height:80px}.container .pause{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:80px;height:80px;padding:0;line-height:80px;display:block;position:relative;box-shadow:0 3px 3px #0003}.container .pause:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .pause:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .pause:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .pause:active:after{box-shadow:inset 0 5px 5px #0009}.container .pause{font-size:14px}.container section{justify-content:space-evenly;align-items:center;height:330px;margin-top:20px;display:flex}.container .fast-move{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:160px;height:160px;padding:0;line-height:160px;display:block;position:relative;box-shadow:0 3px 3px #0003}.container .fast-move:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .fast-move:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .fast-move:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .fast-move:active:after{box-shadow:inset 0 5px 5px #0009}.container .description{width:300px;height:300px;position:relative}.container .description .up-w{position:absolute;left:50%;transform:translate(-50%)}.container .description .up-w .up{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:100px;height:100px;padding:0;line-height:100px;display:block;position:relative;box-shadow:0 3px 3px #0003}.container .description .up-w .up:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .description .up-w .up:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .description .up-w .up:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .description .up-w .up:active:after{box-shadow:inset 0 5px 5px #0009}.container .description .left-w{position:absolute;top:50%;transform:translateY(-50%)}.container .description .left-w .move-left{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:100px;height:100px;padding:0;line-height:100px;display:block;position:relative;box-shadow:0 3px 3px #0003}.container .description .left-w .move-left:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .description .left-w .move-left:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .description .left-w .move-left:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .description .left-w .move-left:active:after{box-shadow:inset 0 5px 5px #0009}.container .description .right-w{position:absolute;top:50%;right:0%;transform:translateY(-50%)}.container .description .right-w .move-right{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:100px;height:100px;padding:0;line-height:100px;display:block;position:relative;right:-50%;transform:translate(-50%);box-shadow:0 3px 3px #0003}.container .description .right-w .move-right:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .description .right-w .move-right:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .description .right-w .move-right:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .description .right-w .move-right:active:after{box-shadow:inset 0 5px 5px #0009}.container .description .down-w{position:absolute;bottom:0%;left:50%;transform:translate(-50%)}.container .description .down-w .move-down{appearance:none;color:#000;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:#5a65f1;border:1px solid #000;border-radius:50%;width:100px;height:100px;padding:0;line-height:100px;display:block;position:relative;box-shadow:0 3px 3px #0003}.container .description .down-w .move-down:before{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 5px 10px #fffc}.container .description .down-w .move-down:after{content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -5px 10px #000c}.container .description .down-w .move-down:active:before{box-shadow:inset 0 -3px 6px #fff9}.container .description .down-w .move-down:active:after{box-shadow:inset 0 5px 5px #0009}@media screen and (width<=750px){.container{width:100vw;height:100%;margin:0;padding-top:calc(50vh - 365px)}.container .scoreboard{font-size:4vw}.container .game-area{gap:3.2vw}.container .preview-panel{gap:1.6vw;min-width:12.8vw;font-size:16px}.container .next-canvas{width:10.6667vw;height:10.6667vw}.container .pause{width:10.6667vw;height:10.6667vw;font-size:12px;line-height:10.6667vw}.container section{height:44vw;margin-top:2.66667vw}.container .fast-move{width:21.3333vw;height:21.3333vw;font-size:3vw;line-height:21.3333vw}.container .description{width:40vw;height:40vw}.container .description .up-w .up,.container .description .left-w .move-left,.container .description .right-w .move-right,.container .description .down-w .move-down{width:13.3333vw;height:13.3333vw;font-size:3vw;line-height:13.3333vw}}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0}