.main-content{text-align:center}.main-content .heading{padding:10px 30px}.rules-details{margin-bottom:8px;max-width:520px;color:#fff;text-align:center;margin-left:auto;margin-right:auto}.rules-summary{font-size:1.2rem;font-weight:500;cursor:pointer}.rules-content{margin-top:10px;text-align:left;padding-left:20px}.status-label{font-size:20px;font-weight:600;color:#000}.timer-label{font-size:20px;font-weight:600;margin-left:1ch;color:#000}.score-label{font-size:20px;font-weight:600;color:#000}.button-row{display:flex;gap:6px;justify-content:center}.button-row.button-row-left{justify-content:flex-start}.button-row-col{flex-direction:column;align-items:center;gap:2px;display:flex}.optimal-note{font-size:13px;color:#64748b;margin-top:2px;z-index:10;text-align:center;white-space:normal;width:max-content}span.reveal-optimal{cursor:pointer;color:#000;text-decoration:underline;transition:color .2s}span.reveal-optimal:hover{color:#0e52d1}details{text-align:center}details>summary{text-align:center;list-style-position:inside;width:100%}.statusval,.scoreval,.timerval{font-weight:700;display:inline-block;text-align:left;vertical-align:bottom}.statusval,.scoreval{min-width:8ch}.timerval{min-width:6ch}.statusbox{margin-bottom:18px;background:#38bdf8;padding:8px 24px;border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;box-shadow:0 1px 6px #0001;border:1px solid #000}.wrap{background:#111827;padding:10px 22px;border-radius:10px;display:flex;flex-direction:column;align-items:center}.grid{display:grid;grid-template-columns:repeat(9,48px);grid-template-rows:repeat(9,48px);gap:0;background:#000;overflow:visible;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000;box-sizing:border-box}.cell{width:48px;height:48px;border:1px solid #000;background:#16202e;color:#000;text-align:center;font-size:32px;font-weight:500;line-height:44px;outline:none;caret-color:#000;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0;padding:3px 0 0 1px;box-sizing:border-box}@media (max-width: 500px){.main-content .heading{font-size:1.2rem;padding:8px 16px}.status-label,.timer-label,.score-label{font-size:1rem;margin-left:8px}.statusval,.scoreval,.timerval{min-width:4ch;font-size:1rem}.statusbox{padding:6px 12px 6px 6px;gap:5px}.wrap{padding:8px 5px}.grid{grid-template-columns:repeat(9,36px);grid-template-rows:repeat(9,36px)}.cell{width:36px;height:36px;font-size:24px;line-height:28px}}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid red;border-radius:2px;outline:3px solid red;pointer-events:none;z-index:2}.actions{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}button{background:#38bdf8;color:#000;border:1px solid #000;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #0002;transition:background .2s}button:hover{background:#0ea5e9}button.disabled{background:#444;color:#aaa;cursor:not-allowed}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial}html{overflow-y:scroll}.main-content{flex:1;display:flex;align-items:center;flex-direction:column;padding-top:2rem}.main-btn{font-size:1.5em;padding:1em 2em;border-radius:8px;background:#38bdf8;color:#000;border:1px solid #000;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #0002;transition:background .2s;text-decoration:none}.main-btn:hover{background:#0ea5e9}.heading{display:inline-block;background:#38bdf8;color:#000;padding:10px 20px;border-radius:12px;font-size:2.1rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #0002;margin-bottom:24px}footer{padding-top:.5rem;padding-bottom:.5rem;text-align:center;font-size:13px;color:#64748b;opacity:.7;-webkit-user-select:none;user-select:none}.container{max-width:1100px;margin:0 auto;width:100%;text-align:center}