:root{--mainBackgroundColor:#24262e;--targetColorPast:#1e671e;--targetColorPresent:#c6373c;--targetColorFuture:#414141;--numberColorPast:#d3d3d3;--numberColorPresent:#fff;--numberColorOperation:#676767;--buttonColor:#2e3345;--scrollBarColor:#464957;--font1:"Orbitron",sans-serif;--font2:"Chakra Petch",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}#background,body,html{background-color:#24262e;background-color:var(--mainBackgroundColor)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Orbitron,sans-serif;font-family:var(--font1)}.App{min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;width:100%}#button{border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:2.8vh;font-weight:500;margin:.4em;padding:12px 26px;text-align:center;text-decoration:none;transition:background-color .3s ease}.board-button:hover{background-color:#45a049}#button[disabled],.board-button[disabled],.function-button[disabled],.operation-button[disabled]{cursor:not-allowed;filter:grayscale(.15);opacity:.45}.function-button#button,.operation-button#button{font-size:2.4vh;font-weight:700}.target-numbers,.target-numbers-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.target-number{align-items:center;border-radius:100%;display:flex;height:6vh;justify-content:center;width:6vh}.target-number-number{font-family:var(--font2);font-size:2.0592vh;font-weight:700}.number-container{align-items:center;display:flex;height:52vh;justify-content:center}.number-box{height:52vh;overflow-y:auto;width:50vh}.number-operation{color:var(--numberColorOperation);font-family:var(--font2);font-size:1.5vh;margin:.9vh}.number-past-number{color:#444;font-family:var(--font2);font-size:2.448vh;margin:2vh}.number-current-number{color:var(--numberColorPresent);font-family:var(--font2);font-size:3.168vh;margin:.5em}.limit-text{color:var(--numberColorPresent);font-size:1.98vh;margin:.5em .5em 0}.limit-reached,.limit-reached-number{animation:limitPulse .9s ease-in-out infinite;color:#c0392b;color:var(--limitReachedColor,#c0392b);display:inline-block;font-weight:700;transform-origin:center}@keyframes limitPulse{0%{text-shadow:0 0 0 #0000;transform:scale(1)}50%{text-shadow:0 6px 18px #c0392b2e;transform:scale(1.06)}to{text-shadow:0 0 0 #0000;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.limit-reached,.limit-reached-number{animation:none!important}}.game-timer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:var(--numberColorPresent);font-family:var(--font2);font-size:1.7vh;height:2.5vh;transform:none;z-index:600}.button-container{align-items:center;display:flex;flex-direction:column;height:18vh;justify-content:center;margin-top:0}@media screen and (max-width:768px){.button-container{height:auto;padding:.4rem 0 .6rem}.limit-text{margin-bottom:.25rem;position:relative;z-index:10}}@media screen and (max-width:480px){.button-container{height:auto;padding:.3rem 0 .5rem}.limit-text{margin-bottom:.2rem;z-index:10}}.function-button,.operation-button{background-color:var(--buttonColor)}.function-button#button,.operation-button#button{font-family:var(--font2)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--mainBackgroundColor)}::-webkit-scrollbar-thumb{background-color:var(--scrollBarColor);border-radius:5px}.howto-modal{background-color:#0000008c;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:500}.howto-modal,.howto-modal-content{align-items:center;display:flex;flex-direction:column}.howto-modal-content{background-color:var(--buttonColor);border:1px solid #ffffff0a;border-radius:14px;box-shadow:0 10px 30px #0009,0 2px 6px #0006;color:var(--numberColorPresent);font-family:var(--font2);justify-content:space-evenly;max-width:520px;overflow-y:auto;padding:.8em;position:relative;width:min(90%,40vh)}.howto-modal-title{color:var(--numberColorPresent);font-size:4vh;margin:0 0 .5em}.howto-modal-content p{color:var(--numberColorPresent);font-family:inherit;font-size:2vh;font-weight:500;line-height:1.25;margin:.4em 0}.start-button{padding:.6rem 1.25rem}.howto-modal .start-button,.howto-modal .start-button#button{background-color:var(--targetColorPast);border:none;border-radius:12px;box-shadow:0 6px 18px #1e671e2e;color:#fff;font-size:2vh;font-weight:700;padding:.75rem 1.5rem}.howto-modal .start-button#button:hover,.howto-modal .start-button:hover{background-color:#174d17}.howto-modal .start-button:focus{outline:3px solid #1e671e38}h1{font-size:3.5vh;margin-bottom:.3em}.header-row{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;padding:.5rem;width:100%}.header-title-group{align-items:flex-start;display:flex;flex-direction:column;gap:.025rem}.header-title-wrapper{align-items:center;display:flex;gap:.75rem}.header-title{animation:headerGradientMove 3s linear infinite;background:linear-gradient(90deg,#0098d6,#6fd6ea 50%,#0098d6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000;font-size:2.2rem;font-weight:800;letter-spacing:.02em;text-shadow:0 0 12px #0098d62e,0 2px 8px #00000026}.header-subtitle{color:var(--numberColorPresent);font-size:1rem;font-weight:600;margin-top:0;opacity:.9}.header-hamburger{align-self:flex-end;background:#0000;border:none;cursor:pointer;display:inline-flex;flex-direction:column;height:1.5rem;justify-content:space-between;padding:0;width:1.8rem}.header-hamburger span{background-color:var(--numberColorPresent);border-radius:99px;display:block;height:.17rem;width:100%}.header-hamburger:focus-visible{outline:2px solid #fff6;outline-offset:3px}@keyframes headerGradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer{background-color:var(--mainBackgroundColor);border-top:1px solid var(--borderColor);padding:.5rem;text-align:center;width:100%;z-index:100}.footer p{color:var(--textColor);font-size:.8rem;margin:0;opacity:.8}@media screen and (max-width:768px){.footer{bottom:0;box-sizing:border-box;height:48px;left:0;padding:.4rem;position:fixed;width:100%}.footer p{font-size:.7rem}}@media screen and (max-width:480px){.footer{height:44px;padding:.3rem}.footer p{font-size:.65rem}}.main-container{min-height:100vh;min-width:400px;width:max(60%,400px)}.main-container,.main-content{align-items:center;display:flex;flex-direction:column}.main-content{justify-content:center}@media screen and (max-width:768px){.main-content{padding-bottom:4px}}@media screen and (max-width:480px){.main-content{padding-bottom:4px}}.main-loading{color:var(--numberColorPresent);font-family:var(--font2);font-size:2.2vh;min-height:100vh}.end-modal,.main-loading{align-items:center;display:flex;justify-content:center}.end-modal{background-color:#0000008c;flex-direction:column;height:100%;inset:0;position:fixed;width:100%;z-index:500}.end-modal-content{background-color:var(--buttonColor);border:1px solid #ffffff0a;border-radius:14px;box-shadow:0 10px 30px #0009,0 2px 6px #0006;display:flex;flex-direction:column;justify-content:space-evenly;max-width:420px;overflow-y:auto;padding:.8em;position:relative;width:90%}.end-modal-close,.end-modal-content{align-items:center;color:var(--numberColorPresent)}.end-modal-close{background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1.3rem;justify-content:center;line-height:1;padding:6px 8px;position:absolute;right:8px;top:8px}.end-modal-close:focus{outline:2px solid #ffffff1f;outline-offset:2px}.end-modal-close:hover{background:#ffffff05}.end-modal-title{color:var(--numberColorPresent);font-size:4.725vh;margin:0 0 .5em}.end-modal-content p{color:var(--numberColorPresent);font-family:inherit;font-size:2.025vh;font-weight:500;line-height:1.25;margin:.4em 0}.end-modal-content .end-modal-meta{font-family:var(--font2);font-size:2.8vh;font-weight:300;margin:.35em 0}.end-modal-content .share-button,.end-modal-content .share-button:hover{background-color:#7a7cec}.end-modal-history{background-color:#ffffff0d;border-radius:8px;color:inherit;font-size:2.4vh;letter-spacing:.3em;margin-top:.6rem;padding:.8rem;text-align:center;word-break:break-all}.end-modal-emoji-row{display:flex;gap:.6rem;justify-content:center;margin:.25rem 0}.end-modal-emoji{display:inline-block;font-size:2.6rem;line-height:1}
/*# sourceMappingURL=main.366b5ac2.css.map*/