*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e5e7eb;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.canvas-wrapper{width:100vw;height:100dvh;-webkit-user-select:none;user-select:none}.canvas-wrapper .mobile-tutorial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#ffffff94;border-radius:16px;backdrop-filter:blur(12.7px);-webkit-backdrop-filter:blur(12.7px);border:1px solid rgba(255,255,255,.3);padding:10px;width:90%}.canvas-wrapper .tutorial-keys{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:80px;font-weight:1000}.canvas-wrapper .tutorial-keys span{font-family:sans-serif;font-size:18px;display:flex;justify-content:center;align-items:center;position:relative;padding-bottom:3px;width:48px;height:45px;border-radius:5px;background-color:#fff;color:#444;border-top:1px solid #cccccc;box-shadow:0 3px 0 2px #ccc}.canvas-wrapper .tutorial-keys section{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);place-items:center;grid-gap:1px;width:168px;height:112px}.canvas-wrapper .tutorial-keys section>span:nth-child(1){grid-column:2;grid-row:1}.canvas-wrapper .tutorial-keys section>span:nth-child(2){grid-column:1;grid-row:2}.canvas-wrapper .tutorial-keys section>span:nth-child(3){grid-column:2;grid-row:2}.canvas-wrapper .tutorial-keys section>span:nth-child(4){grid-column:3;grid-row:2}
