:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;text-wrap:nowrap}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100%;margin:0;padding:0;text-align:center;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}#GameLayerBG{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:var(--bg-color);width:100%;height:100%;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.GameLayer{position:absolute;bottom:0;left:0;right:0;width:100%;transition:transform .1s;will-change:transform;transform:translateZ(0);backface-visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ScoreLayer{position:absolute;padding:12px;border-radius:12px;background-color:var(--setting-bg-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;box-shadow:0 0 4px .1 var(--border-color)}.block{position:absolute;border-top:1px solid var(--border-color);background-repeat:no-repeat;background-position:center;background-size:90% auto;will-change:transform;transform:translateZ(0);backface-visibility:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bl{border-left:1px solid var(--border-color)}.t1,.t2,.t3,.t4,.t5{background-size:auto 100%;background-image:url(/assets/ClickBefore-Dr83UZB4.png);transition:background-image .1s;will-change:background-image}.tt1,.tt2,.tt3,.tt4,.tt5{background-size:auto 86%;background-image:url(./image/ClickAfter.png);transition:background-image .1s;will-change:background-image}.custom-click-before{background-size:auto 100%;transition:background-image .2s}.custom-click-after{background-size:auto 86%;transition:background-image .2s}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.flash{animation:flash .2s 3}.bad{background-color:#d35b5b;animation:flash .2s 3}.blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:1.2em;border:2px solid var(--score-border-color);box-shadow:0 4px 6px #0000001a}.welcome-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:100% 100%;opacity:.4;overflow:hidden}.SettingLayer{position:absolute;top:0;width:100%;max-width:632px;display:flex;flex-direction:column;gap:1em;padding:1em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--setting-bg-color);z-index:99;margin:auto;max-height:100%;overflow-y:auto;box-sizing:border-box;box-shadow:0 0 2px .1px var(--score-border-color)}.Toolbar{display:flex;flex-direction:row;width:100%;justify-content:space-between;gap:1rem;min-height:fit-content}button{border-radius:12px;padding:.6em 1.2em;font-size:.85em;font-weight:600;font-family:inherit;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .25s ease;box-sizing:border-box;position:relative;overflow:hidden;line-height:17px;box-shadow:0 0 2px .4px var(--border-color)}button:hover{background-color:var(--btn-hover-bg)!important;border-color:var(--border-color)!important}button:active{transform:translateY(1px)}button:focus{outline:none}#gameBody{position:relative;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}@media (max-width: 640px){.block{background-size:90% auto}.Toolbar{box-sizing:border-box}.Toolbar button{width:100%}}@media (max-width: 320px){#gameBody{width:300px}}:root{--bg-color: #ffffff;--setting-bg-color: #ffffff64;--border-color: rgba(143, 184, 201, .5);--text-shadow-color: #000;--score-bg-color: rgba(255, 255, 255, .64);--score-text-color: #1a1a1a;--score-border-color: rgba(143, 184, 201, .5);--blur-bg-color: rgba(255, 255, 255, .72);--text-color: #1a1a1a;--input-bg-color: #ffffff;--input-border-color: #8fb8c9;--input-text-color: #1a1a1a;--btn-hover-bg: #f0f0f0;--btn-active-bg: #1a1a1a;--btn-active-border: #1a1a1a;--btn-hover-light: #f5f5f5;--btn-active-bg-dark: #ffffff;--btn-active-border-dark: #ffffff;--btn-hover-dark: #3a3a3a}@media (prefers-color-scheme: dark){:root{--bg-color: #2c2c2c;--setting-bg-color: #33333364;--border-color: #4a4a4a;--text-shadow-color: #000;--score-bg-color: rgba(0, 0, 0, .64);--score-text-color: #ffffff;--score-border-color: rgba(255, 255, 255, .2);--blur-bg-color: rgba(44, 44, 44, .72);--text-color: #e0e0e0;--input-bg-color: #3a3a3a;--input-border-color: #555555;--input-text-color: #e0e0e0;--btn-hover-bg: #3a3a3a;--btn-active-bg: #ffffff;--btn-active-border: #ffffff;--btn-hover-light: #f5f5f5;--btn-active-bg-dark: #000000;--btn-active-border-dark: #000000;--btn-hover-dark: #3a3a3a}}.container{max-width:100%;width:100%;flex-direction:column;min-height:min-content;gap:1.2em;box-sizing:border-box;text-align:center;font-weight:700;color:var(--text-color);top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;-webkit-overflow-scrolling:touch;z-index:100;max-height:calc(100vh - 125px)!important}.prepend{justify-content:center;align-items:center;padding:12px;color:var(--input-text-color)!important;display:flex}.input-group{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.Title{font-size:2.6em;color:#fef002;word-break:keep-all;overflow-wrap:break-word;padding:0 1rem;width:100%;box-sizing:border-box;line-height:1.2;position:relative;margin:auto}.Tab{display:flex;width:100%;border-radius:12px;gap:1rem;box-sizing:border-box}.Tab button{width:100%;min-width:unset!important}.card{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--input-bg-color);box-shadow:0 0 2px .1px var(--border-color);border-radius:12px;max-width:600px}.cardItem{width:100%;display:flex;flex-direction:column;gap:1rem;padding:12px;border-top:2px solid rgba(var(--bg-color),.6);box-sizing:border-box}.form-control{color:var(--input-text-color)!important;background-color:var(--bg-color)!important;box-shadow:0 0 2px .1px var(--border-color);border:0;font-weight:500!important;border-radius:12px;padding:.8em 1.2em!important;transition:all .3s ease;font-size:1em!important;flex:1;width:100%;box-sizing:border-box;min-width:0}.input-group{display:flex;flex-direction:column;background-color:var(--setting-bg-color);border:2px solid rgba(var(--input-border-color),.6);box-shadow:0 0 2px .1px var(--border-color);border-radius:12px;overflow:hidden;gap:1rem;width:100%;box-sizing:border-box;padding:1rem}.input-group>*{box-sizing:border-box;min-width:0}.input-group button{transition:all .3s ease;cursor:pointer;min-width:80px;width:100%}.input-group .prepend{padding:0}.form-control:hover,.input-group:hover .input-group-prepend,.input-group:hover button{border-color:var(--border-color)!important}.form-control:focus{color:var(--input-text-color);background-color:var(--input-bg-color);border-color:var(--border-color)!important;box-shadow:0 0 2px .1px var(--border-color);outline:none}.input-group:focus-within .input-group-prepend,.input-group:focus-within button{border-color:var(--border-color)!important}.form-control::placeholder{color:rgba(var(--input-text-color),.6);opacity:.6}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--input-bg-color) inset!important;-webkit-text-fill-color:var(--input-text-color)!important;transition:background-color 5000s ease-in-out 0s}@media (max-width: 768px){.container{padding:1rem .5rem;gap:.8rem}.Title{font-size:2em;margin:.5rem 0;padding:0 .5rem}}@media (max-width: 480px){.container{padding:.5rem .3rem;gap:.5rem}.Title{font-size:1.4em;margin:.3rem 0;padding:0 .3rem;line-height:1.1}.form-control{padding:.4em .6em!important;font-size:.85em!important}}@media (max-height: 600px){.container{padding-top:.3rem}.Title{font-size:1.2em;margin:.2rem 0}}.Header{left:0;width:100%;text-align:center;color:rgba(var(--text-color));font-size:1.2em;overflow:hidden;display:flex;justify-content:space-between;min-height:fit-content}.Score{display:flex;gap:1.2em}.ScoreItem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:fit-content;gap:.3em}@media (max-width: 640px){.Header{font-size:small}}