:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;align-items:center;justify-content:center;height:100vh}.wrap{display:flex;flex-direction:column;align-items:center;height:100%;user-select:none;gap:20px}.seconds{font-size:20px;line-height:1;font-weight:500;height:1em}.btn{border-radius:8px;border:1px solid transparent;padding:14px 20px;font-size:20px;font-weight:700;font-family:inherit;background-color:#029779;color:#fff;cursor:pointer;width:100%;transition:border-color .25s}.btn:hover{border-color:#fff}.bg-red{background-color:#97122b}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;width:300px;height:300px;border:2px solid #adadad;border-radius:16px;padding:10px;box-sizing:border-box;position:relative}.normal{grid-template-columns:repeat(4,1fr);width:400px;height:400px}.hard{grid-template-columns:repeat(5,1fr);width:500px;height:500px}.grid-item{display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;border:4px outset white;border-radius:10px;color:#fff}.mode,.mode>*{height:30px}.completed{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;font-size:30px;font-weight:700;font-style:italic}.animation{color:transparent;background:linear-gradient(135deg,#33f425,#1fe3f9,#f9df1f) 0 0 / 400% 100%;-webkit-background-clip:text;background-clip:text;animation:bg-pos 8s ease-out infinite}@keyframes bg-pos{to{background-position:-400% 0}}