:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d1117;color:#e6edf3}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;overscroll-behavior:none}main{width:min(100%,456px);padding:16px 16px 12px}header{display:flex;align-items:center;justify-content:space-between;height:62px;margin-bottom:12px}.scores{display:flex;gap:18px;align-items:baseline}.scores>strong{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px}.scores span{display:flex;gap:5px;align-items:center;color:#8b949e;font-size:13px}.scores b{font-weight:500}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.scores svg{width:14px;height:14px}.controls{display:flex;align-items:center;gap:8px}button{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid transparent;border-radius:7px;color:#8b949e;cursor:pointer}button:hover{background:#21262d;border-color:#30363d;color:#e6edf3}button:focus-visible{outline:2px solid #58a6ff;outline-offset:3px}button.muted{opacity:.35}.next{display:grid;place-items:center;width:40px;height:40px;margin-right:5px;border:1px solid #30363d;border-radius:9px;background:#161b22}.next img{max-width:28px;max-height:30px}.board{position:relative;border:1px solid #30363d;border-radius:12px;overflow:hidden;background:#161b22;box-shadow:0 16px 60px #0003}canvas{display:block;width:100%;touch-action:none}footer{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}footer img{max-width:23px;max-height:26px;opacity:.32;transition:opacity .3s}footer img.unlocked{opacity:.9}#over,#loading{position:absolute;inset:0;display:grid;place-items:center;background:#0d1117c9;backdrop-filter:blur(8px)}#over[hidden],#loading[hidden]{display:none}#over>div{display:flex;align-items:center;gap:24px}#final{font-size:48px;font-weight:500;letter-spacing:-2px}#again{width:48px;height:48px;border-color:#30363d;background:#21262d}#loading i{width:22px;height:22px;border:2px solid #30363d;border-top-color:#8b949e;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:760px){main{width:min(100%,390px);padding-top:6px}header{height:48px;margin-bottom:8px}footer{height:30px;margin-top:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}