@property --w{syntax: "<length>"; initial: 1vw; inherits: true;}#root{max-width:480px;margin:0 auto;padding:calc(6 * var(--w));text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;--w: 1vw}@media screen and (min-width: 480px){#root{--w: 4.8px}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.fill-flex{flex:1}.header{display:flex;width:100%;justify-content:space-between;align-items:center}.header .game-status-hint{display:inline-flex;font-size:calc(6 * var(--w));gap:2px}.timer{font-size:calc(6 * var(--w))}.timer.slower{color:var(--error-color)}hr{width:100%}.game-grid{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);grid-gap:2vw;justify-items:center}.game-grid.dim{filter:brightness(.25) contrast(.25)}.game-grid .cell{display:inline-flex;justify-content:center;align-items:center}.game-grid .cell button{width:calc(16 * var(--w));height:calc(16 * var(--w));font-size:calc(7 * var(--w));padding:0;font-family:Arial,Helvetica,sans-serif}.result-row{width:320px;display:flex;justify-content:space-between;align-items:center}.result-row .title,.result-row .value{font-size:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:-webkit-fill-available;color-scheme:light dark;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--error-color: #ff6464}*{touch-action:pan-x pan-y}input:is([type=button],[type=submit],[type=reset]),input[type=file]::file-selector-button,button:not([disabled]){color:inherit}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;min-width:320px;height:-webkit-fill-available}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4,h5,h6{margin:.5em 0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-color);border-color:var(--secondary-color);cursor:pointer;transition:border-color .25s}button[disabled]:hover,button[disabled]{border-color:var(--background-color)}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.primary{background-color:var(--primary-color)}button.primary:hover{border-color:var(--x-color)}