:root{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b1220;color:#e8eefc}.wrap{max-width:900px;margin:0 auto;padding:16px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.title{font-size:22px;font-weight:800}.sub{opacity:.8;font-size:12px;margin-top:2px}.hud{display:flex;gap:10px;align-items:center}.pill{background:#ffffff14;padding:8px 10px;border-radius:999px}.btn{background:#ffffff1a;color:#e8eefc;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{margin-top:14px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.stats{opacity:.85;font-size:12px;line-height:1.5}.win{margin:12px 0;padding:10px 12px;border:1px solid rgba(40,255,140,.35);background:#28ff8c1f;border-radius:12px}.board{margin-top:14px;display:grid;grid-template-columns:repeat(9,44px);grid-template-rows:repeat(9,44px);gap:2px;justify-content:center;-webkit-user-select:none;user-select:none}.cell{width:44px;height:44px;border:3px solid rgba(255,255,255,.1);border-radius:1px;background:#ffffff0f;display:grid;place-items:center;font-size:40px;cursor:pointer}.cell.r3{box-shadow:0 2px #ffffff14}.cell.c3{box-shadow:2px 0 #ffffff14}.cell.reg-0{background:#78aafffc}.cell.reg-1{background:#ffaa78fc}.cell.reg-2{background:#aaff78fc}.cell.reg-3{background:#ff78c8fc}.cell.reg-4{background:#a078fffc}.cell.reg-5{background:#78ffdcfc}.cell.reg-6{background:#fff078fc}.cell.reg-7{background:#ff7878fc}.cell.reg-8{background:#c8c8c8fc}.cell{background:#ffffff12}.cell.star{background:#ffffff29!important}.cell.x{opacity:.9}.cell.auto{opacity:.55}.cell.star{background:#ffffff1f}.cell.bad{outline:2px solid rgba(255,90,90,.75)}.foot{margin-top:14px;opacity:.7;font-size:12px;text-align:center}